From ce20e86b57be436a42b65befe8e1da2283922030 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期三, 11 十二月 2024 10:17:05 +0800
Subject: [PATCH] 优化
---
src/views/projectManage/progress/progressRecord.vue | 303 ++++++++++++++++++++++++++------------------------
1 files changed, 157 insertions(+), 146 deletions(-)
diff --git a/src/views/projectManage/progress/progressRecord.vue b/src/views/projectManage/progress/progressRecord.vue
index fa478ff..afecc29 100644
--- a/src/views/projectManage/progress/progressRecord.vue
+++ b/src/views/projectManage/progress/progressRecord.vue
@@ -135,152 +135,163 @@
</div>
</el-row>
- <el-dialog :title=" dialogFlag === 1 ? '杩涘害鏌ョ湅' : '杩涘害涓婃姤' " :visible.sync="dialogFormVisible" custom-class="custom-dialog" :close-on-click-modal="false" @close="handleCancel">
+ <el-dialog
+ :title=" dialogFlag === 1 ? '杩涘害鏌ョ湅' : '杩涘害涓婃姤' "
+ :visible.sync="dialogFormVisible"
+ custom-class="custom-dialog"
+ :close-on-click-modal="false"
+ @close="handleCancel">
<el-form :model="progressReportData">
- <el-form-item label="鎶ュ憡鏈燂細" :label-width="formLabelWidth">
- <el-input :value="progressReportData.planTime + (progressReportData.planTimeFlag === 0 ? '鏈堝害' : progressReportData.planTimeFlag === 1 ? '瀛ｅ害' : '骞村害')" readonly />
- </el-form-item>
- <el-form-item label="璁″垝浜嬮」锛�" :label-width="formLabelWidth">
- <el-input v-model="progressReportData.title" readonly />
- </el-form-item>
- <el-form-item label="璁″垝鏃堕棿锛�" :label-width="formLabelWidth">
- <el-date-picker v-model="progressReportData.startTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" readonly/>
- 鑷�
- <el-date-picker v-model="progressReportData.endTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" readonly/>
- </el-form-item>
- <el-form-item label="瀹為檯瀹屾垚鏃堕棿锛�" :label-width="formLabelWidth">
- <el-date-picker
- v-model="progressReportData.actualStartTime"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- value-format="yyyy-MM-dd HH:mm:ss"
- size="small"
- style="width: 130px"
- :readonly="projectInfoData.managerFlag || dialogFlag !== 0"/>
- 鑷�
- <el-date-picker
- v-model="progressReportData.actualEndTime"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- value-format="yyyy-MM-dd HH:mm:ss"
- size="small"
- style="width: 130px"
- :readonly="projectInfoData.managerFlag || dialogFlag !== 0"/>
- </el-form-item>
- <el-form-item label="杩涘害鎯呭喌锛�" :label-width="formLabelWidth">
- <el-input
- type="textarea"
- v-model="progressReportData.progressStatusStr"
- placeholder="璇疯緭鍏�" rows="3"
- :readonly="projectInfoData.managerFlag || dialogFlag !== 0" />
- </el-form-item>
- <el-form-item label="宸ョ▼杩涘害闄勪欢锛�" :label-width="formLabelWidth">
- <file-upload v-model="progressReportData.fileList"
- :fileType="accept"
- :isShowTip="false"/>
- </el-form-item>
- <el-form-item label="鎴鏈姤鍛婂畬鎴愭姇璧勶細" :label-width="formLabelWidth">
- <el-input
- v-model="progressReportData.actualInvest"
- type="number"
- :readonly="projectInfoData.managerFlag || dialogFlag !== 0" />
- </el-form-item>
- <el-form-item label="涓婄骇瀹℃牳锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input
- :value="progressReportData.departmentExamine === 0 ? '鍚屾剰' : progressReportData.departmentExamine === 1 ? '椹冲洖' : '鏈鏍�'"
- readonly />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-select
- v-model="progressReportData.departmentExamine"
- placeholder="璇烽�夋嫨"
- size="small"
- :disabled="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
- clearable>
- <el-option label="鍚屾剰" :value="0"></el-option>
- <el-option label="椹冲洖" :value="1"></el-option>
- <el-option label="璇烽�夋嫨" :value="null"></el-option>
- </el-select>
- </div>
- </el-form-item>
- <el-form-item label="涓婄骇鎵瑰锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input v-model="progressReportData.departmentApproval" readonly />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-input
- v-model="progressReportData.departmentApproval"
- :readonly="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"/>
- </div>
- </el-form-item>
- <el-form-item label="涓婄骇鎵瑰鍥炲锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input
- type="textarea"
- v-model="progressReportData.departmentApprovalReply"
- :readonly="dialogFlag === 0 || progressReportData.progressStatusInt === 1"
- placeholder="璇疯緭鍏�"
- rows="3" />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-input
- type="textarea"
- v-model="progressReportData.departmentApprovalReply"
- placeholder="璇疯緭鍏�"
- rows="3"
- readonly/>
- </div>
- </el-form-item>
- <el-form-item label="涓荤閮ㄩ棬瀹℃牳锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input
- :value="progressReportData.manageExamine === 0 ? '鍚屾剰' : progressReportData.manageExamine === 1 ? '椹冲洖' : '鏈鏍�'"
- readonly />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-select
- v-model="progressReportData.manageExamine"
- placeholder="璇烽�夋嫨"
- size="small"
- :disabled="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
- clearable>
- <el-option label="璇烽�夋嫨" :value="null"></el-option>
- <el-option label="鍚屾剰" :value="0"></el-option>
- <el-option label="椹冲洖" :value="1"></el-option>
- </el-select>
- </div>
- </el-form-item>
- <el-form-item label="涓荤閮ㄩ棬鎵瑰锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input
- v-model="progressReportData.manageApproval"
- readonly />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-input
- :readonly="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
- v-model="progressReportData.manageApproval" />
- </div>
- </el-form-item>
- <el-form-item label="涓荤閮ㄩ棬鎵瑰鍥炲锛�" :label-width="formLabelWidth">
- <div v-if="!projectInfoData.managerFlag">
- <el-input
- type="textarea"
- v-model="progressReportData.manageApprovalReply"
- :readonly="dialogFlag === 0 || progressReportData.progressStatusInt === 1"
- placeholder="璇疯緭鍏�"
- rows="3" />
- </div>
- <div v-if="projectInfoData.managerFlag">
- <el-input
- type="textarea"
- v-model="progressReportData.manageApprovalReply"
- placeholder="璇疯緭鍏�"
- rows="3"
- readonly/>
- </div>
- </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎶ュ憡鏈燂細" :label-width="formLabelWidth">
+ <el-input :value="progressReportData.planTime + (progressReportData.planTimeFlag === 0 ? '鏈堝害' : progressReportData.planTimeFlag === 1 ? '瀛ｅ害' : '骞村害')" readonly />
+ </el-form-item>
+ <el-form-item label="璁″垝浜嬮」锛�" :label-width="formLabelWidth">
+ <el-input v-model="progressReportData.title" readonly />
+ </el-form-item>
+ <el-form-item label="璁″垝鏃堕棿锛�" :label-width="formLabelWidth">
+ <el-date-picker v-model="progressReportData.startTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" readonly/>
+ 鑷�
+ <el-date-picker v-model="progressReportData.endTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" readonly/>
+ </el-form-item>
+ <el-form-item label="瀹為檯瀹屾垚鏃堕棿锛�" :label-width="formLabelWidth">
+ <el-date-picker
+ v-model="progressReportData.actualStartTime"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ size="small"
+ style="width: 130px"
+ :readonly="projectInfoData.managerFlag || dialogFlag !== 0"/>
+ 鑷�
+ <el-date-picker
+ v-model="progressReportData.actualEndTime"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ size="small"
+ style="width: 130px"
+ :readonly="projectInfoData.managerFlag || dialogFlag !== 0"/>
+ </el-form-item>
+ <el-form-item label="杩涘害鎯呭喌锛�" :label-width="formLabelWidth">
+ <el-input
+ type="textarea"
+ v-model="progressReportData.progressStatusStr"
+ placeholder="璇疯緭鍏�" rows="3"
+ :readonly="projectInfoData.managerFlag || dialogFlag !== 0" />
+ </el-form-item>
+ <el-form-item label="宸ョ▼杩涘害闄勪欢锛�" :label-width="formLabelWidth">
+ <file-upload v-model="progressReportData.fileList"
+ :fileType="accept"
+ :isShowTip="false"/>
+ </el-form-item>
+ <el-form-item label="鎴鏈姤鍛婂畬鎴愭姇璧勶細" :label-width="formLabelWidth">
+ <el-input
+ v-model="progressReportData.actualInvest"
+ type="number"
+ :readonly="projectInfoData.managerFlag || dialogFlag !== 0" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="涓婄骇瀹℃牳锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input
+ :value="progressReportData.departmentExamine === 0 ? '鍚屾剰' : progressReportData.departmentExamine === 1 ? '椹冲洖' : '鏈鏍�'"
+ readonly />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-select
+ v-model="progressReportData.departmentExamine"
+ placeholder="璇烽�夋嫨"
+ size="small"
+ :disabled="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
+ clearable>
+ <el-option label="鍚屾剰" :value="0"></el-option>
+ <el-option label="椹冲洖" :value="1"></el-option>
+ <el-option label="璇烽�夋嫨" :value="null"></el-option>
+ </el-select>
+ </div>
+ </el-form-item>
+ <el-form-item label="涓婄骇鎵瑰锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input v-model="progressReportData.departmentApproval" readonly />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-input
+ v-model="progressReportData.departmentApproval"
+ :readonly="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"/>
+ </div>
+ </el-form-item>
+ <el-form-item label="涓婄骇鎵瑰鍥炲锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input
+ type="textarea"
+ v-model="progressReportData.departmentApprovalReply"
+ :readonly="dialogFlag === 0 || progressReportData.progressStatusInt === 1"
+ placeholder="璇疯緭鍏�"
+ rows="3" />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-input
+ type="textarea"
+ v-model="progressReportData.departmentApprovalReply"
+ placeholder="璇疯緭鍏�"
+ rows="3"
+ readonly/>
+ </div>
+ </el-form-item>
+ <el-form-item label="涓荤閮ㄩ棬瀹℃牳锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input
+ :value="progressReportData.manageExamine === 0 ? '鍚屾剰' : progressReportData.manageExamine === 1 ? '椹冲洖' : '鏈鏍�'"
+ readonly />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-select
+ v-model="progressReportData.manageExamine"
+ placeholder="璇烽�夋嫨"
+ size="small"
+ :disabled="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
+ clearable>
+ <el-option label="璇烽�夋嫨" :value="null"></el-option>
+ <el-option label="鍚屾剰" :value="0"></el-option>
+ <el-option label="椹冲洖" :value="1"></el-option>
+ </el-select>
+ </div>
+ </el-form-item>
+ <el-form-item label="涓荤閮ㄩ棬鎵瑰锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input
+ v-model="progressReportData.manageApproval"
+ readonly />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-input
+ :readonly="progressReportData.progressStatusInt === 2 || progressReportData.progressStatusInt === 3"
+ v-model="progressReportData.manageApproval" />
+ </div>
+ </el-form-item>
+ <el-form-item label="涓荤閮ㄩ棬鎵瑰鍥炲锛�" :label-width="formLabelWidth">
+ <div v-if="!projectInfoData.managerFlag">
+ <el-input
+ type="textarea"
+ v-model="progressReportData.manageApprovalReply"
+ :readonly="dialogFlag === 0 || progressReportData.progressStatusInt === 1"
+ placeholder="璇疯緭鍏�"
+ rows="3" />
+ </div>
+ <div v-if="projectInfoData.managerFlag">
+ <el-input
+ type="textarea"
+ v-model="progressReportData.manageApprovalReply"
+ placeholder="璇疯緭鍏�"
+ rows="3"
+ readonly/>
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<div v-if="!projectInfoData.managerFlag">
@@ -455,7 +466,7 @@
}
.custom-dialog {
- max-height: 70vh; /* 璁剧疆鏈�澶ч珮搴� */
+ max-height: 60vh; /* 璁剧疆鏈�澶ч珮搴� */
overflow-y: auto; /* 鍏佽鍨傜洿婊氬姩 */
}
</style>
--
Gitblit v1.8.0