1

src/pages/customerManage/customer.vue

@@ -4,7 +4,14 @@
       <div class="page-search row items-center">
         <div class="col row wrap q-mr-lg q-col-gutter-md">
           <div class="col-3">
-            <q-input filled v-model="SeletObj.selectVal" clearable @clear="getCustomerList(msg)" @update:model-value="getSelectWay(),getCustomerList(msg)" label='请输入'>
+            <q-input
+              filled
+              v-model="SeletObj.selectVal"
+              clearable
+              @clear="getCustomerList(msg)"
+              @update:model-value="getSelectWay(), getCustomerList(msg)"
+              label="请输入"
+            >
               <template #before>
                 <q-select
                   filled
@@ -34,7 +41,13 @@
           </div>
           <template v-if="TimeObj.timeWay == 1">
             <div class="col-3">
-              <q-input filled v-model="msg.CreateSTime" mask="date" @update:model-value="getCustomerList(msg)" placeholder="创建时间">
+              <q-input
+                filled
+                v-model="msg.CreateSTime"
+                mask="date"
+                @update:model-value="getCustomerList(msg)"
+                placeholder="创建时间"
+              >
                 <template v-slot:append>
                   <q-icon name="event" class="cursor-pointer">
                     <q-popup-proxy
@@ -54,7 +67,13 @@
               </q-input>
             </div>
             <div class="col-3">
-              <q-input filled v-model="msg.CreateETime" mask="date" @range-end="getCustomerList(msg)" placeholder="创建时间">
+              <q-input
+                filled
+                v-model="msg.CreateETime"
+                mask="date"
+                @range-end="getCustomerList(msg)"
+                placeholder="创建时间"
+              >
                 <template v-slot:append>
                   <q-icon name="event" class="cursor-pointer">
                     <q-popup-proxy
@@ -156,6 +175,16 @@
             <q-input filled v-model="msg.Q_NotFollowUpDay" label="几天未跟进"></q-input>
           </div>
           <div class="col-3">
+            <Cascader
+            label="选择部门/人员"
+            :multiple="true"
+            :options="data.EmployeeList"
+             optionLabel="DeptName"
+             optionValue="newId"
+             optionChildren="ChildList"
+            />
+          </div>
+          <!-- <div class="col-3">
             <selectTree
               :treeData="data.EmployeeList"
               :defaultArray="data.defaultArray"
@@ -166,7 +195,7 @@
               tipText="选择部门/人员"
               @getChild="getChild"
             ></selectTree>
-          </div>
+          </div> -->
           <div class="col-3">
             <q-btn color="primary" size="sm" label="导入" />
             <q-btn color="primary" size="sm" style="margin-left:20px;" label="导出" />
@@ -189,7 +218,10 @@
                   <img :src="props.row.WeChatPhoto" style="width:100%;height:100%" />
                 </div>
                 <div>
-                  <div class="cutomer_Free" @click="getCustomInfo(props)">{{ props.row.CustomerName }}</div>
+                  <div
+                    class="cutomer_Free"
+                    @click="getCustomInfo(props)"
+                  >{{ props.row.CustomerName }}</div>
                   <div class="customer_Wechat">{{ props.row.WeChatName }}</div>
                 </div>
               </div>
@@ -197,7 +229,7 @@
           </template>
           <template v-slot:body-cell-LableList="props">
             <q-td auto-width :props="props">
-              <q-chip v-for="(item,index) in props.row.LableList" :key="index">{{item}}</q-chip>
+              <q-chip v-for="(item,index) in props.row.LableList" :key="index">{{ item }}</q-chip>
             </q-td>
           </template>
           <template v-slot:bottom>
@@ -219,12 +251,14 @@
 <script lang='ts'>
 import { ref, defineComponent, onMounted } from 'vue'
 import CustomerModule from '@/module/customer/customerModule'
-import selectTree from '@/components/common/selectTree.vue'
+// import selectTree from '@/components/common/selectTree.vue'
+import Cascader from '@/components/common/Cascader.vue'
 import customRight from '@/components/common/customRight.vue'
 export default defineComponent({
   components: {
-    selectTree,
-    customRight
+    // selectTree,
+    customRight,
+    Cascader
   },
   setup() {
     let {
@@ -249,16 +283,15 @@ export default defineComponent({
       getCkedFriend
     } = CustomerModule()
     let isShowCustom = ref(false)
-    const closeCustomer =()=>{
-      isShowCustom.value=false;
+    const closeCustomer = () => {
+      isShowCustom.value = false;
     }
-    
-    let CustomerId= ref(0);
-    const getCustomInfo =(item)=>{
+
+    let CustomerId = ref(0);
+    const getCustomInfo = (item) => {
       CustomerId.value = item.row.Id;
-      isShowCustom.value=true;
+      isShowCustom.value = true;
     }
-    
     onMounted(() => {
       getCustomerList(msg)
       getWayList({})