echarts实现流程图以及分割面板组件 9.57KB

xiuxialala

资源文件列表:

testEchartProgress.zip 大约有8个文件

testEchartProgress/components/
testEchartProgress/components/kyy-split-pane-hide/
testEchartProgress/components/kyy-split-pane-hide/drag.svg 794B
testEchartProgress/components/kyy-split-pane-hide/index.vue 3.26KB
testEchartProgress/components/progress.vue 26.46KB
testEchartProgress/components/rightPanel.vue 8.68KB
testEchartProgress/index.vue 4.81KB
testEchartProgress/

资源介绍:

echarts实现流程图以及分割面板组件

<template> <div ref="myChart" id="myChart" style="width:100%;height:100%;"></div> </template> <script> export default { props:['currentNodeObj'], watch:{ currentNodeObj: { handler(val){ if(val.id=='1'){ this.$nextTick(()=>{ this.myChart && this.myChart.clear() && this.myChart.dispose(); this.initTu(this.progress1.charts); }) }else if(val.id=='2'){ this.$nextTick(()=>{ this.myChart && this.myChart.clear() && this.myChart.dispose(); this.initTu(this.progress2.charts); }) }else if(val.id=='3'){ this.$nextTick(()=>{ this.myChart && this.myChart.clear() && this.myChart.dispose(); this.initTu(this.progress3.charts); }) } }, immediate:true, deep:true }, }, data() { return { progress1:{ charts:{ nodes: [ // 节点 { name: '开始', value: [200, 800], // symbol: "circle", // symbolSize: 50, label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [50,50,50,50], backgroundColor: '#fff', color: '#000', padding: [15, 15, 15, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '生成', value: [400, 800], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '质控', value: [600, 800], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '初审', value: [800, 800], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '复审', value: [800, 400], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '终审', value: [600, 400], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '上传', value: [400, 400], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [4, 4, 4, 4], backgroundColor: '#fff', color: '#000', padding: [10, 15, 10, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { backgroundColor: '#08979C', color: '#fff', } } }, { name: '结束', value: [200, 400], label: { borderColor: '#e5e8e8', // 边框颜色 borderWidth: 1, // 边框宽度 borderRadius: [50,50,50,50], backgroundColor: '#fff', color: '#000', padding: [15, 15, 15, 15], }, select:{ label:{ backgroundColor: '#08979C', color: '#fff', } }, emphasis:{ label: { ba

标题	大小	时间
网站监控定时任务网址url监控神器.zip	5.58MB	8月前

表白墙网站PHP程序源码.zip	6.01MB	8月前
一款工具箱兼做软件库简盒工具箱iapp源码	7.24MB	8月前
n网strackerload	1.32MB	8月前
2022年第一篇C语言50行代码制作爱心电子相册的代码	11.26MB	8月前

很好的MCJAVA版启动器-HMCL与PCL	6.4MB	8月前
(解压密码1234) C#混淆加密大师1.2.0最新版	6.3MB	8月前
最简单的基于GO的文件服务器	3.55MB	8月前