licp
2024-04-19 e04fbe73f7785155bffe3db30a7ead37f9200f06
src/components/do/b1-ins-order/add.vue
@@ -80,6 +80,13 @@
   .ins_order_add .el-table .warning-row .cell {
      color: #bababa;
   }
  .el-select .is-disabled{
    background: transparent !important;
  }
  .el-select .is-disabled .el-input__inner{
    background: transparent !important;
  }
</style>
<template>
@@ -100,6 +107,7 @@
                  <span style="color: #3A7BFA;">保存模板</span>
               </el-button>
               <el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active==1">提交</el-button>
          <!-- 审核 -->
               <el-button size="medium" @click="upInsOrderOfState(2)" :loading="saveLoad" v-show="active==3">不通过</el-button>
               <el-button size="medium" type="primary" @click="upInsOrderOfState(1)" :loading="saveLoad"
                  v-show="active==3">通过</el-button>
@@ -122,7 +130,7 @@
               <div class="search_input">
                  <el-input readonly size="small" v-model="addObj.custom">
                     <template slot="append"><el-button slot="append" icon="el-icon-search"
                           @click="selectUserDia = true"></el-button></template>
                           @click="selectUserDia = true" :disabled="active>1"></el-button></template>
                  </el-input>
               </div>
            </el-col>
@@ -135,7 +143,7 @@
            <el-col class="search_thing" :span="6">
               <div class="search_label"><span class="required-span">* </span>紧急程度:</div>
               <div class="search_input">
                  <el-select size="small" style="width: 100%;" clearable v-model="addObj.type">
                  <el-select size="small" style="width: 100%;" clearable v-model="addObj.type" :disabled="active>1">
                     <el-option v-for="(a, ai) in type" :key="ai" :value="a.value" :label="a.label"></el-option>
                  </el-select>
               </div>
@@ -145,7 +153,7 @@
               <div class="search_input">
                  <el-input readonly size="small" v-model="addObj.sample">
                     <template slot="append"><el-button slot="append" icon="el-icon-search"
                           @click="selectStandardTree = true"></el-button></template>
                           @click="selectStandardTree = true" :disabled="active>1"></el-button></template>
                  </el-input>
               </div>
            </el-col>
@@ -165,13 +173,13 @@
               <div class="search_label"><span class="required-span">* </span>样品数量:</div>
               <div class="search_input">
                  <el-input-number size="small" v-model="addObj.sampleNum" :min="1" :max="100" :precision="0"
                     style="width: 65%;" @change="addStandardTree"></el-input-number>
                     style="width: 65%;" @change="addStandardTree" :readonly="active>1"></el-input-number>
               </div>
            </el-col>
            <el-col class="search_thing" :span="6">
               <div class="search_label">样品单位:</div>
               <div class="search_input">
                  <el-select v-model="addObj.unit" clearable size="small" style="width: 100%;">
                  <el-select v-model="addObj.unit" clearable size="small" style="width: 100%;" :disabled="active>1">
                     <el-option v-for="(a, i) in units" :key="i" :label="a.label" :value="a.value"></el-option>
                  </el-select>
               </div>
@@ -179,13 +187,13 @@
            <el-col class="search_thing" :span="6">
               <div class="search_label">OTC订单号:</div>
               <div class="search_input">
                  <el-input size="small" placeholder="请输入" clearable v-model="addObj.otcCode"></el-input>
                  <el-input size="small" placeholder="请输入" clearable v-model="addObj.otcCode" :readonly="active>1"></el-input>
               </div>
            </el-col>
            <el-col class="search_thing" :span="6">
               <div class="search_label" style="width: 175px;">是否涉及配套样品:</div>
               <div class="search_input" style="width: calc(100% - 175px);">
                  <el-radio-group v-model="addObj.mating" @change="$refs.sampleTable.doLayout()">
                  <el-radio-group v-model="addObj.mating" @change="$refs.sampleTable.doLayout()" :disabled="active>1">
                     <el-radio :label="1">是</el-radio>
                     <el-radio :label="0">否</el-radio>
                  </el-radio-group>
@@ -195,7 +203,7 @@
               <div class="search_label">备注:</div>
               <div class="search_input">
                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 2}" size="small" clearable
                     v-model="addObj.remark"></el-input>
                     v-model="addObj.remark" :readonly="active>1"></el-input>
               </div>
            </el-col>
         </el-row>
@@ -208,17 +216,17 @@
            </el-button>
         </div> -->
         <el-table class="el-table sampleTable" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark"
            border @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;">
            <el-table-column type="selection" width="60"></el-table-column>
            border @selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;" >
            <el-table-column type="selection" width="60" :selectable="selectable" v-if="active==1"></el-table-column>
            <el-table-column type="index" label="序号" width="65" align="center"></el-table-column>
            <el-table-column prop="sample" label="样品名称" align="center" min-width="100">
               <template slot-scope="scope">
                  <el-input size="small" v-model="scope.row.sample" clearable></el-input>
                  <el-input size="small" v-model="scope.row.sample" clearable :readonly="active>1"></el-input>
               </template>
            </el-table-column>
            <el-table-column prop="sampleCode" label="样品编号" min-width="140" align="center">
               <template slot-scope="scope">
                  <el-input size="small" v-model="scope.row.sampleCode" clearable placeholder="不填写则系统自动生成"></el-input>
                  <el-input size="small" v-model="scope.row.sampleCode" clearable placeholder="不填写则系统自动生成" :readonly="active>1"></el-input>
               </template>
            </el-table-column>
            <!-- <el-table-column prop="factory" label="工厂" align="center" min-width="100">
@@ -230,7 +238,7 @@
            <el-table-column prop="model" label="样品型号" align="center" min-width="100">
               <template slot-scope="scope">
                  <el-select v-model="scope.row.model" filterable allow-create default-first-option placeholder="样品型号"
                     size="small" @change="handleChangeModel">
                     size="small" @change="handleChangeModel" :disabled="active>1">
                     <el-option v-for="item in models" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                  </el-select>
@@ -238,8 +246,8 @@
            </el-table-column>
            <el-table-column prop="standardMethodListId" label="检验标准" align="center" min-width="100">
               <template slot-scope="scope">
                  <el-select v-model="scope.row.method" :disabled="scope.row.model==null" filterable placeholder="检验标准" size="small"
                     :loading="methodLoad" @change="(value)=>methodChange(value, scope.row)" @focus="methodFocus">
                  <el-select v-model="scope.row.standardMethodListId" :disabled="scope.row.model==null||active>1" placeholder="检验标准" size="small"
                     :loading="methodLoad" @change="(value)=>methodChange(value, scope.row)" @focus="methodFocus" :readonly="active>1">
                     <el-option v-for="item in methods" :key="item.id" :label="item.code" :value="item.id">
                     </el-option>
                  </el-select>
@@ -247,14 +255,14 @@
            </el-table-column>
            <el-table-column prop="unit" label="单位" align="center" min-width="100">
               <template slot-scope="scope">
                  <el-select v-model="scope.row.unit" clearable size="small" style="width: 100%;">
                  <el-select v-model="scope.row.unit" clearable size="small" style="width: 100%;" :disabled="active>1">
                     <el-option v-for="(a, i) in units" :key="i" :label="a.label" :value="a.value"></el-option>
                  </el-select>
               </template>
            </el-table-column>
            <el-table-column prop="isLeave" label="是否留样" align="center" min-width="100">
               <template slot-scope="scope">
                  <el-select v-model="scope.row.isLeave" size="small">
                  <el-select v-model="scope.row.isLeave" size="small" :disabled="active>1">
                     <el-option label="留样" :value="1"></el-option>
                     <el-option label="不留样" :value="0"></el-option>
                  </el-select>
@@ -287,13 +295,17 @@
         </el-table>
         <el-table class="el-table" ref="productTable" :data="productList" height="380px" tooltip-effect="dark" border
            @selection-change="selectProduct" style="margin-bottom: 10px;" @select="upProductSelect"
            :row-class-name="tableRowClassName" v-loading="getProductLoad">
            <el-table-column type="selection" width="65"></el-table-column>
            :row-class-name="tableRowClassName" v-loading="getProductLoad" @select-all="handleAll">
            <el-table-column type="selection" width="65" :selectable="selectable" v-if="active==1"></el-table-column>
            <el-table-column prop="inspectionItem" label="检验项" min-width="140" show-overflow-tooltip></el-table-column>
            <el-table-column prop="inspectionItemSubclass" label="检验项子项" min-width="140"
               show-overflow-tooltip></el-table-column>
            <el-table-column prop="sonLaboratory" label="子实验室" width="130" show-overflow-tooltip></el-table-column>
            <el-table-column prop="method" label="试验方法" min-width="120" show-overflow-tooltip></el-table-column>
            <el-table-column prop="method" label="试验方法" min-width="120" show-overflow-tooltip>
          <template slot-scope="scope">
            <span>{{scope.row.method.replace('[','').replace(']','').replaceAll('"','')}}</span>
          </template>
        </el-table-column>
            <el-table-column prop="unit" label="计量单位" width="100" show-overflow-tooltip></el-table-column>
            <el-table-column prop="price" label="单价" width="100" show-overflow-tooltip></el-table-column>
            <el-table-column prop="manDay" label="预计时间(天)" width="120" show-overflow-tooltip></el-table-column>
@@ -410,9 +422,9 @@
            <el-button type="primary" @click="onSample()" :loading="getProductLoad">确 定</el-button>
         </span>
      </el-dialog>
      <el-dialog title="保存模板" :visible.sync="templateDia" width="30%">
         <div class="body" style="height: 10vh;display: flex;align-items: center;" v-if="templateDia">
            <div class="search_label"><span class="required-span">* </span>模板名称:</div>
      <el-dialog title="保存模板" :visible.sync="templateDia" width="400px">
         <div class="body" style="display: flex;align-items: center;" v-if="templateDia">
            <div class="search_label" style="width: 90px;"><span class="required-span">* </span>模板名称:</div>
            <div class="search_input">
               <el-input size="small" clearable v-model="templateName"></el-input>
            </div>
@@ -434,7 +446,7 @@
                  </div>
               </el-col>
               <el-col class="search_thing" :span="22">
                  <div class="search_label"><span class="required-span">* </span>指派人员:</div>
                  <div class="search_label"><span class="required-span" v-if="addObj.type == 2">* </span>指派人员:</div>
                  <div class="search_input">
                     <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%;">
                        <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
@@ -448,6 +460,24 @@
            <el-row>
               <el-button @click="issuedDialogVisible=false">取 消</el-button>
               <el-button type="primary" @click="submitForm2" :loading="upLoad">确 定</el-button>
            </el-row>
         </span>
      </el-dialog>
    <el-dialog title="不通过原因" :visible.sync="noDialogVisible" width="400px">
         <div class="body" style="max-height: 60vh;">
            <el-row>
               <el-col class="search_thing" :span="22">
                  <div class="search_label"><span class="required-span">* </span>不通过原因:</div>
                  <div class="search_input">
                     <el-input v-model="tell" size="small" placeholder="请输入不通过原因"></el-input>
                  </div>
               </el-col>
            </el-row>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-row>
               <el-button @click="noDialogVisible=false,tell=''">取 消</el-button>
               <el-button type="primary" @click="submitTell" :loading="noLoading">确 定</el-button>
            </el-row>
         </span>
      </el-dialog>
@@ -560,7 +590,10 @@
            units: [],
            models: [],
            methods: [],
            methodLoad: false
            methodLoad: false,
        noDialogVisible:false,
        tell:'',
        noLoading:false
         }
      },
      watch: {
@@ -576,7 +609,8 @@
         this.selectInsOrderTemplate()
         this.getAuthorizedPerson();
         this.selectEnumByCategoryForUnit()
         if (this.active != 1){
         this.selectStandardMethods()
         if (this.active != 1) {
            // 查看/审核流程
            // 请求接口,回显数据
            this.$axios.post(this.$api.insOrder.getInsOrder, {
@@ -587,6 +621,7 @@
               };
               this.addObj.type = String(this.addObj.type)
               this.sampleList = this.HaveJson(res.data.sampleProduct);
               this.addObj.sampleNum = this.sampleList.length
               this.$nextTick(() => {
                  this.$refs.sampleTable.doLayout()
               })
@@ -631,20 +666,20 @@
         save() {
            if (!this.addObj.custom) {
               this.$message.error('未选择下单客户')
            } else if (!this.addObj.type) {
          return
            }
        if (!this.addObj.type) {
               this.$message.error('未选择紧急程度')
            } else if (this.sampleList.length < 1) {
               this.$message.error('请添加一个样品')
            } else if (!this.sampleList.every(m => m.sample)) {
               this.$message.error('输入样品名称')
            }else if (!this.sampleList.every(m => m.model)) {
               this.$message.error('输入样品型号')
            }else if (!this.sampleList.every(m => m.method)) {
               this.$message.error('选择检验标准')
            }else if (!this.sampleList.every(m => m.unit)) {
               this.$message.error('输入单位')
            }else if (!this.sampleList.every(m => m.isLeave)) {
               this.$message.error('是否留样')
               this.$message.error('请输入样品名称')
            } else if (!this.sampleList.every(m => m.model)) {
               this.$message.error('请输入样品型号')
            } else if (!this.sampleList.every(m => m.standardMethodListId)) {
               this.$message.error('请选择检验标准')
            } else if (!this.sampleList.every(m => m.unit)) {
               this.$message.error('请输入样品的单位')
            } else {
               this.saveLoad = true
               this.$axios.post(this.$api.insOrder.addInsOrder, {
@@ -658,36 +693,48 @@
                  this.saveLoad = false
                  if (res.code == 201) return
                  this.$message.success('已提交')
            this.$parent.playOrder(0)
                  this.$parent.playOrder(0)
               })
            }
         },
         upInsOrderOfState(state) {
            this.saveLoad = true
            this.$axios.post(this.$api.insOrder.upInsOrderOfState, {
               state,
               id: this.currentId
            }, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res => {
               this.saveLoad = false
               if (res.code == 201) return
               this.$message.success('提交成功')
               // 如果紧急程度为紧急,需要直接下发人员
          if (this.addObj.type == 2) {
                     this.issuedDialogVisible = true;
                     this.$axios.post(this.$api.insOrder.selectOrderManDay, {
                        id: this.currentId
                     }).then(ress => {
                        this.distributeData.orderId = this.currentId
                        this.distributeData.appointed = ress.data
                     })
                  } else {
                     this.$parent.playOrder(0)
                  }
            })
        if(state == 1){
          this.saveLoad = true
          this.$axios.post(this.$api.insOrder.upInsOrderOfState, {
            state,
            id: this.currentId
          }, {
            headers: {
              'Content-Type': 'application/json'
            }
          }).then(res => {
            this.saveLoad = false
            if (res.code == 201) return
            this.$message.success('提交成功')
            // 如果紧急程度为紧急,需要直接下发人员
            // if (this.addObj.type == 2) {
            //    this.issuedDialogVisible = true;
            //    this.$axios.post(this.$api.insOrder.selectOrderManDay, {
            //       id: this.currentId
            //    }).then(ress => {
            //       this.distributeData.orderId = this.currentId
            //       this.distributeData.appointed = ress.data
            //    })
            // } else {
            //    this.$parent.playOrder(0)
            // }
            this.issuedDialogVisible = true;
            this.$axios.post(this.$api.insOrder.selectOrderManDay, {
              id: this.currentId
            }).then(ress => {
              this.distributeData.orderId = this.currentId
              this.distributeData.appointed = ress.data
            })
          })
        }else{
          // 不通过
          this.noDialogVisible = true
        }
         },
         // 下发
         submitForm2() {
@@ -695,7 +742,7 @@
               this.$message.error('约定时间未填写')
               return
            }
            if (this.distributeData.userId == null || this.distributeData.userId == '') {
            if (this.addObj.type == 2&&(this.distributeData.userId == null || this.distributeData.userId == '')) {
               this.$message.error('指派人员未填写')
               return
            }
@@ -714,7 +761,7 @@
               this.issuedDialogVisible = false
               this.$parent.playOrder(0)
            }).catch(e => {
               this.$message.error('修改失败')
               this.$message.error('提交失败')
               this.upLoad = false
            })
         },
@@ -804,18 +851,20 @@
               tree: this.selectTree
            }).then(res => {
               this.methodLoad = false
          if(res.data.standardMethodList.length==0&&this.selectTree.split('-').length==5){
            let arr = this.selectTree.split('-')
            let arr0 = arr.slice(0,arr.length-1)
            let selectTree = arr0.join('-').substring(0, arr0.join('-').length - 1)
            this.$axios.post(this.$api.standardTree.selectsStandardMethodByFLSSM, {
              tree: selectTree
            }).then(ress => {
              this.methods = ress.data.standardMethodList
            })
          }else{
            this.methods = res.data.standardMethodList
          }
               try {
                  if (res.data.standardMethodList.length == 0 && this.selectTree.split('-').length == 5) {
                     let arr = this.selectTree.split('-')
                     let arr0 = arr.slice(0, arr.length - 1)
                     let selectTree = arr0.join('-').substring(0, arr0.join('-').length - 1)
                     this.$axios.post(this.$api.standardTree.selectsStandardMethodByFLSSM, {
                        tree: selectTree
                     }).then(ress => {
                        this.methods = ress.data.standardMethodList
                     })
                  } else {
                     this.methods = res.data.standardMethodList
                  }
               } catch (e) {}
            })
         },
         addStandardTree() {
@@ -920,17 +969,17 @@
         },
         upProductSelect(selection, row) {
            row.state = row.state == 1 ? 0 : 1
        this.sampleList.map(item=>{
          if(this.sampleIds.indexOf(item.id)>-1){
            item.insProduct.map(m=>{
              if(m.id==row.id){
                m.state = row.state;
              }
              return m;
            })
          }
          return item
        })
            this.sampleList.map(item => {
               if (this.sampleIds.indexOf(item.id) > -1) {
                  item.insProduct.map(m => {
                     if (m.id == row.id) {
                        m.state = row.state;
                     }
                     return m;
                  })
               }
               return item
            })
         },
         tableRowClassName({
            row,
@@ -1028,36 +1077,113 @@
               })
               row.insProduct = this.HaveJson(res.data)
               this.getProductLoad = false
               this.productList = []
               this.$refs.sampleTable.setCurrentRow()
               this.productList = row.insProduct
               this.$refs.sampleTable.setCurrentRow(row)
               setTimeout(() => {
                  this.productList.forEach(a => {
                     if (a.state == 1) this.toggleSelection(a)
                  })
               }, 200)
            })
         },
         methodFocus(){
         methodFocus() {
            this.selectsStandardMethodByFLSSM()
         },
      handleChangeModel(e){
        let num = this.selectTree.split('-').length;
        if(num==4){
          this.selectTree = this.selectTree + ' - '+ e
         handleChangeModel(e) {
            let num = this.selectTree.split('-').length;
            if (num == 4) {
               this.selectTree = this.selectTree + ' - ' + e
            } else {
               let arr = this.selectTree.split('-')
               let arr0 = arr.slice(0, arr.length - 1)
               this.selectTree = arr0.join('-') + '- ' + e
            }
         },
         // 要求值变化时
         requestChange(e, row) {
            this.sampleList.map(item => {
               if (this.sampleIds.indexOf(item.id) > -1) {
                  item.insProduct.map(m => {
                     if (m.id == row.id) {
                        m.ask = e;
                     }
                     return m;
                  })
               }
               return item
            })
         },
         selectStandardMethods() {
            this.$axios.get(this.$api.standardTree.selectStandardMethodEnum).then(res => {
               this.methods = res.data
            })
         },
      selectable(){
        if(this.active>1){
          return false
        }else{
          let arr = this.selectTree.split('-')
          let arr0 = arr.slice(0,arr.length-1)
          this.selectTree = arr0.join('-')+ '- '+ e
          return true
        }
      },
      // 要求值变化时
      requestChange(e,row){
        this.sampleList.map(item=>{
          if(this.sampleIds.indexOf(item.id)>-1){
            item.insProduct.map(m=>{
              if(m.id==row.id){
                m.ask = e;
              }
              return m;
            })
          }
          return item
      handleAll(e){
        if(e.length>0){
          this.productList.map(m=>{
            m.state = 1
            return m
          })
        }else{
          this.productList.map(m=>{
            m.state = 0
            return m
          })
        }
        if(e.length>0){
          this.sampleList.map(item => {
            if (this.sampleIds.indexOf(item.id) > -1) {
              item.insProduct.map(m => {
                m.state = 1
                return m;
              })
            }
            return item
          })
        }else{
          this.sampleList.map(item => {
            if (this.sampleIds.indexOf(item.id) > -1) {
              item.insProduct.map(m => {
                m.state = 0
                return m;
              })
            }
            return item
          })
        }
        this.$nextTick(()=>{
          this.$refs.productTable.doLayout()
        })
      },
      submitTell(){
        if (!this.tell) {
               this.$message.error('请输入不通过原因')
          return
            }
        this.noLoading = true;
        this.$axios.post(this.$api.insOrder.upInsOrderOfState, {
            state:2,
            id: this.currentId,
            tell:this.tell
          }, {
            headers: {
              'Content-Type': 'application/json'
            }
          }).then(res => {
            this.noLoading = false;
            this.tell = '';
            if (res.code == 201) return
            this.$message.success('提交成功')
            this.issuedDialogVisible = false;
            this.$parent.playOrder(0)
          })
      }
      }
   }