页面修改

src/components/sale/b2bcustomlist.vue

 <style lang="scss">
-.b2bcustomlist .q-table__bottom {
+  .b2bcustomlist .q-table__bottom {
     min-height: 0;
-}
-.CustomerName {
+  }
+
+  .CustomerName {
     cursor: pointer;
     color: var(--q-color-primary);
-}
+  }
 </style>
 <template>
   <div class="b2bcustomlist">
-    <q-table
-      :pagination="pageMsg"
-      :loading="loading"
-      no-data-label="暂无相关数据"
-      flat
-      selection="multiple"
-      :selected.sync="selection"
-      :class="sticky"
-      separator="none"
-      :data="dataList"
-      :columns="columns"
-      :visible-columns="visibleColumns"
-      row-key="CustomerId"
-    >
-      <template v-slot:top="props">
+    <q-table :pagination="pageMsg" :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
+      :selected.sync="selection" :class="sticky" separator="none" :data="dataList" :columns="columns"
+      :visible-columns="visibleColumns" row-key="CustomerId">
+      <template v-slot:top>
         <q-space />
         <div class="page-option" v-if="authObj.isShowEdit">
-          <q-btn
-            color="accent"
-            size="sm"
-            class="q-mr-md"
-            icon="add"
-            @click="EditCustom(null)"
-            label="新增客户"
-          />
-          <q-btn
-            color="accent"
-            size="sm"
-            label="转交"
-            :disable="selection.length == 0"
-            icon="swap_horiz"
-            @click="isShowTrans = true"
-          >
+          <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
+          <q-btn color="accent" size="sm" label="转交" :disable="selection.length == 0" icon="swap_horiz"
+            @click="isShowTrans = true">
             <q-popup-proxy :offset="[10, 10]">
               <q-banner v-if="isShowTrans">
-                <q-select
-                  style="margin-top:20px;"
-                  filled
-                  v-model="TransferMsg.EmpId"
-                  @filter="filterEmployee"
-                  use-input
-                  :options="myEmployeeList"
-                  option-label="EmployeeName"
-                  option-value="Id"
-                  emit-value
-                  map-options
-                  :rules="[val => !!val || '请选择接收人']"
-                  ref="transfer"
-                />
-                <q-btn
-                  label="保存"
-                  style="float:right;margin-top:15px"
-                  color="accent q-mb-lg"
-                  size="sm"
-                  @click="saveTransForm"
-                />
+                <q-select style="margin-top:20px;" filled v-model="TransferMsg.EmpId" @filter="filterEmployee" use-input
+                  :options="myEmployeeList" option-label="EmployeeName" option-value="Id" emit-value map-options
+                  :rules="[val => !!val || '请选择接收人']" ref="transfer" />
+                <q-btn label="保存" style="float:right;margin-top:15px" color="accent q-mb-lg" size="sm"
+                  @click="saveTransForm" />
               </q-banner>
             </q-popup-proxy>
           </q-btn>
@@ -99,88 +60,37 @@
       </template>
       <template v-slot:body-cell-optioned="props">
         <q-td :props="props">
-          <q-btn
-            flat
-            v-if="
+          <q-btn flat v-if="
               (props.row.ApproveState == 0 || props.row.ApproveState == 2) &&
                 authObj.isShowAudit
-            "
-            size="xs"
-            icon="edit"
-            color="accent"
-            style="font-weight:400"
-            label="客户审批"
-            @click="AuditCustomer(props.row, 1)"
-          />
-          <!-- <q-btn flat  size="xs"
-            icon="edit" color="accent" style="font-weight:400" label="编辑" @click="EditCustom(props.row)" /> -->
-          <!-- <q-btn
-            flat
-            v-if="props.row.ApproveState == 0 && AuthorityObj.isShowEdit"
-            size="xs"
-            icon="delete"
-            color="negative"
-            style="font-weight:400"
-            label="删除"
-            @click="RemoveCustomer(props.row)"
-          /> -->
-          <!-- <q-btn
-            flat
-            v-if="AuthorityObj.isShowBankBook"
-            size="xs"
-            icon="edit"
-            color="accent"
-            style="font-weight:400"
-            label="幸福存折"
-            @click="gohappyPassbook(props.row)"
-          />
-          <q-btn
-            flat
-            v-if="AuthorityObj.isShowRebate"
-            size="xs"
-            icon="edit"
-            color="accent"
-            style="font-weight:400"
-            label="返佣管理"
-            @click="gohappyCommisson(props.row)"
-          /> -->
+            " size="xs" icon="edit" color="accent" style="font-weight:400" label="客户审批"
+            @click="AuditCustomer(props.row, 1)" />
         </q-td>
       </template>
       <template v-slot:bottom>
         <div></div>
       </template>
     </q-table>
-    <customerEdit-form
-      v-if="isShowCustomForm"
-      :customerObj="customerObj"
-      @close="closeCustomForm"
-      @success="refreshQuestion"
-    >
+    <customerEdit-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
+      @success="refreshQuestion">
     </customerEdit-form>
-    <customerReview-form
-      v-if="isShowRightForm"
-      :customerObj="customerObj"
-      @close="closeCustomForm"
-      @success="refreshQuestion"
-    ></customerReview-form>
-    <customerInfo
-      v-if="isShowDetailForm"
-      :rowId="curRowId"
-      :tabId="tabId"
-      :empList="employeeList"
-      @close="closeCustomForm"
-      :auth="AuthorityObj"
-      @success="refreshQuestion"
-    ></customerInfo>
+    <customerReview-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm"
+      @success="refreshQuestion"></customerReview-form>
+    <customerInfo v-if="isShowDetailForm" :rowId="curRowId" :tabId="tabId" :empList="employeeList"
+      @close="closeCustomForm" :auth="AuthorityObj" @success="refreshQuestion"></customerInfo>
   </div>
 </template>
 <script>
-import { queryEmployee } from "../../api/users/user";
-import { setCustomerCareOf } from "../../api/sale/peemanagement";
-import customerEditForm from "../sale/customerEdit-form";
-import customerReviewForm from "../sale/customerReview-form";
-import customerInfo from "./b2bcustomerinfo/b2bCustomerInfo.vue";
-export default {
+  import {
+    queryEmployee
+  } from "../../api/users/user";
+  import {
+    setCustomerCareOf
+  } from "../../api/sale/peemanagement";
+  import customerEditForm from "../sale/customerEdit-form";
+  import customerReviewForm from "../sale/customerReview-form";
+  import customerInfo from "./b2bcustomerinfo/b2bCustomerInfo.vue";
+  export default {
     props: {
       dataList: {
         type: Array,
@@ -198,9 +108,9 @@ export default {
         type: Array,
         default: () => []
       },
-    sticky:{
-      type:String,
-      default:""
+      sticky: {
+        type: String,
+        default: ""
       }
     },
     components: {
@@ -210,8 +120,7 @@ export default {
     },
     data() {
       return {
-      columns: [
-        {
+        columns: [{
             name: "CustomerName",
             label: "同业名称",
             field: "CustomerName",
@@ -235,6 +144,18 @@ export default {
             field: "ContactNumber",
             align: "left"
           },
+          {
+            name: "QQ",
+            label: "QQ号",
+            field: "QQ",
+            align: "left"
+          },
+          {
+            name: "WeChatNo",
+            label: "微信号",
+            field: "WeChatNo",
+            align: "left"
+          },
           {
             name: "StuNum",
             label: "客户数量",
@@ -456,5 +377,5 @@ export default {
         });
       }
     }
-};
+  };
 </script>
\ No newline at end of file

src/pages/sale/b2bAllCustomer.vue

 <style>
-.page-content p {
+  .page-content p {
     margin: 0 !important;
-}
+  }
 
-.quetion_Title {
+  .quetion_Title {
     background: transparent !important;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     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
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.CustomerName"
-            label="同业名称"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="同业名称" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.CustomerId"
-            label="同业ID"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.CustomerId" label="同业ID" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.ContactNumber"
-            label="电话"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="电话" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select
-            @input="resetSearch"
-            clearable
-            filled
-            v-model="msg.ApproveState"
-            :options="ApproveStateList"
-            emit-value
-            map-options
-            label="审核状态"
-          />
+          <q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
+            emit-value map-options label="审核状态" />
         </div>
       </div>
     </div>
     <div class="page-content">
       <div>
-        <q-tabs
-          style="margin-bottom:20px;"
-          v-model="tabCheck"
-          @input="resetSearch()"
-          narrow-indicator
-          dense
-          align="left"
-          class="text-primary"
-        >
+        <q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="resetSearch()" 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-tabs>
       </div>
-      <b2bcustomlist
-        :dataList="dataList"
-        :authObj="authObj"
-        :loading="loading"
-        @success="getList"
-        :visibleColumns="visibleColumns"
-        sticky="sticky-tow-column-table sticky-right-column-table"
-      ></b2bcustomlist>
-      <q-pagination
-        class="full-width justify-end"
-        v-model="msg.pageIndex"
-        color="primary"
-        :max="pageCount"
-        :input="true"
-        @input="changePage"
-      />
+      <b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
+        :visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
+      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+        :input="true" @input="changePage" />
     </div>
   </div>
 </template>
 <script>
-import { getAllCustomer } from "../../api/sale/peemanagement";
-import b2bcustomlist from "../../components/sale/b2bcustomlist";
-export default {
+  import {
+    getAllCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
     meta: {
       title: "同行管理"
     },
@@ -129,11 +83,12 @@ export default {
           "ApproveStateStr",
           "CreateByName",
           "CreateTimeStr",
+          "QQ",
+          "WeChatNo",
         ],
         tabCheck: 1,
         //审核状态列表
-      ApproveStateList: [
-        {
+        ApproveStateList: [{
             label: "不限",
             value: "0"
           },
@@ -186,8 +141,8 @@ export default {
           });
       }
     }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
+  @import url('~assets/css/table.sass')
 </style>
\ No newline at end of file

src/pages/sale/b2bcustomer.vue

 <style>
-.page-content p {
+  .page-content p {
     margin: 0 !important;
-}
+  }
 
-.quetion_Title {
+  .quetion_Title {
     background: transparent !important;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     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
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.CustomerName"
-            label="同业名称"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="同业名称" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.CustomerId"
-            label="同业ID"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.CustomerId" label="同业ID" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.ContactNumber"
-            label="电话"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="电话" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select
-            @input="resetSearch"
-            clearable
-            filled
-            v-model="msg.ApproveState"
-            :options="ApproveStateList"
-            emit-value
-            map-options
-            label="审核状态"
-          />
+          <q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
+            emit-value map-options label="审核状态" />
         </div>
       </div>
     </div>
     <div class="page-content">
       <div>
-        <q-tabs
-          style="margin-bottom:20px;"
-          v-model="tabCheck"
-          @input="resetSearch()"
-          narrow-indicator
-          dense
-          align="left"
-          class="text-primary"
-        >
+        <q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="resetSearch()" 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-tabs>
       </div>
-      <b2bcustomlist
-        :dataList="dataList"
-        :authObj="authObj"
-        :loading="loading"
-        @success="getList"
-        :visibleColumns="visibleColumns"
-        sticky="sticky-tow-column-table sticky-right-column-table"
-      ></b2bcustomlist>
-      <q-pagination
-        class="full-width justify-end"
-        v-model="msg.pageIndex"
-        color="primary"
-        :max="pageCount"
-        :input="true"
-        @input="changePage"
-      />
+      <b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
+        :visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
+      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+        :input="true" @input="changePage" />
     </div>
   </div>
 </template>
 <script>
-import { GetCustomerPage_v2, RemoveCustomer } from "../../api/sale/peemanagement";
-import b2bcustomlist from "../../components/sale/b2bcustomlist";
-export default {
+  import {
+    GetCustomerPage_v2,
+    RemoveCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
     meta: {
       title: "同行管理"
     },
@@ -129,11 +84,12 @@ export default {
           "ApproveStateStr",
           "CreateByName",
           "CreateTimeStr",
+          "QQ",
+          "WeChatNo",
         ],
         tabCheck: 1,
         //审核状态列表
-      ApproveStateList: [
-        {
+        ApproveStateList: [{
             label: "通过",
             value: "1"
           },
@@ -180,8 +136,8 @@ export default {
           });
       }
     }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
+  @import url('~assets/css/table.sass')
 </style>
\ No newline at end of file

src/pages/sale/b2bcustomerapprove.vue

 <style>
-.page-content p {
+  .page-content p {
     margin: 0 !important;
-}
+  }
 
-.quetion_Title {
+  .quetion_Title {
     background: transparent !important;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     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
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.CustomerName"
-            label="客户名称"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.CustomerName" label="客户名称" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            filled
-            clearable
-            v-model="msg.ContactNumber"
-            label="联系电话"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" filled clearable v-model="msg.ContactNumber" label="联系电话" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select
-            @input="resetSearch"
-            clearable
-            filled
-            v-model="msg.ApproveState"
-            :options="ApproveStateList"
-            emit-value
-            map-options
-            label="审核状态"
-          />
+          <q-select @input="resetSearch" clearable filled v-model="msg.ApproveState" :options="ApproveStateList"
+            emit-value map-options label="审核状态" />
         </div>
       </div>
     </div>
     <div class="page-content">
-      <b2bcustomlist
-        :dataList="dataList"
-        :authObj="authObj"
-        :loading="loading"
-        @success="getList"
-        :visibleColumns="visibleColumns"
-         sticky="sticky-tow-column-table sticky-right-column-table"
-      ></b2bcustomlist>
-      <q-pagination
-        class="full-width justify-end"
-        v-model="msg.pageIndex"
-        color="primary"
-        :max="pageCount"
-        :input="true"
-        @input="changePage"
-      />
+      <b2bcustomlist :dataList="dataList" :authObj="authObj" :loading="loading" @success="getList"
+        :visibleColumns="visibleColumns" sticky="sticky-tow-column-table sticky-right-column-table"></b2bcustomlist>
+      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+        :input="true" @input="changePage" />
     </div>
   </div>
 </template>
 <script>
-import { GetCustomerPage, RemoveCustomer } from "../../api/sale/peemanagement";
-import b2bcustomlist from "../../components/sale/b2bcustomlist";
-export default {
+  import {
+    GetCustomerPage,
+    RemoveCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
     meta: {
       title: "同行审批"
     },
@@ -104,11 +73,12 @@ export default {
           "ApproveStateStr",
           "CreateByName",
           "CreateTimeStr",
-        "optioned"
+          "optioned",
+          "QQ",
+          "WeChatNo",
         ],
         //审核状态列表
-      ApproveStateList: [
-        {
+        ApproveStateList: [{
             label: "通过",
             value: "1"
           },
@@ -155,8 +125,8 @@ export default {
           });
       }
     }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
+  @import url('~assets/css/table.sass')
 </style>
\ No newline at end of file