1

src/api/customer2.ts

@@ -65,6 +65,30 @@ class CustomerService {
       data
     })
   }
+  //获取员工详情数据
+  static async getCustomInfo(data: any): Promise<HttpResponse> {
+    return Axios('/QYCustomer/GetCustomerInfo', {
+      method: 'post',
+      responseType: 'json',
+      data
+    })
+  }
+  //获取客户阶段下拉数据
+  static async getCustomStageList(data: any): Promise<HttpResponse> {
+    return Axios('/QYCustomer/GetCustomerStageList', {
+      method: 'post',
+      responseType: 'json',
+      data
+    })
+  }
+  //保存客户资料
+  static async saveCustomInfo(data: any): Promise<HttpResponse> {
+    return Axios('/QYCustomer/SetCustomerInfo', {
+      method: 'post',
+      responseType: 'json',
+      data
+    })
+  }
 
 }
 export {CutomerParams}

src/pages/customerManage/customer.vue

@@ -189,7 +189,7 @@
                   <img :src="props.row.WeChatPhoto" style="width:100%;height:100%" />
                 </div>
                 <div>
-                  <div class="cutomer_Free">{{ 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 +197,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">{{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>
@@ -211,6 +211,7 @@
             />
           </template>
         </q-table>
+        <customRight v-if="isShowCustom" :CustomerId="CustomerId" @close="closeCustomer"></customRight>
       </div>
     </q-page>
   </div>
@@ -219,9 +220,11 @@
 import { ref, defineComponent, onMounted } from 'vue'
 import CustomerModule from '@/module/customer/customerModule'
 import selectTree from '@/components/common/selectTree.vue'
+import customRight from '@/components/common/customRight.vue'
 export default defineComponent({
   components: {
-    selectTree
+    selectTree,
+    customRight
   },
   setup() {
     let {
@@ -245,8 +248,17 @@ export default defineComponent({
       getChild,
       getCkedFriend
     } = CustomerModule()
-    let ticked = ref([])
-    let expanded = ref([])
+    let isShowCustom = ref(false)
+    const closeCustomer =()=>{
+      isShowCustom.value=false;
+    }
+    
+    let CustomerId= ref(0);
+    const getCustomInfo =(item)=>{
+      CustomerId.value = item.row.Id;
+      isShowCustom.value=true;
+    }
+    
     onMounted(() => {
       getCustomerList(msg)
       getWayList({})
@@ -270,10 +282,12 @@ export default defineComponent({
       friendObj,
       friendOptions,
       getEmployeeData,
-      ticked,
-      expanded,
       getChild,
-      getCkedFriend
+      getCkedFriend,
+      isShowCustom,
+      closeCustomer,
+      CustomerId,
+      getCustomInfo
     }
   }
 })
@@ -300,6 +314,7 @@ export default defineComponent({
 .cutomer_Free {
   color: #3470ff;
   font-size: 14px;
+  cursor: pointer;
 }
 
 .customer_Wechat {