<template>
|
<div class="fa-card-a fa-box-a" style="height: calc(100vh - 130px)">
|
<el-form ref="form" :inline="true" :model="form" label-width="100px" class="oldFormAuto">
|
<div class="DManageForm el-border-bottom">
|
<zt-form-item label-width="60px" label="项目编号" prop="code" style="width: 99%" rules="required">
|
<el-input v-model="form.code"></el-input>
|
</zt-form-item>
|
</div>
|
<div class="el-flex el-border">
|
<div class="DWidth DAlign DHold">
|
委托单位
|
</div>
|
<div class="DSTOldForm">
|
<!-- 单位名称 -->
|
<zt-form-item label="单位名称" prop="entrustUnitName" style="width: 49%" rules="required">
|
<el-input v-model="form.entrustUnitName" placeholder="请输入单位名称"></el-input>
|
</zt-form-item>
|
<!-- 联系人 -->
|
<zt-form-item label="联系人" prop="entrustUnitContact" style="width: 49%" rules="required">
|
<el-input v-model="form.entrustUnitContact" placeholder="请输入联系人"></el-input>
|
</zt-form-item>
|
|
<!-- 详细地址 -->
|
<zt-form-item label="详细地址" prop="entrustUnitAddress" style="width: 49%" rules="required">
|
<el-input v-model="form.entrustUnitAddress" placeholder="请输入详细地址"></el-input>
|
</zt-form-item>
|
<!-- 联系方式 -->
|
<zt-form-item label="联系方式" prop="entrustUnitContWay" style="width: 49%" rules="required">
|
<el-input v-model="form.entrustUnitContWay" placeholder="请输入联系方式"></el-input>
|
</zt-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border">
|
<div class="DWidth DAlign DHold">
|
开发单位
|
</div>
|
<div class="DSTOldForm">
|
<!-- 单位名称 -->
|
<zt-form-item label="单位名称" prop="developUnitName" style="width: 49%" rules="required">
|
<el-input v-model="form.developUnitName" placeholder="请输入单位名称"></el-input>
|
</zt-form-item>
|
<!-- 联系人 -->
|
<zt-form-item label="联系人" prop="developUnitContact" style="width: 49%" rules="required">
|
<el-input v-model="form.developUnitContact" placeholder="请输入联系人"></el-input>
|
</zt-form-item>
|
<!-- 详细地址 -->
|
<zt-form-item label="详细地址" prop="developUnitAddress" style="width: 49%" rules="required">
|
<el-input v-model="form.developUnitAddress" placeholder="请输入详细地址"></el-input>
|
</zt-form-item>
|
<!-- 联系方式 -->
|
<zt-form-item label="联系方式" prop="developUnitContWay" style="width: 49%" rules="required">
|
<el-input v-model="form.developUnitContWay" placeholder="请输入联系方式"></el-input>
|
</zt-form-item>
|
</div>
|
</div>
|
<div class="el-flex el-border">
|
<div class="DWidth-Unt DAlign DHold">
|
被测件信息
|
</div>
|
<div class="DSTOldForm">
|
<!-- 单位名称 -->
|
<zt-form-item label="软件名称" prop="software" style="width: 49%" rules="required">
|
<el-input v-model="form.software" placeholder="请输入软件名称"></el-input>
|
</zt-form-item>
|
<!-- 联系人 -->
|
<zt-form-item label="软件标识" prop="identity" style="width: 49%" rules="required">
|
<el-input v-model="form.identity" placeholder="请输入软件标识"></el-input>
|
</zt-form-item>
|
<!-- 详细地址 -->
|
<zt-form-item label="密级" prop="secretClass" style="width: 49%" rules="required">
|
<zt-dict v-model="form.secretClass" dict="secret_class"></zt-dict>
|
</zt-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>-->
|
<!-- 联系方式 -->
|
<zt-form-item label="关键等级" prop="criticalLevel" style="width: 49%" rules="required">
|
<zt-dict v-model="form.criticalLevel" dict="critical_level"></zt-dict>
|
</zt-form-item>
|
<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="DSTOldForm">
|
<!-- 单位名称 -->
|
<zt-form-item label="项目负责人" prop="projectLeader" style="width: 99%" rules="required">
|
<el-input v-model="form.projectLeader" placeholder="请输入单位名称"></el-input>
|
</zt-form-item>
|
<!-- 联系人 -->
|
<zt-form-item label="项目测试人员" prop="projectTesters" style="width: 99%" rules="required">
|
<el-input v-model="form.projectTesters" placeholder="请输入联系人"></el-input>
|
</zt-form-item>
|
<!-- 详细地址 -->
|
<zt-form-item label="项目审核人" prop="projectReviewer" style="width: 99%" rules="required">
|
<el-input v-model="form.projectReviewer" placeholder="请输入详细地址"></el-input>
|
</zt-form-item>
|
<!-- 联系方式 -->
|
<zt-form-item label="是否签署合同" prop="isContract" style="width: 99%" rules="required">
|
<zt-dict v-model="form.isContract" dict="is_or_not"></zt-dict>
|
</zt-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>
|
.fa-box-a{
|
position: relative;
|
}
|
.oldFormAuto {
|
width: 70%;
|
border: 1px solid;
|
position: absolute;
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%, -50%);
|
}
|
|
.el-flex {
|
display: flex;
|
align-items: center;
|
}
|
|
.DWidth {
|
width: 100px;
|
}
|
|
.DWidth-Unt {
|
width: 100px;
|
}
|
|
.DAlign {
|
text-align: center;
|
}
|
|
.DSTOldForm {
|
border-left: 1px solid;
|
width: 100%;
|
}
|
|
.DSTOldForm > .zt-form-item > .zt-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>
|
