项目表

wente

2024-01-02 1278691d47fdadb53a7b4038e001ad75f218759c

 web/src/views/modules/qaAuditReport/QaAuditReport-AddOrUpdate.vue

@@ -1,5 +1,5 @@
<template>
  <zt-dialog ref="dialog" column="3" :title="title" :stepMarker="stepMarker" @confirm="formSubmit">
  <zt-dialog ref="dialog" column="2" :title="title" :stepMarker="stepMarker" @confirm="formSubmit">
    <el-form ref="dataForm" style="padding-top: 0" :inline="true" :disabled="dataForm.disabled" :model="dataForm"
             label-width="120px" class="contractFormAuto">
      <div>
@@ -8,25 +8,42 @@
        </el-form-item>
      </div>
      <div style="border: 1px solid rgba(0,0,0,.2);width: 99%">
        <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="contractContentWidth">
          <el-form-item class="marginTopAndMarginBottom" label="客户名称" style="width: 49%">
            <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="请输入客户名称"></el-input>
        <div style="border-bottom: 1px solid rgba(0,0,0,.2);" class="QaAuditContentWidth">
          <el-form-item class="marginTopAndMarginBottom" label="项目名称" style="width: 49%">
            <el-input v-model="dataForm.testAgencyInfo.agencyName" placeholder="请输入项目名称"></el-input>
          </el-form-item>
          <el-form-item class="marginTopAndMarginBottom" label="联系电话" style="width: 49%">
            <el-input v-model="dataForm.testAgencyInfo.labContactNum" placeholder="请输入联系电话"></el-input>
          </el-form-item>
          <el-form-item class="marginTopAndMarginBottom reviewLeft" style="width: 49%">
            <zt-dict v-model="dataForm.contractReview.reviewType" :radio="true" dict="review_type"></zt-dict>
          </el-form-item>
          <el-form-item label-width="160px" class="lastChild" label="原委托单编号:" style="width: 49%">
            <span>{{ dataForm.contractReview.orderCode }}</span>
          <el-form-item class="marginTopAndMarginBottom" label="项目标识" style="width: 49%">
            <el-input v-model="dataForm.testAgencyInfo.labContactNum" placeholder="请输入项目标识"></el-input>
          </el-form-item>
        </div>
        <div class="el-flexContractDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
            评审项目
        <div class="el-flexQaAuditDialog el-border-bottom">
          <div class="QaFormWidth DAlign DHold">
            项目成员
          </div>
          <div class="el-border-left" style="width: calc(100% - 120px)">
          <div class="el-border-left" style="width: calc(100% - 120px);min-height: 40px">
            <el-form-item style="width: 50%;padding: 0 5px">
              <span>项目负责人：{{dataForm.contractReview.technicalDirector || '项目负责人'}} </span>
            </el-form-item>
            <el-form-item style="width: 40%;padding: 0 5px">
              <span>测试人员：{{dataForm.contractReview.technicalDirector || '测试人员'}} </span>
            </el-form-item>
            <el-form-item style="width: 100%;padding: 0 5px">
              <span>配置管理员：{{dataForm.contractReview.technicalDirector || '配置管理员'}} </span>
            </el-form-item>
          </div>
        </div>
        <div class="el-flexQaAuditDialog el-border-bottom">
          <div class="QaFormWidth DAlign DHold">
            已完成的检查
          </div>
          <div class="el-border-left" style="width: calc(100% - 120px);min-height: 40px">
          </div>
        </div>
        <div class=" el-border-bottom">
          <div style="height: 40px;line-height: 40px;text-align:center;font-weight: 600">
            不符合项列表
          </div>
          <div>
            <div class="table-container">
              <el-table ref="tableConfigItemList" class="el-software el-margin-top-bot"
                        style="width: 99%;margin-left: 5px" border :data="dataForm.reviewItemList"
@@ -51,69 +68,32 @@
            </div>
          </div>
        </div>
        <div class="el-flexContractDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
            评审记录
        <div class="el-border-bottom">
          <div style="height: 40px;line-height: 40px;text-align:center;font-weight: 600">
            QA总结
          </div>
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-CMTextarea" label-width="20px" style="width: 100%;padding: 5px">
          <div class="el-border-bottom">
              <el-form-item class="el-QaTextarea" label-width="20px" style="width: 100%;padding: 5px">
              <el-input type="textarea" :rows="2" placeholder="请输入内容"
                        v-model="dataForm.contractReview.reviewRecord"></el-input>
            </el-form-item>
              <el-form-item label="检查人(签字)：" label-width="160px" style="width: 48%;padding: 5px;">
                <el-input v-model="dataForm.contractReview.technicalDirector"></el-input>
              </el-form-item>
              <el-form-item  style="width: 48%;padding: 5px;">
                {{ dataForm.contractReview.reviewDate | filterTime('YYYY年MM月DD日') }}
              </el-form-item>
          </div>
        </div>
        <div class="el-flexContractDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
            客户的特殊要求
          </div>
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
          <div>
            <el-form-item label="质量监督员意见：" class="el-QaTextarea1" label-width="160px" style="width: 100%;padding: 5px">
              <el-input type="textarea" :rows="2" placeholder="请输入内容"
                        v-model="dataForm.contractReview.specialRequire"></el-input>
            </el-form-item>
          </div>
        </div>
        <div class="el-flexContractDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
            分包
          </div>
          <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.contractReview.subcontract"></el-input>
            </el-form-item>
          </div>
        </div>
        <div class="el-flexContractDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
            评审结论
          </div>
          <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.contractReview.reviewConclusion"></el-input>
            </el-form-item>
            <el-form-item label="技术负责人：" style="width: 48%">
              <el-input type="textarea" :rows="1" placeholder="请输入技术负责人"
                        v-model="dataForm.contractReview.technicalDirector"></el-input>
            </el-form-item>
            <el-form-item label="日期：" style="width: 48%">
              <el-date-picker
                v-model="dataForm.contractReview.reviewDate"
                type="date"
                placeholder="请选择日期">
              </el-date-picker>
            <el-form-item label="质量监督员(签字)：" label-width="160px" style="width: 48%;padding: 5px;">
              <el-input v-model="dataForm.contractReview.technicalDirector"></el-input>
            </el-form-item>
          </div>
        </div>
        <div class="el-flexContractDialog">
          <div class="DFormWidth DAlign DHold">
            评审组成员
          </div>
          <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.contractReview.reviewPanelMember"></el-input>
            <el-form-item  style="width: 48%;padding: 5px;">
              {{ dataForm.contractReview.reviewDate | filterTime('YYYY年MM月DD日') }}
            </el-form-item>
          </div>
        </div>
@@ -157,8 +137,45 @@
            projectLeader: '',
            projectTesters: ''
          },
          incongruentList: []
          contractReview: {
            code: '',
            orderCode: '',
            reviewType: '',
            reviewRecord: '',
            specialRequire: '',
            subcontract: '',
            reviewConclusion: '',
            technicalDirector: '',
            reviewDate: '',
            reviewPanelMember: '',
          },
          incongruentList: [],
          testAgencyInfo: {
            agencyName: '',
            labContactNum: ''
          },
        }
        // dataForm: {
        //   id: '',
        //   files:'',
        //   contractReview: {
        //     code: '',
        //     orderCode: '',
        //     reviewType: '',
        //     reviewRecord: '',
        //     specialRequire: '',
        //     subcontract: '',
        //     reviewConclusion: '',
        //     technicalDirector: '',
        //     reviewDate: '',
        //     reviewPanelMember: '',
        //   },
        //   testAgencyInfo: {
        //     agencyName: '',
        //     labContactNum: ''
        //   },
        //   reviewItemList: []
        // }
      }
    },
    methods: {
@@ -243,3 +260,21 @@
    }
  }
</script>
<style>
.el-flexQaAuditDialog{
  display: flex;
  align-items: center;
}
.QaFormWidth{
  width: 120px;
}
.QaAuditContentWidth > .el-form-item > .el-form-item__content {
  width: calc(100% - 120px);
}
.el-form-item.el-QaTextarea > .el-form-item__content {
  width: 100%;
}
.el-form-item.el-QaTextarea1 > .el-form-item__content {
  width: calc(100% - 160px);
}
</style>