首页页面修改

main
wanglei 6 months ago
parent decfea6f01
commit 0b19044549

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

@ -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>
<div class="left">
<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: [
{
id: 1,
index: 0,
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: 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: '合格'
},
{
value: 3,
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: '综合评价分数(加减分项,值域可以为负)备注', //
}
]
//
queryParams: {
pageNum: 1,
pageSize: 10
},
//
total: 0,
voteList: []
}
},
created() {
this.getList();
},
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;
line-height: 40px;
height: 60px;
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>

Loading…
Cancel
Save