修改

jinlin

2024-02-23 1772fc5e211f9e9e0ab4cdc6c29b436aac178c2a

 web/src/views/modules/olderForm/weiTuoDan.vue

@@ -1,486 +1,475 @@
<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%">-->
<!--<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-form-item label-width="60px" label="编号:" style="width: 99%">-->
<!--          <span>{{dataForm.code}}</span>-->
<!--        </el-form-item>-->
<!--      </div>-->
<!--      <div style="border: 1px solid">-->
<!--        <div class="el-flex el-border-bottom">-->
<!--          <div class="DPadding1 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">-->
<!--                &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--                <el-form-item label="单位名称" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.delegateUnitName" placeholder="请输入单位名称"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                <el-form-item label="联系人" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--                <el-form-item label="详细地址" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.delegateUnitAddress" placeholder="请输入详细地址"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--                <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">-->
<!--                &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--                <el-form-item label="单位名称" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.developmentUnitName" placeholder="请输入单位名称"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                <el-form-item label="联系人" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.developmentContactPerson" placeholder="请输入联系人"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--                <el-form-item label="详细地址" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.developmentAddress" placeholder="请输入详细地址"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--                <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">-->
<!--                &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--                <el-form-item label="软件名称" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.softwareName" placeholder="请输入软件名称"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                <el-form-item label="软件标识" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.identification" placeholder="请输入软件标识"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--                <el-form-item label="密级" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.secretClass" placeholder="请输入密级"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash;          <zt-form-item label="保密级别" prop="secretClass"  style="width: 25%">&ndash;&gt;-->
<!--                &lt;!&ndash;            <zt-dict v-model="datadataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>&ndash;&gt;-->
<!--                &lt;!&ndash;          </zt-form-item>&ndash;&gt;-->
<!--                &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--                <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 :label="3">维护性</el-checkbox>-->
<!--                      <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: 40%;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: 60%;padding-left: 15%;border-left: 1px solid;">-->
<!--                      <zt-dict-checkbox v-model="dataForm.testType"  dict="test_type2" clearable></zt-dict-checkbox>-->
<!--                    </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 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>-->
<!--                  &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                  <el-form-item label="结束日期" style="width: 49%">-->
<!--                    <el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>-->
<!--                  </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>
<!--                </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="DPadding2 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">-->
<!--                &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--                <el-form-item label="测试日期" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.softwareName" placeholder="请输入测试日期"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                <el-form-item label="交付日期" style="width: 49%">-->
<!--                  <el-input v-model="dataForm.identification" placeholder="请输入交付日期"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--                <el-form-item label="检测费用" style="width: 98%">-->
<!--                  <el-input v-model="dataForm.secretClass" placeholder="请输入检测费用"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash;          <zt-form-item label="保密级别" prop="secretClass"  style="width: 25%">&ndash;&gt;-->
<!--                &lt;!&ndash;            <zt-dict v-model="datadataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>&ndash;&gt;-->
<!--                &lt;!&ndash;          </zt-form-item>&ndash;&gt;-->
<!--                &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--                <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">-->
<!--                  <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>-->
<!--                &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--                <el-form-item label-width="120px" label="地址" style="width: 98%">-->
<!--                  <el-input v-model="dataForm.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>-->
<!--                </el-form-item>-->
<!--                &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--                <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>-->
<!--      </div>-->

<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>
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->

<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;
}
<!--<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>-->

.DWidth {
  width: 100px;
}
<!--<style>-->
<!--.weiTuoDanAuto {-->
<!--  width: 70%;-->
<!--  //border: 1px solid;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.zt .weiTuoDanAuto .el-form-item.el-form-item&#45;&#45;default{-->
<!--  margin-right: 0;-->
<!--}-->
<!--.el-flex {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--}-->

.DWidth-Unt {
  width: 100px;
}
<!--.DWidth {-->
<!--  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);
}
<!--.DWidth-Unt {-->
<!--  width: 100px;-->
<!--}-->
<!--.DPadding1{-->
<!--  padding: 6px;-->
<!--}-->
<!--.DPadding2{-->
<!--  padding: 7px;-->
<!--}-->
<!--.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;
}
<!--.el-border-bottom {-->
<!--  border-bottom: 1px solid;-->
<!--}-->

.zt .el-table.el-software th {
  background: transparent;
}
<!--.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>
<!--.zt .el-table.el-software th > .cell {-->
<!--  font-weight: 500;-->
<!--}-->
<!--.DHold{-->
<!--  font-weight: 600;-->
<!--}-->
<!--.zt .el-table.el-software{-->
<!--  font-size: 14px;-->
<!--}-->
<!--</style>-->