发票抬头和微信客户都新增选项菜单

src/view/customer/wxulist.vue

@@ -27,9 +27,19 @@
         <Row>
             <Col span="24">
             <Card>
+                <div style="margin-right: 50px;margin-bottom: 20px;">
+                  <Poptip placement="right-start">
+                    <Button><Icon type="ios-keypad" /></Button>
+                    <template #content>
+                      <CheckboxGroup style="display: grid; gap: 10px" v-for="(item,index) in columnsList" :key="index" v-model="checkAllGroup">
+                          <Checkbox :label="item.title"></Checkbox>
+                      </CheckboxGroup>
+                    </template>
+                  </Poptip>
+                </div>
                 <!-- 用户列表 -->
                 <div>
-                    <Table :loading="listLoading" :columns="columnsList" :data="tableData" stripe disabled-hover></Table>
+                    <Table :loading="listLoading" :columns="columnsList1" :data="tableData" stripe disabled-hover></Table>
                 </div>
                 <div class="margin-top-15" style="text-align: center">
                     <Page :total="tableShow.listCount" :current="tableShow.currentPage" :page-size="tableShow.pageSize" @on-change="changePage" @on-page-size-change="changeSize" show-elevator show-sizer show-total></Page>
@@ -67,30 +77,31 @@ export default {
       headers: {
         token: sessionStorage.getItem('Swadmin_ApiAuth')
       },
+      checkAllGroup: ['序号', '手机号码', '上次登录时间', '创建时间', '状态'],
       columnsList: [{
         title: '序号',
         type: 'index',
-        width: 65,
+        // width: 65,
         align: 'center'
       },
       {
         title: '手机号码',
         align: 'center',
-        key: 'phone',
-        width: 260
+        key: 'phone'
+        // width: 260
       },
       {
         title: 'openid',
         align: 'openid',
-        key: 'openid',
-        minWidth: 280
+        key: 'openid'
+        // minWidth: 280
       },
 
       {
         title: '头像',
         align: 'center',
         key: 'headimgurl',
-        width: 100,
+        // width: 100,
         render: (h, params) => {
           return h('img', {
             attrs: {
@@ -103,28 +114,27 @@ export default {
       {
         title: '上次登录时间',
         align: 'center',
-        key: 'last_login_time',
-        width: 210
+        key: 'last_login_time'
+        // width: 210
       },
       {
         title: '创建时间',
         align: 'center',
-        key: 'create_time',
-        width: 310
+        key: 'create_time'
+        // width: 310
       },
       {
         title: '状态',
         align: 'center',
         key: 'status',
-        width: 200,
+        // width: 200,
         render: (h, params) => {
           let _st = params.row.status === 0 ? '禁用' : '正常'
           return h('p', [
             _st
           ])
         }
-      }
-      ],
+      }],
       tableData: [],
       groupInfo: {},
       groupList: {},
@@ -151,6 +161,11 @@ export default {
     vm.getList()
     //
   },
+  computed: {
+    columnsList1 () {
+      return this.columnsList.filter(column => this.checkAllGroup.includes(column.title))
+    }
+  },
   methods: {
     alertAdd () {
       let vm = this

src/view/invoice/headlist.vue

@@ -17,9 +17,19 @@
         <Row>
             <Col span="24">
                 <Card>
-        <!-- 用户列表 -->
+                    <div style="margin-right: 50px;margin-bottom: 20px;">
+                      <Poptip placement="right-start">
+                        <Button><Icon type="ios-keypad" /></Button>
+                        <template #content>
+                          <CheckboxGroup style="display: grid; gap: 10px" v-for="(item,index) in columnsList" :key="index" v-model="checkAllGroup">
+                              <Checkbox :label="item.title"></Checkbox>
+                          </CheckboxGroup>
+                        </template>
+                      </Poptip>
+                    </div>
+                    <!-- 用户列表 -->
                     <div>
-                        <Table :loading="listLoading" :columns="columnsList" :data="tableData" stripe disabled-hover></Table>
+                        <Table :loading="listLoading" :columns="columnsList1" :data="tableData" stripe disabled-hover></Table>
                     </div>
                     <div class="margin-top-15" style="text-align: center">
                         <Page :total="count" :current="page" :page-size="size" @on-change="changePage" @on-page-size-change="changeSize" show-elevator show-sizer show-total></Page>
@@ -42,6 +52,7 @@ export default {
       tableData: [],
       listLoading: false,
       pucode_id: '',
+      checkAllGroup: ['id', '用户编码', '税号', '开户行', '银行账号', '创建时间'],
       columnsList: [
         { title: 'id', align: 'center', key: 'id', minWidth: 80 },
         { title: '用户编码', align: 'center', key: 'pucode', minWidth: 100 },
@@ -74,6 +85,11 @@ export default {
   created () {
     this.InvoiceHead()
   },
+  computed: {
+    columnsList1 () {
+      return this.columnsList.filter(column => this.checkAllGroup.includes(column.title))
+    }
+  },
   methods: {
     InvoiceHead () {
       let data = {