项目表

wente

2023-11-27 0131c412252988303068ff25b908ed5f57d5e37b

 web/src/views/modules/configItemWarehouse/ConfigItemWarehouse-AddOrUpdate.vue

@@ -1,16 +1,17 @@
<template>
  <zt-dialog ref="dialog" column="2" @confirm="formSubmit">
    <el-form ref="dataForm" style="padding-top: 0" :inline="true" :model="dataForm" label-width="120px" class="ManageFormAuto">
      <div class="DManageForm">
        <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: 0">
    <el-form ref="dataForm" style="padding-top: 0" :inline="true" :model="dataForm" label-width="120px" class="warehouseFormAuto">
      <div >
        <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px">
          <span>{{dataForm.code}}</span>
        </el-form-item>
      </div>
      <div class="confirmDAuto DManageForm">
        <el-form-item label="项目编号" style="width: 49%">
      <div style="border: 1px solid rgba(0,0,0,.2);width: 99%">
        <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="warehouseContentWidth">
        <el-form-item class="marginTopAndMarginBottom" label="项目编号" style="width: 49%">
          <el-input v-model="dataForm.itemNumber" placeholder="请输入项目编号"></el-input>
        </el-form-item>
        <el-form-item label="项目名称" style="width: 49%">
        <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 49%">
          <el-input v-model="dataForm.name" placeholder="请输入编号名称"></el-input>
        </el-form-item>
        <el-form-item label="申请人" style="width: 49%">
@@ -19,34 +20,66 @@
        <el-form-item label="申请日期" style="width: 49%">
          <el-input v-model="dataForm.date" placeholder="请输入编号名称"></el-input>
        </el-form-item>
        <el-form-item label="库类型" style="width: 99%">
        <el-form-item class="marginTopAndMarginBottom2" label="库类型" style="width: 99%">
          <el-radio-group v-model="dataForm.type">
            <el-radio :label="0">受控库</el-radio>
            <el-radio :label="1">产品库</el-radio>
          </el-radio-group>
        </el-form-item>
        <div class="el-flexManageDialog el-form-border">
        </div>
        <div class="el-flexManageDialog el-border-bottom">
          <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="dataForm.storageData"
          <div class="el-border-left" style="width: calc(100% - 120px)">
            <div class="table-container">
            <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px" border :data="dataForm.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-column prop="code" align="center" width="60" label="序号">
                <template slot-scope="scope">
                  <span v-html="indexFormat(scope.$index)"></span>
                </template>
              </el-table-column>
              <el-table-column prop="name" min-width="200" label="配置项名称">
                <template v-slot="{ row }">
                  <el-input v-model="row.name" placeholder="配置项名称"></el-input>
                </template>
              </el-table-column>
              <el-table-column prop="identification" align="center" width="220" label="配置项标识">
                <template v-slot="{ row }">
                  <el-input v-model="row.identification" placeholder="配置项标识"></el-input>
                </template>
              </el-table-column>
              <el-table-column prop="versions" align="center" width="120" label="版本">
                <template v-slot="{ row }">
                  <el-input v-model="row.versions" placeholder="版本"></el-input>
                </template>
              </el-table-column>
              <el-table-column prop="rollBackVersions" label="上溯版" width="120"  align="center">
                <template v-slot="{ row }">
                  <el-input v-model="row.rollBackVersions" placeholder="上溯版"></el-input>
                </template>
              </el-table-column>
              <el-table-column prop="secretClass" label="密级" width="80"  align="center">
                <template v-slot="{ row }">
                  <zt-dict v-model="row.secretClass" placeholder="密级" dict="secret_class"
                           clearable></zt-dict>
                </template>
              </el-table-column>
            </el-table>
              <div class="icon-container" @click="addConfigItemWarehouseRow()">
                <!-- 放置固定的图标 -->
                <i class="el-icon-plus"></i>
              </div>
            </div>
          </div>
        </div>
        <div class="el-flexManageDialog el-B-border">
        <div class="el-flexManageDialog el-border-bottom">
          <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="dataForm.examineData"
          <div class="el-border-left" style="width: calc(100% - 120px)">
            <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px"  border :data="dataForm.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>
@@ -59,8 +92,9 @@
                  </el-radio-group>
                </template>
              </el-table-column>
              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>
              <el-table-column prop="remark" align="center" width="120" label="不适用说明"></el-table-column>
            </el-table>
            <div class="el-border-top">
            <el-form-item label="审核结果" style="width: 99%">
              <el-radio-group v-model="dataForm.result">
                <el-radio :label="0">通过</el-radio>
@@ -73,14 +107,15 @@
            <el-form-item label="审核日期：" style="width: 48%">
              <span>{{dataForm.auditDate}}</span>
            </el-form-item>
            </div>
          </div>
        </div>
        <div class="el-flexManageDialog el-B-border">
        <div class="el-flexManageDialog el-border-bottom">
          <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="dataForm.CMData"
          <div class="el-border-left" style="width: calc(100% - 120px)">
            <el-table class="el-software el-margin-top-bot" style="width: 99%;margin-left: 5px"  border :data="dataForm.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>
@@ -93,28 +128,31 @@
                  </el-radio-group>
                </template>
              </el-table-column>
              <el-table-column prop="remark" align="center" width="100" label="不适用说明"></el-table-column>
              <el-table-column prop="remark" align="center" width="120" label="不适用说明"></el-table-column>
            </el-table>
            <el-form-item label="审核结果" style="width: 99%">
              <el-radio-group v-model="dataForm.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>{{dataForm.CMAuditor}}</span>
            </el-form-item>
            <el-form-item label="审核日期" style="width: 48%">
              <span>{{dataForm.CMAuditDate}}</span>
            </el-form-item>
            <div class="el-border-top">
              <el-form-item label="审核结果" style="width: 99%">
                <el-radio-group v-model="dataForm.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>{{dataForm.CMAuditor}}</span>
              </el-form-item>
              <el-form-item label="审核日期" style="width: 48%">
                <span>{{dataForm.CMAuditDate}}</span>
              </el-form-item>
            </div>

          </div>
        </div>
        <div class="el-flexManageDialog el-B-border">
        <div class="el-flexManageDialog el-border-bottom">
          <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%">
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-wt-form-item-margin" label-width="120px" style="width: 85%">
              <el-radio-group v-model="dataForm.opinion">
                <el-radio :label="0">同意</el-radio>
                <el-radio :label="1">不同意</el-radio>
@@ -128,12 +166,12 @@
            </el-form-item>
          </div>
        </div>
        <div class="el-flexManageDialog el-B-border">
        <div class="el-flexManageDialog el-border-bottom">
          <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%">
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="dataForm.CMTextarea"></el-input>
            </el-form-item>
            <el-form-item label-width="80%" label="操作人：" style="width: 65%">
@@ -148,8 +186,8 @@
          <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%">
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
              <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="dataForm.textarea"></el-input>
            </el-form-item>
          </div>
@@ -184,6 +222,16 @@
      }
    },
    methods: {
      indexFormat(index){
        return index += 1
      },
      addConfigItemWarehouseRow(){
        // this.dataForm.technicalList.push({})
        // this.$nextTick(()=>{
        //   const tableBody=this.$refs.tableCirculatOrderList.$el.querySelector('.el-table__body-wrapper')
        //   tableBody.scrollTop = tableBody.scrollHeight;
        // })
      },
      // 获取信息
      async getInfo() {
        let res = await this.$http.get(`/configItemWarehouse/ConfigItemWarehouse/${this.dataForm.id}`)
@@ -244,15 +292,9 @@
  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;
@@ -267,4 +309,18 @@
.zt .el-table.el-software{
  font-size: 14px;
}
.warehouseContentWidth > .el-form-item > .el-form-item__content {
  width: calc(100% - 120px);
}
.warehouseContentWidth > .el-form-item.lastChild > .el-form-item__content {
  width: calc(100% - 142px);
}
.warehouseFormAuto .marginTopAndMarginBottom {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.warehouseFormAuto .marginTopAndMarginBottom2 {
  margin-top: -10px !important;
  margin-bottom: 0 !important;
}
</style>