zx

src/views/HomePage/index.vue

@@ -132,16 +132,32 @@
                 <el-tab-pane label="转发" :name="5"></el-tab-pane>
                 <el-tab-pane label="推荐" :name="6"></el-tab-pane>
             </el-tabs>
-            <div class="middle-tab" style="">
-                <el-radio-group @change="changeDateType" v-model="playNumForm.dateCondition" size="default">
+            <div class="middle-tab">
+                <el-form :inline="true">
+                    <el-form-item label="用户">
+                        <el-select clearable v-model="playNumForm.userId" @change="statusChange">
+                            <el-option v-for="(item) in userList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="任务">
+                        <el-select clearable v-model="playNumForm.taskId" @change="statusChange">
+                            <el-option v-for="(item) in taskList" :key="item.id" :label="item.title" :value="item.id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-radio-group style="margin-left: 12px" @change="changeDateType" v-model="playNumForm.dateCondition" size="default">
                             <el-radio-button :label="2">本周</el-radio-button>
                             <el-radio-button :label="3">本月</el-radio-button>
                             <el-radio-button :label="4">全年</el-radio-button>
                         </el-radio-group>
-                <!-- <el-button @click="changeDateType(2)" size="default" text>本周</el-button>
-                <el-button @click="changeDateType(3)" size="default" text>本月</el-button>
-                <el-button @click="changeDateType(4)" size="default" text>全年</el-button> -->
-                <el-date-picker style="margin-left: 24px" size="default" value-format="YYYY-MM-DD HH:mm:ss" type="daterange" v-model="selTime" @change="dateRangeChange"></el-date-picker>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-date-picker style="margin-left: 12px" value-format="YYYY-MM-DD HH:mm:ss" type="daterange" v-model="selTime" @change="dateRangeChange"></el-date-picker>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button @click="toExcel">导出Excel</el-button>
+                    </el-form-item>
+                </el-form>    
             </div>
         </div>
         <div class="chart-content">
@@ -201,6 +217,8 @@ export default defineComponent({
             dateCondition: 2
         });
         const playNumForm = reactive({
+            taskId: undefined,
+            userId: undefined,
             dateCondition: 2,
             beginTime: undefined,
             endTime: undefined,
@@ -210,13 +228,16 @@ export default defineComponent({
         const tableData = ref([]);
         const selTime = ref([]);
         const myChart = ref();
+        const userList = ref([]);
+        const taskList = ref([]);
         const { proxy } = getCurrentInstance();
         return {
             form,playNumForm,proxy,playNumFormType,myChart,selTime,
-            tableData,totalData
+            tableData,totalData,userList,taskList
         }
     },
     mounted() {
+        this.getApi();
         this.getTotal();
         this.drawChart();
         this.getRank();
@@ -225,6 +246,25 @@ export default defineComponent({
         statusChange() {
             this.drawChart();
         },
+        getApi() {
+            let obj = {pageNum: 1, pageSize: 1000}
+            this.proxy.$post("/task/list", obj).then(res => {
+                if(res.code == 200) {
+                    const data = res.data.records
+                    this.taskList = data
+                } else {
+                    this.$message.error(res.msg)
+                }
+            }).catch(() => {});
+            this.proxy.$post("/user/list", obj).then(res => {
+                if(res.code == 200) {
+                    const data = res.data.records
+                    this.userList = data
+                } else {
+                    this.$message.error(res.msg)
+                }
+            }).catch(() => {});
+        },
         getTotal() {
             this.proxy.$post("/statistics/data1", {}).then(res => {
                 if(res.code == 200) {
@@ -314,6 +354,12 @@ export default defineComponent({
         },
         rankStatusChange() {
             this.getRank()
+        },
+        toExcel() {
+            let date = new Date()
+            this.proxy.$download("/statistics/excel2", this.playNumForm, '播放量趋势'+date.toLocaleString()+'.xlsx').then(res => {
+                console.log(res);
+            }).catch(() => {});
         }
     }
 })

src/views/ReviewManage/_transEffect/index.vue

@@ -67,7 +67,7 @@
                 :total="pagination.total"
             />
        </div>
-       <el-dialog v-model="reviewVisible" width="30%" title="审核">
+       <el-dialog v-model="reviewVisible" width="40%" title="审核">
            <el-form label-width="80px" size="default">
                <el-form-item label="审核结果">
                    <el-radio-group v-model="reviewForm.status">
@@ -75,14 +75,6 @@
                         <el-radio :label="3">拒绝</el-radio>
                     </el-radio-group>
                </el-form-item>
-               <!-- <el-form-item v-if="reviewForm.status == 2" label="平台类型">
-                   <el-select disabled v-model="platformType">
-                       <el-option label="抖音" :value="1"></el-option>
-                       <el-option label="快手" :value="2"></el-option>
-                       <el-option label="朋友圈" :value="3"></el-option>
-                       <el-option label="视频号" :value="4"></el-option>
-                   </el-select>
-               </el-form-item> -->
                <el-form-item v-if="reviewForm.status == 2 && (platformType == 1 || platformType == 2)" label="播放次数">
                    <el-input-number @change="getTransVal" v-model="reviewForm.playNum"></el-input-number>
                </el-form-item>
@@ -105,7 +97,9 @@
                    {{transformValue}}
                </el-form-item>
                <el-form-item type="textarea" v-if="reviewForm.status == 3" label="拒绝理由">
-                   <el-input v-model="reviewForm.reason"></el-input>
+                   <!-- <el-input v-model="reviewForm.reason"></el-input> -->
+                   <el-autocomplete v-model="reviewForm.reason" clearable @select="reasonSelect" :fetch-suggestions="querySearch">
+                   </el-autocomplete>
                </el-form-item>
            </el-form>
            <template #footer>
@@ -155,10 +149,14 @@ export default defineComponent({
         const departmentList = ref([]);
         const { proxy } = getCurrentInstance();
         const reviewVisible = ref(false);
+        const reasonArr = ref([]);
+        const querySearch = (queryString, cb) => {
+            cb(reasonArr.value);
+        }
         return {
             form,reviewForm,pagination,proxy,platformType,transformValue,
-            tableData,departmentList,selTime,
-            statusFormatter,
+            tableData,departmentList,selTime,reasonArr,
+            statusFormatter,querySearch,
             reviewVisible
         }
     },
@@ -179,6 +177,18 @@ export default defineComponent({
                 const data = res.data;
                 this.departmentList = data;
             }).catch(() => {});
+            let o = {pageNum: 1,pageSize: 100};
+            this.proxy.$post("/commonWords/list", o).then(res => {
+                if(res.code == 200) {
+                    let arr = [];
+                    const data = res.data.records;
+                    data.forEach(ele => {
+                        let obj = {value: ele.title}
+                        arr.push(obj);
+                    })
+                    this.reasonArr = arr;
+                }
+            }).catch(() => {});
         },
         getData() {
             let obj = Object.assign(this.form,{pageNum: this.pagination.current,pageSize: this.pagination.pageSize})
@@ -277,7 +287,10 @@ export default defineComponent({
                 filename = '审核不通过列表.xlsx'
             }
             this.proxy.$download("/video/excel", obj, filename).then(() => {}).catch(() => {});
-        }
+        },
+        reasonSelect(val) {
+            
+        },
     }
 })
 </script>