From 1278691d47fdadb53a7b4038e001ad75f218759c Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期二, 02 一月 2024 10:57:16 +0800 Subject: [PATCH] 项目表 --- web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue | 185 +++++++++++++++++++++++++++------------------ 1 files changed, 110 insertions(+), 75 deletions(-) diff --git a/web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue b/web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue index 9274072..0396dac 100644 --- a/web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue +++ b/web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue @@ -1,5 +1,5 @@ <template> - <zt-dialog ref="dialog" column="3" :title="title" :stepMarker="stepMarker" @confirm="formSubmit"> + <zt-dialog ref="dialog" column="2" :title="title" :stepMarker="stepMarker" @confirm="formSubmit"> <el-form ref="dataForm" style="padding-top: 0" :inline="true" :disabled="dataForm.disabled" :model="dataForm" label-width="120px" class="contractFormAuto"> <div> @@ -8,25 +8,42 @@ </el-form-item> </div> <div style="border: 1px solid rgba(0,0,0,.2);width: 99%"> - <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="contractContentWidth"> - <el-form-item class="marginTopAndMarginBottom" label="瀹㈡埛鍚嶇О" style="width: 49%"> - <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input> + <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="QaAuditContentWidth"> + <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鍚嶇О" style="width: 49%"> + <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="璇疯緭鍏ラ」鐩悕绉�"></el-input> </el-form-item> - <el-form-item class="marginTopAndMarginBottom" label="鑱旂郴鐢佃瘽" style="width: 49%"> - <el-input v-model="dataForm.testAgencyInfo.labContactNum" placeholder="璇疯緭鍏ヨ仈绯荤數璇�"></el-input> - </el-form-item> - <el-form-item class="marginTopAndMarginBottom reviewLeft" style="width: 49%"> - <zt-dict v-model="dataForm.contractReview.reviewType" :radio="true" dict="review_type"></zt-dict> - </el-form-item> - <el-form-item label-width="160px" class="lastChild" label="鍘熷鎵樺崟缂栧彿:" style="width: 49%"> - <span>{{ dataForm.contractReview.orderCode }}</span> + <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鏍囪瘑" style="width: 49%"> + <el-input v-model="dataForm.testAgencyInfo.labContactNum" placeholder="璇疯緭鍏ラ」鐩爣璇�"></el-input> </el-form-item> </div> - <div class="el-flexContractDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> - 璇勫椤圭洰 + <div class="el-flexQaAuditDialog el-border-bottom"> + <div class="QaFormWidth DAlign DHold"> + 椤圭洰鎴愬憳 </div> - <div class="el-border-left" style="width: calc(100% - 120px)"> + <div class="el-border-left" style="width: calc(100% - 120px);min-height: 40px"> + <el-form-item style="width: 50%;padding: 0 5px"> + <span>椤圭洰璐熻矗浜猴細{{dataForm.contractReview.technicalDirector || '椤圭洰璐熻矗浜�'}} </span> + </el-form-item> + <el-form-item style="width: 40%;padding: 0 5px"> + <span>娴嬭瘯浜哄憳锛歿{dataForm.contractReview.technicalDirector || '娴嬭瘯浜哄憳'}} </span> + </el-form-item> + <el-form-item style="width: 100%;padding: 0 5px"> + <span>閰嶇疆绠$悊鍛橈細{{dataForm.contractReview.technicalDirector || '閰嶇疆绠$悊鍛�'}} </span> + </el-form-item> + </div> + </div> + <div class="el-flexQaAuditDialog el-border-bottom"> + <div class="QaFormWidth DAlign DHold"> + 宸插畬鎴愮殑妫�鏌� + </div> + <div class="el-border-left" style="width: calc(100% - 120px);min-height: 40px"> + </div> + </div> + <div class=" el-border-bottom"> + <div style="height: 40px;line-height: 40px;text-align:center;font-weight: 600"> + 涓嶇鍚堥」鍒楄〃 + </div> + <div> <div class="table-container"> <el-table ref="tableConfigItemList" class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.reviewItemList" @@ -51,69 +68,32 @@ </div> </div> </div> - <div class="el-flexContractDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> - 璇勫璁板綍 + <div class="el-border-bottom"> + <div style="height: 40px;line-height: 40px;text-align:center;font-weight: 600"> + QA鎬荤粨 </div> - <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-CMTextarea" label-width="20px" style="width: 100%;padding: 5px"> + <div class="el-border-bottom"> + <el-form-item class="el-QaTextarea" label-width="20px" style="width: 100%;padding: 5px"> + <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="dataForm.contractReview.reviewRecord"></el-input> + </el-form-item> + <el-form-item label="妫�鏌ヤ汉(绛惧瓧)锛�" label-width="160px" style="width: 48%;padding: 5px;"> + <el-input v-model="dataForm.contractReview.technicalDirector"></el-input> + </el-form-item> + <el-form-item style="width: 48%;padding: 5px;"> + {{ dataForm.contractReview.reviewDate | filterTime('YYYY骞碝M鏈圖D鏃�') }} + </el-form-item> + </div> + <div> + <el-form-item label="璐ㄩ噺鐩戠潱鍛樻剰瑙侊細" class="el-QaTextarea1" label-width="160px" style="width: 100%;padding: 5px"> <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="dataForm.contractReview.reviewRecord"></el-input> - </el-form-item> - </div> - </div> - <div class="el-flexContractDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> - 瀹㈡埛鐨勭壒娈婅姹� - </div> - <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> - <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="dataForm.contractReview.specialRequire"></el-input> - </el-form-item> - </div> - </div> - <div class="el-flexContractDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> - 鍒嗗寘 - </div> - <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> - <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="dataForm.contractReview.subcontract"></el-input> - </el-form-item> - </div> - </div> - <div class="el-flexContractDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> - 璇勫缁撹 - </div> - <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> - <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ヨ瘎瀹$粨璁�" - v-model="dataForm.contractReview.reviewConclusion"></el-input> - </el-form-item> - <el-form-item label="鎶�鏈礋璐d汉锛�" style="width: 48%"> - <el-input type="textarea" :rows="1" placeholder="璇疯緭鍏ユ妧鏈礋璐d汉" v-model="dataForm.contractReview.technicalDirector"></el-input> </el-form-item> - <el-form-item label="鏃ユ湡锛�" style="width: 48%"> - <el-date-picker - v-model="dataForm.contractReview.reviewDate" - type="date" - placeholder="璇烽�夋嫨鏃ユ湡"> - </el-date-picker> + <el-form-item label="璐ㄩ噺鐩戠潱鍛�(绛惧瓧)锛�" label-width="160px" style="width: 48%;padding: 5px;"> + <el-input v-model="dataForm.contractReview.technicalDirector"></el-input> </el-form-item> - </div> - </div> - <div class="el-flexContractDialog"> - <div class="DFormWidth DAlign DHold"> - 璇勫缁勬垚鍛� - </div> - <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> - <el-input type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="dataForm.contractReview.reviewPanelMember"></el-input> + <el-form-item style="width: 48%;padding: 5px;"> + {{ dataForm.contractReview.reviewDate | filterTime('YYYY骞碝M鏈圖D鏃�') }} </el-form-item> </div> </div> @@ -157,8 +137,45 @@ projectLeader: '', projectTesters: '' }, - incongruentList: [] + contractReview: { + code: '', + orderCode: '', + reviewType: '', + reviewRecord: '', + specialRequire: '', + subcontract: '', + reviewConclusion: '', + technicalDirector: '', + reviewDate: '', + reviewPanelMember: '', + }, + incongruentList: [], + testAgencyInfo: { + agencyName: '', + labContactNum: '' + }, } + // dataForm: { + // id: '', + // files:'', + // contractReview: { + // code: '', + // orderCode: '', + // reviewType: '', + // reviewRecord: '', + // specialRequire: '', + // subcontract: '', + // reviewConclusion: '', + // technicalDirector: '', + // reviewDate: '', + // reviewPanelMember: '', + // }, + // testAgencyInfo: { + // agencyName: '', + // labContactNum: '' + // }, + // reviewItemList: [] + // } } }, methods: { @@ -243,3 +260,21 @@ } } </script> +<style> +.el-flexQaAuditDialog{ + display: flex; + align-items: center; +} +.QaFormWidth{ + width: 120px; +} +.QaAuditContentWidth > .el-form-item > .el-form-item__content { + width: calc(100% - 120px); +} +.el-form-item.el-QaTextarea > .el-form-item__content { + width: 100%; +} +.el-form-item.el-QaTextarea1 > .el-form-item__content { + width: calc(100% - 160px); +} +</style> -- Gitblit v1.9.1