1

src/api/customer2.ts

+/**
+ * 所有跟用户相关的接口（TODO:DEMO USER）
+ */
+
+import { HttpResponse } from '@/@types'
+import Axios from './axios'
+
+
+
+/**
+ * @interface loginParams -登录参数
+ * @property {string} grant_type -授权类型
+ * @property {string} email -邮箱
+ * @property {string} password -用户密码
+ */
+interface CutomerParams {
+  PageIndex: number,
+  PageSize: number,
+  rowsPerPage: number,
+  pageCount: number,
+  CorpName: string, //企业名称
+  CustomerName: string, //备注名
+  WeChatName: string, //昵称
+  CustomerMobile: string, //手机号码
+  CreateSTime: string, //创建开始时间
+  CreateETime: string, //创建结束时间
+  FriendSTime: string, //好友开始时间
+  FriendETime: string, //好友结束时间
+  Q_NotFollowUpDay: number, //几天未跟进
+  Q_Friends: string, //好友关系 多选逗号分隔、
+  Q_AddWay: string, //获取来源 多选英文逗号分隔
+  EmpId: number, //员工id
+  CustomerType: number, //类型1微信用户 2企业微信用户
+  SelectList: Array<any>, //自定义查询
+  OrderBy: number, //排序
+  AddCondition: number //查询条件
+}
+
+/**
+ * @example Axios.get(`https://xxx.com}`)
+ * @todo Get the exchange rate of the current currency
+ */
+
+class CustomerService {
+  // 登录
+  static async getCustomerList(data: CutomerParams): Promise<HttpResponse> {
+    return Axios('/QYCustomer/GetCustomerInfoPageList', {
+      method: 'post',
+      responseType: 'json',
+      data
+    })
+  }
+}
+export {CutomerParams}
+export default CustomerService

src/module/customer/customerModule.ts

+// import { ResultType } from '@/@types/enumHelper'
+// import router from '@/router'
+// import UserActions from '@/store/modules/user/actions'//{ UserActionsType }
+
+// import { UserGetter } from '@/store/modules/user/getters'
+// import { dispatchAction, getStoreGetter, setStoreState } from '@/store/utils'
+// import message from '@/utils/message'
+import { StaticConfig } from '@/config/app'
+import { ref,reactive } from 'vue'
+import customer2,{CutomerParams} from '@/api/customer2'
+
+const CustomerModule = () => {
+  const getCustomerList =(param:CutomerParams)=>{
+    customer2.getCustomerList(param)
+  }
+  const title = ref(StaticConfig.appsuffix)
+
+  const data = {
+    columns:[{
+        name: 'desc',
+        label: '客户',
+        align: 'left',
+      },
+      { name: 'calories', align: 'center', label: '客户阶段'},    
+      { name: 'fat', label: '客户标签', align: 'left'},
+      { name: 'carbs', label: '内容标签', align: 'left' },
+      { name: 'protein', label: '创建时间', align: 'left' },
+      { name: 'sodium', label: '负责人', align: 'left' },
+      { name: 'calcium', label: '上次跟进', align: 'left' },
+      { name: 'iron', label: '渠道活码来源', align: 'left'},
+      { name: 'num', label: '7日内客户回复消息数', align: 'left'},
+      { name: 'num', label: '7日内员工发送消息数', align: 'left'}],
+      selected:[]
+  }
+  const msg = reactive({
+    PageIndex: 1,
+    PageSize: 10,
+    rowsPerPage: 10,
+    pageCount: 0,
+    CorpName: '', //企业名称
+    CustomerName: '', //备注名
+    WeChatName: '', //昵称
+    CustomerMobile: '', //手机号码
+    CreateSTime: '', //创建开始时间
+    CreateETime: '', //创建结束时间
+    FriendSTime: '', //好友开始时间
+    FriendETime: '', //好友结束时间
+    Q_NotFollowUpDay: 0, //几天未跟进
+    Q_Friends: '', //好友关系 多选逗号分隔、
+    Q_AddWay: '', //获取来源 多选英文逗号分隔
+    EmpId: 0, //员工id
+    CustomerType: 0, //类型1微信用户 2企业微信用户
+    SelectList: [], //自定义查询
+    OrderBy: 1, //排序
+    AddCondition: 0 //查询条件
+  })
+  const TypeList = reactive([{
+    Name:'企业',
+    Id:0
+  },{
+    Name:'姓名',
+    Id:1
+  },{
+    Name:'备注名',
+    Id:2
+  },{
+    Name:'电话',
+    Id:3
+  },{
+    Name:'昵称',
+    Id:4
+  }])
+  const SeletObj = reactive({
+    selectVal:'',
+    selectWay:''
+  })
+  //选择方式
+  const getSelectWay = () => {
+   
+    console.log(SeletObj);
+    // if(this.SeletObj.selectWay){
+
+    // }
+  }
+
+  return { getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay}
+}
+
+export default CustomerModule

src/pages/customerManage/customer.vue

+<template>
+  <div class="q-pa-md customer">
+    <q-page padding style="background: #FFF;border-radius: 10px;">
+      <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" label="Filled">
+              <template #before>
+                <q-select filled style="width:120px;" @input="getSelectWay" option-value="Id" option-label="Name" v-model="SeletObj.selectWay"
+                :options="TypeList" emit-value map-options label="选择类型" />
+              </template>
+            </q-input>
+          </div>
+        </div>
+      </div>
+      <div class="page-content">
+        <q-table :data="data"
+          :columns="columns"
+          row-key="name"
+          selection="multiple"
+          />
+      </div>
+    </q-page>
+  </div>
+</template>
+<script lang='ts'>
+  import {defineComponent,onMounted} from 'vue'
+  import CustomerModule from '@/module/customer/customerModule'
+
+  export default defineComponent({
+    setup() {
+      let {
+       getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay
+      } = CustomerModule()
+      onMounted(()=>{
+        getCustomerList(msg)
+      })
+      return {
+        getCustomerList,data,msg,title,TypeList,SeletObj,getSelectWay
+      }
+    }
+  })
+
+</script>
+<style lang="scss">
+  .customer .q-field__before{
+    padding-right:0!important;
+  }
+</style>
+<style lang="scss" scoped>
+  
+</style>