From a4c47a2be1a9bd74ac908041e724c48520a8e595 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Tue, 12 Jul 2022 14:46:31 +0800
Subject: [PATCH] zx

---
 src/views/QuestManage/_questDetail/index.vue  |  2 +-
 src/views/QuestManage/_questRelease/index.vue |  2 +-
 .../QuestManage/_transformResult/index.vue    | 57 +++++++++++++++++--
 3 files changed, 54 insertions(+), 7 deletions(-)

diff --git a/src/views/QuestManage/_questDetail/index.vue b/src/views/QuestManage/_questDetail/index.vue
index 3e76a24..92b709b 100644
--- a/src/views/QuestManage/_questDetail/index.vue
+++ b/src/views/QuestManage/_questDetail/index.vue
@@ -191,7 +191,7 @@ export default defineComponent({
             this.proxy.$post("/rewardRuleTemplate/list", {}).then(res => {
                 this.ruleData = res.data.records;
             }).catch(() => {});
-            this.proxy.$post("/reference/list", {}).then(res => {
+            this.proxy.$post("/reference/list", {pageNum: 1,pageSize: 1000}).then(res => {
                 this.refData = res.data.records;
             }).catch(() => {});
             this.proxy.$post("/teachingRefe/list", {}).then(res => {
diff --git a/src/views/QuestManage/_questRelease/index.vue b/src/views/QuestManage/_questRelease/index.vue
index c5d12ea..d7f3e31 100644
--- a/src/views/QuestManage/_questRelease/index.vue
+++ b/src/views/QuestManage/_questRelease/index.vue
@@ -221,7 +221,7 @@ export default defineComponent({
             this.proxy.$post("/rewardRuleTemplate/list", {}).then(res => {
                 this.ruleData = res.data.records;
             }).catch(() => {});
-            this.proxy.$post("/reference/list", {}).then(res => {
+            this.proxy.$post("/reference/list", {pageNum: 1,pageSize: 1000}).then(res => {
                 this.refData = res.data.records;
             }).catch(() => {});
             this.proxy.$post("/teachingRefe/list", {}).then(res => {
diff --git a/src/views/QuestManage/_transformResult/index.vue b/src/views/QuestManage/_transformResult/index.vue
index d976292..b18d34f 100644
--- a/src/views/QuestManage/_transformResult/index.vue
+++ b/src/views/QuestManage/_transformResult/index.vue
@@ -39,6 +39,18 @@
         </div>
         <div class="bottom-list">
             <h3 class="top-title">传播数据</h3>
+            <el-form :inline="true" size="small">
+                <el-form-item label="员工">
+                    <el-input clearable v-model="form.userName" placeholder="请输入"></el-input>
+                </el-form-item>
+                <el-form-item label="部门">
+                    <el-input clearable v-model="form.departmentName" placeholder="请输入"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="onSearch">搜索</el-button>
+                    <el-button @click="reset">重置</el-button>
+                </el-form-item>
+            </el-form>
             <el-table :data="transformList" size="default" border style="width: 1300px">
                 <el-table-column prop="userName" label="员工姓名" width="160"></el-table-column>
                 <el-table-column prop="departmentName" label="部门" width="240"></el-table-column>
@@ -57,30 +69,55 @@
                    </template>
                </el-table-column>
             </el-table>
+            <el-pagination
+                v-model:currentPage="pagination.current"
+                v-model:page-size="pagination.pageSize"
+                :page-sizes="[10, 20, 30, 40]"
+                background
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="pagination.total"
+            />
         </div>
     </div>
 </template>
 
 <script>
-import {defineComponent, reactive, ref, getCurrentInstance} from 'vue'
+import {defineComponent, reactive, ref,watch, getCurrentInstance} from 'vue'
 export default defineComponent({
     name: 'v-transformResult',
     setup() {
         const activeId = reactive({
             value: 0
         });
+        const form = reactive({
+            userName: undefined,
+            departmentName: undefined,
+        });
         const transformData = ref({});
         const transformList = ref([]);
         const { proxy } = getCurrentInstance();
+        const pagination = reactive({
+            total: 0,
+            current: 1,
+            pageSize: 10
+        });
         return {
-            proxy,
+            proxy,form,
             transformData,transformList,
-            activeId
+            activeId,pagination
         }
     },
     activated() {
         this.getApi();
     },
+    mounted() {
+        watch(() => (this.pagination.pageSize), () => {
+            this.getApi()
+        });
+        watch(() => (this.pagination.current), () => {
+            this.getApi()
+        })
+    },
     // created() {
     //     this.getApi();
     // },
@@ -91,15 +128,25 @@ export default defineComponent({
                     const data = res.data;
                     this.transformData = data;
                 }).catch(() => {});
-                this.proxy.$post("/task/taskEffectData", {id: this.$route.query.id}).then(res => {
+                let obj = Object.assign(this.form , {id: this.$route.query.id,pageNum: this.pagination.current, pageSize: this.pagination.pageSize})
+                this.proxy.$post("/task/taskEffectData", obj).then(res => {
                     const data = res.data;
-                    this.transformList = data;
+                    this.transformList = data.records;
+                    this.pagination.total = data.total;
                 }).catch(() => {});
             };
         },
         goDetail(value) {
             this.$router.push({ name: "TransformResultDetail", query:{id:this.$route.query.id, userId: value}})
         },
+        onSearch() {
+            this.getApi()
+        },
+        reset() {
+            this.form.userName = undefined;
+            this.form.departmentName = undefined;
+            this.getApi();
+        },
         //导出
         download() {
             this.proxy.$download("/task/excel", {id: this.$route.query.id}, this.transformData.taskTitle+'传播效果.xlsx').then(res => {