报告维护加的几个echarts

src/views/report/Overvoewnew.vue

@@ -87,7 +87,7 @@
           title="学员完成项目漏斗"
           :bordered="false"
       >
-        <div ref="funnelChart" style="width: 100%; height: 300px;"></div>
+        <div ref="funnelChart" style="width: 100%; height: 300px;">111</div>
       </a-card>
 
       <!-- 完成比例柱状图 -->
@@ -309,18 +309,18 @@
           onChange: onSelectChange,
         }"
       >
-<!--        <template v-slot:header>-->
-<!--          <draggable-->
-<!--              v-model="columns"-->
-<!--              item-key="key"-->
-<!--              :list="columns"-->
-<!--              :group="{ name: 'columns', pull: 'clone', put: false }"-->
-<!--          >-->
-<!--            <template #item="{ element }">-->
-<!--              <a-table-column :title="element.title" :dataIndex="element.dataIndex" :key="element.key"></a-table-column>-->
-<!--            </template>-->
-<!--          </draggable>-->
-<!--        </template>-->
+        <template v-slot:header>
+          <draggable
+              v-model="columns"
+              item-key="key"
+              :list="columns"
+              :group="{ name: 'columns', pull: 'clone', put: false }"
+          >
+            <template #item="{ element }">
+              <a-table-column :title="element.title" :dataIndex="element.dataIndex" :key="element.key"></a-table-column>
+            </template>
+          </draggable>
+        </template>
 
 
       </a-table>
@@ -358,6 +358,7 @@ import {useStore} from "vuex";
 import PostSelectNew from "@/components/growthpath/PostSelect.vue";
 import OfficeSelect from "@/components/growthpath/OfficeSelect.vue";
 import draggable from 'vuedraggable';
+// import {log} from "echarts/types/src/util/log";
 
 
 export default {
@@ -380,6 +381,8 @@ export default {
     let myPieChart = null;
 
     onMounted(() => {
+      console.log(88888888888)
+      console.log(funnelChart.value)
       // 初始化漏斗图
       myFunnelChart = echarts.init(funnelChart.value);
       const funnelOption = {
@@ -593,9 +596,9 @@ export default {
 
       // 窗口大小变化时重新调整图表大小
       window.addEventListener('resize', () => {
+        myFunnelChart?.resize();
         myChart?.resize();
         myPieChart?.resize();
-        myFunnelChart?.resize();
       });
     });
 
@@ -676,15 +679,19 @@ export default {
     }
 
     function afterApiPage(res) {
+      console.log(res)
       if (res && res.data) {
         let resData = res.data;
-        if (resData.code == 200) {
-          let list = resData.data?.records?.map((item) => {
+        if (res.code == 200) {
+          let list = res.data?.records?.map((item) => {
             return {
               key: item.id,
               ...item,
             };
           });
+          alert("列表出现")
+          console.log("list出现")
+          console.log(list)
           tableData.value = list;
           state.tableDataTotal = resData.data?.total;
         } else {
@@ -2315,7 +2322,10 @@ export default {
       handleResizeColumn,
       onDragEnd,
       sysTypeOptions,
-      handleTableChange
+      handleTableChange,
+      funnelChart,
+      chart,
+      pieChart
     };
   },
 };