<template>
|
<div class="fa-card-a" style="height: calc(100vh - 130px);overflow-y: auto">
|
<el-form ref="form" :inline="true" :model="dataForm" label-width="120px" class="weiTuoDanAuto">
|
<div class="DManageForm el-border-bottom">
|
<el-form-item label-width="60px" label="编号:" style="width: 99%">
|
<span>{{dataForm.code}}</span>
|
</el-form-item>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
委托方
|
</div>
|
<div class="el-border-left">
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
委托单位
|
</div>
|
<div class="DOldForm el-border-left">
|
<!-- 单位名称 -->
|
<el-form-item label="单位名称" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitName" placeholder="请输入单位名称"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label="联系人" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>
|
</el-form-item>
|
<!-- 详细地址 -->
|
<el-form-item label="详细地址" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<!-- 联系方式 -->
|
<el-form-item label="联系方式" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitContact" placeholder="请输入联系方式"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
开发单位
|
</div>
|
<div class="DOldForm el-border-left">
|
<!-- 单位名称 -->
|
<el-form-item label="单位名称" style="width: 49%">
|
<el-input v-model="dataForm.developmentUnitName" placeholder="请输入单位名称"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label="联系人" style="width: 49%">
|
<el-input v-model="dataForm.developmentContactPerson" placeholder="请输入联系人"></el-input>
|
</el-form-item>
|
<!-- 详细地址 -->
|
<el-form-item label="详细地址" style="width: 49%">
|
<el-input v-model="dataForm.developmentAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<!-- 联系方式 -->
|
<el-form-item label="联系方式" style="width: 49%">
|
<el-input v-model="dataForm.developmentContact" placeholder="请输入联系方式"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth-Unt DAlign DHold">
|
被测件信息
|
</div>
|
<div class="DOldForm el-border-left">
|
<!-- 单位名称 -->
|
<el-form-item label="软件名称" style="width: 49%">
|
<el-input v-model="dataForm.softwareName" placeholder="请输入软件名称"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label="软件标识" style="width: 49%">
|
<el-input v-model="dataForm.identification" placeholder="请输入软件标识"></el-input>
|
</el-form-item>
|
<!-- 详细地址 -->
|
<el-form-item label="密级" style="width: 49%">
|
<el-input v-model="dataForm.secretClass" placeholder="请输入密级"></el-input>
|
</el-form-item>
|
<!-- <zt-form-item label="保密级别" prop="secretClass" style="width: 25%">-->
|
<!-- <zt-dict v-model="datadataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>-->
|
<!-- </zt-form-item>-->
|
<!-- 联系方式 -->
|
<el-form-item label="关键等级" style="width: 49%">
|
<zt-dict v-model="dataForm.criticalLevel" :radio="true" placeholder="关键等级" dict="critical_level" clearable></zt-dict>
|
</el-form-item>
|
<el-form-item label="运行环境" style="width: 49%">
|
<el-input v-model="dataForm.runtimeEnvironment" placeholder="请输入运行环境"></el-input>
|
</el-form-item>
|
<el-form-item label="编程语言" style="width: 49%">
|
<el-input v-model="dataForm.programmingLanguage" placeholder="请输入编程语言"></el-input>
|
</el-form-item>
|
<div class="el-flex el-border-top-and-bottom">
|
<div class="DWidth DAlign DHold">
|
被测件及其他相关物品清单
|
</div>
|
<div style="width: calc(100% - 120px);padding: 5px">
|
<el-table class="el-software" height="230" border :data="dataForm.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="dataForm.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 el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试要求
|
</div>
|
<div class="el-border-left" style="width: 100%;">
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试依据
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item style="width: 20%;padding-left:5%;">
|
<el-checkbox-group v-model="dataForm.checkList">
|
<el-checkbox :label="0">GB/T 25000.51-2016</el-checkbox>
|
<el-checkbox :label="1">GJB/Z 141-2004</el-checkbox>
|
<el-checkbox :label="2">其他：{{dataForm.other}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试类型
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item style="width: 20%;padding-left:5%;">
|
<zt-dict-checkbox v-model="dataForm.testType" column="2" dict="test_type1" clearable></zt-dict-checkbox>
|
</el-form-item>
|
<!-- <el-form-item style="width: 15%">-->
|
<!-- <el-checkbox-group v-model="dataForm.checkList">-->
|
<!-- <el-checkbox :label="0">功能性</el-checkbox>-->
|
<!-- <el-checkbox :label="1">兼容性</el-checkbox>-->
|
<!-- <el-checkbox :label="2">可靠性</el-checkbox>-->
|
<!-- <el-checkbox :label="3">维护性</el-checkbox>-->
|
<!-- </el-checkbox-group>-->
|
<!-- </el-form-item>-->
|
<el-form-item style="width: 20%;padding-left: 15%;border-left: 1px solid;">
|
<zt-dict-checkbox v-model="dataForm.testType" dict="test_type2" clearable></zt-dict-checkbox>
|
</el-form-item>
|
<!-- <el-form-item style="width: 20%;padding-left: 20%">-->
|
<!-- <el-checkbox-group v-model="dataForm.checkList">-->
|
<!-- <el-checkbox :label="0">代码审查</el-checkbox>-->
|
<!-- <el-checkbox :label="1">逻辑测试</el-checkbox>-->
|
<!-- <el-checkbox :label="2">性能测试</el-checkbox>-->
|
<!-- <el-checkbox :label="3">内存缺陷测试</el-checkbox>-->
|
<!-- <el-checkbox :label="4">边界测试</el-checkbox>-->
|
<!-- <el-checkbox :label="5">强度测试</el-checkbox>-->
|
<!-- <el-checkbox :label="6">恢复性测试</el-checkbox>-->
|
<!-- </el-checkbox-group>-->
|
<!-- </el-form-item>-->
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试相关标准/要求
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item style="width: 20%;padding-left:5%;">
|
<el-checkbox-group v-model="dataForm.checkList">
|
<el-checkbox :label="0">GJB 438B-2009《军用软件开发文档通用要求》</el-checkbox>
|
<el-checkbox :label="1">HJB 754-2017 《海军军用软件定型测评大纲编制要求》</el-checkbox>
|
<el-checkbox :label="2">HJB 753-2017 《海军军用软件定型测评报告编制要求》</el-checkbox>
|
<el-checkbox :label="3">《海军装备软件测试细则》</el-checkbox>
|
<el-checkbox :label="4">其他：{{dataForm.other}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试级别
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item style="padding-left:5%;">
|
<el-checkbox-group v-model="dataForm.checkList">
|
<el-checkbox :label="0">配置项测试</el-checkbox>
|
<el-checkbox :label="1">系统测试</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="DOldForm">
|
<el-form-item label="开始日期" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitName" placeholder="请输入单位名称"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label="结束日期" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>
|
</el-form-item>
|
</div>
|
<div class="DOldForm el-border-bottom">
|
<el-form-item label="测试场地" style="width: 98%">
|
<el-input v-model="dataForm.delegateUnitName" placeholder="请输入单位名称"></el-input>
|
</el-form-item>
|
</div>
|
<div class="el-flex">
|
<div class="DWidth DAlign DHold">
|
其他要求
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item label="是否盖CNAS章" label-width="107px" style="padding-left:5%;">
|
<el-checkbox-group v-model="dataForm.checkList">
|
<el-checkbox :label="0">是</el-checkbox>
|
<el-checkbox :label="1">否</el-checkbox>
|
<el-checkbox :label="2">其他：{{dataForm.other}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="el-flex">
|
<div class="DWidth DAlign DHold">
|
委托方签字：
|
</div>
|
<div class="" style="width: 100%;">
|
<div class="el-flex " style="height: 40px">
|
<div style="width: 50%">
|
<span>{{dataForm.write}}</span>
|
</div>
|
<div class="el-flex">
|
<div style="width: 120px;text-align: center">{{dataForm.year}}</div>年
|
<div style="width: 80px;text-align: center">{{dataForm.month}}</div>月
|
<div style="width: 80px;text-align: center">{{dataForm.day}}</div>日
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="el-flex">
|
<div class="DWidth DAlign DHold">
|
承托方
|
</div>
|
<div class="el-border-left">
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth-Unt DAlign DHold">
|
测试信息
|
</div>
|
<div class="DOldForm el-border-left">
|
<!-- 单位名称 -->
|
<el-form-item label="测试日期" style="width: 49%">
|
<el-input v-model="dataForm.softwareName" placeholder="请输入测试日期"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label="交付日期" style="width: 49%">
|
<el-input v-model="dataForm.identification" placeholder="请输入交付日期"></el-input>
|
</el-form-item>
|
<!-- 详细地址 -->
|
<el-form-item label="检测费用" style="width: 98%">
|
<el-input v-model="dataForm.secretClass" placeholder="请输入检测费用"></el-input>
|
</el-form-item>
|
<!-- <zt-form-item label="保密级别" prop="secretClass" style="width: 25%">-->
|
<!-- <zt-dict v-model="datadataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>-->
|
<!-- </zt-form-item>-->
|
<!-- 联系方式 -->
|
<el-form-item class="el-border-bottom" label="物品性质" style="width: 98%">
|
<el-radio-group v-model="dataForm.criticalLevel">
|
<el-radio :label="0">现场检测</el-radio>
|
<el-radio :label="1">客户送样</el-radio>
|
<el-radio :label="2">其他：{{dataForm.other}}</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<div class="el-flex">
|
<div class="DWidth DAlign DHold">
|
样品状态
|
</div>
|
<div class="el-border-left" style="width: 98%">
|
<el-form-item label="是否满足测试要求:" label-width="140px">
|
<el-radio-group v-model="dataForm.checkList">
|
<el-radio :label="0">是</el-radio>
|
<el-radio :label="1">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border-top-and-bottom">
|
<div class="DWidth DAlign DHold">
|
交付物清单
|
</div>
|
<div style="width: calc(100% - 120px);padding: 5px">
|
<el-table class="el-software" height="230" border :data="dataForm.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="380" label="标识/版本"></el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="el-flex el-border-bottom">
|
<div class="DWidth DAlign DHold">
|
测试机构信息
|
</div>
|
<div class="el-border-left DOldForm" style="width: 100%;">
|
<el-form-item label-width="120px" label="测评机构名称" style="width: 98%">
|
<el-input v-model="dataForm.delegateUnitName" placeholder="请输入单位名称"></el-input>
|
</el-form-item>
|
<!-- 联系人 -->
|
<el-form-item label-width="120px" label="地址" style="width: 98%">
|
<el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>
|
</el-form-item>
|
<!-- 详细地址 -->
|
<el-form-item label-width="120px" label="业务联系" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="业务投诉" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="实验室联系人" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="实验室联系电话" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="邮政编码" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="传真" style="width: 49%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="地址" style="width: 98%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
<el-form-item label-width="120px" label="业务投诉" style="width: 98%">
|
<el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="el-flex">
|
<div class="DWidth DAlign DHold">
|
承托方签字：
|
</div>
|
<div class="" style="width: 100%;">
|
<div class="el-flex" style="height: 40px">
|
<div style="width: 50%">
|
<span>{{dataForm.write}}</span>
|
</div>
|
<div class="el-flex">
|
<div style="width: 120px;text-align: center">{{dataForm.year}}</div>年
|
<div style="width: 80px;text-align: center">{{dataForm.month}}</div>月
|
<div style="width: 80px;text-align: center">{{dataForm.day}}</div>日
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'SoftwareTestingOrderForm',
|
data() {
|
return {
|
dataForm: {
|
delegateUnitName: '',
|
delegateUnitAddress: '',
|
delegateUnitContactPerson: '',
|
delegateUnitContact: '',
|
developmentUnitName: '',
|
developmentContactPerson: '',
|
developmentAddress: '',
|
developmentContact: '',
|
softwareName: '',
|
identification: '',
|
secretClass: '',
|
criticalLevel:'',
|
runtimeEnvironment: '',
|
programmingLanguage: '',
|
checkList: [1, 0],
|
testType:[],
|
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}
|
],
|
year:'2023',
|
month:'10',
|
day:'12'
|
},
|
}
|
},
|
}
|
</script>
|
|
<style>
|
.weiTuoDanAuto {
|
width: 70%;
|
border: 1px solid;
|
margin: 0 auto;
|
}
|
.zt .weiTuoDanAuto .el-form-item.el-form-item--default{
|
margin-right: 0;
|
}
|
.el-flex {
|
display: flex;
|
align-items: center;
|
}
|
|
.DWidth {
|
width: 100px;
|
}
|
|
.DWidth-Unt {
|
width: 100px;
|
}
|
|
.DAlign {
|
text-align: center;
|
}
|
.el-border-left{
|
border-left: 1px solid;
|
}
|
.DOldForm {
|
width: 100%;
|
}
|
.el-border-top-and-bottom{
|
border-top: 1px solid;
|
border-bottom: 1px solid;
|
}
|
.DOldForm > .el-form-item > .el-form-item__content {
|
width: calc(100% - 120px);
|
}
|
|
.el-border-bottom {
|
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>
|
