From d242e5472638bb89b48c492514f5fec4df876464 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期二, 19 十二月 2023 09:14:25 +0800 Subject: [PATCH] 合同评审及基线表 --- web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue | 176 +++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 136 insertions(+), 40 deletions(-) diff --git a/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue b/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue index 56a3d61..d9357e4 100644 --- a/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue +++ b/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue @@ -1,43 +1,90 @@ <template> <zt-dialog ref="dialog" column="2" @confirm="formSubmit" :stepMarker="stepMarker" :append-to-body="true"> <el-form :model="dataForm" :inline="true" ref="dataForm" style="padding-top: 0" :disabled="dataForm.disabled" - label-width="120px" class="testCheckFormAuto"> + label-width="120px" class="baselineFormAuto"> <div> <el-form-item label-width="60px" label="缂栧彿:" style="width:100%;margin-bottom: -5px"> <span>{{ dataForm.baseline.code || '缂栧彿鑷姩鐢熸垚' }}</span> </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="testCheckContentWidth"> - <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鏍囪瘑" style="width: 49%"> - <el-input v-model="dataForm.project.softwareIdentity" placeholder="椤圭洰鏍囪瘑"></el-input> - </el-form-item> - <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鍚嶇О" style="width: 49%"> - <el-input v-model="dataForm.project.softwareName" placeholder="椤圭洰鍚嶇О"></el-input> - </el-form-item> +<!-- <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="baselineContentWidth">--> +<!-- <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鏍囪瘑" style="width: 49%">--> +<!-- <el-input v-model="dataForm.project.softwareIdentity" placeholder="椤圭洰鏍囪瘑"></el-input>--> +<!-- </el-form-item>--> +<!-- <el-form-item class="marginTopAndMarginBottom" label="椤圭洰鍚嶇О" style="width: 49%">--> +<!-- <el-input v-model="dataForm.project.softwareName" placeholder="椤圭洰鍚嶇О"></el-input>--> +<!-- </el-form-item>--> +<!-- </div>--> + <div class="el-flexBaselineDialog el-border-bottom"> + <div style="width: 120px;text-align: center;font-weight: 600"> + 椤圭洰鏍囪瘑 + </div> + <div class="el-border-left-right acceptDate1" style="width: 38%;height: 40px;"> + <el-form-item style="width: 100%;padding: 0 5px;margin:0;"> + <el-input v-model="dataForm.project.softwareIdentity" placeholder="椤圭洰鏍囪瘑"></el-input> + </el-form-item> + </div> + <div style="width: 120px;text-align: center;font-weight: 600"> + 椤圭洰鍚嶇О + </div> + <div class="el-border-left acceptDate1" style="width: 38%;height: 40px;"> + <el-form-item style="width: 100%;padding: 0 5px;margin:0;"> + <el-input v-model="dataForm.project.softwareName" placeholder="椤圭洰鍚嶇О"></el-input> + </el-form-item> + </div> </div> <div style="border-bottom: 1px solid rgba(0,0,0,.2);"> - <div style="padding-left:5px;padding-right:5px;"> - <div style="width: 112px;text-align: center;font-weight: 600">鍩虹嚎鍙戝竷鎻忚堪</div> - <div class="table-container"> - <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎绫诲瀷" style="width: 49%"> - <zt-dict v-model="dataForm.baseline.baselineType" placeholder="鍩虹嚎绫诲瀷" dict="baseline_type" - :radio="true"></zt-dict> - </el-form-item> - <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎鍚嶇О" style="width: 49%"> - <el-input v-model="dataForm.baseline.baselineName" placeholder="鍩虹嚎鍚嶇О"></el-input> - </el-form-item> - <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎鐗堟湰" style="width: 49%"> - <el-input v-model="dataForm.baseline.baselineVersion" placeholder="鍩虹嚎鐗堟湰"></el-input> - </el-form-item> - </div> + <div style="width: 100%;"> + <div class="DHold" style="border-bottom: 1px solid rgba(0,0,0,.2);height: 40px;line-height: 40px">鍩虹嚎鍙戝竷鎻忚堪</div> + <div class="el-flexBaselineDialog el-border-bottom"> + <div class="DWidth DAlign DHold"> + 鍩虹嚎绫诲瀷 + </div> + <div class="el-border-left" style="width: calc(100% - 120px)"> + <el-form-item style="padding-left:5%;margin-bottom:0"> + <zt-dict v-model="dataForm.baseline.baselineType" placeholder="鍩虹嚎绫诲瀷" dict="baseline_type" + :radio="true"></zt-dict> + </el-form-item> + </div> + </div> +<!-- <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎绫诲瀷" style="width: 49%">--> +<!-- <zt-dict v-model="dataForm.baseline.baselineType" placeholder="鍩虹嚎绫诲瀷" dict="baseline_type"--> +<!-- :radio="true"></zt-dict>--> +<!-- </el-form-item>--> + <div class="el-flexBaselineDialog el-border-bottom"> + <div class="DWidth DAlign DHold"> + 鍩虹嚎鍚嶇О + </div> + <div class="el-border-left acceptDate1" style="width: calc(100% - 120px)"> + <el-form-item style="width: 100%;margin-bottom:0"> + <el-input v-model="dataForm.baseline.baselineName" placeholder="鍩虹嚎鍚嶇О"></el-input> + </el-form-item> + </div> + </div> +<!-- <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎鍚嶇О" style="width: 49%">--> +<!-- <el-input v-model="dataForm.baseline.baselineName" placeholder="鍩虹嚎鍚嶇О"></el-input>--> +<!-- </el-form-item>--> + <div class="el-flexBaselineDialog"> + <div class="DWidth DAlign DHold"> + 鍩虹嚎鐗堟湰 + </div> + <div class="el-border-left acceptDate1" style="width: calc(100% - 120px)"> + <el-form-item style="width: 100%;margin-bottom:0"> + <el-input v-model="dataForm.baseline.baselineVersion" placeholder="鍩虹嚎鐗堟湰"></el-input> + </el-form-item> + </div> + </div> +<!-- <el-form-item class="marginTopAndMarginBottom" label="鍩虹嚎鐗堟湰" style="width: 49%">--> +<!-- <el-input v-model="dataForm.baseline.baselineVersion" placeholder="鍩虹嚎鐗堟湰"></el-input>--> +<!-- </el-form-item>--> </div> </div> - <div class="el-flexCirculationDialog el-border-bottom"> - <div style="width: 112px;text-align: center;font-weight: 600"> + <div class="el-flexBaselineDialog el-border-bottom"> + <div style="width: 120px;text-align: center;font-weight: 600"> 澶囨敞 </div> - <div class="el-border-left acceptDate" style="height: 80px;width: 80%;"> + <div class="el-border-left acceptDate" style="width: calc(100% - 120px);"> <div class="table-container"> <el-table ref="tableCirculatOrderList" class="el-software el-margin-top-bot" border :data="dataForm.remarkList" @@ -57,43 +104,41 @@ </div> </div> </div> - <div class="el-flexCirculationDialog"> - <div style="width: 112px;text-align: center;font-weight: 600"> + <div class="el-flexBaselineDialog el-border-bottom"> + <div style="width: 120px;text-align: center;font-weight: 600"> 鍙戝竷浜� </div> - <div class="el-border-left-right acceptDate1" style="width: 40%;height: 40px;"> + <div class="el-border-left-right acceptDate1" style="width: 38%;height: 40px;"> <el-form-item style="width: 100%;padding-left:20px;margin:0;"> <span>{{ dataForm.baseline.publisher}}</span> </el-form-item> </div> - <div style="width: 112px;text-align: center;font-weight: 600"> + <div style="width: 120px;text-align: center;font-weight: 600"> 鍙戝竷鏃堕棿 </div> - <div class="el-border-left-right acceptDate1" style="width: 40%;height: 40px;"> + <div class="el-border-left acceptDate1" style="width: 38%;height: 40px;"> <el-form-item style="width: 100%;padding-left:20px;margin:0;"> <span>{{ dataForm.baseline.publishDate}}</span> </el-form-item> </div> - <div style="width: 84px;text-align: center;font-weight: 600"> - 鍩虹嚎鎵瑰噯 - </div> - <div class="el-configChangeDialog el-border-bottom"> - <div class="DFormWidth DAlign DHold"> + </div> + <div class="DHold" style="border-bottom: 1px solid rgba(0,0,0,.2);height: 40px;line-height: 40px">鍩虹嚎鎵瑰噯</div> + <div class="el-flexBaselineDialog el-border-bottom"> + <div class="DWidth DAlign DHold"> 閮ㄩ棬鎰忚 </div> <div style="width: calc(100% - 120px)" class="el-border-left"> - <el-form-item class="el-wt-form-item-margin" label-width="20px" style="width: 85%"> - <el-input :disabled="stepMarker!=='pzxbg_bmsh'" v-model="dataForm.baseline.departOpinion"></el-input> + <el-form-item class="wt-form-item" label-width="20px" style="width: 100%;padding: 5px"> + <el-input type="textarea" :rows="2" :disabled="stepMarker!=='pzxbg_bmsh'" v-model="dataForm.baseline.departOpinion"></el-input> </el-form-item> - <el-form-item label-width="80%" label="绛惧瓧锛�" style="width: 65%"> + <el-form-item label-width="275px" label="绛惧瓧锛�" style="width: 45%"> <span>{{dataForm.baseline.departSign}}</span> </el-form-item> - <el-form-item label="鏃ユ湡锛�" style="width: 20%"> + <el-form-item label-width="240px" label="鏃ユ湡锛�" style="width: 45%"> <span>{{dataForm.baseline.signDate}}</span> </el-form-item> </div> </div> - </div> </div> </el-form> <ConfigItemList ref="configItemList" @getChangeItemList="getChangeItemList"></ConfigItemList> @@ -117,7 +162,9 @@ dataForm: { id: '', pageCode: '', + projectId:'', stepMarker: '', + configChangeList:[], pageName: { demand: '闇�姹傚熀绾�', product:'浜у搧鍩虹嚎' }, @@ -231,3 +278,52 @@ } } </script> +<style> +.el-flexBaselineDialog { + display: flex; + align-items: center +} +.DWidth{ + width: 120px; +} +.baselineFormAuto .acceptDate > .el-form-item > .el-form-item__content { + width: 100%; +} + +.baselineFormAuto .acceptDate1 > .el-form-item > .el-form-item__content { + width: 100%; +} + +.baselineFormAuto .marginTopAndMarginBottom { + margin-top: 10px !important; + margin-bottom: 0 !important; +} + +.baselineFormAuto .marginTopAndMarginBottom2 { + margin-top: -10px !important; + margin-bottom: 10px !important; +} + +.baselineFormAuto .marginTopAndMarginBottom3 { + margin-top: 0 !important; + margin-bottom: 10px !important; +} + +.baselineFormAuto .acceptDate > .el-form-item > .el-form-item__content { + line-height: 78px; +} + +.baselineContentWidth > .el-form-item > .el-form-item__content { + width: calc(100% - 120px); +} + +.baselineFormAuto .el-radio { + margin-right: 10px; +} +.wt-form-item .el-form-item__content{ + width: 100%; +} +.DHold{ + font-weight: 600; +} +</style> -- Gitblit v1.9.1