Changes

jinlin

2023-11-15 a4928bd09a4b5034290985ce21304e9fed56732c

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

@@ -1,226 +1,226 @@
<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>
<!--<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">-->
<!--          &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--          <zt-form-item label="单位名称" prop="entrustUnitName" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.entrustUnitName" placeholder="请输入单位名称"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--          <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>
<!--          &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--          <zt-form-item label="详细地址" prop="entrustUnitAddress" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.entrustUnitAddress" placeholder="请输入详细地址"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--          <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">-->
<!--          &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--          <zt-form-item label="单位名称" prop="developUnitName" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.developUnitName" placeholder="请输入单位名称"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--          <zt-form-item label="联系人" prop="developUnitContact" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.developUnitContact" placeholder="请输入联系人"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--          <zt-form-item label="详细地址" prop="developUnitAddress" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.developUnitAddress" placeholder="请输入详细地址"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--          <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">-->
<!--          &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--          <zt-form-item label="软件名称" prop="software" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.software" placeholder="请输入软件名称"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--          <zt-form-item label="软件标识" prop="identity" style="width: 49%" rules="required">-->
<!--            <el-input v-model="form.identity" placeholder="请输入软件标识"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--          <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>-->
<!--          &lt;!&ndash;          <zt-form-item label="保密级别" prop="secretClass"  style="width: 25%">&ndash;&gt;-->
<!--          &lt;!&ndash;            <zt-dict v-model="dataForm.secretClass" dict="secret_class" placeholder="保密级别" style="width:200px"></zt-dict>&ndash;&gt;-->
<!--          &lt;!&ndash;          </zt-form-item>&ndash;&gt;-->
<!--          &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--          <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">-->
<!--          &lt;!&ndash; 单位名称 &ndash;&gt;-->
<!--          <zt-form-item label="项目负责人" prop="projectLeader" style="width: 99%" rules="required">-->
<!--            <el-input v-model="form.projectLeader" placeholder="请输入单位名称"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系人 &ndash;&gt;-->
<!--          <zt-form-item label="项目测试人员" prop="projectTesters" style="width: 99%" rules="required">-->
<!--            <el-input v-model="form.projectTesters" placeholder="请输入联系人"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 详细地址 &ndash;&gt;-->
<!--          <zt-form-item label="项目审核人" prop="projectReviewer" style="width: 99%" rules="required">-->
<!--            <el-input v-model="form.projectReviewer" placeholder="请输入详细地址"></el-input>-->
<!--          </zt-form-item>-->
<!--          &lt;!&ndash; 联系方式 &ndash;&gt;-->
<!--          <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>
<!--<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%);
}
<!--<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;
}
<!--.el-flex {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--}-->

.DWidth {
  width: 100px;
}
<!--.DWidth {-->
<!--  width: 100px;-->
<!--}-->

.DWidth-Unt {
  width: 100px;
}
<!--.DWidth-Unt {-->
<!--  width: 100px;-->
<!--}-->

.DAlign {
  text-align: center;
}
<!--.DAlign {-->
<!--  text-align: center;-->
<!--}-->

.DSTOldForm {
  border-left: 1px solid;
  width: 100%;
}
<!--.DSTOldForm {-->
<!--  border-left: 1px solid;-->
<!--  width: 100%;-->
<!--}-->

.DSTOldForm > .zt-form-item > .zt-form-item__content {
  width: calc(100% - 100px);
}
<!--.DSTOldForm > .zt-form-item > .zt-form-item__content {-->
<!--  width: calc(100% - 100px);-->
<!--}-->

.el-border {
  border-bottom: 1px solid;
}
<!--.el-border {-->
<!--  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>-->