修改工作组详情概览

src/views/system/workspace/detail.vue

@@ -106,12 +106,11 @@
                   </Col>
                 </div>
               </Card>
-
               <Card>
                 <div class="process_title">
                   <div class="title_info">执行统计</div>
                 </div>
-                <div ref="chartRef" style="width: 100%;height: 100%"></div>
+                <div ref="chartRef" style="width: 600px; height: 250px; float: left"></div>
               </Card>
             </Col>
             <Col :span="6" class="homePage_right">
@@ -208,7 +207,7 @@
 </template>
 
 <script lang="ts" setup>
-import {onMounted, reactive, Ref, ref} from 'vue';
+  import { onMounted, reactive, Ref, ref } from 'vue';
   import { useRoute } from 'vue-router';
   import { PageWrapper } from '@/components/Page';
   import { useGo } from '@/hooks/web/usePage';
@@ -232,9 +231,8 @@ import {onMounted, reactive, Ref, ref} from 'vue';
 
   defineOptions({ name: 'AccountDetail' });
 
-
-const chartRef = ref<HTMLDivElement | null>(null);
-const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
+  const chartRef = ref<HTMLDivElement | null>(null);
+  const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
   const tableData = ref([]);
   const [registerTable, { reload, updateTableDataRecord, getSearchInfo, getForm }] = useTable({
     title: '工作组列表',
@@ -257,7 +255,7 @@ const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
       }
       return { ...response, data: data };
     },
-    rowKey: 'id',
+    rowKey: 'businessId',
     columns,
     formConfig: {
       labelWidth: 120,
@@ -395,22 +393,23 @@ const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
   // 页面左侧点击返回链接时的操作
   function goBack() {
     // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
-    go('/system/system/workspace');
+    go('/system/workspace');
   }
-/** 执行统计echarts渲染*/
-function getEchartsData() {
+  /** 执行统计echarts渲染*/
+  function getEchartsData() {
     setOptions({
       tooltip: {
         trigger: 'item',
       },
       legend: {
-      bottom: '1%',
-      left: 'center',
+        orient: 'vertical',
+        left: '90%',
+        top: 'center',
       },
       series: [
         {
           color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
-        name: '访问来源',
+          name: '任务',
           type: 'pie',
           radius: ['40%', '70%'],
           avoidLabelOverlap: false,
@@ -419,38 +418,34 @@ function getEchartsData() {
             borderColor: '#fff',
             borderWidth: 2,
           },
-        label: {
-          show: false,
-          position: 'center',
-        },
-        emphasis: {
           label: {
             show: true,
-            fontSize: '12',
-            fontWeight: 'bold',
-          },
+            position: 'right',
+            formatter: '{b}: {c} ({d}%)',
           },
           labelLine: {
-          show: false,
+            show: true,
+            length: 30,
+            length2: 30,
           },
           data: [
-          { value: 1048, name: '搜索引擎' },
-          { value: 735, name: '直接访问' },
-          { value: 580, name: '邮件营销' },
-          { value: 484, name: '联盟广告' },
+            { value: 1048, name: '成功' },
+            { value: 735, name: '进行中' },
+            { value: 580, name: '等待' },
+            { value: 484, name: '失败' },
           ],
           animationType: 'scale',
           animationEasing: 'exponentialInOut',
-        animationDelay: function () {
+          animationDelay: function (idx) {
             return Math.random() * 100;
           },
         },
       ],
     });
-}
+  }
   onMounted(() => {
     tableData.value = TreeData;
-    getEchartsData()
+    getEchartsData();
   });
 </script>
 
@@ -476,7 +471,7 @@ function getEchartsData() {
       }
     }
     .homePage_left {
-      .executeStatistics_card{
+      .executeStatistics_card {
         margin-top: 20px;
       }
       .homePage_img {

src/views/system/workspace/index.vue

@@ -81,7 +81,7 @@
       }
       return { ...response, data: data };
     },
-    rowKey: 'id',
+    rowKey: 'businessId',
     columns,
     formConfig: {
       labelWidth: 120,