推广素材

src/HManagement/archives_ad/dataAnalysis/modules/adShareData.vue

@@ -30,7 +30,9 @@
                 <p v-if="scope.column.columnname == 'region'">
                     {{ scope.column.data['province'] }}{{ scope.column.data['city'] }}{{ scope.column.data['county'] }}
                 </p>
-                <p v-else-if="scope.column.columnname == 'operate'" style="color:#3874F6;">查看分享名单</p>
+                <p v-else-if="scope.column.columnname == 'operate'" style="color:#3874F6;">
+                    <chack-the-list :item="scope.column.data" />
+                </p>
                 <p v-else>{{ scope.column.data[scope.column.columnname] }}</p>
             </template>
         </tableLayout>
@@ -44,10 +46,11 @@
 <script>
 import { Line, Pie } from '@antv/g2plot';
 import exportExcel from "@/components/export_excel";
+import chackTheList from "./chackTheList";
 
 export default {
     name: "adShareData",
-    components: { exportExcel },
+    components: { exportExcel, chackTheList },
     data() {
         return {
             tabPosition: 1,//年月日

src/HManagement/archives_ad/dataAnalysis/modules/chackTheList.vue

@@ -0,0 +1,73 @@
+<template>
+    <div>
+        <el-button type="text" @click="check">查看分享名单</el-button>
+        <el-dialog title="拉新名单" :visible.sync="dialogTableVisible">
+            <exportExcel :tablecols="tablecols" :param="param" excelTitle="推广素材拉新数据表" />
+            <tableLayout style="margin-top:16px" :layout="tablecols" :data="tableList" :custom="true">
+                <template v-slot:customcol="scope">
+                    <p>{{ scope.column.data[scope.column.columnname] }}</p>
+                </template>
+            </tableLayout>
+            <div style="margin-top:16px;text-align:right">
+                <el-pagination background small @current-change="handlCurrentChange"
+                    :current-page="param.content.pageNumber" :page-size="param.content.pageSize"
+                    layout="total, prev, pager, next, jumper" :total="total">
+                </el-pagination>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import exportExcel from "@/components/export_excel";
+
+export default {
+    name: "chackTheList",
+    props: ['item'],
+    components: { exportExcel },
+    data() {
+        return {
+            tablecols: null,
+            tableList: [],
+            param: {
+                "classname": "webmanage.saletool.sharematerial.statistics.share",
+                "method": "getShareMember",
+                "content": {
+                    "sat_sharematerialid": this.$route.query.id,
+                    "createuserid": this.item.createuserid,
+                    "isAll": true,
+                    "pageNumber": 1,
+                    "pageSize": 10
+                }
+            },
+            dialogTableVisible: false,
+            total: 0
+        }
+    },
+    created() {
+        this.tablecols = this.tool.tabelCol('archives_adlist')[`addNewTable`].tablecols;
+    },
+    methods: {
+        check() {
+            let param = JSON.parse(JSON.stringify(this.param));
+            param.content.isAll = false;
+            this.$api.requested(param).then(res => {
+                this.tableList = res.data;
+                this.total = res.total;
+                this.dialogTableVisible = true;
+            })
+        },
+        handlCurrentChange(i) {
+            this.param.content.pageNumber = i;
+            this.check();
+        }
+    }
+
+}
+</script>
+
+<style scoped>
+/deep/.el-dialog__body {
+    padding: 0 30px 20px !important;
+}
+</style>