taskid:088 remark:"commit"

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

@@ -20,6 +20,7 @@
           v-if="gData && gData.length > 0"
           :expanded-keys="expandedKeys"
           :auto-expand-parent="autoExpandParent"
+          :selectedKeys="selectedKeys"
           :tree-data="gData"
           show-line
           @expand="onExpand"
@@ -84,12 +85,12 @@
           >
           <a-row>
             <a-col :span="12">
-              <a-form-item ref="name" label="能源种类" name="energyType">
-                <a-range-picker v-model:value="formState.energyType" picker="month" style="width:200px;" />
+              <a-form-item ref="name" label="日期范围" name="dateRange">
+                <a-range-picker v-model:value="formState.dateRange" picker="month" valueFormat="YYYY-MM" />
               </a-form-item>
             </a-col>
             <a-col :span="12">
-              <a-form-item ref="name" label="排放因子" name="energyType">
+              <a-form-item ref="name" label="排放因子" name="emissionFactors">
                 <ns-input v-model:value="formState.emissionFactors" disabled />
               </a-form-item>
             </a-col>
@@ -197,7 +198,8 @@
     }
     return parentKey;
   };
-  const expandedKeys = ref<(string | number)[]>([]);
+  const expandedKeys = ref<(string | number)[]>(['0-0']);
+  const selectedKeys = ref<string[]>(['0-0-0']);
   const searchValue = ref<string>('');
   const autoExpandParent = ref<boolean>(true);
   const gData = ref<TreeProps['treeData']>(genData);
@@ -207,9 +209,11 @@
     autoExpandParent.value = false;
   };
   // 被选中的树节点
-  const onSelect = (selectedKeys: string[], info: any) => {
+  const onSelect = (selectedKey: string[], info: any) => {
+    selectedKeys.value = selectedKey; 
     if(info.selected){
       queryParams.value.energyType = info.node.id
+      statsId.value = info.node.id
       getTableList()
     }
   };
@@ -230,10 +234,15 @@
   // 查询因子分类树数据
   const onSearchTreeData = () => {
   };
+  const statsId = ref()
   // 获取因子分类树数据
   const getTreeData = () => {
     fetch(quickCalculation.carbonQuickTree).then((res) => {
       gData.value = res.data
+      debugger
+      queryParams.value.energyType = gData.value[0].children[0].id
+      statsId.value = gData.value[0].children[0].id
+      getTableList()
     });
   };
   getTreeData()
@@ -242,7 +251,7 @@
   const queryParams = ref({
     pageNum: 1,
     pageSize: 10,
-    orgId: orgId.value,
+    orgId: orgId.value
   })
   const tableData = ref([]);
   // 获取列表数据
@@ -252,7 +261,6 @@
       total.value = res.data.total
     });
   };
-  getTableList()
   // 分页器
   const onChange = (pageNumber: number,size: number) => {
     queryParams.value.pageNum = pageNumber;
@@ -268,7 +276,8 @@
   
   // 定义form表单的必填
   const rules: Record<string, Rule[]> = {
-    energyType: [{ required: true, message: '请输入能源种类', trigger: 'change' }],
+    dateRange: [{ required: true, message: '请选择日期范围', trigger: 'change' }],
+    emissionFactors: [{ required: true, message: '请输入能源种类', trigger: 'change' }],
   };
   // 点击新增按钮
   const addNewData = () => {
@@ -280,6 +289,7 @@
   const onSelectionChange = (selectedKeys, selectedRows) => {
     selectedRowKeys.value = selectedKeys;
     formState.value.emissionFactors = selectedRows[0].emissionFactors
+    formState.value.carbonId = selectedRows[0].id
   };
   const queryData = ref({
     orgId: orgId.value,
@@ -294,18 +304,41 @@
   };
   // 点击编辑按钮
   const editData = (record) =>{
+    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()
   };
   // 点击确定提交
   const onSubmit = () => {
     formRef.value
       .validate()
       .then(() => {
+        formState.value.statsId = statsId.value
+        formState.value.startTime = formState.value.dateRange[0]
+        formState.value.endTime = formState.value.dateRange[1]
         console.log('values', formState, toRaw(formState));
-        fetch(quickCalculation.creat,formState.value).then((res) => {
-          console.log(res);
-          
-        });
+        debugger
+        if(formState.value.id){
+          fetch(quickCalculation.update,formState.value).then((res) => {
+            visible.value = false
+            selectedRowKeys.value = [];
+            formState.value = {}
+            formRef.value.resetFields();
+            getTableList()
+          });
+        }else{
+          fetch(quickCalculation.creat,formState.value).then((res) => {
+            visible.value = false
+            selectedRowKeys.value = [];
+            formState.value = {}
+            formRef.value.resetFields();
+            getTableList()
+          });
+        }
       })
       .catch(error => {
         console.log('error', error);
@@ -334,6 +367,7 @@
   const onClose = () => {
     visible.value = false;
     selectedRowKeys.value = [];
+    formState.value = {}
     formRef.value.resetFields();
   };
 </script>