菜单树调整-提交

src/views/vent/performance/fileDetail/index.vue

@@ -8,9 +8,9 @@
           <template #icon="{ item }">
             <template v-if="item.isFolder">
               <!-- <icon v-if="item.expanded" class="iconfont" iconName="icon-24gf-folderOpen" /> -->
-              <SvgIcon v-if="item.expanded" size="18" name="file-open"/>
+              <SvgIcon v-if="item.expanded" size="18" name="file-open" />
               <!-- <icon v-else class="iconfont" iconName="icon-bg-folder" /> -->
-              <SvgIcon v-else size="18" name="file-close"/>
+              <SvgIcon v-else size="18" name="file-close" />
             </template>
             <treeIcon class="iconfont" :title="item.title" v-else />
           </template>
@@ -38,12 +38,11 @@
     </div>
     <!-- 上传谈弹窗 -->
     <a-modal v-model:visible="visible" centered :width="600" title="上传文件" @ok="handleOk" @cancel="handleCancel">
-      <a-form :model="formState" ref="formState" labelAlign="right" :label-col="{ span: 6 }"
-        :wrapper-col="{ span: 18 }">
-        <a-form-item label="是否审批" name="isApprove">
-          <a-radio-group v-model:value="formState.isApprove" name="radioGroup">
-            <a-radio value="true">是</a-radio>
-            <a-radio value="false">否</a-radio>
+      <a-form :model="formState"  labelAlign="right" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
+        <a-form-item label="是否审批" >
+          <a-radio-group v-model:value="formState.isApprove" >
+            <a-radio :value="true">是</a-radio>
+            <a-radio :value="false">否</a-radio>
           </a-radio-group>
         </a-form-item>
         <a-form-item label="文件类型" style="width: 500px;">
@@ -81,7 +80,7 @@ let formState = reactive({//上传文件类型，是否审批
   isApprove: false,
   fileType: '',
 })
-let startUpload:any=ref(null)
+let startUpload: any = ref(null)
 
 //lxh 当前选中树节点
 let selected = reactive<any>({
@@ -90,15 +89,16 @@ let selected = reactive<any>({
   title: '',
   isFolder: false,
 });
+let flag = ref('')
 //左侧菜单列表
 let listArr = reactive<any[]>([]);
 
 
 //上传文件
 let openModal = (val) => {
-  formState.isApprove=false
-  formState.fileType=''
-  fileList.length=0
+  formState.isApprove = false
+  formState.fileType = ''
+  fileList.length = 0
   visible.value = val
 }
 //开始上传
@@ -108,13 +108,13 @@ let handleOk = () => {
     alive.value = false;
     nextTick(() => {
       alive.value = true;
-      visible.value=false
+      visible.value = false
     });
   });
- 
+
 }
 //取消上传
-let handleCancel=()=>{
+let handleCancel = () => {
   visible.value = false
 }
 let list2trees = (data) => {
@@ -153,21 +153,25 @@ let getTreeList = async () => {
   console.log(list, 'list');
   listArr.push(...list);
   console.log(listArr, '树节点数据');
-  selected.id=listArr[0].id
-  selected.pid=listArr[0].pid
-  selected.title=listArr[0].title
-  selected.isFolder=listArr[0].isFolder
+  selected.id = listArr[0].id
+  selected.pid = listArr[0].pid
+  selected.title = listArr[0].title
+  selected.isFolder = listArr[0].isFolder
 };
 
 //点击目录
 const onClick = (node) => {
   selected = node;
   console.log(node, '点击树节点');
-  alive.value = false;
-  nextTick(() => {
-    alive.value = true;
-    nodeParam = node;
-  });
+  if (flag.value != node.title) {
+    alive.value = false;
+    nextTick(() => {
+      alive.value = true;
+      nodeParam = node;
+      flag.value = node.title
+    });
+  }
+
 };
 // // 拖拽结束
 // const drop = (node) => {
@@ -178,7 +182,7 @@ let onAddNode = async (node) => {
   console.log('新增111', node);
   let data = await createFile({ fileName: node.newName, type: 'FOL', parentId: node.id });
   console.log(data, '新增文件返回');
-  getTreeList();  
+  getTreeList();
 };
 //  修改名字
 const onChangeName = (node) => {
@@ -215,14 +219,14 @@ let onSearch = () => {
 //上传文件
 let beforeUpload = (file) => {
   console.log(file, '选中文件');
-  fileList.length=0;
+  fileList.length = 0;
   fileList.push(file)
   const formData = new FormData();
   formData.append('file', file);
   formData.append('parentId', selected.id);
   formData.append('isApprove', formState.isApprove);
   formData.append('fileType', formState.fileType);
-  startUpload.value=formData
+  startUpload.value = formData
 };
 // 文件移除
 let handleRemove = (file) => {
@@ -230,7 +234,7 @@ let handleRemove = (file) => {
   const newFileList = fileList.slice();
   newFileList.splice(index, 1);
   fileList = newFileList;
-};  
+};
 
 onMounted(() => {
   getTreeList();
@@ -362,10 +366,11 @@ onMounted(() => {
   margin-right: 25px;
 }
 
-::v-deep .zxm-upload-list-item-name{
+::v-deep .zxm-upload-list-item-name {
   color: #fff;
 }
-::v-deep .zxm-upload-list-item-name:hover{
+
+::v-deep .zxm-upload-list-item-name:hover {
   color: #000;
 }
 </style>