From 1d4246ec700c86cb0c0630f63df2cf4f9bbe8fa2 Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Tue, 12 Dec 2023 17:48:49 +0800
Subject: [PATCH] 评优任务、考核任务页面修改
---
src/views/assessment/assessmentTask.vue | 85 +++++++++++-------------------------------
1 files changed, 22 insertions(+), 63 deletions(-)
diff --git a/src/views/assessment/assessmentTask.vue b/src/views/assessment/assessmentTask.vue
index 9da7e31..ed0542d 100644
--- a/src/views/assessment/assessmentTask.vue
+++ b/src/views/assessment/assessmentTask.vue
@@ -1,12 +1,7 @@
<template>
<basic-container>
<template v-if="isResult">
- <ul class="task-box">
- <li v-for="(taskType, index) in taskTypeList" :key="index" @click="tabClick(taskType.value, index)"
- :class="{ 'active-type': index === defaultTaskType }">
- {{ taskType.label }}
- </li>
- </ul>
+ <avue-tabs :option="taskTypeList" @change="tabChange"></avue-tabs>
<avue-crud :option="option" v-model:search="search" v-model:page="page" v-model="form" :table-loading="loading"
:data="data" :permission="permissionList" :before-open="beforeOpen" ref="crud" @row-update="rowUpdate"
@row-save="rowSave" @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
@@ -68,28 +63,26 @@
// 考核结果参数
resultParams: {},
defaultTaskType: 0,
- taskTypeList: [
- {
- label: '全部',
- value: null
- },
- {
- label: '个人考核任务',
- value: 0
- },
- {
- label: '部门考核任务',
- value: 1
- }
- ]
+ taskTypeList: {
+ column: [
+ {
+ label: '个人考核任务',
+ prop: 0
+ },
+ {
+ label: '部门考核任务',
+ prop: 1
+ }
+ ]
+ }
};
},
watch: {
defaultTaskType(n) {
- const taskType = this.taskTypeList[n].value;
- let params = {}
- taskType === void 0 ? params = {} : params = { type: taskType }
- this.query = params;
+ this.query['type'] = n
+ let params = {
+ type: n
+ }
this.page.currentPage = 1;
this.onLoad(this.page, params);
}
@@ -245,7 +238,8 @@
} = this.query;
let values = {
- ...this.query
+ ...this.query,
+ ...params
};
getList(page.currentPage, page.pageSize, values).then(res => {
@@ -256,47 +250,12 @@
this.selectionClear();
});
},
- tabClick(value, index) {
- this.defaultTaskType = index
+ tabChange(value) {
+ this.defaultTaskType = value.prop
}
}
};
</script>
<style lang="scss" scoped>
-.task-box {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: end;
- margin-bottom: 10px;
- height: 35px;
-
- li {
- margin-left: 20px;
- padding-bottom: 5px;
- cursor: pointer;
- transition: all .3s ease-in-out;
-
- &:first-child {
- margin-left: 0;
- }
- }
-}
-
-.active-type {
- font-size: 20px;
- font-weight: 400;
- position: relative;
-
- &::after {
- content: '';
- position: absolute;
- width: 100%;
- height: 2px;
- bottom: 0;
- left: 0;
- background-color: var(--el-color-primary);
- }
-}</style>
+</style>
--
Gitblit v1.9.3