合同清单树修改

src/views/project/debit/contract/check-list.vue

@@ -2,7 +2,7 @@
     <div class="relative h-full flex">
         <div :id="`hc_tree_card_${uuid}`">
             <hc-new-card v-loading="treeLoaing" scrollbar>
-                <HcDataTree :h-props="treeProps" :datas="treeData" is-load-menu @menuTap="treeMenuTap" @nodeTap="treeNodeTap" @loadMenu="treeLoadMenu" />
+                <HcDataTree :h-props="treeProps" :datas="treeData" is-load-menu :auto-expand-keys="autoExpandKeys" @menuTap="treeMenuTap" @nodeTap="treeNodeTap" @loadMenu="treeLoadMenu" />
             </hc-new-card>
         </div>
         <div :id="`hc_table_card_${uuid}`" class="flex-1">
@@ -188,7 +188,7 @@
         </hc-new-dialog>
 
         <!-- 增补清单 -->
-        <hc-new-dialog v-model="supplementsModalShow" widths="1100px" title="增补清单" @save="supplementsModalSave">
+        <hc-new-dialog v-model="supplementsModalShow" widths="1100px" title="增补清单" :loading="supplementLoading" @save="supplementsModalSave">
             <el-form ref="supplementsFormRef" class="p-4" label-position="left" label-width="auto" :model="supplementsFormModel" :rules="supplementsFormRules">
                 <el-row :gutter="20">
                     <el-col :span="8">
@@ -284,6 +284,7 @@ import infoTable from './components/check-list/info-table.vue'
 import infoTable1 from './components/check-list/info-table1.vue'
 import { addNode, deleteNode, getDetail, getFormTree, sortForm, updateForm } from '~api/project/debit/contract.js'
 import { getDictionary } from '~api/other'
+import { getStoreValue, setStoreValue } from '~src/utils/storage'
 
 //变量
 const useAppState = useAppStore()
@@ -331,6 +332,9 @@ const treeProps = {
     isLeaf: 'hasChild',
 }
 const treeData = ref([])
+
+//自动展开缓存
+const autoExpandKeys = ref(getStoreValue('autoExpandKeys') || [])
 //获取树的数据
 
 const treeLoaing = ref(false)
@@ -351,10 +355,12 @@ const treeLoadNode = async ()=>{
 }
 //树被点击
 const isInfoView = ref(false)
-const treeNodeTap = ({ node, data }) => {
+const treeNodeTap = ({ node, data, keys }) => {
     isInfoView.value = !!node.isLeaf
     console.log( isInfoView.value, '  isInfoView.value ')
+    autoExpandKeys.value = keys || []
     getTreeNodeDetail(data)
+    setStoreValue('autoExpandKeys', keys)
 }
 const infoData = ref({})
 //获取节点详情
@@ -514,8 +520,20 @@ const supplementsModalShow = ref(false)
 const supplementsFormRef = ref(null)
 const supplementsFormModel = ref({})
 const supplementsFormRules = ref({})
-const supplementsModalSave = () => {
-    supplementsModalShow.value = false
+const supplementLoading = ref(false)
+const supplementsModalSave = async () => {
+    console.log(supplementsFormModel.value, 'val')
+    const { error, code } = await supplementsFormModel({
+            ...formModel.value,
+            isSupplement:1,
+        })
+        //判断状态
+        supplementLoading.value = false
+        if (!error && code === 200) {
+            window?.$message?.success('新增成功')
+            supplementsModalShow.value = false
+            window?.location?.reload() //刷新页面
+        }
 }
 
 //调整排序