From b3ba293b66c7ba3191a5392b28650234103fea99 Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期二, 19 十二月 2023 10:58:13 +0800
Subject: [PATCH] 基线表
---
web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue | 190 +++++++++++++++++++++++++++++++++++-----------
1 files changed, 143 insertions(+), 47 deletions(-)
diff --git a/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue b/web/src/views/modules/baselineRelease/BaselineRelease-AddOrUpdate.vue
index 56a3d61..5c71906 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>
@@ -114,9 +159,11 @@
export default {
data() {
return {
+ ids:'',
dataForm: {
id: '',
pageCode: '',
+ projectId:'',
stepMarker: '',
pageName: {
demand: '闇�姹傚熀绾�', product:'浜у搧鍩虹嚎'
@@ -137,7 +184,7 @@
softwareIdentity: '',
softwareName: ''
},
- remarkList: []
+ configItemList: []
}
}
},
@@ -174,8 +221,8 @@
},
handleCommand() {
this.$nextTick(()=>{
- console.log(this.dataForm.projectId,'this.dataForm.projectId')
- this.ids = this.dataForm.configChangeList.map(item=>item.selectId).join(',')
+ this.ids = this.dataForm.remarkList.map(item=>item.selectId).join(',')
+ console.log(this.ids,'handleCommand ids')
this.$refs.configItemList.$refs.dialog.init(this.dataForm.projectId,this.ids)
})
},
@@ -195,11 +242,11 @@
console.log(this.dataForm, 'this.dataForm this.dataForm')
},
getChangeItemList(data){
- console.log(data.configChangeList,'getChangeItemList(data)')
- if(data.configChangeList){
- this.dataForm.configChangeList=this.dataForm.configChangeList.concat(data.configChangeList)
+ console.log(data.remarkList,'getChangeItemList(data)')
+ if(data.remarkList){
+ this.dataForm.remarkList=this.dataForm.remarkList.concat(data.remarkList)
}
- console.log(this.dataForm.configChangeList,ids,'this.dataForm.configChangeList')
+ console.log(this.dataForm.remarkList,'this.dataForm.configChangeList')
},
async print() {
var params = qs.stringify({
@@ -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