多选组件

wente

2023-11-08 28e196ded3b02c1efc977fb1c8cba9902aa26d69

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

@@ -1,107 +1,82 @@
<template>
  <div class="fa-card-a" style="height: calc(100vh - 130px)">
  <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="DOldForm">
        <div class="DSTOldForm">
          <!-- 单位名称 -->
          <el-form-item label="单位名称" style="width: 49%">
            <el-input v-model="form.delegateUnitName" placeholder="请输入单位名称"></el-input>
          </el-form-item>
          <zt-form-item label="单位名称" prop="entrustUnitName" style="width: 49%" rules="required">
            <el-input v-model="form.entrustUnitName" placeholder="请输入单位名称"></el-input>
          </zt-form-item>
          <!-- 联系人 -->
          <el-form-item label="联系人" style="width: 49%">
            <el-input v-model="form.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>
          </el-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>

          <!-- 详细地址 -->
          <el-form-item label="详细地址" style="width: 49%">
            <el-input v-model="form.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
          </el-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>
          <!-- 联系方式 -->
          <el-form-item label="联系方式" style="width: 49%">
            <el-input v-model="form.delegateUnitContact" placeholder="请输入联系方式"></el-input>
          </el-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="DOldForm">
        <div class="DSTOldForm">
          <!-- 单位名称 -->
          <el-form-item label="单位名称" style="width: 49%">
            <el-input v-model="form.developmentUnitName" placeholder="请输入单位名称"></el-input>
          </el-form-item>
          <zt-form-item label="单位名称" prop="developUnitName" style="width: 49%" rules="required">
            <el-input v-model="form.developUnitName" placeholder="请输入单位名称"></el-input>
          </zt-form-item>
          <!-- 联系人 -->
          <el-form-item label="联系人" style="width: 49%">
            <el-input v-model="form.developmentContactPerson" placeholder="请输入联系人"></el-input>
          </el-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>
          <!-- 详细地址 -->
          <el-form-item label="详细地址" style="width: 49%">
            <el-input v-model="form.developmentAddress" placeholder="请输入详细地址"></el-input>
          </el-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>
          <!-- 联系方式 -->
          <el-form-item label="联系方式" style="width: 49%">
            <el-input v-model="form.developmentContact" placeholder="请输入联系方式"></el-input>
          </el-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="DOldForm">
        <div class="DSTOldForm">
          <!-- 单位名称 -->
          <el-form-item label="软件名称" style="width: 49%">
            <el-input v-model="form.softwareName" placeholder="请输入软件名称"></el-input>
          </el-form-item>
          <zt-form-item label="软件名称" prop="software" style="width: 49%" rules="required">
            <el-input v-model="form.software" placeholder="请输入软件名称"></el-input>
          </zt-form-item>
          <!-- 联系人 -->
          <el-form-item label="软件标识" style="width: 49%">
            <el-input v-model="form.identification" placeholder="请输入软件标识"></el-input>
          </el-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>
          <!-- 详细地址 -->
          <el-form-item label="密级" style="width: 49%">
            <el-input v-model="form.secretClass" placeholder="请输入密级"></el-input>
          </el-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>-->
          <!-- 联系方式 -->
          <el-form-item label="关键等级" style="width: 49%">
            <el-radio-group v-model="form.criticalLevel">
              <el-radio :label="0">关键</el-radio>
              <el-radio :label="1">一般</el-radio>
              <el-radio :label="2">重要</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="运行环境" style="width: 49%">
            <el-input v-model="form.runtimeEnvironment" placeholder="请输入运行环境"></el-input>
          </el-form-item>
          <el-form-item label="编程语言" style="width: 49%">
            <el-input v-model="form.programmingLanguage" placeholder="请输入编程语言"></el-input>
          </el-form-item>
          <div class="el-flex">
            <div class="DWidth DAlign DHold">
              被测件及其他相关物品清单
            </div>
            <div style="width: calc(100% - 120px)">
              <el-table class="el-software" height="230" border :data="form.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>
          <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">
              软件类型
@@ -120,23 +95,23 @@
        <div class="DWidth DAlign DHold">
          项目责任人
        </div>
        <div class="DOldForm">
        <div class="DSTOldForm">
          <!-- 单位名称 -->
          <el-form-item label="项目负责人" style="width: 99%">
            <el-input v-model="form.delegateUnitName" placeholder="请输入单位名称"></el-input>
          </el-form-item>
          <zt-form-item label="项目负责人" prop="projectLeader" style="width: 99%" rules="required">
            <el-input v-model="form.projectLeader" placeholder="请输入单位名称"></el-input>
          </zt-form-item>
          <!-- 联系人 -->
          <el-form-item label="项目测试人员" style="width: 99%">
            <el-input v-model="form.delegateUnitContactPerson" placeholder="请输入联系人"></el-input>
          </el-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>
          <!-- 详细地址 -->
          <el-form-item label="项目审核人" style="width: 99%">
            <el-input v-model="form.delegateUnitAddress" placeholder="请输入详细地址"></el-input>
          </el-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>
          <!-- 联系方式 -->
          <el-form-item label="是否签署合同" style="width: 99%">
            <el-input v-model="form.delegateUnitContact" placeholder="请输入联系方式"></el-input>
          </el-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>
@@ -193,10 +168,16 @@
</script>

<style>
.fa-box-a{
  position: relative;
}
.oldFormAuto {
  width: 70%;
  border: 1px solid;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.el-flex {
@@ -216,12 +197,12 @@
  text-align: center;
}

.DOldForm {
.DSTOldForm {
  border-left: 1px solid;
  width: 100%;
}

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