| | |
| | | <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="warehouseFormAuto"> |
| | | <zt-dialog ref="dialog" column="3" :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="warehouseFormAuto"> |
| | | <div > |
| | | <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px"> |
| | | <span>{{dataForm.configItemWarehouse.code}}</span> |
| | | <span>{{dataForm.configItemWarehouse.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="warehouseContentWidth"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目编号" style="width: 49%"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目编号" style="width: 49%"> |
| | | <el-input v-model="dataForm.project.code" placeholder="请输入项目编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 49%"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 49%"> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="请输入项目名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="申请人" style="width: 49%"> |
| | | <el-input v-model="dataForm.configItemWarehouse.applicant" placeholder="请输入申请人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="申请日期" style="width: 49%"> |
| | | <el-input v-model="dataForm.configItemWarehouse.applyDate" placeholder="请输入申请日期"></el-input> |
| | | <el-date-picker |
| | | v-model="dataForm.configItemWarehouse.applyDate" |
| | | type="date" |
| | | placeholder="请选择申请日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="库类型" style="width: 99%"> |
| | | <zt-dict v-model="dataForm.configItemWarehouse.libraryType" :radio="true" dict="library_type"></zt-dict> |
| | |
| | | </div> |
| | | <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.configItemList" |
| | | <el-table ref="tableConfigItemList" class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.configItemList" |
| | | stripe> |
| | | <el-table-column prop="no" align="center" width="60" label="序号"> |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="itemDentify" align="center" width="220" label="配置项标识"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.itemDentify" placeholder="配置项标识"></el-input> |
| | | <el-input v-model="row.itemIdentify" placeholder="配置项标识"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="version" align="center" width="120" label="版本"> |
| | |
| | | <template v-slot="{ row }"> |
| | | <zt-dict v-model="row.secretClass" placeholder="密级" dict="secret_class" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column fixed="right" prop="files" label="上传附件" width="300" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <!-- <zt-table-button @click="files(row.id)">上传附件</zt-table-button>--> |
| | | <table-uploader busi-type="config_item_warehouse" model-name="row" :dataForm="row" |
| | | v-model="row.files"/> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <el-table-column prop="examineItem" min-width="300" label="检查项"></el-table-column> |
| | | <el-table-column label="检查结果" width="250" align="center"> |
| | | <template slot-scope="scope"> |
| | | <zt-dict v-model="scope.row.examineResult" placeholder="检查结果" dict="tristate2" |
| | | <zt-dict :disabled="getRoleName.indexOf('QA角色')===-1" v-model="scope.row.examineResult" placeholder="检查结果" dict="tristate2" :radio="true" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="notApplyExplan" align="center" width="120" label="不适用说明"></el-table-column> |
| | | <el-table-column align="center" width="120" label="不适用说明"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-if="getRoleName.indexOf('QA角色')>=0" v-model="row.notApplyExplan" placeholder="不适用说明"></el-input> |
| | | <span v-else>{{row.notApplyExplan}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="el-border-top"> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <zt-dict v-model="dataForm.configItemWarehouse.qaAuditResults" placeholder="审核结果" dict="is_pass" |
| | | <zt-dict :disabled="getRoleName.indexOf('QA角色')===-1" v-model="dataForm.configItemWarehouse.qaAuditResults" dict="is_pass" :radio="true" |
| | | clearable></zt-dict> |
| | | </el-form-item> |
| | | <el-form-item label="审核人:" style="width: 48%"> |
| | |
| | | <el-table-column prop="no" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="examineItem" min-width="300" label="检查项"></el-table-column> |
| | | <el-table-column label="检查结果" width="250" align="center"> |
| | | <zt-dict v-model="row.examineResult" placeholder="检查结果" dict="tristate2" |
| | | clearable></zt-dict> |
| | | <template slot-scope="scope"> |
| | | <zt-dict :disabled="getRoleName.indexOf('CM角色')===-1" v-model="scope.row.examineResult" placeholder="检查结果" dict="tristate2" :radio="true" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="notApplyExplan" align="center" width="120" label="不适用说明"></el-table-column> |
| | | <el-table-column prop="notApplyExplan" align="center" width="120" label="不适用说明"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-if="getRoleName.indexOf('CM角色')>=0" v-model="row.notApplyExplan" placeholder="不适用说明"></el-input> |
| | | <span v-else>{{row.notApplyExplan}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="el-border-top"> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <zt-dict v-model="dataForm.configItemWarehouse.cmAuditResults" placeholder="审核结果" dict="is_pass" |
| | | <zt-dict :disabled="getRoleName.indexOf('CM角色')===-1" v-model="dataForm.configItemWarehouse.cmAuditResults" placeholder="审核结果" dict="is_pass" :radio="true" |
| | | clearable></zt-dict> |
| | | </el-form-item> |
| | | <el-form-item label="审核人:" style="width: 48%"> |
| | |
| | | 批准意见 |
| | | </div> |
| | | <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%"> |
| | | <zt-dict v-model="dataForm.configItemWarehouse.approvalOpinions" placeholder="审核结果" dict="is_pass" |
| | | <el-form-item class="el-wt-form-item-margin" label-width="20px" style="width: 85%"> |
| | | <zt-dict :disabled="getRoleName.indexOf('部门SCCB角色')===-1" v-model="dataForm.configItemWarehouse.approvalOpinions" dict="is_pass" :radio="true" |
| | | clearable></zt-dict> |
| | | </el-form-item> |
| | | <el-form-item label-width="80%" label="签字:" style="width: 65%"> |
| | |
| | | </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.configItemWarehouse.projectCmOperations"></el-input> |
| | | <el-input v-if="getRoleName.indexOf('CM角色')>=0" type="textarea" :rows="2" placeholder="请输入内容" v-model="dataForm.configItemWarehouse.projectCmOperations"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label-width="80%" label="操作人:" style="width: 65%"> |
| | | <span>{{dataForm.configItemWarehouse.operator}}</span> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | disabled:true, |
| | | stepMarker: '', |
| | | title: '查看', |
| | | dataForm: { |
| | | id: '', |
| | | configItemWarehouse:{ |
| | |
| | | cmAuditList:[], |
| | | configItemList:[], |
| | | qaAuditList:[], |
| | | flowInfoDto: {} |
| | | } |
| | | } |
| | | }, |
| | | computed:{ |
| | | getRoleName(){ |
| | | console.log(this.$store.state.user.roleName,'this.$store.state.user.roleName') |
| | | return this.$store.state.user.roleName || '' |
| | | }, |
| | | }, |
| | | methods: { |
| | | indexFormat(index){ |
| | | return index += 1 |
| | | }, |
| | | init(id,row){ |
| | | this.dataForm.id = row.id |
| | | this.dataForm.projectId = row.projectId |
| | | // this.dataForm.disabled |
| | | console.log(id,row,'入库单的') |
| | | if (id) { |
| | | this.dataForm.id = id |
| | | } else { |
| | | this.dataForm.id = row.id |
| | | } |
| | | if(row.projectId){ |
| | | this.dataForm.projectId =row.projectId |
| | | } |
| | | this.getInfo() |
| | | if (!this.dataForm.disabled) { |
| | | if (!row.stepMarker) { |
| | | this.stepMarker = 'pzxrk_first' |
| | | this.title = '入库申请' |
| | | } else { |
| | | this.title = row.stepName |
| | | this.stepMarker = row.stepMarker |
| | | } |
| | | } |
| | | console.log(this.dataForm.id,this.dataForm.projectId,'params params') |
| | | }, |
| | | addConfigItemWarehouseRow(){ |
| | | // this.dataForm.technicalList.push({}) |
| | | // this.$nextTick(()=>{ |
| | | // const tableBody=this.$refs.tableCirculatOrderList.$el.querySelector('.el-table__body-wrapper') |
| | | // tableBody.scrollTop = tableBody.scrollHeight; |
| | | // }) |
| | | this.dataForm.configItemList.push({}) |
| | | this.$nextTick(()=>{ |
| | | const tableBody=this.$refs.tableConfigItemList.$el.querySelector('.el-table__body-wrapper') |
| | | tableBody.scrollTop = tableBody.scrollHeight; |
| | | }) |
| | | }, |
| | | // 获取信息 |
| | | async getInfo() { |
| | |
| | | ...this.dataForm, |
| | | ...res.data |
| | | } |
| | | if(this.dataForm.project === null){ |
| | | this.dataForm.project={} |
| | | } |
| | | if(this.dataForm.configItemWarehouse === null){ |
| | | this.dataForm.circulatOrder={} |
| | | } |
| | | if(this.dataForm.flowInfoDto === null){ |
| | | this.dataForm.flowInfoDto={} |
| | | } |
| | | console.log(this.dataForm,"getInfo this.dataForm") |
| | | }, |
| | | // 表单提交 |
| | | async formSubmit() { |
| | | async formSubmit(submitType) { |
| | | if (submitType == 'tj' || submitType == 'bl') { |
| | | let flowInfo = { |
| | | flowCode: 'pzxrk', |
| | | stepIdMark: this.stepMarker, |
| | | submitType: submitType |
| | | } |
| | | this.dataForm.flowInfoDto = flowInfo; |
| | | } |
| | | let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/configItemWarehouse/ConfigItemWarehouse/', this.dataForm) |
| | | if (res.success) { |
| | | await this.$tip.success() |