1

src/components/common/departmentStaff.vue

@@ -23,7 +23,10 @@
                             dense
                             outlined
                             placeholder="请输入"
+                            v-model="filter"
                             style="margin-bottom:10px"
+                            clearable
+                            @clear="clearInput"
                         >
                             <template v-slot:append>
                                 <q-icon name="search" />
@@ -42,6 +45,8 @@
                             no-connectors
                             v-model:ticked="defaultArray"
                             @update:ticked="tickedTree"
+                            :filter="filter"
+                            :filter-method="myFilterMethod"
                         />
                     </div>
                     <div class="col-6 q-px-sm">
@@ -139,33 +144,47 @@ export default {
         let hideDialog = () => {
             ctx.emit("update:modelValue", false)
         }
+        let filter = ref('')
+        const filterRef = ref<any>(null)
+        // 过滤树形列表
+        const myFilterMethod = (node, filter) => {
+            const filt = filter.toLowerCase()
+            return node[props.labelKey] && node[props.labelKey].toLowerCase().indexOf(filt) > -1
+        }
+        let clearInput = () => {
+            filter.value = ''
+        }
         let initDefault = () => {
+            selectArray.value = []
             if (props.defaultArray && props.defaultArray.length > 0) {
-                props.defaultArray.forEach((e, i) => {
-                    if (e.slice(0, 1) == 1) {
-                        props.defaultArray.splice(i, 1)
-                        const node = tree.value.getNodeByKey(e)
-                        if (node[props.childrenKey] && node[props.childrenKey].length > 0) {
-                            findChild(node[props.childrenKey])
-                        } else {
-                            props.defaultArray.push('2-' + node.DeptId)
+                props.defaultArray.map((e, i) => {
+                    setTimeout(() => {
+                        if (e.slice(0, 1) == 1) {
+                            const node = tree.value.getNodeByKey(e)
+                            if (node[props.childrenKey] && node[props.childrenKey].length > 0) {
+                                props.defaultArray.splice(i, 1)
+                                findChild(node[props.childrenKey])
+                            } else {
+                                props.defaultArray.push(node.DataType + '-' + node.DeptId)
+                            }
                         }
-                    }
+                    }, 100)
+
                 })
             }
-            console.log(160, props.defaultArray)
         }
-        let findChild(arr: Array<parmas>) => {
+        let findChild = (arr: Array<parmas>) => {
             arr.map(e => {
                 if (e[props.childrenKey] && e[props.childrenKey].length > 0) {
                     findChild(e[props.childrenKey])
                 } else {
-                    props.defaultArray.push('2-' + e.DeptId)
+                    props.defaultArray.push(e.DataType + '-' + e.DeptId)
                 }
             })
         }
         let showDialog = () => {
             initDefault()
+            getselectArray(props.treeData)
         }
         const getselectArray = (arr: parmas[]) => {
             for (var i = 0; i < arr.length; i++) {
@@ -182,6 +201,8 @@ export default {
         }
         let tickedTree = (val) => {
             ctx.emit("update:defaultArray", val)
+            let filt = val.filter(e => e.slice(0, 1) == 2).length
+            ctx.emit('getNum',filt)
             setTimeout(() => {
                 selectArray.value = []
                 getselectArray(props.treeData)
@@ -221,12 +242,13 @@ export default {
             selectArray.value.splice(i, 1)
         }
         watch(() => [...selectArray.value], (val) => {
-            ctx.emit('change', val)
-        }, { deep: true })
-        watch(() => [...selectArray.value], (val) => {
-            ctx.emit('change', val)
+            ctx.emit('select', [...val])
         }, { deep: true })
         return {
+            myFilterMethod,
+            filter,
+            filterRef,
+            clearInput,
             tree,
             hideDialog,
             tickedTree,

src/module/editor/editRuleModule.ts

@@ -8,6 +8,7 @@ interface dataParams {
   dataTree: Array<any>
   defaultArray: Array<number | string>
   editMsg: any
+  peopleNum:number
 }
 
 const msg = () => {
@@ -29,7 +30,8 @@ const data = reactive<dataParams>({
     EmpList: [], //员工列表
     RuleAllotWay: 1, //分配方式 1依次轮流 2随机分配
     ConditionList: [] //条件列表
-  }
+  },
+  peopleNum:0
 })
 // watch(
 //   () =>data.defaultArray,
@@ -71,7 +73,10 @@ const editRuleModule = () => {
         })
       }
     })
-    console.log(61, data.editMsg)
+  }
+  //获取已选人数
+  const getNum = (n) => {
+    data.peopleNum=n
   }
   //获取线索详情
   const getDetail = () => {
@@ -137,7 +142,8 @@ const editRuleModule = () => {
     changeDialog,
     setCustomerClueRuleInfo,
     getCondition,
-    getdpt
+    getdpt,
+    getNum
   }
 }
 

src/pages/editor/editRule.vue

@@ -19,7 +19,7 @@
                 <div class="departs flex-between-center">
                     <q-btn outline color="primary" label="选择部门/成员" @click="changeDialog" />
                     <div class="flex align-center depart-title">
-                        <span>已选：0人</span>
+                        <span>已选：{{peopleNum}}人</span>
                         <div class="per"></div>
                         <span>有效账号数（已启用探马账号人数）：0人</span>
                     </div>
@@ -48,7 +48,8 @@
             childrenKey="ChildList"
             strategy='leaf'
             :treeData="dataTree"
-            @change="getdpt"
+            @select="getdpt"
+            @getNum="getNum"
         />
     </div>
 </template>
@@ -77,7 +78,8 @@ export default defineComponent({
             getEmployeeData,
             setCustomerClueRuleInfo,
             getCondition,
-            getdpt
+            getdpt,
+            getNum,
         } = editRuleModule();
         onMounted(() => {
             if (msg().RuleId > 0) {
@@ -93,7 +95,8 @@ export default defineComponent({
             ...toRefs(data),
             setCustomerClueRuleInfo,
             getCondition,
-            getdpt
+            getdpt,
+            getNum
         }
     }