value
2024-04-24 d3a7b64c6855523c1d4b4978df09eda788c0064c
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,9 +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.standardMethodListId" :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>
@@ -248,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>
@@ -288,13 +295,14 @@
         </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="methodS" label="试验方法" min-width="120" show-overflow-tooltip>
        </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>
@@ -411,9 +419,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>
@@ -435,7 +443,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">
@@ -449,6 +457,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>
@@ -561,7 +587,10 @@
            units: [],
            models: [],
            methods: [],
            methodLoad: false
            methodLoad: false,
        noDialogVisible:false,
        tell:'',
        noLoading:false
         }
      },
      watch: {
@@ -634,7 +663,9 @@
         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('请添加一个样品')
@@ -650,7 +681,7 @@
               this.saveLoad = true
               this.$axios.post(this.$api.insOrder.addInsOrder, {
                  insOrder: this.addObj,
                  list: this.sampleList
                  list: JSON.stringify(this.sampleList)
               }, {
                  headers: {
                     'Content-Type': 'application/json'
@@ -664,31 +695,43 @@
            }
         },
         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() {
@@ -696,7 +739,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
            }
@@ -715,7 +758,7 @@
               this.issuedDialogVisible = false
               this.$parent.playOrder(0)
            }).catch(e => {
               this.$message.error('修改失败')
               this.$message.error('提交失败')
               this.upLoad = false
            })
         },
@@ -1071,7 +1114,74 @@
            this.$axios.get(this.$api.standardTree.selectStandardMethodEnum).then(res => {
               this.methods = res.data
            })
         }
         },
      selectable(){
        if(this.active>1){
          return false
        }else{
          return true
        }
      },
      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)
          })
      }
      }
   }
</script>
</script>