From bd3496195d5dda3e64c75a00ab25a898f4d36299 Mon Sep 17 00:00:00 2001
From: ynmlzdwsp <2727940448@qq.com>
Date: Sat, 6 Jan 2024 09:30:51 +0800
Subject: [PATCH] =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=90=9C=E7=B4=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E9=A1=B5=E9=9D=A2=E8=87=AA=E5=8A=A8=E4=B8=8B?=
 =?UTF-8?q?=E6=BB=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/index.vue   | 61 +++++++++++++++++++++-----------------
 src/components/myAside.vue | 42 +++++++++++++-------------
 src/utils/table1.js        |  6 ++++
 3 files changed, 60 insertions(+), 49 deletions(-)

diff --git a/src/components/index.vue b/src/components/index.vue
index 372f960..ce0ee00 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -75,20 +75,14 @@
               <div class="announcement background-opacity">
                 <i class="fa fa-volume-up" aria-hidden="true"></i>
                 <div>
-                  <div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">
-                    {{ notice }}
-                  </div>
+<!--                  <div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">-->
+<!--                    {{ notice }}-->
+<!--                  </div>-->
+                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;世界上只有一种真正的英雄主义，那就是看清生活的真相之后，依然勇敢地热爱生活。
                 </div>
               </div>
               <articleList :articleList="articles"></articleList>
-<!--              <div class="pagination-wrap">-->
-<!--                <div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">-->
-<!--                  下一页-->
-<!--                </div>-->
-<!--                <div v-else style="user-select: none">-->
-<!--                  ~~到底啦~~-->
-<!--                </div>-->
-<!--              </div>-->
+
               <template>
                 <div class="pagination-wrap">
                   <el-table :data="table1List">
@@ -109,20 +103,17 @@
 
 
                 </div>
-<!--                <div  style="user-select: none;text-align: center">-->
-<!--                  ~~到底啦~~-->
-<!--                </div>-->
 
                 <!--分页组件-->
                 <div class="block">
                   <el-pagination
                     @size-change="handleSizeChange"
                     @current-change="handleCurrentChange"
-                    :current-page="currentPage4"
-                    :page-sizes="[100, 200, 300, 400]"
-                    :page-size="100"
+                    :current-page="currentPage1"
+                    :page-sizes="[7, 10, 15, 20]"
+                    :page-size="7"
                     layout="total, sizes, prev, pager, next, jumper"
-                    :total="400">
+                    :total=this.pagination.total>
                   </el-pagination>
                 </div>
               </template>
@@ -141,7 +132,7 @@
   </div>
 </template>
 <script>
-  import {listTable1} from "@/utils/table1";
+import {listTable1, listTotal} from "@/utils/table1";
 
   const loader = () => import( "./common/loader");
   const zombie = () => import( "./common/zombie");
@@ -162,9 +153,9 @@
 
     data() {
       return {
-        currentPage1: 5,
-        currentPage2: 5,
-        currentPage3: 5,
+        currentPage1: 1,
+        currentPage2: 2,
+        currentPage3: 3,
         currentPage4: 4,
         loading: false,
         showAside: true,
@@ -188,7 +179,7 @@
         // 查询参数
         queryParams: {
           pageNum: 1,
-          pageSize: 10,
+          pageSize: 7,
           drug1: null,
           drug2: null,
           reaction: null
@@ -201,31 +192,45 @@
     created() {
       this.getGuShi();
       this.getArticles();
-      this.getList();
+      this.handleQuery();
     },
 
     mounted() {
     },
 
     methods: {
+      /** 查询药品作用列表条数 */
+      getTotal() {
+        listTotal(this.queryParams).then(response => {
+          this.pagination.total = parseInt(response);
+          console.log(this.pagination.total);
+        });
+      },
       handleSizeChange(val) {
-        console.log(`每页 ${val} 条`);
+        this.queryParams.pageSize = val; // 修改每页显示数量
+        this.getList();
       },
       handleCurrentChange(val) {
-        console.log(`当前页: ${val}`);
+        this.queryParams.pageNum = val; // 修改每页显示数量
+        this.getList();
       },
       /** 搜索按钮操作 */
       handleQuery() {
         this.queryParams.pageNum = 1;
         this.getList();
+        this.getTotal();
+        // 页面自动下滑效果
+        const targetElement = document.querySelector('.recent-posts');
+        if (targetElement) {
+          targetElement.scrollIntoView({ behavior: "smooth", block: "start" });
+        }
       },
       /** 查询药品作用管理列表 */
       getList() {
         // this.loading = true;
         this.table1List = []; // 初始化为空数组
         listTable1(this.queryParams).then(response => {
-            this.table1List = response;
-            console.log(this.table1List[0].reaction);
+          this.table1List = response;
         });
       },
       async selectSort(sort) {
diff --git a/src/components/myAside.vue b/src/components/myAside.vue
index 81809e3..ccb63f6 100644
--- a/src/components/myAside.vue
+++ b/src/components/myAside.vue
@@ -1,27 +1,27 @@
 <template>
   <div>
     <!-- 网站信息 -->
-<!--    <div class="card-content1 shadow-box background-opacity">-->
-<!--      <el-avatar style="margin-top: 20px" class="user-avatar" :size="120" :src="webInfo.avatar"></el-avatar>-->
-<!--      <div class="web-name">{{webInfo.webName}}</div>-->
-<!--      <div class="web-info">-->
-<!--        <div class="blog-info-box">-->
-<!--          <span>文章</span>-->
-<!--          <span class="blog-info-num">{{ $store.getters.articleTotal }}</span>-->
-<!--        </div>-->
-<!--        <div class="blog-info-box">-->
-<!--          <span>分类</span>-->
-<!--          <span class="blog-info-num">{{ sortInfo.length }}</span>-->
-<!--        </div>-->
-<!--        <div class="blog-info-box">-->
-<!--          <span>访问量</span>-->
-<!--          <span class="blog-info-num">{{ webInfo.historyAllCount }}</span>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--      <a class="collection-btn" @click="showTip()">-->
-<!--        <i class="el-icon-star-off" style="margin-right: 2px"></i>朋友圈-->
-<!--      </a>-->
-<!--    </div>-->
+    <div class="card-content1 shadow-box background-opacity">
+      <el-avatar style="margin-top: 20px" class="user-avatar" :size="120" :src="webInfo.avatar"></el-avatar>
+      <div class="web-name">{{webInfo.webName}}</div>
+      <div class="web-info">
+        <div class="blog-info-box">
+          <span>文章</span>
+          <span class="blog-info-num">{{ $store.getters.articleTotal }}</span>
+        </div>
+        <div class="blog-info-box">
+          <span>分类</span>
+          <span class="blog-info-num">{{ sortInfo.length }}</span>
+        </div>
+        <div class="blog-info-box">
+          <span>访问量</span>
+          <span class="blog-info-num">{{ webInfo.historyAllCount }}</span>
+        </div>
+      </div>
+      <a class="collection-btn" @click="showTip()">
+        <i class="el-icon-star-off" style="margin-right: 2px"></i>朋友圈
+      </a>
+    </div>
 
     <!-- 搜索 -->
     <div style="padding: 15px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out"
diff --git a/src/utils/table1.js b/src/utils/table1.js
index ae69705..f5e1fd0 100644
--- a/src/utils/table1.js
+++ b/src/utils/table1.js
@@ -7,6 +7,12 @@ export function listTable1(query) {
     .catch(error => console.error(error));
 }
 
+export function listTotal(query) {
+  const url = '/system/table1/total';
+  return axios.get(url, { params: query })
+    .then(response => response.data)
+    .catch(error => console.error(error));
+}
 
 // 查询药品作用管理详细
 export function getTable1(id) {