From 3d6addd2c0817b30bd328605cb048ca9698742a6 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 28 二月 2025 16:50:17 +0800 Subject: [PATCH] 修复新建子任务时,未提前建立日任务的bug --- src/views/fysp/check/components/CompProblemCard.vue | 355 ++++++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 253 insertions(+), 102 deletions(-) diff --git a/src/views/fysp/check/components/CompProblemCard.vue b/src/views/fysp/check/components/CompProblemCard.vue index 04947c6..afbeb8c 100644 --- a/src/views/fysp/check/components/CompProblemCard.vue +++ b/src/views/fysp/check/components/CompProblemCard.vue @@ -1,8 +1,17 @@ <template> - <el-card class="layout" shadow="hover"> - <el-steps :active="proStatus.index" finish-status="success" style="" align-center> - <el-step v-for="(s, i) in getSteps" :key="i" :title="s" /> - </el-steps> + <el-card class="layout" shadow="never"> + <!-- <el-row justify="space-between"> --> + <div > + <el-steps + :active="proStatus.index" + finish-status="success" + style="" + align-center + > + <el-step v-for="(s, i) in getSteps" :key="i" :title="s" /> + </el-steps> + </div> + <!-- </el-row> --> <el-descriptions :column="3" size="small"> <template #title> @@ -29,13 +38,21 @@ > </el-descriptions> - <el-scrollbar> - <el-descriptions title=" " :column="2" direction="vertical" size="small" border> + <el-scrollbar style="width: 70%;"> + <el-descriptions + title=" " + :column="2" + direction="vertical" + size="small" + border + > <template v-for="(pic, t) in pics" :key="t"> <template v-if="pic.path.length > 0"> <el-descriptions-item :label="pic.title" - :label-class-name="t == 0 ? 'descriptions-label-1' : 'descriptions-label-2'" + :label-class-name=" + t == 0 ? 'descriptions-label-1' : 'descriptions-label-2' + " > <el-space> <el-image @@ -59,71 +76,105 @@ <el-row v-if="true" style="margin-top: 16px"> <el-col :span="12"> <el-row justify="start" class="btn-group"> - <el-button type="success" size="small" @click="updatePro" plain>闂鏇存</el-button> - <el-button - type="primary" - size="small" - @click="updateChange" - plain - :disabled="!proStatus.changeable" + <el-button type="success" size="small" @click="updatePro" plain + >闂鏇存</el-button + > + <el-button type="primary" size="small" @click="updateChange" plain >鏁存敼妫�楠�</el-button > - <el-button type="info" size="small" @click="currProRecent" plain>闂澶嶇幇</el-button> + <el-button type="info" size="small" @click="currProRecent" plain + >闂澶嶇幇</el-button + > </el-row> </el-col> <el-col :span="12"> <el-row justify="end" class="btn-group"> - <el-button type="danger" size="small" @click="deletePro" :disabled="!proStatus.deletable" + <el-button type="danger" size="small" @click="deletePro" :disabled="true" >鍒犻櫎</el-button > - <el-button type="warning" size="small" @click="rejectPro" :disabled="!proStatus.checkable" - >椹冲洖</el-button + <!-- <el-button + type="danger" + size="small" + @click="deletePro" + :disabled="!proStatus.deletable" + >鍒犻櫎</el-button + > --> + <!-- 瀹℃牳椹冲洖鎿嶄綔 --> + <el-button + v-if=" + this.problem.extension3 == 'fail' || + this.problem.extension3 == 'change_fail' + " + type="danger" + size="small" + @click="revokePro" + :disabled="proStatus.checkable" + >鎾ら攢椹冲洖</el-button > - <el-button type="success" size="small" @click="passPro" :disabled="!proStatus.checkable" - >閫氳繃</el-button + <el-button + v-else + type="warning" + size="small" + @click="rejectPro" + :disabled="!proStatus.checkable" + >瀹℃牳椹冲洖</el-button + > + <el-button + v-if=" + this.problem.extension3 == 'pass' || + this.problem.extension3 == 'change_pass' + " + type="danger" + size="small" + @click="revokePro" + :disabled="proStatus.checkable" + >鎾ら攢閫氳繃</el-button + > + <el-button + v-else + type="success" + size="small" + @click="passPro" + :disabled="!proStatus.checkable" + >瀹℃牳閫氳繃</el-button > </el-row> </el-col> </el-row> </el-card> - <el-dialog v-model="proAddOrUpdDialogVisible" :before-close="proAddOrUpdDialogClose" width="80%"> - <CompProblemAddOrUpd - v-if="proAddOrUpdDialogVisible" - :problem="deepCopyPro" - :subtask="deepCopySubtask" - :topTask="deepCopyTopTask" - ref="compProblemAddOrUpdRef" - @submited="onProSubmited" - /> - </el-dialog> - <el-dialog - width="80%" - title="鏁存敼妫�楠�" - v-model="changeEditDialogVisible" - :before-close="changeEditDialogClose" - > - <ComChangeEdit - v-if="changeEditDialogVisible" - :problemId="problem.guid" - :oldChangeFileList="problem.mediafileList" - :subtask="subtask" - :month="month" - @submited="onChangeSubmited" - /> - </el-dialog> + <CompProblemAddOrUpd + title="闂鏇存" + v-if="proAddOrUpdDialogVisible" + v-model:visible="proAddOrUpdDialogVisible" + :problem="deepCopyPro" + :subtask="subtask" + :topTask="topTask" + ref="compProblemAddOrUpdRef" + @cancel="onProCanceled" + @submit="onProSubmited" + /> + <!-- 鏁存敼 --> + <ComChangeEdit + :title="changeType == 1 ? '鏁存敼妫�楠�' : '鏁存敼鎻愪氦'" + v-if="changeDialogVisible" + v-model:visible="changeDialogVisible" + :changeType="changeType" + :problemId="problem.guid" + :subtask="subtask" + :month="month" + :oldChangeFileList="problem.mediafileList" + @cancel="onChangeCanceled" + @submit="onChangeSubmited" + /> <!-- 闂澶嶇幇 --> - <el-dialog - width="80%" + <CompProRecent title="闂澶嶇幇" - v-model="proRecentDialogVisible" - :before-close="proRecentDialogClose" - > - <CompProRecent - v-if="proRecentDialogVisible" - :subtask="subtask" - :topTask="topTask" - :problem="problem"/> - </el-dialog> + v-if="proRecentDialogVisible" + v-model:visible="proRecentDialogVisible" + :subtask="subtask" + :topTask="topTask" + :problem="problem" + /> </template> <script> @@ -135,6 +186,7 @@ import CompProRecent from './CompProRecent.vue'; import { useCloned } from '@vueuse/core'; export default { + emits: ['check', 'submit', 'cancel'], components: { CompProblemAddOrUpd, ComChangeEdit, @@ -171,9 +223,11 @@ default: 1 } }, - emits: ['submit'], data() { return { + changeDialogVisible: false, + changeType: -1, + addChangeDialogVisible: false, // 杩戞湡鎯呭喌 proRecentDialogVisible: false, month: -1, @@ -190,19 +244,16 @@ }, { bef: '闂寰呮暣鏀�', - aft: '闂宸叉暣鏀�' + aft: '鏁存敼宸蹭笂浼�' }, { bef: '鏁存敼寰呭鏍�', - aft: '鏁存敼宸插鏍�' + aft: '闂宸叉暣鏀�' } ] }; }, - mounted() { - console.log(this.topTask); - - }, + mounted() {}, computed: { // 闂鍚嶇О title() { @@ -243,35 +294,67 @@ } }, methods: { - // 杩戞湡鎯呭喌寮圭獥鍏抽棴 - proRecentDialogClose() { - this.proRecentDialogVisible = false; - }, - newProblem() { - this.proAddOrUpdDialogVisible = true; + onProCanceled() { + this.proAddOrUpdDialogVisible = false; }, onProSubmited(isOk) { - this.$emit('updated', isOk); + this.$emit('submit', isOk); this.proAddOrUpdDialogVisible = false; }, + onChangeCanceled() {}, onChangeSubmited(isOk) { - console.log("zhenggaisubmit"); - - this.$emit('updated', isOk); - this.changeEditDialogVisible = false; + this.$emit('submit', isOk); + this.changeDialogVisible = false; }, - proAddOrUpdDialogClose() { - this.proAddOrUpdDialogVisible = false; + deletePro() { + useMessageBoxTip({ + confirmMsg: '鏄惁鍒犻櫎闂', + confirmTitle: '纭畾', + onConfirm: () => { + return problemApi + .deleteProblem({ + pid: this.problem.guid + }) + .then((res) => { + if (res.success) { + this.$emit('submit'); + } + }); + } + }); }, - changeEditDialogClose() { - this.changeEditDialogVisible = false; - }, - deletePro() {}, rejectPro() { this.checkPro(false); }, passPro() { this.checkPro(true); + }, + revokePro() { + const pro = this.problem; + let status = this.proStatus; + let doneMsg; + if (status.index <= 2) { + doneMsg = '闂鏈鏍�'; + } else if (status.index <= 3) { + doneMsg = '鏁存敼鏈鏍�'; + } + useMessageBoxTip({ + confirmMsg: `纭鎾ゅ洖鍒�${doneMsg}锛焋, + confirmTitle: '瀹℃牳鎾ゅ洖', + onConfirm: () => { + const { status, action } = ProCheckProxy.proBeforeStatus( + pro.extension3 + ); + return problemApi + .checkProblem({ pId: pro.guid, action: action }) + .then((res) => { + if (res.success) { + pro.extension3 = status; + this.$emit('check'); + } + }); + } + }); }, checkPro(pass) { const pro = this.problem; @@ -280,27 +363,28 @@ confirmMsg: `纭鏄惁${doneMsg}璇ラ棶棰橈紵`, confirmTitle: '闂瀹℃牳', onConfirm: () => { - const { status, action } = ProCheckProxy.proNextStatus(pro.extension3, pass); - return problemApi.checkProblem({ pId: pro.guid, action: action }).then((res) => { - if (res.success) { - pro.extension3 = status; - this.$emit('submit'); - } - }); + const { status, action } = ProCheckProxy.proNextStatus( + pro.extension3, + pass + ); + return problemApi + .checkProblem({ pId: pro.guid, action: action }) + .then((res) => { + if (res.success) { + pro.extension3 = status; + this.$emit('check'); + } + }); } }); }, updatePro() { - console.log("clone", this.topTask); - this.deepCopyPro = useCloned(this.problem).cloned.value; - this.deepCopySubtask = useCloned(this.subtask).cloned.value; - this.deepCopyTopTask = useCloned(this.topTask).cloned.value; this.$nextTick(() => { this.proAddOrUpdDialogVisible = true; }); }, - updateChange() { + getCurrentMouth() { // 浣跨敤Date瀵硅薄瑙f瀽鏃ユ湡瀛楃涓� var date = new Date(this.subtask.subtask.planstarttime); // 鑾峰彇鏈堜唤淇℃伅锛屾湀浠芥槸浠�0寮�濮嬬殑锛屾墍浠ラ渶瑕佸姞1 @@ -311,7 +395,15 @@ // 鑾峰彇骞翠唤 var year = date.getFullYear(); this.month = `${year}-${this.month}`; - this.changeEditDialogVisible = true; + }, + updateChange() { + this.getCurrentMouth(); + if (!this.problem.ischanged) { + this.changeType = 0; + } else { + this.changeType = 1; + } + this.changeDialogVisible = true; }, currProRecent() { this.proRecentDialogVisible = true; @@ -322,15 +414,16 @@ <style scoped> .layout { background-color: transparent; - margin-top: 20px; + margin-bottom: 20px; /* border: none; */ - border-color: rgba(0, 0, 0, 0.308); + /* border-color: rgba(0, 0, 0, 0.308); */ } .image { - width: 200px; - height: 210px; + width: 240px; + height: 250px; border-radius: 4px; + margin-bottom: 6px; } .d-index { @@ -354,13 +447,71 @@ .d-extra { } -.descriptions-label-1 { - color: whitesmoke; - background: var(--el-color-danger-light-3); +:deep(.descriptions-label-1) { + /* color: whitesmoke; */ + /* background: var(--el-color-danger-light-3); */ } .descriptions-label-2 { - color: whitesmoke; - background-color: var(--el-color-success-light-3); + /* color: whitesmoke; */ + /* background-color: var(--el-color-success-light-3); */ +} +</style> + +<!-- 姝ラ鏉¤嚜瀹氫箟鏍峰紡 --> +<style scoped> +:deep(.el-steps--simple){ + background: #fffbf731; +} + +:deep(.is-wait .el-step__icon){ + height: 17px; + width: 17px; + margin-top: 3px; +} + +:deep(.is-wait .is-text .el-step__icon-inner) { + font-size: var(--el-font-size-small); +} + +:deep(.is-success .el-step__icon){ + height: 17px; + width: 17px; + margin-top: 3px; +} + +:deep(.is-success .is-text .el-step__icon-inner) { + font-size: var(--el-font-size-small); +} + +:deep(.el-step__head.is-process) { + border-color: var(--el-color-danger); + color: var(--el-color-danger) +} + +:deep(.el-step__head.is-wait) { + border-color: var(--el-text-color-placeholder); + color: var(--el-text-color-placeholder) +} + +:deep(.el-step__head.is-success) { + border-color: var(--el-color-success-light-3); + color: var(--el-color-success-light-3) +} + +:deep(.el-step__title.is-process) { + color: var(--el-color-danger); + font-weight: bolder; + font-size: var(--el-font-size-large); +} + +:deep(.el-step__title.is-wait) { + color: var(--el-text-color-placeholder); + font-size: var(--el-font-size-small); +} + +:deep(.el-step__title.is-success) { + color: var(--el-color-success-light-3); + font-size: var(--el-font-size-small); } </style> -- Gitblit v1.9.3