From 63260ca0fc739c71ddec8ac35dc208adab0045bd Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Thu, 12 Sep 2024 18:24:40 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E4=BF=AE=E6=94=B9=E5=AD=A6?=
 =?UTF-8?q?=E4=B9=A0=E5=9B=AD=E5=9C=B0=20=E6=96=B0=E5=A2=9E=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/api/guidancePartyBuilding.js    |   2 +
 .../guidancePartyBuilding/learningWorld.vue   | 148 ++++++++++++++++--
 2 files changed, 134 insertions(+), 16 deletions(-)

diff --git a/src/assets/js/api/guidancePartyBuilding.js b/src/assets/js/api/guidancePartyBuilding.js
index 4b4b6a22..9536d14f 100644
--- a/src/assets/js/api/guidancePartyBuilding.js
+++ b/src/assets/js/api/guidancePartyBuilding.js
@@ -14,6 +14,8 @@ export const editPartyBuildingGuidanceInfo = data => post('xmgl/partyBuildingGui
 export const deletePartyBuildingGuidanceInfo = data => post('xmgl/partyBuildingGuidance/delete', data);
 // 通过id查询党建引领信息
 export const getPartyBuildingGuidanceInfoById = data => get('xmgl/partyBuildingGuidance/queryById', data);
+// 分页列表查询党建引领点击用户信息
+export const getPartyBuildingGuidanceClickUserPage = data => get('xmgl/partyBuildingGuidanceClickUser/page', data);
 
 // 组织建设
 // 树形列表查询组织建设组织信息
diff --git a/src/views/projectFront/guidancePartyBuilding/learningWorld.vue b/src/views/projectFront/guidancePartyBuilding/learningWorld.vue
index da36c44b..c1a0ecdc 100644
--- a/src/views/projectFront/guidancePartyBuilding/learningWorld.vue
+++ b/src/views/projectFront/guidancePartyBuilding/learningWorld.vue
@@ -33,7 +33,13 @@
             {{ scope.row.isRead == 1 ? "已读" : "未读" }}
           </template>
         </el-table-column>
-        <el-table-column prop="clickRate" align="center" label="点击率"></el-table-column>
+        <el-table-column prop="clickRate" align="center" label="点击次数">
+          <template slot-scope="scope">
+              <div class="download" @click="previewDetail(scope.row, 1)">
+                {{ scope.row.clickRate }}
+              </div>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <div class="tableBtns">
@@ -53,9 +59,9 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination class="pagerBox" @size-change="SizeChange" @current-change="CurrentChange"
-        :current-page="pagInfo.pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pagInfo.pageSize"
-        layout="total, sizes, prev, pager, next" :total="Number(pagInfo.total)" background></el-pagination>
+      <el-pagination class="pagerBox" @size-change="SizeChange($event, 1)" @current-change="CurrentChange($event,1)"
+        :current-page="pageInfo.pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pageInfo.pageSize"
+        layout="total, sizes, prev, pager, next" :total="Number(pageInfo.total)" background></el-pagination>
     </div>
     <!-- 新增 -->
     <el-dialog :modal-append-to-body="false" :title="title" :visible.sync="dialogShow" @close="close" width="1200px">
@@ -111,9 +117,45 @@
         </div>
       </div>
     </el-dialog>
+    <!-- 详情 -->
+    <el-dialog :modal-append-to-body="false" title="详情" :visible.sync="dialogContent1" width="1200px">
+      <div class="dialog_content">
+        <el-table class="tables" :data="pageInfo1.List">
+          <el-table-column type="index" label="序号" align="center"></el-table-column>
+          <el-table-column prop="realName" align="center" label="姓名"></el-table-column>
+          <el-table-column prop="createDate" align="center" label="时间"></el-table-column>
+          </el-table-column>
+          <el-table-column prop="clickNum" align="center" label="学习次数">
+          <template slot-scope="scope">
+              <div class="download" @click="previewDetail(scope.row, 2)">
+                {{ scope.row.clickNum }}
+              </div>
+          </template>
+        </el-table-column>
+        </el-table>
+        <el-pagination class="pagerBox" @size-change="SizeChange($event, 2)" @current-change="CurrentChange($event,2)"
+          :current-page="pageInfo1.pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pageInfo1.pageSize"
+          layout="total, sizes, prev, pager, next" :total="Number(pageInfo1.total)" background></el-pagination>
+      </div>
+    </el-dialog>
+    <!-- 详情 -->
+    <el-dialog :modal-append-to-body="false" title="详情" :visible.sync="dialogContent2" width="1200px">
+      <div class="dialog_content">
+        <el-table class="tables" :data="pageInfo2.List">
+          <el-table-column type="index" label="序号" align="center"></el-table-column>
+          <el-table-column prop="realName" align="center" label="姓名"></el-table-column>
+          <el-table-column prop="createDate" align="center" label="学习时间"></el-table-column>
+          </el-table-column>
+        </el-table>
+        <el-pagination class="pagerBox" @size-change="SizeChange($event, 2)" @current-change="CurrentChange($event,2)"
+          :current-page="pageInfo2.pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pageInfo2.pageSize"
+          layout="total, sizes, prev, pager, next" :total="Number(pageInfo2.total)" background></el-pagination>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
+import dayjs from "dayjs";
 import VueQuillEditor from "vue-quill-editor";
 import "quill/dist/quill.core.css";
 import "quill/dist/quill.snow.css";
@@ -124,6 +166,7 @@ import {
   editPartyBuildingGuidanceInfo,
   deletePartyBuildingGuidanceInfo,
   isReadPartyBuildingGuidanceApi,
+  getPartyBuildingGuidanceClickUserPage,
 } from "@/assets/js/api/guidancePartyBuilding";
 
 import {
@@ -139,7 +182,7 @@ export default {
   },
   data() {
     return {
-      pagInfo: {
+      pageInfo: {
         pageNo: 1, //页数
         pageSize: 10, //条数
         total: 0, //总条数
@@ -209,9 +252,39 @@ export default {
         theme: "snow",
       },
       cooperatorList: [],
+      detailData1: {},
+      dialogContent1: false,
+      pageInfo1: {
+        pageNo: 1, //页数
+        pageSize: 10, //条数
+        total: 0, //总条数
+        List: [],
+      },
+      detailData2: {},
+      dialogContent2: false,
+      pageInfo2: {
+        pageNo: 1, //页数
+        pageSize: 10, //条数
+        total: 0, //总条数
+        List: [],
+      },
     };
   },
   methods: {
+    previewDetail(row, type) {
+      if(type == 1) {
+        this.detailData1 = row;
+        this.pageInfo1.pageNo = 1;
+        this.getPartyBuildingGuidanceClickUser(1);
+        this.dialogContent1 = true;
+      } else if(type == 2) {
+        this.pageInfo2.pageNo = 1;
+        this.detailData2 = row;
+        this.getPartyBuildingGuidanceClickUser(2);
+        this.dialogContent2 = true;
+      }
+      
+    },
     //获取列表数据
     getCooperatorList() {
       let data = {
@@ -272,8 +345,8 @@ export default {
       getPartyBuildingGuidanceInfo({
         projectSn: this.$store.state.projectSn,
         title: this.searchForm.title,
-        pageNo: this.pagInfo.pageNo,
-        pageSize: this.pagInfo.pageSize,
+        pageNo: this.pageInfo.pageNo,
+        pageSize: this.pageInfo.pageSize,
         type: 3,
       }).then((result) => {
         if (result.success) {
@@ -300,7 +373,7 @@ export default {
             }
           });
           this.List = result.result.records;
-          this.pagInfo.total = result.result.total;
+          this.pageInfo.total = result.result.total;
           console.log(" this.List", this.List);
         }
       });
@@ -390,24 +463,67 @@ export default {
         this.$refs.addEditForm.clearValidate();
       });
     },
-    SizeChange(val) {
-      this.pagInfo.pageSize = val;
-      this.getList();
+    //查询数据
+    getPartyBuildingGuidanceClickUser(type) {
+      const obj = {
+        1: "pageInfo1",
+        2: "pageInfo2",
+      }
+      getPartyBuildingGuidanceClickUserPage({
+        projectSn: this.$store.state.projectSn,
+        pageNo: this[obj[type]].pageNo,
+        pageSize: this[obj[type]].pageSize,
+        groupby: type == 1 ? "user" : "",
+        partyBuildingGuidanceId: this.detailData1.id,
+        userId: type == 2 ? this.detailData2.userId : "",
+        createDate_begin: dayjs(this.chooseMonth).startOf('month').format('YYYY-MM-DD'),
+        createDate_end: dayjs(this.chooseMonth).endOf('month').format('YYYY-MM-DD'),
+      }).then((result) => {
+        if (result.success) {
+          this[obj[type]].List = result.result.records;
+          this[obj[type]].total = result.result.total;
+          console.log(" this.List", this[obj[type]].List);
+        }
+      });
     },
-    CurrentChange(val) {
-      this.pagInfo.pageNo = val;
-      this.getList();
+    SizeChange(val, type) {
+      const obj = {
+        1: "pageInfo",
+        2: "pageInfo1",
+      }
+      this[obj[type]].pageSize = val;
+      if(type == 1){
+        this.getList();
+      } else if (type == 2) {
+        this.getPartyBuildingGuidanceClickUser(1);
+      }
+    },
+    CurrentChange(val, type) {
+      const obj = {
+        1: "pageInfo",
+        2: "pageInfo1",
+      }
+      this[obj[type]].pageNo = val;
+      if(type == 1){
+        this.getList();
+      } else if (type == 2) {
+        this.getPartyBuildingGuidanceClickUser(1);
+      }
     },
     refresh() {
       this.searchForm = {};
-      this.pagInfo.pageNo = 1; //页数
-      this.pagInfo.pageSize = 10; //条数
+      this.pageInfo.pageNo = 1; //页数
+      this.pageInfo.pageSize = 10; //条数
       this.getList();
     },
   },
 };
 </script>
 <style lang="less" scoped>
+.download {
+    color: #1684FC;
+    cursor: pointer;
+}
 .detailContent {
   /deep/ img {
     width: 100%;