jinlin
2024-02-23 1772fc5e211f9e9e0ab4cdc6c29b436aac178c2a
web/src/views/modules/olderForm/dispositionManage.vue
@@ -1,278 +1,278 @@
<template>
  <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto">
    <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto">
      <div class="DManageForm">
        <el-form-item label-width="60px" label="编号:" style="width: 99%">
          <span>{{form.code}}</span>
        </el-form-item>
      </div>
      <div class="confirmDAuto DManageForm">
        <el-form-item label="项目编号" style="width: 49%">
          <el-input v-model="form.itemNumber" placeholder="请输入项目编号"></el-input>
        </el-form-item>
        <el-form-item label="项目名称" style="width: 49%">
          <el-input v-model="form.name" placeholder="请输入编号名称"></el-input>
        </el-form-item>
        <el-form-item label="申请人" style="width: 49%">
          <el-input v-model="form.applicant" placeholder="请输入编号名称"></el-input>
        </el-form-item>
        <el-form-item label="申请日期" style="width: 49%">
          <el-input v-model="form.date" placeholder="请输入编号名称"></el-input>
        </el-form-item>
        <el-form-item label="库类型" style="width: 99%">
          <el-radio-group v-model="form.type">
            <el-radio :label="0">受控库</el-radio>
            <el-radio :label="1">产品库</el-radio>
          </el-radio-group>
        </el-form-item>
        <div class="el-flex el-form-border">
          <div class="DFormWidth DAlign DHold">
            入库配置项
          </div>
          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.storageData"
                      stripe>
              <el-table-column prop="code" align="center" width="60" label="序号"></el-table-column>
              <el-table-column prop="name" min-width="200" label="配置项名称"></el-table-column>
              <el-table-column prop="identification" align="center" width="220" label="配置项标识"></el-table-column>
              <el-table-column prop="versions" align="center" width="120" label="版本"></el-table-column>
              <el-table-column prop="rollBackVersions" label="上溯版" width="120"  align="center"></el-table-column>
              <el-table-column prop="secretClass" label="密级" width="80"  align="center"></el-table-column>
            </el-table>
          </div>
        </div>
        <div class="el-flex el-B-border">
          <div class="DFormWidth DAlign DHold">
            项目QA审核
          </div>
          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.examineData"
                      stripe>
              <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column>
              <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column>
              <el-table-column label="检查结果" width="250" align="center">
                <template slot-scope="scope">
                  <el-radio-group v-model="scope.row.result">
                    <el-radio :label="0">是</el-radio>
                    <el-radio :label="1">否</el-radio>
                    <el-radio :label="2">不适用</el-radio>
                  </el-radio-group>
                </template>
              </el-table-column>
              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>
            </el-table>
            <el-form-item label="审核结果" style="width: 99%">
              <el-radio-group v-model="form.result">
                <el-radio :label="0">通过</el-radio>
                <el-radio :label="1">不通过</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="审核人:" style="width: 48%">
              <span>{{form.auditor}}</span>
            </el-form-item>
            <el-form-item label="审核日期:" style="width: 48%">
              <span>{{form.auditDate}}</span>
            </el-form-item>
          </div>
        </div>
        <div class="el-flex el-B-border">
          <div class="DFormWidth DAlign DHold">
            CM审核
          </div>
          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.CMData"
                      stripe>
              <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column>
              <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column>
              <el-table-column label="检查结果" width="250" align="center">
                <template slot-scope="scope">
                  <el-radio-group v-model="scope.row.result">
                    <el-radio :label="0">是</el-radio>
                    <el-radio :label="1">否</el-radio>
                    <el-radio :label="2">不适用</el-radio>
                  </el-radio-group>
                </template>
              </el-table-column>
              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>
            </el-table>
            <el-form-item label="审核结果" style="width: 99%">
              <el-radio-group v-model="form.CMResult">
                <el-radio :label="0">通过</el-radio>
                <el-radio :label="1">不通过</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="审核人" style="width: 48%">
              <span>{{form.CMAuditor}}</span>
            </el-form-item>
            <el-form-item label="审核日期" style="width: 48%">
              <span>{{form.CMAuditDate}}</span>
            </el-form-item>
          </div>
        </div>
        <div class="el-flex el-B-border">
          <div class="DFormWidth DAlign DHold">
            批准意见
          </div>
          <div style="width: calc(100% - 120px)" class="el-wt-border-left">
            <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 99%">
              <el-radio-group v-model="form.opinion">
                <el-radio :label="0">同意</el-radio>
                <el-radio :label="1">不同意</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label-width="80%" label="签字:" style="width: 65%">
              <span>{{form.signature}}</span>
            </el-form-item>
            <el-form-item label="日期:" style="width: 20%">
              <span>{{form.approvalOpinionDate}}</span>
            </el-form-item>
          </div>
        </div>
        <div class="el-flex el-B-border">
          <div class="DFormWidth DAlign DHold">
            项目CM操作
          </div>
          <div style="width: calc(100% - 120px)" class="el-wt-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%">
              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="form.CMTextarea"></el-input>
            </el-form-item>
            <el-form-item label-width="80%" label="操作人:" style="width: 65%">
              <span>{{form.CMSignature}}</span>
            </el-form-item>
            <el-form-item label="日期:" style="width: 20%">
              <span>{{form.CMDate}}</span>
            </el-form-item>
          </div>
        </div>
        <div class="el-flex">
          <div class="DFormWidth DAlign DHold">
            备注
          </div>
          <div style="width: calc(100% - 120px)" class="el-wt-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%">
              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="form.textarea"></el-input>
            </el-form-item>
          </div>
        </div>
      </div>
    </el-form>
  </div>
</template>
<!--<template>-->
<!--  <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto">-->
<!--    <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto">-->
<!--      <div class="DManageForm">-->
<!--        <el-form-item label-width="60px" label="编号:" style="width: 99%">-->
<!--          <span>{{form.code}}</span>-->
<!--        </el-form-item>-->
<!--      </div>-->
<!--      <div class="confirmDAuto DManageForm">-->
<!--        <el-form-item label="项目编号" style="width: 49%">-->
<!--          <el-input v-model="form.itemNumber" placeholder="请输入项目编号"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="项目名称" style="width: 49%">-->
<!--          <el-input v-model="form.name" placeholder="请输入编号名称"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="申请人" style="width: 49%">-->
<!--          <el-input v-model="form.applicant" placeholder="请输入编号名称"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="申请日期" style="width: 49%">-->
<!--          <el-input v-model="form.date" placeholder="请输入编号名称"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="库类型" style="width: 99%">-->
<!--          <el-radio-group v-model="form.type">-->
<!--            <el-radio :label="0">受控库</el-radio>-->
<!--            <el-radio :label="1">产品库</el-radio>-->
<!--          </el-radio-group>-->
<!--        </el-form-item>-->
<!--        <div class="el-flex el-form-border">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            入库配置项-->
<!--          </div>-->
<!--          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">-->
<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.storageData"-->
<!--                      stripe>-->
<!--              <el-table-column prop="code" align="center" width="60" label="序号"></el-table-column>-->
<!--              <el-table-column prop="name" min-width="200" label="配置项名称"></el-table-column>-->
<!--              <el-table-column prop="identification" align="center" width="220" label="配置项标识"></el-table-column>-->
<!--              <el-table-column prop="versions" align="center" width="120" label="版本"></el-table-column>-->
<!--              <el-table-column prop="rollBackVersions" label="上溯版" width="120"  align="center"></el-table-column>-->
<!--              <el-table-column prop="secretClass" label="密级" width="80"  align="center"></el-table-column>-->
<!--            </el-table>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="el-flex el-B-border">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            项目QA审核-->
<!--          </div>-->
<!--          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">-->
<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.examineData"-->
<!--                      stripe>-->
<!--              <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column>-->
<!--              <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column>-->
<!--              <el-table-column label="检查结果" width="250" align="center">-->
<!--                <template slot-scope="scope">-->
<!--                  <el-radio-group v-model="scope.row.result">-->
<!--                    <el-radio :label="0">是</el-radio>-->
<!--                    <el-radio :label="1">否</el-radio>-->
<!--                    <el-radio :label="2">不适用</el-radio>-->
<!--                  </el-radio-group>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>-->
<!--            </el-table>-->
<!--            <el-form-item label="审核结果" style="width: 99%">-->
<!--              <el-radio-group v-model="form.result">-->
<!--                <el-radio :label="0">通过</el-radio>-->
<!--                <el-radio :label="1">不通过</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="审核人:" style="width: 48%">-->
<!--              <span>{{form.auditor}}</span>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="审核日期:" style="width: 48%">-->
<!--              <span>{{form.auditDate}}</span>-->
<!--            </el-form-item>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="el-flex el-B-border">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            CM审核-->
<!--          </div>-->
<!--          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">-->
<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.CMData"-->
<!--                      stripe>-->
<!--              <el-table-column prop="code" align="center" width="80" label="序号"></el-table-column>-->
<!--              <el-table-column prop="checkItem" min-width="300" label="检查项"></el-table-column>-->
<!--              <el-table-column label="检查结果" width="250" align="center">-->
<!--                <template slot-scope="scope">-->
<!--                  <el-radio-group v-model="scope.row.result">-->
<!--                    <el-radio :label="0">是</el-radio>-->
<!--                    <el-radio :label="1">否</el-radio>-->
<!--                    <el-radio :label="2">不适用</el-radio>-->
<!--                  </el-radio-group>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>-->
<!--            </el-table>-->
<!--            <el-form-item label="审核结果" style="width: 99%">-->
<!--              <el-radio-group v-model="form.CMResult">-->
<!--                <el-radio :label="0">通过</el-radio>-->
<!--                <el-radio :label="1">不通过</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="审核人" style="width: 48%">-->
<!--              <span>{{form.CMAuditor}}</span>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="审核日期" style="width: 48%">-->
<!--              <span>{{form.CMAuditDate}}</span>-->
<!--            </el-form-item>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="el-flex el-B-border">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            批准意见-->
<!--          </div>-->
<!--          <div style="width: calc(100% - 120px)" class="el-wt-border-left">-->
<!--            <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 99%">-->
<!--              <el-radio-group v-model="form.opinion">-->
<!--                <el-radio :label="0">同意</el-radio>-->
<!--                <el-radio :label="1">不同意</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--            <el-form-item label-width="80%" label="签字:" style="width: 65%">-->
<!--              <span>{{form.signature}}</span>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="日期:" style="width: 20%">-->
<!--              <span>{{form.approvalOpinionDate}}</span>-->
<!--            </el-form-item>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="el-flex el-B-border">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            项目CM操作-->
<!--          </div>-->
<!--          <div style="width: calc(100% - 120px)" class="el-wt-border-left">-->
<!--            <el-form-item class="el-CMTextarea" style="width: 100%">-->
<!--              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="form.CMTextarea"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label-width="80%" label="操作人:" style="width: 65%">-->
<!--              <span>{{form.CMSignature}}</span>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="日期:" style="width: 20%">-->
<!--              <span>{{form.CMDate}}</span>-->
<!--            </el-form-item>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="el-flex">-->
<!--          <div class="DFormWidth DAlign DHold">-->
<!--            备注-->
<!--          </div>-->
<!--          <div style="width: calc(100% - 120px)" class="el-wt-border-left">-->
<!--            <el-form-item class="el-CMTextarea" style="width: 100%">-->
<!--              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="form.textarea"></el-input>-->
<!--            </el-form-item>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->
<script>
  export default {
    name: 'dispositionManage',
    data() {
      return {
        form: {
          code: '(XX-X-XX)-PZRK-001',
          itemNumber:'',
          name: '',
          applicant:'',
          date:'',
          type:1,
          result:1,
          auditor:'李大嘴',
          auditDate: '2023-10-10',
          CMResult:1,
          CMAuditor:'李二嘴',
          CMAuditDate: '2023-10-15',
          signature:'李三嘴',
          opinion:1,
          approvalOpinionDate:'2023-10-18',
          CMSignature:'李小嘴',
          CMDate:'2023-10-20',
          textarea:'受控库入库需项目负责人批准产品库入库需实验室技术负责人批准',
          CMTextarea:'',
          storageData:[
            {code:'1',name:'软件测试委托单',identification:'719G19701/02A-09-20XX-00X',versions:'/',rollBackVersions:'/',secretClass:'非密'},
            {code:'2',name:'物品流转单(首轮测试)',identification:'719G19704/02A-09-20XX-00XA',versions:'/',rollBackVersions:'/',secretClass:'非密'},
            {code:'3',name:'软件需求规格说明',identification:'XX-X-XX-软件需求规格说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},
            {code:'4',name:'软件设计说明',identification:'XX-X-XX-软件设计说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},
            {code:'5',name:'软件研制任务书',identification:'XX-X-XX-软件研制任务书',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},
            {code:'6',name:'软件源代码',identification:'XX-X-XX-软件源代码',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},
            {code:'7',name:'辐射监控台RS485总线通讯',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'},
            {code:'8',name:'辐射监控台CAN总线通讯规范',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'},
          ],
          CMData:[
            {code:'1',checkItem:'入库的配置项是否与入库申请单的描述一致?',result:1,remark:'1'},
            {code:'2',checkItem:'配置项的命名、标识与软件配置管理计划是否一致?',result:1,remark:'121'},
            {code:'3',checkItem:'配置项的标识、版本是否正确?',result:0,remark:'114124'},
            {code:'4',checkItem:'入库的配置项是否通过病毒检查?',result:1,remark:'11241'},
          ],
          examineData:[
            {code:'1',checkItem:'是否按相关标准进行编制?',result:1,remark:'1'},
            {code:'2',checkItem:'文档名称、文档标识、文档版本是否正确?',result:1,remark:'121'},
            {code:'3',checkItem:'文档名称、文档标识、文档版本是否正确?',result:0,remark:'114124'},
            {code:'4',checkItem:'评审提出的问题是否关闭?',result:1,remark:'11241'},
          ],
        },
      }
    },
  }
</script>
<!--<script>-->
<!--  export default {-->
<!--    name: 'dispositionManage',-->
<!--    data() {-->
<!--      return {-->
<!--        form: {-->
<!--          code: '(XX-X-XX)-PZRK-001',-->
<!--          itemNumber:'',-->
<!--          name: '',-->
<!--          applicant:'',-->
<!--          date:'',-->
<!--          type:1,-->
<!--          result:1,-->
<!--          auditor:'李大嘴',-->
<!--          auditDate: '2023-10-10',-->
<!--          CMResult:1,-->
<!--          CMAuditor:'李二嘴',-->
<!--          CMAuditDate: '2023-10-15',-->
<!--          signature:'李三嘴',-->
<!--          opinion:1,-->
<!--          approvalOpinionDate:'2023-10-18',-->
<!--          CMSignature:'李小嘴',-->
<!--          CMDate:'2023-10-20',-->
<!--          textarea:'受控库入库需项目负责人批准产品库入库需实验室技术负责人批准',-->
<!--          CMTextarea:'',-->
<!--          storageData:[-->
<!--            {code:'1',name:'软件测试委托单',identification:'719G19701/02A-09-20XX-00X',versions:'/',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'2',name:'物品流转单(首轮测试)',identification:'719G19704/02A-09-20XX-00XA',versions:'/',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'3',name:'软件需求规格说明',identification:'XX-X-XX-软件需求规格说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'4',name:'软件设计说明',identification:'XX-X-XX-软件设计说明',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'5',name:'软件研制任务书',identification:'XX-X-XX-软件研制任务书',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'6',name:'软件源代码',identification:'XX-X-XX-软件源代码',versions:'V1.00',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'7',name:'辐射监控台RS485总线通讯',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'},-->
<!--            {code:'8',name:'辐射监控台CAN总线通讯规范',identification:'/',versions:'/',rollBackVersions:'/',secretClass:'非密'},-->
<!--          ],-->
<!--          CMData:[-->
<!--            {code:'1',checkItem:'入库的配置项是否与入库申请单的描述一致?',result:1,remark:'1'},-->
<!--            {code:'2',checkItem:'配置项的命名、标识与软件配置管理计划是否一致?',result:1,remark:'121'},-->
<!--            {code:'3',checkItem:'配置项的标识、版本是否正确?',result:0,remark:'114124'},-->
<!--            {code:'4',checkItem:'入库的配置项是否通过病毒检查?',result:1,remark:'11241'},-->
<!--          ],-->
<!--          examineData:[-->
<!--            {code:'1',checkItem:'是否按相关标准进行编制?',result:1,remark:'1'},-->
<!--            {code:'2',checkItem:'文档名称、文档标识、文档版本是否正确?',result:1,remark:'121'},-->
<!--            {code:'3',checkItem:'文档名称、文档标识、文档版本是否正确?',result:0,remark:'114124'},-->
<!--            {code:'4',checkItem:'评审提出的问题是否关闭?',result:1,remark:'11241'},-->
<!--          ],-->
<!--        },-->
<!--      }-->
<!--    },-->
<!--  }-->
<!--</script>-->
<style>
.confirmFormAuto {
  width: 70%;
  margin: 0 auto;
}
.confirmDAuto{
  border: 1px solid;
}
<!--<style>-->
<!--.confirmFormAuto {-->
<!--  width: 70%;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.confirmDAuto{-->
<!--  border: 1px solid;-->
<!--}-->
.el-flex {
  display: flex;
  align-items: center;
}
<!--.el-flex {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--}-->
.DFormWidth {
  width: 120px;
}
<!--.DFormWidth {-->
<!--  width: 120px;-->
<!--}-->
.DAlign {
  text-align: center;
}
<!--.DAlign {-->
<!--  text-align: center;-->
<!--}-->
.DManageForm{
  /*border-left: 1px solid;*/
  width: 100%;
}
<!--.DManageForm{-->
<!--  /*border-left: 1px solid;*/-->
<!--  width: 100%;-->
<!--}-->
.DManageForm> .el-form-item > .el-form-item__content {
  width: calc(100% - 120px);
}
.el-form-item.el-CMTextarea>.el-form-item__content{
  width: 100%;
}
.el-form .el-form-item.el-wt-form-item-margin{
  margin-left: 120px;
}
.el-form-border{
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.el-B-border{
  border-bottom: 1px solid;
}
.el-margin-top-bot{
  margin-top:5px;
  margin-bottom:5px;
}
.el-wt-border-left{
  border-left:1px solid;
}
.zt .el-table.el-software th {
  background: transparent;
}
<!--.DManageForm> .el-form-item > .el-form-item__content {-->
<!--  width: calc(100% - 120px);-->
<!--}-->
<!--.el-form-item.el-CMTextarea>.el-form-item__content{-->
<!--  width: 100%;-->
<!--}-->
<!--.el-form .el-form-item.el-wt-form-item-margin{-->
<!--  margin-left: 120px;-->
<!--}-->
<!--.el-form-border{-->
<!--  border-top: 1px solid;-->
<!--  border-bottom: 1px solid;-->
<!--}-->
<!--.el-B-border{-->
<!--  border-bottom: 1px solid;-->
<!--}-->
<!--.el-margin-top-bot{-->
<!--  margin-top:5px;-->
<!--  margin-bottom:5px;-->
<!--}-->
<!--.el-wt-border-left{-->
<!--  border-left: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>
<!--.zt .el-table.el-software th > .cell {-->
<!--  font-weight: 500;-->
<!--}-->
<!--.DHold{-->
<!--  font-weight: 600;-->
<!--}-->
<!--.zt .el-table.el-software{-->
<!--  font-size: 14px;-->
<!--}-->
<!--</style>-->