From e95ca9ef89c79fbff8f0d1394311f5f18d653cdd Mon Sep 17 00:00:00 2001
From: hcong <1050828145@qq.com>
Date: 星期五, 18 十月 2024 16:49:49 +0800
Subject: [PATCH] 动态表头
---
src/views/fysp/evaluation/EvalutationEdit.vue | 51 ++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 38 insertions(+), 13 deletions(-)
diff --git a/src/views/fysp/evaluation/EvalutationEdit.vue b/src/views/fysp/evaluation/EvalutationEdit.vue
index f45dabf..6be8741 100644
--- a/src/views/fysp/evaluation/EvalutationEdit.vue
+++ b/src/views/fysp/evaluation/EvalutationEdit.vue
@@ -2,7 +2,10 @@
<FYPageHeader title="璇勪及缁撴灉璇︽儏"></FYPageHeader>
<el-row v-for="item in evaluation" :key="item.id"> </el-row>
<div class="btns">
- <el-button type="primary" @click="submit" :disabled="!isUpdated">鎻愪氦</el-button>
+ <!-- <el-button type="primary" @click="submit" :disabled="!isUpdated">鎻愪氦</el-button> -->
+ </div>
+ <div class="fixed-div">
+ <span>鎬诲垎锛� {{ score }}</span>
</div>
<el-table
class="table-style"
@@ -26,6 +29,7 @@
<el-table-column prop="two_maxScore" label="鏈�澶у垎鍊�" width="90" />
<el-table-column v-slot="scope" prop="three_title" label="鍏蜂綋闂">
<el-checkbox
+ :disabled="disable"
v-model="scope.row.three_select"
@change="(checked) => threeSelectChange(checked, scope.row)"
>{{ scope.row.three_title }}</el-checkbox
@@ -46,6 +50,8 @@
},
data() {
return {
+ disable: false,
+ score: '',
tableData: [],
evaluation: [],
subTaskId: '',
@@ -100,27 +106,33 @@
},
/** 鎻愪环 */
submit() {
+ this.disable = true;
evaluateApi
.updateScore({
subTaskId: this.subTaskId,
itemList: this.checkedUpdatedList
})
.then((res) => {
- if (res.success) {
- ElMessage({
- message: res.message,
- type: 'success'
- });
- }else {
- ElMessage({
- message: res.message,
- type: 'error'
- });
- }
+ this.disable = false;
+ this.score = res.data.score;
+ // if (res.success) {
+ // ElMessage({
+ // message: res.message,
+ // type: 'success'
+ // });
+ // }else {
+ // ElMessage({
+ // message: res.message,
+ // type: 'error'
+ // });
+ // }
+ })
+ .catch((e) => {
+ this.disable = false;
});
setTimeout(() => {
this.getList();
- }, 1000);
+ }, 200);
},
/** 閫氳繃绗笁绾х殑id鑾峰彇涓婄骇浠ュ強椤剁骇 */
getSuperObjByThreeId(threeId, list, path = []) {
@@ -146,6 +158,7 @@
/** 闂閫夋嫨妗� */
threeSelectChange(isSelect, row) {
this.isUpdated = true;
+ this.submit();
},
/** 鍒楀悎骞� */
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
@@ -241,6 +254,7 @@
this.subTaskId = this.$route.params.subTaskId;
evaluateApi.fetchItemEvaluation(this.subTaskId).then((res) => {
this.isUpdated = false;
+ this.score = res.data.score;
this.tableData = this.genTableData(res.data.details);
});
},
@@ -276,4 +290,15 @@
.red-cell {
background-color: red;
}
+/* 鍥哄畾瀹氫綅鐨� div */
+.fixed-div {
+ position: fixed;
+ top: 7%; /* 璺濈椤堕儴 20px */
+ right: 20px; /* 璺濈鍙充晶 20px */
+ width: 200px; /* div 鐨勫搴� */
+ background-color: #f2f2f2; /* 鑳屾櫙棰滆壊 */
+ padding: 20px; /* 鍐呰竟璺� */
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 闃村奖鏁堟灉 */
+ z-index: 1000; /* 纭繚 div 鍦ㄩ〉闈㈠叾浠栧唴瀹逛箣涓� */
+}
</style>
--
Gitblit v1.9.3