页面修改

src/components/sale/customRight-form.vue

@@ -3,24 +3,26 @@
     <q-card style="margin-top:61px;width:600px" class="no-border-radius classinfo_Dialog">
       <div class="drawerTop">
         <div style="display:flex;align-items:center;margin:20px 0 0 20px;">
-          <span class="drawer_Span">短信账号配置</span>
+          <span class="drawer_Span">客户审批</span>
         </div>
       </div>
       <div class="col-12" style="margin:0 24px;">
-        <q-input filled stack-label maxlength="100" :dense="false"
-          class="col-12" label="地区" />
+        <q-input filled stack-label :dense="false" class="col-12" label="客户名称" v-model="objOption.CustomerName" />
       </div>
       <div class="col-12" style="margin:20px 24px;">
-        <q-input filled stack-label maxlength="100" :dense="false" class="col-12"
-          label="域名" />
+        <q-input filled stack-label :dense="false" class="col-12" label="联系电话" v-model="objOption.ContactNumber" />
       </div>
-      <div filled class="col-12" style="margin:20px 24px;">
-        <q-input filled stack-label maxlength="100" :dense="false"
-          class="col-12" label="秘钥Key" />
+      <div class="col-12" style="margin:20px 24px;">
+        <q-input filled stack-label :dense="false" class="col-12" label="传真" v-model="objOption.Fax" />
+      </div>
+      <div class="col-12" style="margin:20 24px;">
+        <q-input filled stack-label :dense="false" class="col-12" label="QQ" v-model="objOption.QQ" />
+      </div>
+      <div class="col-12" style="margin:20 24px;">
+        <q-input filled stack-label :dense="false" class="col-12" label="Email" v-model="objOption.Email" />
       </div>
-      <div filled class="col-12" style="margin:0 24px;">
-        <q-input filled stack-label maxlength="100" :dense="false"
-          class="col-12" label="秘钥Secret" />
+      <div class="col-12" style="margin:20 24px;">
+        <q-input filled stack-label :dense="false" class="col-12" label="地址" v-model="objOption.Address" />
       </div>
       <div style="margin:30px 10px 0 0;text-align:right;">
         <q-btn color="accent" class="q-mr-md" icon="add" label="保存" @click="saveConfig()" />
@@ -33,6 +35,10 @@
   </q-dialog>
 </template>
 <script>
+  import {
+    AuditCustomer,
+    GetCustomer
+  } from "../../api/sale/peemanagement";
   export default {
     components: {},
     props: {
@@ -44,23 +50,28 @@
     data() {
       return {
         persistent: true,
-        objOption: {
-          
-        },
-        saveCourseLoading:false,
+        objOption: {},
+        saveCourseLoading: false,
       }
     },
     created() {},
     mounted() {
-      //this.initObj()
+      this.initObj()
     },
     methods: {
       //初始化表单
       initObj() {
+        GetCustomer({
+          CustomerId: 23198
+        }).then(res => {
+          console.log("res", res);
+          var tempData = res.Data;
+          this.objOption = tempData;
+        })
       },
       //保存
-      saveCourse(){
-          
+      saveCourse() {
+
       },
       //关闭弹窗
       closeperForm() {
@@ -69,5 +80,4 @@
       },
     },
   }
-
 </script>
\ No newline at end of file

src/pages/sale/peerManagement.vue

@@ -11,29 +11,27 @@
     width: 400px;
 
   }
-
 </style>
 <template>
   <div class="page-body">
     <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 clearable standout="bg-primary text-white" v-model="msg.BankName" label="输入关键字查找"
-            maxlength="20" />
+          <q-input clearable standout="bg-primary text-white" v-model="msg.BankName" label="输入关键字查找" maxlength="20" />
         </div>
       </div>
     </div>
     <div class="page-content">
       <div style="display:flex;justify-content:space-between;align-items:center;">
         <q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
-            <q-tab :ripple="false" :name="1" label="正式客户" />
-            <q-tab :ripple="false" :name="2" label="非正式客户" />
-            <q-tab :ripple="false" :name="3" label="未通过客户" />
-            <q-tab :ripple="false" :name="4" label="黑名单客户" />
+          <q-tab :ripple="false" :name="1" label="正式客户" />
+          <q-tab :ripple="false" :name="2" label="非正式客户" />
+          <q-tab :ripple="false" :name="3" label="未通过客户" />
+          <q-tab :ripple="false" :name="4" label="黑名单客户" />
         </q-tabs>
         <div>
-            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
-            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditRight(null)" label="右侧" />
+          <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
+          <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditRight(null)" label="右侧" />
         </div>
       </div>
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
@@ -85,67 +83,38 @@
         isShowCustomForm: false,
         isShowRightForm: false,
         customerObj: null, //传入参数
-        tabCheck:1,
+        tabCheck: 1,
         columns: [{
-            name: 'contact',
+            name: 'CustomerName',
             label: '姓名',
-            field: 'contact',
+            field: 'CustomerName',
             align: 'left'
           },
           {
-            name: 'contactNumber',
+            name: 'ContactNumber',
             label: '联系电话',
-            field: 'contactNumber',
+            field: 'ContactNumber',
             align: 'left',
           },
           {
-            name: 'customerName',
-            label: '门店名称',
-            field: 'customerName',
-            align: 'left',
-          },
-          {
-            name: 'customerVisitList',
-            label: '近期约访',
-            field: 'customerVisitList',
-            align: 'left'
-          },
-          {
-            name: 'visiteCount',
-            label: '累计拜访',
-            field: 'visiteCount',
-            align: 'left'
-          },
-          {
-            name: 'cL_Balance',
-            label: '幸福存折',
-            field: 'cL_Balance',
+            name: 'Account',
+            label: '账号',
+            field: 'Account',
             align: 'left'
           },
           {
-            name: 'tradeTotal',
-            label: '累计交易额',
-            field: 'tradeTotal',
+            name: 'CreateByName',
+            label: '创建人',
+            field: 'CreateByName',
             align: 'left'
           },
           {
-            name: 'inquireCount',
-            label: '询价与需求',
-            field: 'inquireCount',
-            align: 'left'
-          },
-          {
-            name: 'allianceName',
-            label: '所属联盟',
-            field: 'allianceName',
-            align: 'left'
-          },
-          {
-            name: 'couponNum',
-            label: '优惠券',
-            field: 'couponNum',
+            name: 'CreateTimeStr',
+            label: '创建时间',
+            field: 'CreateTimeStr',
             align: 'left'
           },
+
           {
             name: 'optioned',
             label: '操作',
@@ -157,7 +126,7 @@
     },
     created() {},
     mounted() {
-       this.getList();
+      this.getList();
     },
     methods: {
       //翻页
@@ -170,31 +139,31 @@
         this.isShowCustomForm = false;
       },
       //新增或者修改
-      EditCustom(obj){
-         if (obj) {
+      EditCustom(obj) {
+        if (obj) {
           this.customerObj = obj
         } else {
           this.customerObj = null
         }
-        this.isShowCustomForm = true 
+        this.isShowCustomForm = true
       },
-      refreshQuestion(){
+      refreshQuestion() {
 
       },
-      EditRight(obj){
-        this.isShowRightForm=true;
+      EditRight(obj) {
+        this.isShowRightForm = true;
       },
       //关闭弹窗
       closeRightForm() {
         this.isShowRightForm = false;
       },
       //获取分页数据
-      getList(){
+      getList() {
         GetCustomerPage(this.msg).then(res => {
-        //   this.data = res.Data.PageData;
-        //   this.loading = false;
-        //   this.pageCount = res.Data.PageCount;
-          console.log(res,'数据');
+          this.dataList = res.Data.PageData;
+          this.loading = false;
+          this.pageCount = res.Data.PageCount;
+          console.log(res, '数据');
         }).catch(() => {
           this.loading = false
         })
@@ -202,9 +171,7 @@
 
     }
   }
-
 </script>
 <style lang="sass">
   @import url('~assets/css/table.sass')
-
-</style>
+</style>
\ No newline at end of file