<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>
|
