1. 首页

src/views/plugin/workflow/process/components/form.vue

@@ -277,7 +277,6 @@ export default {
     // 任务父类
     taskParentChange(id) {
       getTaskTypeData({ parentId: id }).then((res) => {
-        console.log(this.option.column)
         const renwuzhonglei = this.findObject(
           this.option.column,
           "renwuzhonglei"

src/views/plugin/workflow/process/crontab.vue

@@ -109,7 +109,7 @@
             >详情</el-button
           >
            <el-button
-            v-if="row.isBreak === 0"
+            v-if="row.isBreak === 0 && row.status === 10"
             type="danger"
             @click="stopHandle(row)"
             >终止</el-button

src/views/wel/index.vue

@@ -6,7 +6,11 @@
         v-for="(item, index) in headerList"
         :key="index"
       >
-        <div class="header__item__box" @click="goRouter(item)" :style="{cursor:[1,2].includes(item.id)?'pointer':'default'}">
+        <div
+          class="header__item__box"
+          @click="goRouter(item)"
+          :style="{ cursor: [1, 2].includes(item.id) ? 'pointer' : 'default' }"
+        >
           <div>
             <span class="title">{{ item.title }}</span
             ><br />
@@ -34,13 +38,35 @@
     </div>
     <div class="footer">
       <div class="footer__item1">
-        <div id="pieItemOne" style="height: 310px"></div>
+        <div id="pieItemOne" style="height: 310px" v-if="flowType"></div>
+        <img
+          v-else
+          :src="require('@/assets/img/wel/zhanwushuju.png')"
+          alt=""
+          height="310px"
+          width="100%"
+        />
       </div>
       <div class="footer__item2">
-        <div id="pieItemTwo" style="height: 310px;"></div>
+        <div id="pieItemTwo" style="height: 310px" v-if="flowStatus"></div>
+        <img
+          v-else
+          :src="require('@/assets/img/wel/zhanwushuju.png')"
+          alt=""
+          height="310px"
+          width="100%"
+        />
       </div>
       <div class="footer__item3">
-        <div id="barChart" style="height: 310px"></div>
+        <div id="barChart" style="height: 310px" v-if="flowTime"></div>
+        <img
+          v-else
+          :src="require('@/assets/img/wel/zhanwushuju.png')"
+          alt=""
+          height="310px"
+          width="60%"
+          style="margin-left:20%;"
+        />
       </div>
     </div>
   </div>
@@ -63,27 +89,30 @@ export default {
           id: 1,
           title: "到期提醒",
           num: "",
-          link: "/plugin/workflow/process/workorder"
+          link: "/plugin/workflow/process/workorder",
         },
         {
           id: 2,
           title: "我的待办",
           num: "",
-          link: "/plugin/workflow/process/todo"
+          link: "/plugin/workflow/process/todo",
         },
         {
           id: 3,
           title: "今日新增",
           num: "",
-          link: ""
+          link: "",
         },
         {
           id: 4,
           title: "今日完成",
           num: "",
-          link: ""
+          link: "",
         },
       ],
+      flowType: true,
+      flowStatus: true,
+      flowTime: true,
     };
   },
   created() {
@@ -239,7 +268,7 @@ export default {
         series: [
           {
             center: ["36%", "48%"],
-            name: "业务类型统计",
+            name: "",
             type: "pie",
             radius: "55%",
             data,
@@ -274,7 +303,7 @@ export default {
       var myChart = this.$echarts.init(document.getElementById("pieItemTwo"));
       //配置图表
       var option = {
-        color: ["#FF9130", "#2EE27C", "#4CA3FB"],
+        color: ["#FF9130", "#4CA3FB", "#2EE27C"],
         title: {
           text: "按照完成状态统计",
           textStyle: {
@@ -459,27 +488,45 @@ export default {
       });
       // 类型统计
       getFlowListType().then((res) => {
-        this.pieOneChart(res.data.data);
+        let data = res.data.data;
+        if (data.length > 0) {
+          this.flowType = true;
+          this.pieOneChart(data);
+        } else {
+          this.flowType = false;
+        }
       });
       // 完成状态
       getFlowStatus().then((res) => {
-        this.pieTwoChart(res.data.data);
+        let data = res.data.data;
+        if (data.length > 0) {
+          this.flowStatus = true;
+          this.pieTwoChart(data);
+        } else {
+          this.flowStatus = false;
+        }
       });
       // 任务耗时
       getFlowTakeTime().then((res) => {
-        const { XData, YData } = res.data.data;
-        const data = XData.map((item) => {
+        let result = res.data.data;
+        if (result.XData.length > 0) {
+          this.flowTime = true;
+          const { XData, YData } = result;
+          const xdata = XData.map((item) => {
             return item + "天";
           });
-        this.barChart(data, YData);
+          this.barChart(xdata, YData);
+        } else {
+          this.flowTime = false;
+        }
       });
     },
     goRouter(item) {
       if ([1, 2].includes(item.id)) {
-        this.$router.push(item.link)
-      }
+        this.$router.push(item.link);
       }
     },
+  },
 };
 </script>