1

src/api/clue.ts

@@ -23,7 +23,7 @@ interface ClueParams {
 }
 class clueService {
   // 获取客户线索规则列表
-  static async getCustomerClueRuleList(data: ClueParams): Promise<HttpResponse> {
+  static async getCustomerClueList(data: ClueParams): Promise<HttpResponse> {
     return Axios('/QYCustomer/GetCustomerCluePageList', {
       method: 'post',
       responseType: 'json',

src/module/customer/clueModule.ts

@@ -58,13 +58,33 @@ const ClueModule = () => {
     EmployeeList: [],
     rowsPerPage: 0
   })
+   const TypeList = reactive([
+     {
+       Name: '企业',
+       Id: 0
+     },
+     {
+       Name: '昵称',
+       Id: 1
+     },
+     {
+       Name: '备注名',
+       Id: 2
+     },
+     {
+       Name: '电话',
+       Id: 3
+     }
+   ])
   //获取线索列表
   const getCluerList = (param: ClueParams) => {
-    clueService.getCustomerClueRuleList(param).then(res => {
+    clueService.getCustomerClueList(param).then(res => {
       console.log(res, '数据')
+      data.dataList = res.data.Data.PageData
+      msg.pageCount = res.data.Data.PageCount
     })
   }
 
-  return { useTab, msg,data, getCluerList }
+  return { useTab, msg, data, getCluerList, TypeList }
 }
 export default ClueModule

src/pages/customerManage/clue.vue

@@ -4,16 +4,16 @@
       <q-tabs
         v-model="tab"
         dense
-        class="text-grey"
+        class="text-grey q-mb-md"
         align="left"
         active-color="primary"
         indicator-color="primary"
         narrow-indicator
       >
-        <q-tab name="1" label="业务模式" />
-        <q-tab name="2" label="客户字段" />
-        <q-tab name="3" label="标签" />
-        <q-tab name="4" label="线索分配规则" />
+        <q-tab :name="1" label="未处理" />
+        <q-tab :name="2" label="待回访" />
+        <q-tab :name="3" label="无效线索" />
+        <q-tab :name="4" label="已转客户" />
       </q-tabs>
       <div class="page-search row items-center">
         <div class="col row wrap q-mr-lg q-col-gutter-md">
@@ -30,6 +30,9 @@
                 :options="TimeList" emit-value map-options />
             <q-date v-model="days" multiple /> -->
           </div>
+          <div class="col-3">
+               <a-date-picker v-model:value="value1" />
+          </div>
         </div>
       </div>
       <div class="page-content">
@@ -37,11 +40,10 @@
           :columns="data.columns"
           class="my-sticky-header-column-table"
           row-key="name"
-          v-model:pagination="data.pagination"
           selection="multiple">
           <template v-slot:bottom>
             <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.pageCount"
-              :input="true" @input="changePage" />
+              :input="true" />
           </template>
         </q-table>
       </div>
@@ -49,13 +51,13 @@
   </div>
 </template>
 <script lang='ts'>
-  import {defineComponent,onMounted} from 'vue'
+  import {defineComponent,ref,onMounted} from 'vue'
   import ClueModule from '@/module/customer/clueModule'
 
   export default defineComponent({
     setup() {
       let {
-        useTab, getCluerList,msg,data
+        useTab, getCluerList,msg,data,TypeList
       } = ClueModule()
        let [ tab ,setTab]=useTab()
       onMounted(()=>{
@@ -63,7 +65,7 @@
       })
      
       return {
-       tab,setTab,msg, getCluerList,data
+       tab,setTab,msg, getCluerList,data,TypeList,value1:ref("")
       }
     }
   })