| | |
| | | label-width="120px" class="configAuditFormAuto"> |
| | | <div> |
| | | <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px"> |
| | | <span>{{dataForm.circulatOrder.code || '编号自动生成'}}</span> |
| | | <span>{{dataForm.auditReport.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="configAuditContentWidth"> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 48%"> |
| | | <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="项目名称"></el-input> |
| | | <el-input v-model="dataForm.project.softwareName" placeholder="项目名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item class="marginTopAndMarginBottom" label="项目标识" style="width: 48%"> |
| | | <el-input v-model="dataForm.project.softwareIdentity" placeholder="项目标识"></el-input> |
| | |
| | | <div> |
| | | <div style="text-align: center;font-weight: 600;border-bottom:1px solid rgba(0,0,0,.2);height: 40px;line-height: 40px;font-size: 18px">审核内容</div> |
| | | <el-form-item label="状态标记" label-width="150px" style="width:100%;padding-left:20px;margin-bottom:0"> |
| | | <zt-dict v-model="dataForm.circulatOrder.itemRequire" :radio="true" |
| | | dict="is_or_not"></zt-dict> |
| | | √合格 ×不合格 NA不适用 |
| | | </el-form-item> |
| | | <div class="table-container"> |
| | | <el-table ref="tableConfigAuditList" class="el-software el-margin-top-bot" border |
| | | :data="dataForm.technicalList" |
| | | :data="dataForm.contentList" |
| | | stripe> |
| | | <el-table-column prop="no" align="center" width="60" label="序号"> |
| | | <template slot-scope="scope"> |
| | | <span v-html="indexFormat(scope.$index)"></span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="infoName" min-width="180" label="技术资料名称"> |
| | | <el-table-column prop="auditContent" min-width="180" label="审核内容"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.name" placeholder="技术资料名称"></el-input> |
| | | <el-input v-model="row.auditContent" placeholder="审核内容"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="identify" align="center" width="150" label="标识"> |
| | | <el-table-column prop="auditResult" align="center" width="150" label="审核结果"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.version" placeholder="标识"></el-input> |
| | | <zt-dict v-model="row.auditResult" placeholder="审核结果" dict="status_tag" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" width="100" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.remark" placeholder="备注"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column fixed="right" prop="files" label="上传附件" width="300" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <table-uploader busi-type="circulat_order" model-name="row" :dataForm="row" |
| | | v-model="row.files"/> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <div style="text-align: center;font-weight: 600;height: 40px;line-height: 40px;font-size: 18px">发现的问题</div> |
| | | <div class="table-container"> |
| | | <el-table ref="tableConfigAuditList" class="el-software el-margin-top-bot" border |
| | | :data="dataForm.technicalList" |
| | | :data="dataForm.problemList" |
| | | stripe> |
| | | <el-table-column prop="no" align="center" width="60" label="序号"> |
| | | <template slot-scope="scope"> |
| | | <span v-html="indexFormat(scope.$index)"></span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="infoName" min-width="180" label="技术资料名称"> |
| | | <el-table-column prop="problemDescription" min-width="180" label="问题描述"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.name" placeholder="技术资料名称"></el-input> |
| | | <el-input v-model="row.problemDescription" placeholder="问题描述"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="identify" align="center" width="150" label="标识"> |
| | | <el-table-column prop="isNotTrue" align="center" width="150" label="是否为不符合项"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.version" placeholder="标识"></el-input> |
| | | <zt-dict v-model="row.isNotTrue" placeholder="是否为不符合项" dict="is_or_not" :radio="true" |
| | | clearable></zt-dict> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" width="100" align="center"> |
| | | <el-table-column prop="problemRectification" label="问题整改情况" width="100" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <el-input v-model="row.remark" placeholder="备注"></el-input> |
| | | <el-input v-model="row.problemRectification" placeholder="问题整改情况"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column fixed="right" prop="files" label="上传附件" width="300" align="center"> |
| | | <el-table-column prop="discoveryPhase" label="发现阶段" width="100" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <table-uploader busi-type="circulat_order" model-name="row" :dataForm="row" |
| | | v-model="row.files"/> |
| | | <el-input v-model="row.discoveryPhase" placeholder="发现阶段"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </div> |
| | | <div class="el-border-left-right" style="width: 20%;height: 40px;"> |
| | | <el-form-item style="width: 100%;padding-left:20px;margin:0;"> |
| | | {{dataForm.circulatOrder.calibratDetector}} |
| | | <el-input type="textarea" :rows="1" placeholder="请输入审核人员" |
| | | v-model="dataForm.auditReport.auditor"></el-input> |
| | | <!--{{dataForm.configAuditReport.auditor}}--> |
| | | </el-form-item> |
| | | </div> |
| | | <div style="width: 52px;text-align: center;font-weight: 600"> |
| | |
| | | </div> |
| | | <div class="el-border-left" style="width: 20%;height: 40px;"> |
| | | <el-form-item style="width: 100%;padding-left:20px;margin:0;"> |
| | | <!-- {{dataForm.circulatOrder.detectDate}}--> |
| | | {{ dataForm.circulatOrder.detectDate | filterTime('YYYY年MM月DD日') }} |
| | | <el-date-picker |
| | | v-model="dataForm.auditReport.auditorDate" |
| | | type="date" |
| | | placeholder="请选择日期"> |
| | | </el-date-picker> |
| | | <!--{{ dataForm.configAuditReport.auditorDate | filterTime('YYYY年MM月DD日') }}--> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex report-sc" style="height: 60px"> |
| | | <el-form-item class="marginTopAndMarginBottom" style="width: 100%"> |
| | | <config-uploader :lineHeight="true" busi-type="config_audit_report" model-name="dataForm" :dataForm="dataForm" |
| | | v-model="dataForm.files"/> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <template v-slot:footer> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | // dataForm: { |
| | | // id: '', |
| | | // configAuditReport:{ |
| | | // code: '', |
| | | // auditor: '', |
| | | // auditorDate: '', |
| | | // }, |
| | | // project: { |
| | | // softwareIdentity: '', |
| | | // softwareName: '' |
| | | // }, |
| | | // problemList:[], |
| | | // contentList:[] |
| | | // }, |
| | | dataForm: { |
| | | id: '', |
| | | circulatOrder: { |
| | | code: '1', |
| | | itemAccept: '', |
| | | itemRequire: '', |
| | | itemOther: '', |
| | | acceptSituation: '', |
| | | acceptDate: '', |
| | | calibratDetector: '', |
| | | detectDate: '', |
| | | detectSituation: '', |
| | | warehouse: '', |
| | | warehouseDate: '', |
| | | warehouseSituation: '', |
| | | itemIssuer: '', |
| | | issueDate: '', |
| | | issueSituation: '', |
| | | remark: '', |
| | | virusLibraryVersion:'', |
| | | itemAcceptor:'' |
| | | auditReport:{ |
| | | code: '', |
| | | auditor: '', |
| | | auditorDate: '', |
| | | }, |
| | | project: { |
| | | softwareIdentity: '', |
| | | softwareName: '', |
| | | softwareName: '' |
| | | }, |
| | | testAgencyInfo: { |
| | | agencyName: '', |
| | | }, |
| | | technicalList: [], |
| | | flowInfoDto: {} |
| | | problemList:[], |
| | | contentList:[] |
| | | } |
| | | } |
| | | }, |
| | |
| | | console.log(this.dataForm, "getInfo this.dataForm") |
| | | }, |
| | | addConfigAuditRow() { |
| | | this.dataForm.technicalList.push({}) |
| | | this.dataForm.problemList.push({}) |
| | | this.$nextTick(() => { |
| | | const tableBody = this.$refs.tableConfigAuditList.$el.querySelector('.el-table__body-wrapper') |
| | | tableBody.scrollTop = tableBody.scrollHeight; |
| | |
| | | token: Cookies.get('token'), |
| | | id:this.dataForm.id |
| | | }) |
| | | let apiURL = `/configAuditReport/ConfigAuditReport/exportReport` |
| | | let apiURL = `/configAuditReport/ConfigAuditReport/exportConfigAudit` |
| | | window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}` |
| | | }, |
| | | // 表单提交 |
| | | async formSubmit() { |
| | | console.log(this.dataForm,"formSubmit") |
| | | let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/configAuditReport/ConfigAuditReport/', this.dataForm) |
| | | if (res.success) { |
| | | await this.$tip.success() |
| | |
| | | .configAuditFormAuto .el-radio { |
| | | margin-right: 10px; |
| | | } |
| | | .report-sc > .el-form-item > .el-form-item__content { |
| | | width:100%; |
| | | } |
| | | </style> |