taskId:099 remark:"commit"

hx-ai-intelligent/src/view/carbonEmissionManage/carbonEmissionStatistics/quickCalculation/index.vue

@@ -39,7 +39,7 @@
       </div>
     </div>
     <div class="right">
-      <a-table 
+      <!-- <a-table 
         :columns="columns" 
         :data-source="tableData" 
         bordered
@@ -59,7 +59,8 @@
             <a-button type="primary" @click="addNewData">新增</a-button>
           </div>
         </template>
-      </a-table>
+      </a-table> -->
+      <ns-view-list-table v-bind="tableConfig" :model="tableData" ref="mainRef" />
       <a-pagination 
         :current="queryParams.pageNum"
         :total="total"
@@ -139,6 +140,7 @@
   const fetch = (api, params = { orgId } ) => {
     return http.post(api, params);
   };
+  const mainRef = ref();
   // 数结构
   const x = 3;
   const y = 2;
@@ -209,12 +211,13 @@
     autoExpandParent.value = false;
   };
   // 被选中的树节点
+  const energyType = ref()
   const onSelect = (selectedKey: string[], info: any) => {
     selectedKeys.value = selectedKey; 
     if(info.selected){
-      queryParams.value.energyType = info.node.id
+      energyType.value = info.node.id
       statsId.value = info.node.id
-      getTableList()
+      mainRef.value?.nsTableRef.reload();
     }
   };
 
@@ -239,10 +242,9 @@
   const getTreeData = () => {
     fetch(quickCalculation.carbonQuickTree).then((res) => {
       gData.value = res.data
-      debugger
-      queryParams.value.energyType = gData.value[0].children[0].id
+      energyType.value = gData.value[0].children[0].id
       statsId.value = gData.value[0].children[0].id
-      getTableList()
+      mainRef.value?.nsTableRef.reload();
     });
   };
   getTreeData()
@@ -254,6 +256,90 @@
     orgId: orgId.value
   })
   const tableData = ref([]);
+  
+  const tableConfig = ref({
+    title: '排放因子库',
+    api: quickCalculation.queryCarbonEmissionPage,
+    params: {
+      orgId,
+      energyType
+    },
+    headerActions: [
+      {
+        label: '新增',
+        name: 'userAdd',
+        type: 'primary',
+        handle: () => {
+          visible.value = true
+          getNewTable()
+        },
+      },
+    ],
+    columns: [
+      {
+        title: '序号',
+        customRender: (text: any) => {
+          return text.index + 1;
+        },
+      },
+      {
+        title: '因子值',
+        dataIndex: 'emissionFactors',
+      },
+      {
+        title: '计量单位',
+        className: 'carbonEmissionSuffix',
+        dataIndex: 'carbonEmissionSuffix',
+      },
+      {
+        title: '更新时间',
+        className: 'updateTime',
+        dataIndex: 'updateTime',
+      },
+      {
+        title: '启用时间',
+        className: 'startTime',
+        dataIndex: 'startTime',
+      },
+      {
+        title: '结束时间',
+        className: 'endTime',
+        dataIndex: 'endTime',
+      },
+      {
+        title: '数据来源',
+        className: 'dataSources',
+        dataIndex: 'dataSources',
+      },
+    ],
+    columnActions: {
+      title: '操作',
+      actions: [
+        {
+          label: '编辑',
+          name: 'userEdit',
+          handle: (record: any) => {
+            selectedRowKeys.value = [record.carbonId];
+            formState.value.id = record.id
+            formState.value.emissionFactors = record.emissionFactors
+            formState.value.dateRange = [record.startTime, record.endTime];
+            formState.value.carbonId = record.carbonId
+            visible.value = true
+            getNewTable()
+          },
+        },
+        {
+          label: '删除',
+          name: 'userDelete',
+          dynamicParams: { id: 'id' },
+          confirm: true,
+          isReload: true,
+          api: quickCalculation.del,
+        },
+      ],
+    },
+    rowKey: 'id',
+  });
   // 获取列表数据
   const getTableList = () => {
     fetch(quickCalculation.queryCarbonEmissionPage,queryParams.value).then((res) => {
@@ -265,7 +351,7 @@
   const onChange = (pageNumber: number,size: number) => {
     queryParams.value.pageNum = pageNumber;
     queryParams.value.pageSize = size;
-    getTableList()
+    mainRef.value?.nsTableRef.reload();
   };
   // 新增/编辑
   const formRef = ref();
@@ -321,14 +407,13 @@
         formState.value.startTime = formState.value.dateRange[0]
         formState.value.endTime = formState.value.dateRange[1]
         console.log('values', formState, toRaw(formState));
-        debugger
         if(formState.value.id){
           fetch(quickCalculation.update,formState.value).then((res) => {
             visible.value = false
             selectedRowKeys.value = [];
             formState.value = {}
             formRef.value.resetFields();
-            getTableList()
+            mainRef.value?.nsTableRef.reload();
           });
         }else{
           fetch(quickCalculation.creat,formState.value).then((res) => {
@@ -336,7 +421,7 @@
             selectedRowKeys.value = [];
             formState.value = {}
             formRef.value.resetFields();
-            getTableList()
+            mainRef.value?.nsTableRef.reload();
           });
         }
       })
@@ -408,6 +493,9 @@
   ::v-deep .ant-table-container{
     padding: 0px 16px;
   }
+  :deep(.ns-table-main) {
+    margin-top: unset !important;
+  }
   .top {
     overflow: auto;
   }