New file |
| | |
| | | <template> |
| | | <div class="fa-card-a" style="height: calc(100vh - 130px)"> |
| | | <el-form ref="form" :inline="true" :model="form" label-width="100px" class="oldFormAuto"> |
| | | <div class="el-flex el-border"> |
| | | <div class="DWidth DAlign DHold"> |
| | | 委托单位 |
| | | </div> |
| | | <div class="DOldForm"> |
| | | <!-- 单位名称 --> |
| | | <el-form-item label="单位名称" style="width: 49%"> |
| | | <el-input v-model="form.delegateUnitName" placeholder="请输入单位名称"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系人 --> |
| | | <el-form-item label="联系人" style="width: 49%"> |
| | | <el-input v-model="form.delegateUnitContactPerson" placeholder="请输入联系人"></el-input> |
| | | </el-form-item> |
| | | <!-- 详细地址 --> |
| | | <el-form-item label="详细地址" style="width: 49%"> |
| | | <el-input v-model="form.delegateUnitAddress" placeholder="请输入详细地址"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | | <el-form-item label="联系方式" style="width: 49%"> |
| | | <el-input v-model="form.delegateUnitContact" placeholder="请输入联系方式"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-border"> |
| | | <div class="DWidth DAlign DHold"> |
| | | 开发单位 |
| | | </div> |
| | | <div class="DOldForm"> |
| | | <!-- 单位名称 --> |
| | | <el-form-item label="单位名称" style="width: 49%"> |
| | | <el-input v-model="form.developmentUnitName" placeholder="请输入单位名称"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系人 --> |
| | | <el-form-item label="联系人" style="width: 49%"> |
| | | <el-input v-model="form.developmentContactPerson" placeholder="请输入联系人"></el-input> |
| | | </el-form-item> |
| | | <!-- 详细地址 --> |
| | | <el-form-item label="详细地址" style="width: 49%"> |
| | | <el-input v-model="form.developmentAddress" placeholder="请输入详细地址"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | | <el-form-item label="联系方式" style="width: 49%"> |
| | | <el-input v-model="form.developmentContact" placeholder="请输入联系方式"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-border"> |
| | | <div class="DWidth-Unt DAlign DHold"> |
| | | 被测件信息 |
| | | </div> |
| | | <div class="DOldForm"> |
| | | <!-- 单位名称 --> |
| | | <el-form-item label="软件名称" style="width: 49%"> |
| | | <el-input v-model="form.softwareName" placeholder="请输入软件名称"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系人 --> |
| | | <el-form-item label="软件标识" style="width: 49%"> |
| | | <el-input v-model="form.identification" placeholder="请输入软件标识"></el-input> |
| | | </el-form-item> |
| | | <!-- 详细地址 --> |
| | | <el-form-item label="密级" style="width: 49%"> |
| | | <el-input v-model="form.secretClass" placeholder="请输入密级"></el-input> |
| | | </el-form-item> |
| | | <!-- <zt-form-item label="保密级别" prop="secretClass" style="width: 25%">--> |
| | | <!-- <zt-dict v-model="dataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>--> |
| | | <!-- </zt-form-item>--> |
| | | <!-- 联系方式 --> |
| | | <el-form-item label="关键等级" style="width: 49%"> |
| | | <el-radio-group v-model="form.criticalLevel"> |
| | | <el-radio :label="0">关键</el-radio> |
| | | <el-radio :label="1">一般</el-radio> |
| | | <el-radio :label="2">重要</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="运行环境" style="width: 49%"> |
| | | <el-input v-model="form.runtimeEnvironment" placeholder="请输入运行环境"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="编程语言" style="width: 49%"> |
| | | <el-input v-model="form.programmingLanguage" placeholder="请输入编程语言"></el-input> |
| | | </el-form-item> |
| | | <div class="el-flex"> |
| | | <div class="DWidth DAlign DHold"> |
| | | 被测件及其他相关物品清单 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)"> |
| | | <el-table class="el-software" height="230" border :data="form.tableData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="name" min-width="300" label="名称"></el-table-column> |
| | | <el-table-column prop="identification" align="center" width="180" label="标识/版本"></el-table-column> |
| | | <el-table-column label="是否被测件" width="180" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-radio-group v-model="scope.row.isTested"> |
| | | <el-radio :label="1">是</el-radio> |
| | | <el-radio :label="0">否</el-radio> |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex" style="height: 40px;"> |
| | | <div class="DWidth DAlign DHold"> |
| | | 软件类型 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)"> |
| | | <el-checkbox-group v-model="form.checkList"> |
| | | <el-checkbox :label="0">通用应用软件</el-checkbox> |
| | | <el-checkbox :label="1">行业应用软件</el-checkbox> |
| | | <el-checkbox :label="2">嵌入式软件</el-checkbox> |
| | | </el-checkbox-group> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex "> |
| | | <div class="DWidth DAlign DHold"> |
| | | 项目责任人 |
| | | </div> |
| | | <div class="DOldForm"> |
| | | <!-- 单位名称 --> |
| | | <el-form-item label="项目负责人" style="width: 99%"> |
| | | <el-input v-model="form.delegateUnitName" placeholder="请输入单位名称"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系人 --> |
| | | <el-form-item label="项目测试人员" style="width: 99%"> |
| | | <el-input v-model="form.delegateUnitContactPerson" placeholder="请输入联系人"></el-input> |
| | | </el-form-item> |
| | | <!-- 详细地址 --> |
| | | <el-form-item label="项目审核人" style="width: 99%"> |
| | | <el-input v-model="form.delegateUnitAddress" placeholder="请输入详细地址"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | | <el-form-item label="是否签署合同" style="width: 99%"> |
| | | <el-input v-model="form.delegateUnitContact" placeholder="请输入联系方式"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'SoftwareTestingOrderForm', |
| | | data() { |
| | | return { |
| | | form: { |
| | | delegateUnitName: '', |
| | | delegateUnitAddress: '', |
| | | delegateUnitContactPerson: '', |
| | | delegateUnitContact: '', |
| | | developmentUnitName: '', |
| | | developmentContactPerson: '', |
| | | developmentAddress: '', |
| | | developmentContact: '', |
| | | softwareName: '', |
| | | identification: '', |
| | | secretClass: '', |
| | | criticalLevel: 0, |
| | | runtimeEnvironment: '', |
| | | programmingLanguage: '', |
| | | checkList: [1, 0], |
| | | tableData: [ |
| | | {code: 1, name: '小鹌鹑', identification: '3/121', isTested: 1}, |
| | | {code: 2, name: '小鹌鹑', identification: '3/122', isTested: 0}, |
| | | {code: 3, name: '小鹌鹑', identification: '3/111', isTested: 0}, |
| | | {code: 4, name: '小鹌鹑', identification: '36/121', isTested: 1}, |
| | | {code: 5, name: '小鹌鹑', identification: '3/121a', isTested: 0}, |
| | | {code: 6, name: '小鹌鹑', identification: '3c/121', isTested: 0}, |
| | | {code: 7, name: '小鹌鹑', identification: '3ac/12ac1', isTested: 0}, |
| | | {code: 8, name: '小鹌鹑', identification: '3aca/ac121', isTested: 1}, |
| | | {code: 9, name: '小鹌鹑', identification: '3ww/ca121', isTested: 1}, |
| | | {code: 10, name: '小鹌鹑', identification: '3aw/12wd1', isTested: 1}, |
| | | {code: 1, name: '小鹌鹑', identification: '3/121', isTested: 1}, |
| | | {code: 2, name: '小鹌鹑', identification: '3/122', isTested: 0}, |
| | | {code: 3, name: '小鹌鹑', identification: '3/111', isTested: 0}, |
| | | {code: 4, name: '小鹌鹑', identification: '36/121', isTested: 1}, |
| | | {code: 5, name: '小鹌鹑', identification: '3/121a', isTested: 1}, |
| | | {code: 6, name: '小鹌鹑', identification: '3c/121', isTested: 0}, |
| | | {code: 7, name: '小鹌鹑', identification: '3ac/12ac1', isTested: 0}, |
| | | {code: 8, name: '小鹌鹑', identification: '3aca/ac121', isTested: 1}, |
| | | {code: 9, name: '小鹌鹑', identification: '3ww/ca121', isTested: 1}, |
| | | {code: 10, name: '小鹌鹑', identification: '3aw/12wd1', isTested: 1} |
| | | ], |
| | | }, |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .oldFormAuto { |
| | | width: 70%; |
| | | border: 1px solid; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .el-flex { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .DWidth { |
| | | width: 100px; |
| | | } |
| | | |
| | | .DWidth-Unt { |
| | | width: 100px; |
| | | } |
| | | |
| | | .DAlign { |
| | | text-align: center; |
| | | } |
| | | |
| | | .DOldForm { |
| | | border-left: 1px solid; |
| | | width: 100%; |
| | | } |
| | | |
| | | .DOldForm > .el-form-item > .el-form-item__content { |
| | | width: calc(100% - 100px); |
| | | } |
| | | |
| | | .el-border { |
| | | border-bottom: 1px solid; |
| | | } |
| | | |
| | | .zt .el-table.el-software th { |
| | | background: transparent; |
| | | } |
| | | |
| | | .zt .el-table.el-software th > .cell { |
| | | font-weight: 500; |
| | | } |
| | | .DHold{ |
| | | font-weight: 600; |
| | | } |
| | | .zt .el-table.el-software{ |
| | | font-size: 14px; |
| | | } |
| | | </style> |
New file |
| | |
| | | <template> |
| | | <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto"> |
| | | <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto"> |
| | | <div class="DConfirmForm"> |
| | | <el-form-item label-width="60px" label="编号:" style="width: 99%"> |
| | | <span>{{form.code}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="confirmDAuto DConfirmForm"> |
| | | <el-form-item label="专业实验室名称" style="width: 49%"> |
| | | <el-input v-model="form.name" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="测试地点" style="width: 49%"> |
| | | <el-input v-model="form.place" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="被测软件" style="width: 49%"> |
| | | <el-input v-model="form.software" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="版本" style="width: 49%"> |
| | | <el-input v-model="form.versions" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <div class="el-flex el-form-border"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 硬软件资源 |
| | | </div> |
| | | <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)"> |
| | | <div style="padding: 5px">软件资源:</div> |
| | | <el-table class="el-software el-margin-top-bot" height="150" border :data="form.softwareData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="name" min-width="300" label="软件项名称"></el-table-column> |
| | | <el-table-column prop="versions" align="center" width="180" label="版本"></el-table-column> |
| | | <el-table-column prop="use" align="center" width="180" label="用途"></el-table-column> |
| | | <el-table-column prop="unit" label="提供单位" width="180" align="center"></el-table-column> |
| | | </el-table> |
| | | <div style="padding: 5px">硬件资源:</div> |
| | | <el-table class="el-software el-margin-top-bot" height="150" border :data="form.hardwareData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="name" min-width="300" label="硬件和固件项目名称"></el-table-column> |
| | | <el-table-column prop="use" align="center" width="180" label="用途"></el-table-column> |
| | | <el-table-column prop="number" align="center" width="80" label="数量"></el-table-column> |
| | | <el-table-column prop="state" align="center" width="120" label="状态"></el-table-column> |
| | | <el-table-column prop="unit" align="center" width="180" label="提供单位"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 动态测试环境图 |
| | | </div> |
| | | <div style="width: calc(100% - 120px);"> |
| | | <div style="height:150px" class="el-wt-border-left"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <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="form.analyzeData" |
| | | stripe> |
| | | <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column> |
| | | <el-table-column prop="realEnvironment" min-width="300" label="真实环境"></el-table-column> |
| | | <el-table-column prop="testEnvironment" align="center" width="100" label="测试环境"></el-table-column> |
| | | <el-table-column prop="environmentalDifference" align="center" width="100" label="环境差异"></el-table-column> |
| | | <el-table-column prop="influence" align="center" width="160" label="对测试结果影响"></el-table-column> |
| | | <el-table-column prop="measure" align="center" width="180" label="措施"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 环境建立 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left"> |
| | | <el-form-item label="人员" style="width: 49%"> |
| | | <el-input v-model="form.buildPersonnel" placeholder="请输入单位名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="日期" style="width: 48%"> |
| | | <el-input v-model="form.buildDate" placeholder="请输入联系人"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label-width="160px" class="isKill" label="是否进行环境病毒查杀" style="width: 49%"> |
| | | <el-radio-group v-model="form.isKill"> |
| | | <el-radio :label="0">是</el-radio> |
| | | <el-radio :label="1">否</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="病毒库版本" style="width: 48%"> |
| | | <el-input v-model="form.VirusLibraryVersion" placeholder="请输入病毒库版本"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex"> |
| | | <div class="DFormWidth DAlign DHold"> |
| | | 环境确认 |
| | | </div> |
| | | <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left"> |
| | | <!-- 单位名称 --> |
| | | <el-form-item label="人员" style="width: 49%"> |
| | | <el-input v-model="form.verifyPersonnel" placeholder="请输入单位名称"></el-input> |
| | | </el-form-item> |
| | | <!-- 联系人 --> |
| | | <el-form-item label="日期" style="width: 48%"> |
| | | <el-input v-model="form.verifyDate" placeholder="请输入联系人"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'confirmForm', |
| | | data() { |
| | | return { |
| | | form: { |
| | | code: '719G19804/P3A-09-20XX-00X', |
| | | name: '', |
| | | place: '', |
| | | software: '', |
| | | versions: '', |
| | | buildPersonnel: '', |
| | | buildDate: '', |
| | | isKill:1, |
| | | VirusLibraryVersion: '', |
| | | verifyPersonnel: '', |
| | | verifyDate: '', |
| | | checkList: [1, 0], |
| | | softwareData:[ |
| | | {code:'1',name:'awdas',versions:'1.3.1',use:'奥迪',unit:'单位1'}, |
| | | {code:'2',name:'阿尔法',versions:'1.3.1',use:'奥迪',unit:'单位2'}, |
| | | {code:'3',name:'awed',versions:'1.3.1',use:'奥迪',unit:'单位3'}, |
| | | {code:'4',name:'国土部',versions:'1.3.1',use:'奥迪',unit:'单位4'}, |
| | | ], |
| | | hardwareData:[ |
| | | {code:'1',name:'awdas',use:'车上',number:'2',state:'21',unit:'单位1'}, |
| | | {code:'2',name:'qe',use:'515',number:'1',state:'21',unit:'单位2'}, |
| | | {code:'3',name:'123',use:'1234',number:'42',state:'11',unit:'单位4'}, |
| | | {code:'4',name:'1515',use:'123',number:'1',state:'21',unit:'单位51'}, |
| | | ], |
| | | analyzeData:[ |
| | | {code:'1',realEnvironment:'真实环境1',testEnvironment:'测试环境1',environmentalDifference:'123',influence:'wu',measure:'12'}, |
| | | {code:'1',realEnvironment:'真实环境1',testEnvironment:'测试环境1',environmentalDifference:'123',influence:'wu',measure:'14'}, |
| | | {code:'1',realEnvironment:'真实环境1',testEnvironment:'测试环境1',environmentalDifference:'123',influence:'wu',measure:'15'}, |
| | | {code:'1',realEnvironment:'真实环境1',testEnvironment:'测试环境1',environmentalDifference:'123',influence:'wu',measure:'16'}, |
| | | ], |
| | | }, |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .confirmFormAuto { |
| | | width: 70%; |
| | | margin: 0 auto; |
| | | } |
| | | .confirmDAuto{ |
| | | border: 1px solid; |
| | | } |
| | | |
| | | .el-flex { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .DFormWidth { |
| | | width: 120px; |
| | | } |
| | | |
| | | .DAlign { |
| | | text-align: center; |
| | | } |
| | | |
| | | .DConfirmForm { |
| | | /*border-left: 1px solid;*/ |
| | | width: 100%; |
| | | } |
| | | |
| | | .DConfirmForm > .el-form-item > .el-form-item__content { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .DConfirmForm > .el-form-item.isKill > .el-form-item__content { |
| | | width: calc(100% - 160px); |
| | | } |
| | | .el-form-border{ |
| | | 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 th > .cell { |
| | | font-weight: 500; |
| | | } |
| | | .DHold{ |
| | | font-weight: 600; |
| | | } |
| | | .zt .el-table.el-software{ |
| | | font-size: 14px; |
| | | } |
| | | </style> |
New file |
| | |
| | | <template> |
| | | <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto"> |
| | | <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto"> |
| | | <div class="DManageForm"> |
| | | <el-form-item label-width="60px" label="编号:" style="width: 99%"> |
| | | <span>{{form.code}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="confirmDAuto DManageForm"> |
| | | <el-form-item label="项目编号" style="width: 49%"> |
| | | <el-input v-model="form.itemNumber" placeholder="请输入项目编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称" style="width: 49%"> |
| | | <el-input v-model="form.name" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="申请人" style="width: 49%"> |
| | | <el-input v-model="form.applicant" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="申请日期" style="width: 49%"> |
| | | <el-input v-model="form.date" placeholder="请输入编号名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="库类型" style="width: 99%"> |
| | | <el-radio-group v-model="form.type"> |
| | | <el-radio :label="0">受控库</el-radio> |
| | | <el-radio :label="1">产品库</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <div class="el-flex el-form-border"> |
| | | <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="form.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> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <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="form.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-table-column label="检查结果" width="250" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-radio-group v-model="scope.row.result"> |
| | | <el-radio :label="0">是</el-radio> |
| | | <el-radio :label="1">否</el-radio> |
| | | <el-radio :label="2">不适用</el-radio> |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column> |
| | | </el-table> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <el-radio-group v-model="form.result"> |
| | | <el-radio :label="0">通过</el-radio> |
| | | <el-radio :label="1">不通过</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="审核人:" style="width: 48%"> |
| | | <span>{{form.auditor}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="审核日期:" style="width: 48%"> |
| | | <span>{{form.auditDate}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <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="form.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-table-column label="检查结果" width="250" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-radio-group v-model="scope.row.result"> |
| | | <el-radio :label="0">是</el-radio> |
| | | <el-radio :label="1">否</el-radio> |
| | | <el-radio :label="2">不适用</el-radio> |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column> |
| | | </el-table> |
| | | <el-form-item label="审核结果" style="width: 99%"> |
| | | <el-radio-group v-model="form.CMResult"> |
| | | <el-radio :label="0">通过</el-radio> |
| | | <el-radio :label="1">不通过</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="审核人" style="width: 48%"> |
| | | <span>{{form.CMAuditor}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="审核日期" style="width: 48%"> |
| | | <span>{{form.CMAuditDate}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <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%"> |
| | | <el-radio-group v-model="form.opinion"> |
| | | <el-radio :label="0">同意</el-radio> |
| | | <el-radio :label="1">不同意</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label-width="80%" label="签字:" style="width: 65%"> |
| | | <span>{{form.signature}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="日期:" style="width: 20%"> |
| | | <span>{{form.approvalOpinionDate}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex el-B-border"> |
| | | <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%"> |
| | | <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.CMTextarea"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label-width="80%" label="操作人:" style="width: 65%"> |
| | | <span>{{form.CMSignature}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="日期:" style="width: 20%"> |
| | | <span>{{form.CMDate}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="el-flex"> |
| | | <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%"> |
| | | <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.textarea"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'dispositionManage', |
| | | data() { |
| | | return { |
| | | form: { |
| | | code: '(XX-X-XX)-PZRK-001', |
| | | itemNumber:'', |
| | | name: '', |
| | | applicant:'', |
| | | date:'', |
| | | type:1, |
| | | result:1, |
| | | auditor:'李大嘴', |
| | | auditDate: '2023-10-10', |
| | | CMResult:1, |
| | | CMAuditor:'李二嘴', |
| | | CMAuditDate: '2023-10-15', |
| | | signature:'李三嘴', |
| | | opinion:1, |
| | | approvalOpinionDate:'2023-10-18', |
| | | CMSignature:'李小嘴', |
| | | CMDate:'2023-10-20', |
| | | textarea:'受控库入库需项目负责人批准产品库入库需实验室技术负责人批准', |
| | | CMTextarea:'', |
| | | storageData:[ |
| | | {code:'1',name:'软件测试委托单',identification:'719G19701/02A-09-20XX-00X',versions:'/',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'2',name:'物品流转单(首轮测试)',identification:'719G19704/02A-09-20XX-00XA',versions:'/',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'3',name:'软件需求规格说明',identification:'XX-X-XX-软件需求规格说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'4',name:'软件设计说明',identification:'XX-X-XX-软件设计说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'5',name:'软件研制任务书',identification:'XX-X-XX-软件研制任务书',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'6',name:'软件源代码',identification:'XX-X-XX-软件源代码',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'7',name:'辐射监控台RS485总线通讯',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'}, |
| | | {code:'8',name:'辐射监控台CAN总线通讯规范',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'}, |
| | | ], |
| | | CMData:[ |
| | | {code:'1',checkItem:'入库的配置项是否与入库申请单的描述一致?',result:1,remark:'1'}, |
| | | {code:'2',checkItem:'配置项的命名、标识与软件配置管理计划是否一致?',result:1,remark:'121'}, |
| | | {code:'3',checkItem:'配置项的标识、版本是否正确?',result:0,remark:'114124'}, |
| | | {code:'4',checkItem:'入库的配置项是否通过病毒检查?',result:1,remark:'11241'}, |
| | | ], |
| | | examineData:[ |
| | | {code:'1',checkItem:'是否按相关标准进行编制?',result:1,remark:'1'}, |
| | | {code:'2',checkItem:'文档名称、文档标识、文档版本是否正确?',result:1,remark:'121'}, |
| | | {code:'3',checkItem:'文档名称、文档标识、文档版本是否正确?',result:0,remark:'114124'}, |
| | | {code:'4',checkItem:'评审提出的问题是否关闭?',result:1,remark:'11241'}, |
| | | ], |
| | | }, |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .confirmFormAuto { |
| | | width: 70%; |
| | | margin: 0 auto; |
| | | } |
| | | .confirmDAuto{ |
| | | border: 1px solid; |
| | | } |
| | | |
| | | .el-flex { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .DFormWidth { |
| | | width: 120px; |
| | | } |
| | | |
| | | .DAlign { |
| | | text-align: center; |
| | | } |
| | | |
| | | .DManageForm{ |
| | | /*border-left: 1px solid;*/ |
| | | width: 100%; |
| | | } |
| | | |
| | | .DManageForm> .el-form-item > .el-form-item__content { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .el-form-item.el-CMTextarea>.el-form-item__content{ |
| | | width: 100%; |
| | | } |
| | | .el-form .el-form-item.el-wt-form-item-margin{ |
| | | margin-left: 120px; |
| | | } |
| | | .el-form-border{ |
| | | 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 th > .cell { |
| | | font-weight: 500; |
| | | } |
| | | .DHold{ |
| | | font-weight: 600; |
| | | } |
| | | .zt .el-table.el-software{ |
| | | font-size: 14px; |
| | | } |
| | | </style> |