页面修改

src/components/sale/b2bcustomlist.vue

 <style lang="scss">
-.b2bcustomlist .q-table__bottom {
-  min-height: 0;
-}
-.CustomerName {
-  cursor: pointer;
-  color: var(--q-color-primary);
-}
+  .b2bcustomlist .q-table__bottom {
+    min-height: 0;
+  }
+
+  .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,362 +60,322 @@
       </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 {
-  props: {
-    dataList: {
-      type: Array,
-      default: null
-    },
-    authObj: {
-      type: Object,
-      default: null
-    },
-    empList: {
-      type: Array,
-      default: () => []
-    },
-    visibleColumns: {
-      type: Array,
-      default: () => []
-    },
-    sticky:{
-      type:String,
-      default:""
-    }
-  },
-  components: {
-    customerEditForm,
-    customerReviewForm,
-    customerInfo
-  },
-  data() {
-    return {
-      columns: [
-        {
-          name: "CustomerName",
-          label: "同业名称",
-          field: "CustomerName",
-          align: "left"
-        },
-        {
-          name: "CustomerType",
-          label: "类型",
-          field: "CustomerType",
-          align: "left"
-        },
-        {
-          name: "EnterpriseName",
-          label: "企业/学校名称",
-          field: "EnterpriseName",
-          align: "left"
-        },
-        {
-          name: "ContactNumber",
-          label: "电话",
-          field: "ContactNumber",
-          align: "left"
-        },
-        {
-          name: "StuNum",
-          label: "客户数量",
-          field: "StuNum",
-          align: "left"
-        },
-        {
-          name: "OrderNum",
-          label: "订单数量",
-          field: "OrderNum",
-          align: "left"
-        },
-        {
-          name: "OrderSales",
-          label: "交易额",
-          field: "OrderSales",
-          align: "left"
-        },
-        {
-          name: "ApproveStateStr",
-          label: "审核状态",
-          field: "ApproveStateStr",
-          align: "left"
-        },
-       
-        {
-          name: "CreateTimeStr",
-          label: "加入时间",
-          field: "CreateTimeStr",
-          align: "left"
-        },
-         {
-          name: "CreateByName",
-          label: "负责人",
-          field: "CreateByName",
-          align: "left"
-        },
-        {
-          name: "optioned",
-          label: "操作",
-          field: "QuestionId"
-        }
-      ],
-      pageMsg: {
-        rowsPerPage: 12
+  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,
+        default: null
       },
-      loading: false,
-      isShowCustomForm: false,
-      isShowRightForm: false,
-      customerObj: null, //传入参数
-      isShowDetailForm: false,
-      curRowId: 0,
-      //权限设置
-      AuthorityObj: {
-        isShowEdit: false, //是否显示新增修改按钮
-        isShowAudit: false, //是否显示审批
-        isShowBankBook: false, //是否显示幸福存折
-        isShowRebate: false //是否显示返佣
+      authObj: {
+        type: Object,
+        default: null
       },
-      selection: [],
-      tabId: 1,
-      TransferMsg: {
-        CustomerIds: "",
-        EmpId: ""
+      empList: {
+        type: Array,
+        default: () => []
       },
-      //员工列表
-      employeeList: [],
-      myEmployeeList: [],
-      isShowTrans: false
-    };
-  },
-  created() {
-    this.initAuth();
-    this.getEmployeeList();
-  },
-  mounted() {},
-  methods: {
-    //初始化权限
-    initAuth() {
-      if (this.authObj) {
-        if (this.authObj.isShowEdit != null && this.authObj.isShowEdit) {
-          this.AuthorityObj.isShowEdit = this.authObj.isShowEdit;
-        }
-        if (this.authObj.isShowAudit != null && this.authObj.isShowAudit) {
-          this.AuthorityObj.isShowAudit = this.authObj.isShowAudit;
-        }
-        if (
-          this.authObj.isShowBankBook != null &&
-          this.authObj.isShowBankBook
-        ) {
-          this.AuthorityObj.isShowBankBook = this.authObj.isShowBankBook;
-        }
-        if (this.authObj.isShowRebate != null && this.authObj.isShowRebate) {
-          this.AuthorityObj.isShowRebate = this.authObj.isShowRebate;
-        }
+      visibleColumns: {
+        type: Array,
+        default: () => []
+      },
+      sticky: {
+        type: String,
+        default: ""
       }
     },
-    //新增或者修改客户
-    EditCustom(obj) {
-      if (obj) {
-        this.customerObj = obj;
-      } else {
-        this.customerObj = null;
-      }
-      this.isShowCustomForm = true;
+    components: {
+      customerEditForm,
+      customerReviewForm,
+      customerInfo
     },
+    data() {
+      return {
+        columns: [{
+            name: "CustomerName",
+            label: "同业名称",
+            field: "CustomerName",
+            align: "left"
+          },
+          {
+            name: "CustomerType",
+            label: "类型",
+            field: "CustomerType",
+            align: "left"
+          },
+          {
+            name: "EnterpriseName",
+            label: "企业/学校名称",
+            field: "EnterpriseName",
+            align: "left"
+          },
+          {
+            name: "ContactNumber",
+            label: "电话",
+            field: "ContactNumber",
+            align: "left"
+          },
+          {
+            name: "QQ",
+            label: "QQ号",
+            field: "QQ",
+            align: "left"
+          },
+          {
+            name: "WeChatNo",
+            label: "微信号",
+            field: "WeChatNo",
+            align: "left"
+          },
+          {
+            name: "StuNum",
+            label: "客户数量",
+            field: "StuNum",
+            align: "left"
+          },
+          {
+            name: "OrderNum",
+            label: "订单数量",
+            field: "OrderNum",
+            align: "left"
+          },
+          {
+            name: "OrderSales",
+            label: "交易额",
+            field: "OrderSales",
+            align: "left"
+          },
+          {
+            name: "ApproveStateStr",
+            label: "审核状态",
+            field: "ApproveStateStr",
+            align: "left"
+          },
 
-    //客户审核
-    AuditCustomer(obj, Type) {
-      if (obj) {
-        this.customerObj = obj;
-        this.customerObj.Type = Type;
-      } else {
-        this.customerObj = null;
-      }
-      this.isShowRightForm = true;
+          {
+            name: "CreateTimeStr",
+            label: "加入时间",
+            field: "CreateTimeStr",
+            align: "left"
+          },
+          {
+            name: "CreateByName",
+            label: "负责人",
+            field: "CreateByName",
+            align: "left"
+          },
+          {
+            name: "optioned",
+            label: "操作",
+            field: "QuestionId"
+          }
+        ],
+        pageMsg: {
+          rowsPerPage: 12
+        },
+        loading: false,
+        isShowCustomForm: false,
+        isShowRightForm: false,
+        customerObj: null, //传入参数
+        isShowDetailForm: false,
+        curRowId: 0,
+        //权限设置
+        AuthorityObj: {
+          isShowEdit: false, //是否显示新增修改按钮
+          isShowAudit: false, //是否显示审批
+          isShowBankBook: false, //是否显示幸福存折
+          isShowRebate: false //是否显示返佣
+        },
+        selection: [],
+        tabId: 1,
+        TransferMsg: {
+          CustomerIds: "",
+          EmpId: ""
+        },
+        //员工列表
+        employeeList: [],
+        myEmployeeList: [],
+        isShowTrans: false
+      };
     },
-    //客户详情
-    showDetail(row, tabId = 1) {
-      this.curRowId = row.CustomerId;
-      this.tabId = tabId;
-      this.isShowDetailForm = true;
+    created() {
+      this.initAuth();
+      this.getEmployeeList();
     },
-    //删除客户
-    RemoveCustomer(obj) {
-      let that = this;
-      var message =
-        "您正在进行删除【" +
-        obj.CustomerName +
-        "】行为，一旦执行无法找回，是否确认执行？";
-      this.$q
-        .dialog({
-          title: "删除客户",
-          message: message,
-          isShowEditClassRoomForm: true,
-          cancel: {
-            label: "取消",
-            flat: true
-          },
-          ok: {
-            label: "确认",
-            flat: true,
-            focus: true
+    mounted() {},
+    methods: {
+      //初始化权限
+      initAuth() {
+        if (this.authObj) {
+          if (this.authObj.isShowEdit != null && this.authObj.isShowEdit) {
+            this.AuthorityObj.isShowEdit = this.authObj.isShowEdit;
+          }
+          if (this.authObj.isShowAudit != null && this.authObj.isShowAudit) {
+            this.AuthorityObj.isShowAudit = this.authObj.isShowAudit;
+          }
+          if (
+            this.authObj.isShowBankBook != null &&
+            this.authObj.isShowBankBook
+          ) {
+            this.AuthorityObj.isShowBankBook = this.authObj.isShowBankBook;
           }
-        })
-        .onOk(() => {
-          var delMsg = {
-            CustomerId: obj.CustomerId
-          };
-          RemoveCustomer(delMsg).then(res => {
-            if (res.Code == 1) {
-              that.$q.notify({
-                icon: "iconfont icon-chenggong",
-                color: "accent",
-                timeout: 2000,
-                message: "操作成功",
-                position: "top"
-              });
-              that.refreshQuestion();
+          if (this.authObj.isShowRebate != null && this.authObj.isShowRebate) {
+            this.AuthorityObj.isShowRebate = this.authObj.isShowRebate;
+          }
+        }
+      },
+      //新增或者修改客户
+      EditCustom(obj) {
+        if (obj) {
+          this.customerObj = obj;
+        } else {
+          this.customerObj = null;
+        }
+        this.isShowCustomForm = true;
+      },
+
+      //客户审核
+      AuditCustomer(obj, Type) {
+        if (obj) {
+          this.customerObj = obj;
+          this.customerObj.Type = Type;
+        } else {
+          this.customerObj = null;
+        }
+        this.isShowRightForm = true;
+      },
+      //客户详情
+      showDetail(row, tabId = 1) {
+        this.curRowId = row.CustomerId;
+        this.tabId = tabId;
+        this.isShowDetailForm = true;
+      },
+      //删除客户
+      RemoveCustomer(obj) {
+        let that = this;
+        var message =
+          "您正在进行删除【" +
+          obj.CustomerName +
+          "】行为，一旦执行无法找回，是否确认执行？";
+        this.$q
+          .dialog({
+            title: "删除客户",
+            message: message,
+            isShowEditClassRoomForm: true,
+            cancel: {
+              label: "取消",
+              flat: true
+            },
+            ok: {
+              label: "确认",
+              flat: true,
+              focus: true
             }
+          })
+          .onOk(() => {
+            var delMsg = {
+              CustomerId: obj.CustomerId
+            };
+            RemoveCustomer(delMsg).then(res => {
+              if (res.Code == 1) {
+                that.$q.notify({
+                  icon: "iconfont icon-chenggong",
+                  color: "accent",
+                  timeout: 2000,
+                  message: "操作成功",
+                  position: "top"
+                });
+                that.refreshQuestion();
+              }
+            });
           });
+      },
+      //关闭弹窗
+      closeCustomForm() {
+        this.isShowCustomForm = false;
+        this.isShowRightForm = false;
+        this.isShowDetailForm = false;
+      },
+      refreshQuestion() {
+        this.$emit("success");
+      },
+      //跳转到幸福存折
+      gohappyPassbook(item) {
+        this.OpenNewUrl("/sale/happyPassbook", {
+          CustomerId: item.CustomerId
         });
-    },
-    //关闭弹窗
-    closeCustomForm() {
-      this.isShowCustomForm = false;
-      this.isShowRightForm = false;
-      this.isShowDetailForm = false;
-    },
-    refreshQuestion() {
-      this.$emit("success");
-    },
-    //跳转到幸福存折
-    gohappyPassbook(item) {
-      this.OpenNewUrl("/sale/happyPassbook", {
-        CustomerId: item.CustomerId
-      });
-    },
-    //跳转到返佣管理
-    gohappyCommisson(item) {
-      this.OpenNewUrl("/sale/commsionManagement", {
-        CustomerId: item.CustomerId
-      });
-    },
-    //同业转交
-    saveTransForm() {
-      this.$refs.transfer.validate();
-      if (this.$refs.transfer.hasError) return;
-      this.TransferMsg.CustomerIds = this.selection
-        .map(e => e.CustomerId)
-        .toString();
-      setCustomerCareOf(this.TransferMsg).then(res => {
-        this.$q.notify({
-          icon: "iconfont icon-chenggong",
-          color: "accent",
-          timeout: 2000,
-          message: "转交成功",
-          position: "top"
+      },
+      //跳转到返佣管理
+      gohappyCommisson(item) {
+        this.OpenNewUrl("/sale/commsionManagement", {
+          CustomerId: item.CustomerId
         });
-        this.isShowTrans = false;
-        this.selection = [];
-      });
-    },
-    //获取员工列表
-    getEmployeeList() {
-      queryEmployee({
-        IsLeave: 1
-      }).then(res => {
-        this.employeeList = res.Data;
-        this.myEmployeeList = res.Data;
-      });
-    },
-    //筛选员工
-    filterEmployee(val, update, abort) {
-      update(() => {
-        this.myEmployeeList = this.employeeList.filter(
-          v => v.EmployeeName.indexOf(val) > -1
-        );
-      });
+      },
+      //同业转交
+      saveTransForm() {
+        this.$refs.transfer.validate();
+        if (this.$refs.transfer.hasError) return;
+        this.TransferMsg.CustomerIds = this.selection
+          .map(e => e.CustomerId)
+          .toString();
+        setCustomerCareOf(this.TransferMsg).then(res => {
+          this.$q.notify({
+            icon: "iconfont icon-chenggong",
+            color: "accent",
+            timeout: 2000,
+            message: "转交成功",
+            position: "top"
+          });
+          this.isShowTrans = false;
+          this.selection = [];
+        });
+      },
+      //获取员工列表
+      getEmployeeList() {
+        queryEmployee({
+          IsLeave: 1
+        }).then(res => {
+          this.employeeList = res.Data;
+          this.myEmployeeList = res.Data;
+        });
+      },
+      //筛选员工
+      filterEmployee(val, update, abort) {
+        update(() => {
+          this.myEmployeeList = this.employeeList.filter(
+            v => v.EmployeeName.indexOf(val) > -1
+          );
+        });
+      }
     }
-  }
-};
-</script>
+  };
+</script>
\ No newline at end of file

src/pages/sale/b2bAllCustomer.vue

 <style>
-.page-content p {
-  margin: 0 !important;
-}
+  .page-content p {
+    margin: 0 !important;
+  }
 
-.quetion_Title {
-  background: transparent !important;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 400px;
-}
+  .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 {
-  meta: {
-    title: "同行管理"
-  },
-  components: {
-    b2bcustomlist
-  },
-  data() {
-    return {
-      pageCount: 0,
-      msg: {
-        pageIndex: 1,
-        pageSize: 12,
-        rowsPerPage: 12,
-        CustomerName: "", //客户名称
-        ContactNumber: "", //联系电话
-        ApproveState: 0, //审核状态
-        QCustomerState: "" //账号状态
-      },
-      loading: false,
-      visibleColumns: [
-        "CustomerName",
-        "CustomerType",
-        "EnterpriseName",
-        "ContactNumber",
-        "StuNum",
-        "OrderNum",
-        "OrderSales",
-        "ApproveStateStr",
-        "CreateByName",
-        "CreateTimeStr",
-      ],
-      tabCheck: 1,
-      //审核状态列表
-      ApproveStateList: [
-        {
-          label: "不限",
-          value: "0"
-        },
-        {
-          label: "通过",
-          value: "1"
+  import {
+    getAllCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
+    meta: {
+      title: "同行管理"
+    },
+    components: {
+      b2bcustomlist
+    },
+    data() {
+      return {
+        pageCount: 0,
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+          CustomerName: "", //客户名称
+          ContactNumber: "", //联系电话
+          ApproveState: 0, //审核状态
+          QCustomerState: "" //账号状态
         },
-        {
-          label: "拒绝",
-          value: "2"
+        loading: false,
+        visibleColumns: [
+          "CustomerName",
+          "CustomerType",
+          "EnterpriseName",
+          "ContactNumber",
+          "StuNum",
+          "OrderNum",
+          "OrderSales",
+          "ApproveStateStr",
+          "CreateByName",
+          "CreateTimeStr",
+          "QQ",
+          "WeChatNo",
+        ],
+        tabCheck: 1,
+        //审核状态列表
+        ApproveStateList: [{
+            label: "不限",
+            value: "0"
+          },
+          {
+            label: "通过",
+            value: "1"
+          },
+          {
+            label: "拒绝",
+            value: "2"
+          }
+        ],
+        dataList: [],
+        //判断显示
+        authObj: {
+          isShowEdit: true, //显示新增、修改、删除
+          isShowBankBook: true, //显示幸福存折
+          isShowRebate: true //是否显示返佣
         }
-      ],
-      dataList: [],
-      //判断显示
-      authObj: {
-        isShowEdit: true, //显示新增、修改、删除
-        isShowBankBook: true, //显示幸福存折
-        isShowRebate: true //是否显示返佣
-      }
-    };
-  },
-  created() {
-   
-  },
-  mounted() {
-    this.getList();
-  },
-  methods: {
-    //重新查询
-    resetSearch() {
-      this.msg.pageIndex = 1;
-      this.getList();
+      };
     },
-    //翻页
-    changePage(val) {
-      this.msg.pageIndex = val;
+    created() {
+
+    },
+    mounted() {
       this.getList();
     },
-    //获取分页数据
-    getList() {
-      this.msg.QCustomerState = this.tabCheck;
-      getAllCustomer(this.msg)
-        .then(res => {
-          this.dataList = res.Data.PageData;
-          this.loading = false;
-          this.pageCount = res.Data.PageCount;
-        })
-        .catch(() => {
-          this.loading = false;
-        });
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.pageIndex = 1;
+        this.getList();
+      },
+      //翻页
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //获取分页数据
+      getList() {
+        this.msg.QCustomerState = this.tabCheck;
+        getAllCustomer(this.msg)
+          .then(res => {
+            this.dataList = res.Data.PageData;
+            this.loading = false;
+            this.pageCount = res.Data.PageCount;
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      }
     }
-  }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
-</style>
+  @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file

src/pages/sale/b2bcustomer.vue

 <style>
-.page-content p {
-  margin: 0 !important;
-}
+  .page-content p {
+    margin: 0 !important;
+  }
 
-.quetion_Title {
-  background: transparent !important;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 400px;
-}
+  .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 {
-  meta: {
-    title: "同行管理"
-  },
-  components: {
-    b2bcustomlist
-  },
-  data() {
-    return {
-      pageCount: 0,
-      msg: {
-        pageIndex: 1,
-        pageSize: 12,
-        rowsPerPage: 12,
-        CustomerName: "", //客户名称
-        ContactNumber: "", //联系电话
-        ApproveState: "", //审核状态
-        QCustomerState: "" //账号状态
-      },
-      loading: false,
-      visibleColumns: [
-        "CustomerName",
-        "CustomerType",
-        "EnterpriseName",
-        "ContactNumber",
-        "StuNum",
-        "OrderNum",
-        "OrderSales",
-        "ApproveStateStr",
-        "CreateByName",
-        "CreateTimeStr",
-      ],
-      tabCheck: 1,
-      //审核状态列表
-      ApproveStateList: [
-        {
-          label: "通过",
-          value: "1"
+  import {
+    GetCustomerPage_v2,
+    RemoveCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
+    meta: {
+      title: "同行管理"
+    },
+    components: {
+      b2bcustomlist
+    },
+    data() {
+      return {
+        pageCount: 0,
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+          CustomerName: "", //客户名称
+          ContactNumber: "", //联系电话
+          ApproveState: "", //审核状态
+          QCustomerState: "" //账号状态
         },
-        {
-          label: "拒绝",
-          value: "2"
+        loading: false,
+        visibleColumns: [
+          "CustomerName",
+          "CustomerType",
+          "EnterpriseName",
+          "ContactNumber",
+          "StuNum",
+          "OrderNum",
+          "OrderSales",
+          "ApproveStateStr",
+          "CreateByName",
+          "CreateTimeStr",
+          "QQ",
+          "WeChatNo",
+        ],
+        tabCheck: 1,
+        //审核状态列表
+        ApproveStateList: [{
+            label: "通过",
+            value: "1"
+          },
+          {
+            label: "拒绝",
+            value: "2"
+          }
+        ],
+        dataList: [],
+        //判断显示
+        authObj: {
+          isShowEdit: true, //显示新增、修改、删除
+          isShowBankBook: true, //显示幸福存折
+          isShowRebate: true //是否显示返佣
         }
-      ],
-      dataList: [],
-      //判断显示
-      authObj: {
-        isShowEdit: true, //显示新增、修改、删除
-        isShowBankBook: true, //显示幸福存折
-        isShowRebate: true //是否显示返佣
-      }
-    };
-  },
-  created() {},
-  mounted() {
-    this.getList();
-  },
-  methods: {
-    //重新查询
-    resetSearch() {
-      this.msg.pageIndex = 1;
-      this.getList();
+      };
     },
-    //翻页
-    changePage(val) {
-      this.msg.pageIndex = val;
+    created() {},
+    mounted() {
       this.getList();
     },
-    //获取分页数据
-    getList() {
-      this.msg.QCustomerState = this.tabCheck;
-      GetCustomerPage_v2(this.msg)
-        .then(res => {
-          this.dataList = res.Data.PageData;
-          this.loading = false;
-          this.pageCount = res.Data.PageCount;
-        })
-        .catch(() => {
-          this.loading = false;
-        });
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.pageIndex = 1;
+        this.getList();
+      },
+      //翻页
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //获取分页数据
+      getList() {
+        this.msg.QCustomerState = this.tabCheck;
+        GetCustomerPage_v2(this.msg)
+          .then(res => {
+            this.dataList = res.Data.PageData;
+            this.loading = false;
+            this.pageCount = res.Data.PageCount;
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      }
     }
-  }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
-</style>
+  @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file

src/pages/sale/b2bcustomerapprove.vue

 <style>
-.page-content p {
-  margin: 0 !important;
-}
+  .page-content p {
+    margin: 0 !important;
+  }
 
-.quetion_Title {
-  background: transparent !important;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 400px;
-}
+  .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 {
-  meta: {
-    title: "同行审批"
-  },
-  components: {
-    b2bcustomlist
-  },
-  data() {
-    return {
-      pageCount: 0,
-      msg: {
-        pageIndex: 1,
-        pageSize: 12,
-        rowsPerPage: 12,
-        CustomerName: "", //客户名称
-        ContactNumber: "", //联系电话
-        ApproveState: "", //审核状态
-        CustomerState: "", //账号状态
-        CustomerId: 0
-      },
-      loading: false,
-      visibleColumns: [
-        "CustomerName",
-        "CustomerType",
-        "EnterpriseName",
-        "ContactNumber",
-        "StuNum",
-        "OrderNum",
-        "OrderSales",
-        "ApproveStateStr",
-        "CreateByName",
-        "CreateTimeStr",
-        "optioned"
-      ],
-      //审核状态列表
-      ApproveStateList: [
-        {
-          label: "通过",
-          value: "1"
+  import {
+    GetCustomerPage,
+    RemoveCustomer
+  } from "../../api/sale/peemanagement";
+  import b2bcustomlist from "../../components/sale/b2bcustomlist";
+  export default {
+    meta: {
+      title: "同行审批"
+    },
+    components: {
+      b2bcustomlist
+    },
+    data() {
+      return {
+        pageCount: 0,
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+          CustomerName: "", //客户名称
+          ContactNumber: "", //联系电话
+          ApproveState: "", //审核状态
+          CustomerState: "", //账号状态
+          CustomerId: 0
         },
-        {
-          label: "拒绝",
-          value: "2"
+        loading: false,
+        visibleColumns: [
+          "CustomerName",
+          "CustomerType",
+          "EnterpriseName",
+          "ContactNumber",
+          "StuNum",
+          "OrderNum",
+          "OrderSales",
+          "ApproveStateStr",
+          "CreateByName",
+          "CreateTimeStr",
+          "optioned",
+          "QQ",
+          "WeChatNo",
+        ],
+        //审核状态列表
+        ApproveStateList: [{
+            label: "通过",
+            value: "1"
+          },
+          {
+            label: "拒绝",
+            value: "2"
+          }
+        ],
+        dataList: [],
+        //判断显示
+        authObj: {
+          isShowAudit: true
         }
-      ],
-      dataList: [],
-      //判断显示
-      authObj: {
-        isShowAudit: true
-      }
-    };
-  },
-  created() {},
-  mounted() {
-    if (this.$route.query.CustomerId) {
-      this.msg.CustomerId = this.$route.query.CustomerId;
-    }
-    this.getList();
-  },
-  methods: {
-    //重新查询
-    resetSearch() {
-      this.msg.pageIndex = 1;
-      this.getList();
+      };
     },
-    //翻页
-    changePage(val) {
-      this.msg.pageIndex = val;
+    created() {},
+    mounted() {
+      if (this.$route.query.CustomerId) {
+        this.msg.CustomerId = this.$route.query.CustomerId;
+      }
       this.getList();
     },
-    //获取分页数据
-    getList() {
-      GetCustomerPage(this.msg)
-        .then(res => {
-          this.dataList = res.Data.PageData;
-          this.loading = false;
-          this.pageCount = res.Data.PageCount;
-        })
-        .catch(() => {
-          this.loading = false;
-        });
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.pageIndex = 1;
+        this.getList();
+      },
+      //翻页
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //获取分页数据
+      getList() {
+        GetCustomerPage(this.msg)
+          .then(res => {
+            this.dataList = res.Data.PageData;
+            this.loading = false;
+            this.pageCount = res.Data.PageCount;
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      }
     }
-  }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
-</style>
+  @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file