| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom2" label="库类型" style="width: 99%"> |
| | | <zt-dict v-model="dataForm.configItemChange.libraryType" :radio="true" dict="library_type"></zt-dict> |
| | | <zt-dict :disabled="stepMarker!=='pzxbg_first'" v-model="dataForm.configItemChange.libraryType" :radio="true" dict="library_type"></zt-dict> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="el-configChangeDialog el-border-bottom"> |
| | |
| | | <div class="el-border-left" style="width: calc(100% - 120px)"> |
| | | <div class="table-container"> |
| | | <el-table ref="tableConfigItemList" class="el-software el-margin-top-bot" |
| | | style="width: 99%;margin-left: 5px" border :data="dataForm.configItemList" |
| | | style="width: 99%;margin-left: 5px" border :data="dataForm.configChangeList" |
| | | stripe> |
| | | <el-table-column prop="no" align="center" width="60" label="序号"> |
| | | <template slot-scope="scope"> |
| | |
| | | <span v-else>{{row.itemName}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="itemDentify" align="center" min-width="290" label="配置项标识"> |
| | | <el-table-column prop="itemIdentify" align="center" min-width="290" label="配置项标识"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-if="showAddAndEdit" v-model="row.itemIdentify" placeholder="配置项标识"></el-input> |
| | | <span v-else>{{row.itemIdentify}}</span> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div v-if="showAddAndEdit" class="icon-container" @click="handleCommand"> |
| | | <div v-if="showAddAndEdit && !dataForm.disabled" class="icon-container" @click="handleCommand"> |
| | | <!-- 放置固定的图标 --> |
| | | <i class="el-icon-plus"></i> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="el-border-left acceptDate" style="width: 90%;"> |
| | | <el-form-item style="width: 100%;padding-left:20px;margin:0;"> |
| | | <el-input v-model="dataForm.configItemChange.changeReason" placeholder="变更原因..."></el-input> |
| | | <el-input v-if="stepMarker=='pzxbg_first'" v-model="dataForm.configItemChange.changeReason" placeholder="变更原因..."></el-input> |
| | | <span v-else>{{dataForm.configItemChange.changeReason}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="el-border-left acceptDate" style="width: 90%;"> |
| | | <el-form-item style="width: 100%;padding-left:20px;margin:0;"> |
| | | <el-input v-model="dataForm.configItemChange.changeAnalysis" placeholder="变更影响分析..."></el-input> |
| | | <el-input :disabled="stepMarker!=='pzxbg_first'" v-model="dataForm.configItemChange.changeAnalysis" placeholder="变更影响分析..."></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="el-border-left"> |
| | | <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> |
| | | <el-input v-if="stepMarker=='pzxbg_cmcz'" type="textarea" :rows="2" placeholder="请输入内容" |
| | | <el-input v-if="stepMarker=='pzxbg_first'" type="textarea" :rows="2" placeholder="请输入内容" |
| | | v-model="dataForm.configItemChange.changeContent"></el-input> |
| | | <span v-else>{{dataForm.configItemChange.changeContent}}</span> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="el-border-left"> |
| | | <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px"> |
| | | <el-input v-if="stepMarker=='pzxbg_cmcz'" type="textarea" :rows="2" placeholder="请输入内容" |
| | | <el-input v-if="stepMarker=='pzxbg_cmrk'" type="textarea" :rows="2" placeholder="请输入内容" |
| | | v-model="dataForm.configItemChange.warehouseCmOperations"></el-input> |
| | | <span v-else>{{dataForm.configItemChange.warehouseCmOperations}}</span> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | </div> |
| | | <add-or-update-check ref="addOrUpdate" @recall="setCheckId"/> |
| | | <ConfigItemList ref="configItemList" @getChangeItemList="getChangeItemList"></ConfigItemList> |
| | | </el-form> |
| | | <template v-slot:footer> |
| | | <el-button v-if="dataForm.disabled" type="primary" @click="print()">打印</el-button> |
| | | </template> |
| | | </zt-dialog> |
| | | </template> |
| | | |
| | | <script> |
| | | import AddOrUpdateCheck from '../testCheckOrder/TestCheckOrder-AddOrUpdate' |
| | | import ConfigItemList from './configItemList.vue' |
| | | import qs from "qs"; |
| | | import Cookies from "js-cookie"; |
| | | |
| | | export default { |
| | | data() { |
| | |
| | | disabled: true, |
| | | stepMarker: '', |
| | | title: '查看', |
| | | ids:'', |
| | | showColumn: false, |
| | | showAddAndEdit:false, |
| | | menuOptions: [ |
| | |
| | | dataForm: { |
| | | id: '', |
| | | configItemChange: { |
| | | id: "", |
| | | code: "", |
| | | applicant: "", |
| | | applyDate: "", |
| | | libraryType: "", |
| | | qaAuditResults: "", |
| | | qaAuditor: "", |
| | | qaAuditDate: "", |
| | | id: '', |
| | | code: '', |
| | | applicant: '', |
| | | applyDate: '', |
| | | libraryType: '', |
| | | qaAuditResults:'', |
| | | qaAuditor: '', |
| | | qaAuditDate:'', |
| | | changeReason:'', |
| | | cmAuditResults: "", |
| | | cmAuditor: "", |
| | | cmAuditDate: "", |
| | | approvalOpinions: "", |
| | | approvalSign: "", |
| | | approvalDate: "", |
| | | changeAnalysis: "", |
| | | changeContent: "", |
| | | implementer: "", |
| | | changeDate: "", |
| | | outboundCmOperations: "", |
| | | outboundOperator: "", |
| | | outboundOperateDate: "", |
| | | warehouseCmOperations: "", |
| | | warehouseOperator: "", |
| | | warehouseOperateDate: "", |
| | | remark: "", |
| | | cmAuditResults: '', |
| | | cmAuditor:'', |
| | | cmAuditDate: '', |
| | | approvalOpinions: '', |
| | | approvalSign: '', |
| | | approvalDate: '', |
| | | changeAnalysis: '', |
| | | changeContent: '', |
| | | implementer: '', |
| | | changeDate: '', |
| | | outboundCmOperations: '', |
| | | outboundOperator: '', |
| | | outboundOperateDate: '', |
| | | warehouseCmOperations: '', |
| | | warehouseOperator: '', |
| | | warehouseOperateDate: '', |
| | | remark: '', |
| | | }, |
| | | project: { |
| | | code: '', |
| | |
| | | }, |
| | | created() { |
| | | const roleName = localStorage.getItem('roleName') |
| | | if (roleName && roleName.includes('QA')) { |
| | | if (roleName && roleName.includes('审核人员')) { |
| | | this.showColumn = true; |
| | | } |
| | | if (roleName && roleName.includes('测试员')) { |
| | | if (roleName && roleName.includes('检测人员')) { |
| | | this.showAddAndEdit = true; |
| | | } |
| | | }, |
| | | computed: {}, |
| | | components: { |
| | | AddOrUpdateCheck |
| | | AddOrUpdateCheck, |
| | | ConfigItemList |
| | | }, |
| | | methods: { |
| | | indexFormat(index) { |
| | |
| | | if (!this.dataForm.disabled) { |
| | | if (!row.stepMarker) { |
| | | this.stepMarker = 'pzxbg_first' |
| | | this.title = '入库申请' |
| | | this.title = '变更申请' |
| | | } else { |
| | | this.title = row.stepName |
| | | this.stepMarker = row.stepMarker |
| | |
| | | // }) |
| | | // }, |
| | | handleCommand() { |
| | | this.dataForm.configItemList.push({}) |
| | | this.$nextTick(() => { |
| | | const tableBody = this.$refs.tableConfigItemList.$el.querySelector('.el-table__body-wrapper') |
| | | tableBody.scrollTop = tableBody.scrollHeight; |
| | | this.$nextTick(()=>{ |
| | | console.log(this.dataForm.projectId,'this.dataForm.projectId') |
| | | this.ids = this.dataForm.configChangeList.map(item=>item.selectId).join(',') |
| | | this.$refs.configItemList.$refs.dialog.init(this.dataForm.projectId,{ids:this.ids,pageCode:this.pageCode}) |
| | | }) |
| | | // this.dataForm.configItemList.push({}) |
| | | // this.$nextTick(() => { |
| | | // const tableBody = this.$refs.tableConfigItemList.$el.querySelector('.el-table__body-wrapper') |
| | | // tableBody.scrollTop = tableBody.scrollHeight; |
| | | // }) |
| | | }, |
| | | getChangeItemList(data){ |
| | | console.log(data.configChangeList,'getChangeItemList(data)') |
| | | if(data.configChangeList){ |
| | | this.dataForm.configChangeList=this.dataForm.configChangeList.concat(data.configChangeList) |
| | | } |
| | | console.log(this.dataForm.configChangeList,ids,'this.dataForm.configChangeList') |
| | | }, |
| | | openCheckOrderWin(row) { |
| | | console.log(row, "openCheckOrderWin(row)") |
| | |
| | | console.log(checkId, row, "setCheckId(checkId, row)") |
| | | this.$set(row, 'checkId', checkId) |
| | | }, |
| | | async print(){ |
| | | var params = qs.stringify({ |
| | | token: Cookies.get('token'), |
| | | id:this.dataForm.id |
| | | }) |
| | | let apiURL = `/configItemChange/ConfigItemChange/exportConfigChange` |
| | | window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}` |
| | | }, |
| | | // 获取信息 |
| | | async getInfo() { |
| | | let params = { |