| | |
| | | <template> |
| | | <zt-dialog ref="dialog" column="2" @confirm="formSubmit"> |
| | | <el-form ref="dataForm" style="padding-top: 0" :inline="true" :model="dataForm" label-width="120px" class="ManageFormAuto"> |
| | | <div class="DManageForm"> |
| | | <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: 0"> |
| | | <el-form ref="dataForm" style="padding-top: 0" :inline="true" :model="dataForm" label-width="120px" class="warehouseFormAuto"> |
| | | <div > |
| | | <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px"> |
| | | <span>{{dataForm.code}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="confirmDAuto DManageForm"> |
| | | <el-form-item label="项目编号" style="width: 49%"> |
| | | <div style="border: 1px solid rgba(0,0,0,.2);width: 99%"> |
| | | <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="warehouseContentWidth"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目编号" style="width: 49%"> |
| | | <el-input v-model="dataForm.itemNumber" placeholder="请输入项目编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称" style="width: 49%"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 49%"> |
| | | <el-input v-model="dataForm.name" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="申请人" style="width: 49%"> |
| | |
| | | <el-form-item label="申请日期" style="width: 49%"> |
| | | <el-input v-model="dataForm.date" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="库类型" style="width: 99%"> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="库类型" style="width: 99%"> |
| | | <el-radio-group v-model="dataForm.type"> |
| | | <el-radio :label="0">受控库</el-radio> |
| | | <el-radio :label="1">产品库</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <div class="el-flexManageDialog el-form-border"> |
| | | </div> |
| | | <div class="el-flexManageDialog el-border-bottom"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 入库配置项 |
| | | </div> |
| | | <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> |
| | | <el-table class="el-software el-margin-top-bot" height="150" border :data="dataForm.storageData" |
| | | <div class="el-border-left" style="width: calc(100% - 120px)"> |
| | | <div class="table-container"> |
| | | <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.storageData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="60" label="序号"></el-table-column> |
| | | <el-table-column prop="name" min-width="200" label="配置项名称"></el-table-column> |
| | | <el-table-column prop="identification" align="center" width="220" label="配置项标识"></el-table-column> |
| | | <el-table-column prop="versions" align="center" width="120" label="版本"></el-table-column> |
| | | <el-table-column prop="rollBackVersions" label="上溯版" width="120" align="center"></el-table-column> |
| | | <el-table-column prop="secretClass" label="密级" width="80" align="center"></el-table-column> |
| | | <el-table-column prop="code" align="center" width="60" label="序号"> |
| | | <template slot-scope="scope"> |
| | | <span v-html="indexFormat(scope.$index)"></span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" min-width="200" label="配置项名称"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.name" placeholder="配置项名称"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="identification" align="center" width="220" label="配置项标识"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.identification" placeholder="配置项标识"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="versions" align="center" width="120" label="版本"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.versions" placeholder="版本"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="rollBackVersions" label="上溯版" width="120" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.rollBackVersions" placeholder="上溯版"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="secretClass" label="密级" width="80" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <zt-dict v-model="row.secretClass" placeholder="密级" dict="secret_class" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="icon-container" @click="addConfigItemWarehouseRow()"> |
| | | <!-- 放置固定的图标 --> |
| | | <i class="el-icon-plus"></i> |
| | | </div> |
| | | </div> |
| | | <div class="el-flexManageDialog el-B-border"> |
| | | </div> |
| | | </div> |
| | | <div class="el-flexManageDialog el-border-bottom"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 项目QA审核 |
| | | </div> |
| | | <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> |
| | | <el-table class="el-software el-margin-top-bot" height="150" border :data="dataForm.examineData" |
| | | <div class="el-border-left" style="width: calc(100% - 120px)"> |
| | | <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.examineData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column> |
| | |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column> |
| | | <el-table-column prop="remark" align="center" width="120" label="不适用说明"></el-table-column> |
| | | </el-table> |
| | | <div class="el-border-top"> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <el-radio-group v-model="dataForm.result"> |
| | | <el-radio :label="0">通过</el-radio> |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flexManageDialog el-B-border"> |
| | | </div> |
| | | <div class="el-flexManageDialog el-border-bottom"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | CM审核 |
| | | </div> |
| | | <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> |
| | | <el-table class="el-software el-margin-top-bot" height="150" border :data="dataForm.CMData" |
| | | <div class="el-border-left" style="width: calc(100% - 120px)"> |
| | | <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.CMData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column> |
| | |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column> |
| | | <el-table-column prop="remark" align="center" width="120" label="不适用说明"></el-table-column> |
| | | </el-table> |
| | | <div class="el-border-top"> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <el-radio-group v-model="dataForm.CMResult"> |
| | | <el-radio :label="0">通过</el-radio> |
| | |
| | | <span>{{dataForm.CMAuditDate}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="el-flexManageDialog el-B-border"> |
| | | </div> |
| | | <div class="el-flexManageDialog el-border-bottom"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 批准意见 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="el-wt-border-left"> |
| | | <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 99%"> |
| | | <div style="width: calc(100% - 120px)" class="el-border-left"> |
| | | <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 85%"> |
| | | <el-radio-group v-model="dataForm.opinion"> |
| | | <el-radio :label="0">同意</el-radio> |
| | | <el-radio :label="1">不同意</el-radio> |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flexManageDialog el-B-border"> |
| | | <div class="el-flexManageDialog el-border-bottom"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 项目CM操作 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="el-wt-border-left"> |
| | | <el-form-item class="el-CMTextarea" style="width: 100%"> |
| | | <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.CMTextarea"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label-width="80%" label="操作人:" style="width: 65%"> |
| | |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 备注 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="el-wt-border-left"> |
| | | <el-form-item class="el-CMTextarea" style="width: 100%"> |
| | | <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.textarea"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | indexFormat(index){ |
| | | return index += 1 |
| | | }, |
| | | addConfigItemWarehouseRow(){ |
| | | // this.dataForm.technicalList.push({}) |
| | | // this.$nextTick(()=>{ |
| | | // const tableBody=this.$refs.tableCirculatOrderList.$el.querySelector('.el-table__body-wrapper') |
| | | // tableBody.scrollTop = tableBody.scrollHeight; |
| | | // }) |
| | | }, |
| | | // 获取信息 |
| | | async getInfo() { |
| | | let res = await this.$http.get(`/configItemWarehouse/ConfigItemWarehouse/${this.dataForm.id}`) |
| | |
| | | border-top: 1px solid; |
| | | border-bottom: 1px solid; |
| | | } |
| | | .el-B-border{ |
| | | border-bottom: 1px solid; |
| | | } |
| | | .el-margin-top-bot{ |
| | | margin-top:5px; |
| | | margin-bottom:5px; |
| | | } |
| | | .el-wt-border-left{ |
| | | border-left:1px solid; |
| | | } |
| | | .zt .el-table.el-software th { |
| | | background: transparent; |
| | |
| | | .zt .el-table.el-software{ |
| | | font-size: 14px; |
| | | } |
| | | .warehouseContentWidth > .el-form-item > .el-form-item__content { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .warehouseContentWidth > .el-form-item.lastChild > .el-form-item__content { |
| | | width: calc(100% - 142px); |
| | | } |
| | | .warehouseFormAuto .marginTopAndMarginBottom { |
| | | margin-top: 10px !important; |
| | | margin-bottom: 0 !important; |
| | | } |
| | | .warehouseFormAuto .marginTopAndMarginBottom2 { |
| | | margin-top: -10px !important; |
| | | margin-bottom: 0 !important; |
| | | } |
| | | </style> |