首页页面修改

ruoyi-ui/src/api/kaohe/vote.js

@@ -42,3 +42,13 @@ export function delVote(id) {
     method: 'delete'
   })
 }
+
+
+// 首页查询评分接口和参数
+export function listByConditons(query) {
+  return request({
+    url: '/kaohe/vote/listByConditons',
+    method: 'get',
+    params: query
+  })
+}

ruoyi-ui/src/views/index.vue

@@ -2,9 +2,13 @@
   <div class="app-container">
     <div>
       <div v-for="item in voteList" :key="item.id" class="voteitems">
-        <div>{{ item.voteTitle }}</div>
+        <div class="left">
-        <div>
+          <div class="vote_title">{{ item.voteTitle }}</div>
+          <div class="vote_time">{{ item.sTime + '-' + item.eTime }}</div>
+        </div>
+        <div class="right">
           <el-button
+            v-if="(new Date(item.sTime) < (new Date())) && (new Date(item.eTime) > (new Date()))"
             size="mini"
             type="text"
             icon="el-icon-thumb"
@@ -12,396 +16,47 @@
           >去评分</el-button>
         </div>
       </div>
+
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
     </div>
   </div>
 </template>
 
 <script>
+import { listByConditons } from "@/api/kaohe/vote"
+
 export default {
   name: "Index",
   data() {
     return {
-      voteList: [
+      // 查询参数
-        {
+      queryParams: {
-          id: 1,
+        pageNum: 1,
-          index: 0,
+        pageSize: 10
-          index1: 0,
+      },
-          type: 2,
+      // 总条数
-          pingceName: '党建与行政目标任务',
+      total: 0,
-          khitemName: '政治建设',
+      voteList: []
-          voteTitle: '政治建设评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.2, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '政治建设评分详情描述', //评分详情描述
-          remark: '政治建设备注', //备注
-        },
-        {
-          id: 2,
-          index: 0,
-          index1: 1,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '宣传与思想政治工作',
-          voteTitle: '宣传与思想政治工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '宣传与思想政治工作评分详情描述', //评分详情描述
-          remark: '宣传与思想政治工作备注', //备注
-        },
-        {
-          id: 3,
-          index: 0,
-          index1: 2,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '作风纪律',
-          voteTitle: '作风纪律评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '作风纪律评分详情描述', //评分详情描述
-          remark: '作风纪律备注', //备注
-        },
-        {
-          id: 4,
-          index: 0,
-          index1: 3,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '安全稳定',
-          voteTitle: '安全稳定评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '安全稳定评分详情描述', //评分详情描述
-          remark: '安全稳定备注', //备注
-        },
-        {
-          id: 5,
-          index: 0,
-          index1: 4,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '师资队伍与师德师风',
-          voteTitle: '师资队伍与师德师风评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '师资队伍与师德师风评分详情描述', //评分详情描述
-          remark: '师资队伍与师德师风备注', //备注
-        },
-        {
-          id: 6,
-          index: 0,
-          index1: 5,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '财务工作',
-          voteTitle: '财务工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '财务工作评分详情描述', //评分详情描述
-          remark: '财务工作备注', //备注
-        },
-        {
-          id: 7,
-          index: 0,
-          index1: 6,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '依法治校与综合治理',
-          voteTitle: '依法治校与综合治理评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.05, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '依法治校与综合治理评分详情描述', //评分详情描述
-          remark: '依法治校与综合治理备注', //备注
-        },
-        {
-          id: 8,
-          index: 0,
-          index1: 7,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '国有资产管理',
-          voteTitle: '国有资产管理评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.02, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '国有资产管理评分详情描述', //评分详情描述
-          remark: '国有资产管理备注', //备注
-        },
-        {
-          id: 9,
-          index: 0,
-          index1: 8,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '实验室管理',
-          voteTitle: '实验室管理评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.03, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '实验室管理评分详情描述', //评分详情描述
-          remark: '实验室管理备注', //备注
-        },
-        {
-          id: 10,
-          index: 0,
-          index1: 9,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '招生就业与创新创业工作',
-          voteTitle: '招生就业与创新创业工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '招生就业与创新创业工作评分详情描述', //评分详情描述
-          remark: '招生就业与创新创业工作备注', //备注
-        },
-        {
-          id: 11,
-          index: 0,
-          index1: 10,
-          type: 2,
-          pingceName: '党建与行政目标任务',
-          khitemName: '对外交流与合作',
-          voteTitle: '对外交流与合作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '对外交流与合作评分详情描述', //评分详情描述
-          remark: '对外交流与合作备注', //备注
-        },
-        {
-          id: 12,
-          index: 1,
-          index1: 0,
-          type: 2,
-          pingceName: '事业发展',
-          khitemName: '教学工作',
-          voteTitle: '教学工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.2, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '教学工作评分详情描述', //评分详情描述
-          remark: '教学工作备注', //备注
-        },
-        {
-          id: 13,
-          index: 1,
-          index1: 1,
-          type: 2,
-          pingceName: '事业发展',
-          khitemName: '科研工作',
-          voteTitle: '科研工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '科研工作评分详情描述', //评分详情描述
-          remark: '科研工作备注', //备注
-        },
-        {
-          id: 14,
-          index: 1,
-          index1: 2,
-          type: 2,
-          pingceName: '事业发展',
-          khitemName: '学生工作',
-          voteTitle: '学生工作评分',
-          options: [],
-          maxNum: 100,
-          percentage: 0.1, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '学生工作评分详情描述', //评分详情描述
-          remark: '学生工作备注', //备注
-        },
-        {
-          id: 15,
-          index: 2,
-          index1: 0,
-          type: 1,
-          pingceName: '民主测评',
-          khitemName: '师院领导班子',
-          voteTitle: '师院领导班子评分',
-          options: [
-            {
-              value: 1,
-              label: '优秀'
-            },
-            {
-              value: 2,
-              label: '合格'
-            },
-            {
-              value: 3,
-              label: '基本合格'
-            },
-            {
-              value: 4,
-              label: '不合格'
-            }
-          ],
-          maxNum: null,
-          percentage: 0.2, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '师院领导班子评分详情描述', //评分详情描述
-          remark: '师院领导班子备注', //备注
-        },
-        {
-          id: 16,
-          index: 2,
-          index1: 1,
-          type: 1,
-          pingceName: '民主测评',
-          khitemName: '师院处级领导干部',
-          voteTitle: '师院处级领导干部评分',
-          options: [
-            {
-              value: 1,
-              label: '优秀'
-            },
-            {
-              value: 2,
-              label: '合格'
-            },
-            {
-              value: 3,
-              label: '基本合格'
-            },
-            {
-              value: 4,
-              label: '不合格'
     }
-          ],
-          maxNum: null,
-          percentage: 0.2, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '师院处级领导干部评分详情描述', //评分详情描述
-          remark: '师院处级领导干部备注', //备注
-        },
-        {
-          id: 17,
-          index: 2,
-          index1: 2,
-          type: 1,
-          pingceName: '民主测评',
-          khitemName: '服务对象代表',
-          voteTitle: '服务对象代表评分',
-          options: [
-            {
-              value: 1,
-              label: '优秀'
-            },
-            {
-              value: 2,
-              label: '合格'
   },
-            {
+  created() {
-              value: 3,
+    this.getList();
-              label: '基本合格'
-            },
-            {
-              value: 4,
-              label: '不合格'
-            }
-          ],
-          maxNum: null,
-          percentage: 0.2, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '服务对象代表评分详情描述', //评分详情描述
-          remark: '服务对象代表备注', //备注
-        },
-        {
-          id: 18,
-          index: 3,
-          index1: 0,
-          type: 5,
-          pingceName: '特色创新',
-          khitemName: '分数（满分10分）',
-          voteTitle: '特色创新分数（满分10分）评分',
-          options: [],
-          maxNum: 10,
-          percentage: null, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '特色创新分数（满分10分）评分详情描述', //评分详情描述
-          remark: '特色创新分数（满分10分）备注', //备注
-        },
-        {
-          id: 19,
-          index: 4,
-          index1: 0,
-          type: 5,
-          pingceName: '综合评价',
-          khitemName: '分数（加减分项，值域可以为负）',
-          voteTitle: '综合评价分数（加减分项，值域可以为负）',
-          options: [],
-          maxNum: 10,
-          percentage: null, //评分占比
-          state: '2', //状态
-          sTime: '2025-06-15', //开始时间
-          eTime: '2025-06-20', //结束时间
-          vDescription: '综合评价分数（加减分项，值域可以为负）评分详情描述', //评分详情描述
-          remark: '综合评价分数（加减分项，值域可以为负）备注', //备注
-        }
-      ]
-    }
   },
   methods: {
+    getList(){
+      listByConditons(this.queryParams).then(response => {
+        this.voteList = response.rows;
+        this.total = response.total
+      })
+    },
     goVotepage(row){
-      this.$router.push({ path: '/votepage', query: { index: row.index, index1: row.index1 }});
+      this.$router.push({ path: '/votepage', query: { id: row.id }});
     },
   }
 }
@@ -411,15 +66,36 @@ export default {
 .voteitems{
   display: flex;
   justify-content: space-between;
-  width: 900px;
+  width: 800px;
   font-size: 14px;
   color: #333;
   border: 1px solid #eeeeee;
   margin-top: 10px;
-  height: 40px;
+  height: 60px;
-  line-height: 40px;
+  line-height: 30px;
   padding: 0 10px;
   box-sizing: border-box;
+
+  .left{
+    width: 700px;
+
+    .vote_title{
+      white-space: nowrap; /* 防止文本换行 */
+      overflow: hidden;    /* 隐藏溢出的文本 */
+      text-overflow: ellipsis; /* 显示省略号 */
+    }
+
+    .vote_time{
+      color: #af0000;
+    }
+  }
+
+  .right{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 60px;
+  }
 }
 
 </style>