feat: 花生平台 - ADQ账号授权

project/src/assets/config/interface_api.js

@@ -356,6 +356,8 @@ var api = {
   smartPushV2_massSendCustList: "/api/PeriodMassMsg/massSendCustList", // 企微助手 - 智能推送V2 - 推送记录 - 详情&客户详情列表
   smartPushV2_massSendCustListExport: "/api/PeriodMassMsg/massSendCustListExport", // 企微助手 - 智能推送V2 - 推送记录 - 详情&客户详情导出
 
+  dataBoardHS_adqAccountList: "/api/provisionalStat/adqAccountList", // 花生平台 - adq账号授权列表
+
 };
 
 export { api };

project/src/components/dataBoard/adqAccountHS/list.vue

@@ -0,0 +1,91 @@
+<template>
+  <div v-loading="loading">
+    <div class="screenBox">
+      <div class="totalCustom">已授权<span>{{total}}</span>个ADQ账号</div>
+      <selfInput label_name="ADQ账号" labelWidth @inputChange="onInputKeyword" />
+    </div>
+    <el-table :height="height" :data="list" tooltip-effect="dark" style="width: 100%">
+      <el-table-column prop="account_id" min-width="200" label="ADQ投放账号ID" show-overflow-tooltip align="center" />
+      <el-table-column prop="create_time" min-width="200" label="授权时间" show-overflow-tooltip align="center" />
+      <el-table-column prop="bind_account_list" min-width="200" label="公众号" show-overflow-tooltip align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.bind_account_list || '-' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" v-show="total>0">
+      <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count='Number(pages)' />
+    </div>
+  </div>
+</template>
+<script>
+import selfInput from '@/components/assembly/screen/input.vue'
+
+export default {
+  components: { selfInput, },
+  data () {
+    return {
+      heigth: '',
+      loading: false,
+      page: 1,
+      pages: 0,
+      total: 0,
+      page_size: 40,
+      keyword: '',
+      list: [],
+    }
+  },
+  created () {
+    this.height = document.documentElement.clientHeight - 220 > 400 ? document.documentElement.clientHeight - 220 : 400
+    this.handleGetList()
+  },
+  methods: {
+    handleCurrentChange(val) {
+      this.page = val
+      this.handleGetList(val)
+    },
+    async handleGetList() {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.dataBoardHS_adqAccountList}`
+        const params = {
+          is_select: 0, // 是否为下拉选择框 1是 0否
+          page: this.page,
+          page_size: this.page_size,
+          keyword: this.keyword,
+        }
+        const { data: res } =  await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          this.list = res.rst.data;
+          this.total = res.rst.pageInfo.total;
+          this.pages = res.rst.pageInfo.pages;
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    // 监听搜索账号
+    onInputKeyword(val) {
+      this.keyword = val || ''
+      this.page = 1
+      this.handleGetList()
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/style/list.scss";
+.screenBox {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 10px;
+  .totalCustom {
+    margin-top: -4px;
+  }
+}
+</style>

project/src/router/allRouter.js

@@ -44,6 +44,7 @@ const dramaManage = () => import(/* webpackChunkName: 'dramaManage' */ '@/compon
 const charge = () => import(/* webpackChunkName: 'charge' */ '@/components/orderManage/charge.vue')
 const wxAccountList = () => import(/* webpackChunkName: 'wxAccountList' */ '@/components/dataBoard/wxAccount/list.vue')
 const adqAccountList = () => import(/* webpackChunkName: 'adqAccountList' */ '@/components/dataBoard/adqAccount/list.vue')
+const adqAccountListHS = () => import(/* webpackChunkName: 'adqAccountListHS' */ '@/components/dataBoard/adqAccountHS/list.vue')
 const thePublicTrend = () => import(/* webpackChunkName: 'thePublicTrend' */ '@/components/dataBoard/thePublicTrend.vue')
 const playletFansActTrend = () => import(/* webpackChunkName: 'playletFansActTrend' */ '@/components/dataBoard/playletFansActTrend.vue')
 const batchAddFriend = () => import(/* webpackChunkName: 'batchAddFriend' */ '@/components/marketingGuest/batchAddFriend/index.vue')
@@ -732,6 +733,17 @@ export var allRouter = [
         }
       },
       {
+        path: 'adqAccountListHS',
+        name: 'adqAccountListHS',
+        component: adqAccountListHS,
+        meta: {
+          keepAlive: false,
+          isLogin: true,
+          title: '花生ADQ账号授权',
+          isData: true
+        }
+      },
+      {
         path: 'customerAnalysis',
         name: 'customerAnalysis',
         component: customerAnalysis,