zhuxinbo vor 5 Jahren
Ursprung
Commit
c169d7badf

+ 150 - 184
src/views/modules/advertiser/BindAccountLoginList.vue

@@ -1,185 +1,151 @@
-<template>
-  <a-card :bordered="false">
-
-    <!-- 查询区域 -->
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline">
-        <a-row :gutter="24">
-
-          <a-col :md="6" :sm="8">
-            <a-form-item label="账号">
-              <a-input placeholder="请输入账号" v-model="queryParam.accountName"></a-input>
-            </a-form-item>
-          </a-col>
-
-          <a-col :md="6" :sm="8">
-            <a-form-item label="广告主名称">
-              <a-input placeholder="请输入广告主名称" v-model="queryParam.advertiserName"></a-input>
-            </a-form-item>
-          </a-col>
-
-
-          </a-col>
-
-
-          <a-col :md="6" :sm="8">
-            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
-              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
-              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
-
-            </span>
-          </a-col>
-
-        </a-row>
-      </a-form>
-    </div>
-
-    <!-- 操作按钮区域 -->
-    <div class="table-operator">
-      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
-      <a-button type="primary" icon="download" @click="handleExportXls('绑定账号密码')">导出</a-button>
-      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"
-                @change="handleImportExcel">
-        <a-button type="primary" icon="import">导入</a-button>
-      </a-upload>
-      <a-dropdown v-if="selectedRowKeys.length > 0">
-        <a-menu slot="overlay">
-          <a-menu-item key="1" @click="batchDel">
-            <a-icon type="delete"/>
-            删除
-          </a-menu-item>
-        </a-menu>
-        <a-button style="margin-left: 8px"> 批量操作
-          <a-icon type="down"/>
-        </a-button>
-      </a-dropdown>
-    </div>
-
-    <!-- table区域-begin -->
-    <div>
-      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
-        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{
-        selectedRowKeys.length }}</a>项
-        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
-      </div>
-
-      <a-table
-        ref="table"
-        size="middle"
-        bordered
-        rowKey="id"
-        :columns="columns"
-        :dataSource="dataSource"
-        :pagination="ipagination"
-        :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
-        @change="handleTableChange">
-
-        <span slot="action" slot-scope="text, record">
-          <a @click="handleEdit(record)">编辑</a>
-
-          <a-divider type="vertical"/>
-          <a-dropdown>
-            <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
-            <a-menu slot="overlay">
-              <a-menu-item>
-                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
-                  <a>删除</a>
-                </a-popconfirm>
-              </a-menu-item>
-            </a-menu>
-          </a-dropdown>
-        </span>
-
-        <div
-          slot="loginTypeShow"
-          slot-scope="text, record"
-        >{{typeJson[record.loginType]}}</div>
-      </a-table>
-    </div>
-    <!-- table区域-end -->
-
-    <!-- 表单区域 -->
-    <bindAccountLogin-modal ref="modalForm" @ok="modalFormOk"></bindAccountLogin-modal>
-  </a-card>
-</template>
-
-<script>
-  import BindAccountLoginModal from './modules/BindAccountLoginModal'
-  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-
-  export default {
-    name: "BindAccountLoginList",
-    mixins: [JeecgListMixin],
-    components: {
-      BindAccountLoginModal
-    },
-    data() {
-      return {
-
-        typeJson: {"kuaishou": "快手", "bytedance": "头条"},
-
-        description: '绑定账号密码管理页面',
-        // 表头
-        columns: [
-          {
-            title: '#',
-            dataIndex: '',
-            key: 'rowIndex',
-            width: 60,
-            align: "center",
-            customRender: function (t, r, index) {
-              return parseInt(index) + 1;
-            }
-          },
-          {
-            title: '广告主名称',
-            align: "center",
-            dataIndex: 'advertiserName'
-          },
-          {
-            title: '账号',
-            align: "center",
-            dataIndex: 'accountName'
-          },
-
-          {
-            title: '媒体类型',
-            align: "center",
-            dataIndex: 'loginTypeShow',
-            scopedSlots: { customRender: 'loginTypeShow' },
-          },
-
-          {
-            title: '账号标识',
-            align: "center",
-            dataIndex: 'accountId'
-
-          },
-          {
-            title: '操作',
-            dataIndex: 'action',
-            align: "center",
-            scopedSlots: {customRender: 'action'},
-          }
-        ],
-        url: {
-          list: "/ctop/bindAccountLogin/list",
-          delete: "/ctop/bindAccountLogin/delete",
-          deleteBatch: "/ctop/bindAccountLogin/deleteBatch",
-          exportXlsUrl: "ctop/bindAccountLogin/exportXls",
-          importExcelUrl: "ctop/bindAccountLogin/importExcel",
-        },
-      }
-    },
-    computed: {
-      importExcelUrl: function () {
-        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
-      }
-    },
-    methods: {}
-  }
-</script>
-<style scoped>
-  @import '~@assets/less/common.less'
+<template>
+  <a-card :bordered="false">
+
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline">
+        <a-row :gutter="24">
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="账号">
+              <a-input placeholder="请输入账号" v-model="queryParam.accountName"></a-input>
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="广告主名称">
+              <a-input placeholder="请输入广告主名称" v-model="queryParam.advertiserName"></a-input>
+            </a-form-item>
+          </a-col>
+
+
+
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+
+            </span>
+          </a-col>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange">
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical"/>
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+        <div
+          slot="loginTypeShow"
+          slot-scope="text, record"
+        >{{typeJson[record.loginType]}}</div>
+      </a-table>
+    </div>
+    <!-- table区域-end -->
+
+    <!-- 表单区域 -->
+    <bindAccountLogin-modal ref="modalForm" @ok="modalFormOk"></bindAccountLogin-modal>
+  </a-card>
+</template>
+
+<script>
+  import BindAccountLoginModal from './modules/BindAccountLoginModal'
+  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
+
+  export default {
+    name: "BindAccountLoginList",
+    mixins: [JeecgListMixin],
+    components: {
+      BindAccountLoginModal
+    },
+    data() {
+      return {
+
+        typeJson: {"kuaishou": "快手", "bytedance": "头条"},
+
+        description: '绑定账号密码管理页面',
+        // 表头
+        columns: [
+          {
+            title: '广告主名称',
+            align: "center",
+            dataIndex: 'advertiserName'
+          },
+          {
+            title: '账号',
+            align: "center",
+            dataIndex: 'accountName'
+          },
+
+          {
+            title: '媒体类型',
+            align: "center",
+            dataIndex: 'loginTypeShow',
+            scopedSlots: { customRender: 'loginTypeShow' },
+          },
+
+          {
+            title: '账号标识',
+            align: "center",
+            dataIndex: 'accountId'
+
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align: "center",
+            scopedSlots: {customRender: 'action'},
+          }
+        ],
+        url: {
+          list: "/ctop/bindAccountLogin/list",
+          delete: "/ctop/bindAccountLogin/delete",
+          deleteBatch: "/ctop/bindAccountLogin/deleteBatch",
+          exportXlsUrl: "ctop/bindAccountLogin/exportXls",
+          importExcelUrl: "ctop/bindAccountLogin/importExcel",
+        },
+      }
+    },
+    computed: {
+      importExcelUrl: function () {
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      }
+    },
+    methods: {}
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less'
 </style>

+ 18 - 2
src/views/modules/advertiser/ProjectMemberList.vue

@@ -164,7 +164,7 @@
         rowKey="id"
         :columns="columnsAccount"
         :dataSource="dataAccount"
-        :pagination="ipagination"
+        :pagination="ipaginationAccount"
         :loading="loadingAccount"
       >
         <span slot="createTime" slot-scope="createTime">{{ createTime | getDate }}</span>
@@ -274,6 +274,22 @@ export default {
           scopedSlots: { customRender: 'createTime' }
         }
       ],
+      ipaginationAccount: {
+        current: 1,
+        pageSize: 10,
+        //   pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        //   showSizeChanger: true,
+        total: 0,
+        onChange: current => {
+          // 切换分页时的回调,
+          // 当在页面定义change事件时,切记要把此处的事件清除,因为这两个事件重叠了,可能到时候会导致一些莫名的bug
+          this.ipaginationAccount.current = current
+        }
+      },
       loadingAccount: false,
       dataAccount: [],
       dataSource: [],
@@ -507,7 +523,7 @@ export default {
           if (res.success) {
             this.dataAccount = res.result
             this.loadingAccount = false
-            this.ipagination.total = res.result.length
+            this.ipaginationAccount.total = res.result.length
           }
         })
       }

+ 1 - 0
src/views/user/transferLocal.vue

@@ -48,6 +48,7 @@
 .letter:nth-child(10) {
   animation-delay: 0.9s;
 }
+
 @keyframes bounce {
   0% {
     transform: translate3d(0, 0, 0);