feat:修改用户选择

src/views/notice/components/selectModal.vue

@@ -101,17 +101,17 @@
     {
       func: handleDeleteDerp,
       title: '部门',
-      list: (derpSelectList.value as unknown) as any[],
+      list: derpSelectList.value as unknown as any[],
     },
     {
       func: handleDeleteClass,
       title: '班级',
-      list: (classSelectList.value as unknown) as any[],
+      list: classSelectList.value as unknown as any[],
     },
     {
       func: handleDeletUser,
       title: '人员',
-      list: (userList.value as unknown) as any[],
+      list: userList.value as unknown as any[],
     },
   ]);
   watchEffect(() => {
@@ -119,17 +119,17 @@
       {
         func: handleDeleteDerp,
         title: '部门',
-        list: (derpSelectList.value as unknown) as any[],
+        list: derpSelectList.value as unknown as any[],
       },
       {
         func: handleDeleteClass,
         title: '班级',
-        list: (classSelectList.value as unknown) as any[],
+        list: classSelectList.value as unknown as any[],
       },
       {
         func: handleDeletUser,
         title: '人员',
-        list: (userList.value as unknown) as any[],
+        list: userList.value as unknown as any[],
       },
     ];
   });
@@ -146,12 +146,12 @@
     @cancel="handleCancel"
   >
     <div class="flex-row flex-1 flex">
-      <div class="w-1/4 leftbox" style="background: white; position: relative;">
+      <div class="w-1/4 leftbox" style="background: white; position: relative">
         <Tabs v-model:active-key="activeKey">
           <TabPane
             :key="1"
             tab="部门"
-            style="height: 600px; overflow: auto;"
+            style="height: 600px; overflow: auto"
             :disabled="state.disabledDept"
           >
             <Tree
@@ -161,6 +161,7 @@
               defaultExpandAll
               checkable
               autoExpandParent
+              :checkStrictly="true"
               :treeData="drepTree"
               :fieldNames="{ title: 'name', key: 'id' }"
               :disabled="state.disabledDept"
@@ -169,7 +170,7 @@
           <TabPane
             :key="2"
             tab="班级"
-            style="height: 600px; overflow: auto;"
+            style="height: 600px; overflow: auto"
             :disabled="state.disabledClass"
           >
             <Tree
@@ -186,7 +187,7 @@
             />
           </TabPane>
         </Tabs>
-        <div style="position: absolute; top: 12px; right: 12px;">
+        <div style="position: absolute; top: 12px; right: 12px">
           <a-button type="primary" size="small" :disabled="state.disabledUser" @click="handleSelct">
             人员选择
           </a-button>
@@ -194,14 +195,14 @@
       </div>
       <div class="w-3/4 ml-4 rightbox">
         <span
-          style="padding: 4px 10px; font-weight: bold; font-size: 16px; background-color: white;"
+          style="padding: 4px 10px; font-weight: bold; font-size: 16px; background-color: white"
         >
           已选
         </span>
         <div v-for="(itemsData, index) in fucList" :key="index">
-          <span style="padding: 0 12px; font-weight: bold;">{{ itemsData.title }}</span>
+          <span style="padding: 0 12px; font-weight: bold">{{ itemsData.title }}</span>
           <div class="itembox">
-            <div style="display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;">
+            <div style="display: flex; flex-direction: row; width: 100%; flex-wrap: wrap">
               <div class="selectList" v-for="(item, findIndex) in itemsData.list" :key="findIndex">
                 <div class="selectList-Item">
                   <div class="title">
@@ -210,7 +211,7 @@
                     </Tooltip>
                   </div>
                   <CloseCircleOutlined
-                    style="color: #767677;"
+                    style="color: #767677"
                     @click="itemsData.func(item.id, item.parentId)"
                   />
                 </div>