gaoluyang
2024-07-31 38e6f27a8082e1173e3c02a33da5da39b6c6872c
src/components/view/b1-inspection-order.vue
@@ -90,17 +90,76 @@
  >>>.el-radio__label{
    color: #000 !important;
  }
  .el-dialog__body >>>.el-radio__label{
    font-size: 8px;
  }
  .el-dialog__body >>>.el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 4px;
    height: 3px;
    border: 1px solid #000;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 1px;
    left: 2px;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
  }
  >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{
    background: #3A7BFA;
  }
  .el-dialog__body >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{
    background: transparent;
  }
  .el-dialog__body >>>.el-radio__inner{
    width: 8px !important;
    height: 8px !important;
  }
  .el-dialog__body >>>.el-radio__label{
     padding-left: 2px !important;
  }
  .el-dialog__body >>>.el-card__body{
    padding: 0 !important;
  }
  .el-dialog__body >>>.el-card {
    border: none;
  }
  .el-dialog__body >>>.el-radio__input.is-disabled .el-radio__inner{
    border-color: #000 !important;
  }
  .el-dialog__body >>>.el-radio__input.is-disabled.is-checked .el-radio__inner{
    border: none !important;
  }
  .scor{
    width: 3px;
    height: 3px;
    border-radius: 1px;
    border: 1px solid #000;
    display: inline-block;
  }
  .ellipsis-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 3.0em; /* 高度为字体大小的两倍 */
    line-height: 1.5em; /* 行高 */
    height: 3.0em; /* 高度为行高的两倍 */
  }
</style>
<template>
   <div class="inspection_order">
      <div style="width: 100%;height: 100%;" v-if="active == 0">
      <div style="width: 100%;height: 100%;" v-show="active == 0">
         <div>
            <el-row class="title">
               <el-col :span="12" style="padding-left: 20px;">检验下单</el-col>
               <el-col :span="12" style="padding-left: 20px;text-align: left;">检验下单</el-col>
               <el-col :span="12" style="text-align: right;">
            <el-button size="medium" type="primary" @click="print">标签打印</el-button>
                  <el-button size="medium" type="primary" @click="playOrder(1)" v-if="addPower">下单</el-button>
@@ -118,7 +177,7 @@
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">样品名称:</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div>
                  v-model="componentData.entity.sample" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">样品型号:</div>
@@ -230,8 +289,17 @@
                  <el-col class="search_thing" style="width: 95%;">
                     <div class="search_label"><span class="required-span" v-show="distributeData.type==2">* </span>指派人员:</div>
                     <div class="search_input">
                        <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%;" clearable filterable>
                        <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%;" clearable filterable @change="changeUser">
                           <el-option v-for="(item,i) in personList" :key="i" :label="item.label" :value="item.value">
                           </el-option>
                        </el-select>
                     </div>
                  </el-col>
            <el-col class="search_thing" style="width: 95%;" v-if="distributeData.userId">
                     <div class="search_label"><span class="required-span" >* </span>试验室:</div>
                     <div class="search_input">
                        <el-select v-model="distributeData.sonLaboratory" placeholder="请选择" size="small" style="width: 100%;" clearable filterable>
                           <el-option v-for="(item,i) in sonLaboratoryList" :key="i" :label="item.label" :value="item.value">
                           </el-option>
                        </el-select>
                     </div>
@@ -287,9 +355,9 @@
                          <el-col  style="font-weight: bold;"><span>规格型号:&nbsp; </span>{{ item.model }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>样品名称号:&nbsp; </span>{{ item.sample }}</el-col>
                          <el-col  style="font-weight: bold;"><span>样品名称:&nbsp; </span>{{ item.sampleName }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                        <el-row style="margin-top: 1px;font-size: 14px;" class="ellipsis-multiline">
                          <el-col  style="font-weight: bold;"><span>检测项目:&nbsp; </span>{{ item.item }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 3px;font-size: 14px;">
@@ -313,6 +381,50 @@
        </el-row>
      </span>
    </el-dialog>
    <div class="el-dialog__body" style="display:none;overflow-y: auto;margin-top: 0;position: fixed;top: 999px;z-index: 99999;">
        <div id="printMOrder">
          <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="font-size: 8px !important;page-break-after: always;color: #000;box-shadow: none;" >
            <div style="display: flex;">
              <div>
                <el-col :span="10" :offset="2">
                  <vueQr :text="JSON.stringify(item.sampleCode)" :size="78" :margin="2"></vueQr>
                </el-col>
              </div>
              <div style="margin-left: 12px;line-height: 9px;">
                <el-row>
                  <el-col  style="font-size: 8px;"><span>样品编号:&nbsp; </span>{{ item.sampleCode }}</el-col>
                </el-row>
                <el-row style="font-size: 8px;">
                  <el-col><span>委托单号:&nbsp; </span>{{ item.code }}</el-col>
                </el-row>
                <el-row style="font-size: 8px;">
                  <el-col><span>规格型号:&nbsp; </span>{{ item.model }}</el-col>
                </el-row>
                <el-row style="font-size: 8px;">
                  <el-col ><span>样品名称:&nbsp; </span>{{ item.sampleName }}</el-col>
                </el-row>
                <el-row style="font-size: 8px;width: 140px;">
                  <el-col class="ellipsis-multiline"><span>检测项目:&nbsp; </span>{{ item.item }}</el-col>
                </el-row>
                <el-row style="margin-top: 3px;font-size: 8px;">
                  <el-col  style="display: flex;align-items: center;"><span>样品状态:&nbsp;
                  </span>
                    <span style="white-space: nowrap;"><span v-if="item.insState==0">√</span><span class="scor" v-if="item.insState!=0"></span>待检
                    <span v-if="item.insState==1">√</span><span class="scor" v-if="item.insState!=1"></span>在检
                    <span v-if="item.insState==2">√</span><span class="scor" v-if="item.insState!=2"></span>已检
                    <span v-if="item.isLeave==1">√</span><span class="scor" v-if="item.isLeave!=1"></span>留样</span>
                    <!-- <el-radio-group :value="item.insState" style="margin-top: 3px;margin-left: 1px;" disabled>
                    <el-radio :label="0" style="margin-right: 3px;font-size: 6px;">待检</el-radio>
                    <el-radio :label="1" style="margin-right: 3px;font-size: 6px;">在检</el-radio>
                    <el-radio :label="2" style="margin-right: 3px;font-size: 6px;">已检</el-radio>
                  </el-radio-group><el-radio :label="1" style="margin-top: 3px;font-size: 8px;" v-model="item.isLeave" disabled>留样</el-radio> -->
                </el-col>
                </el-row>
              </div>
            </div>
          </el-card>
        </div>
    </div>
   </div>
</template>
@@ -349,14 +461,15 @@
               orderId: '',
               sampleId: '',
               appointed: '',
               userId: ''
               userId: '',
          sonLaboratory:''
            },
            // 人员列表
            personList: [],
            componentData: {
               entity: {
                  entrustCode: null,
                  sampleType: null,
                  sample: null,
            sampleName: null,
            sampleModel: null,
            sampleCode: null,
@@ -470,7 +583,8 @@
               },
               selectField: {},
               requiredAdd: [],
               requiredUp: []
               requiredUp: [],
          needSort: ['createTime', 'sendTime', 'type', 'appointed']
            },
            componentDataDataLook: {
               entity: {
@@ -550,9 +664,14 @@
        more:false,
        insOrderRow:{},
        checkIndexList:[],
        checkDataList:[],
        checkDataList:[
          {
            sampleCode:'11111'
          }
        ],
        qrData:[],
        multipleSelection:[]
        multipleSelection:[],
        sonLaboratoryList:[]
         }
      },
    watch:{
@@ -626,11 +745,11 @@
        PrintJS({
            printable: 'printMOrder',//页面
            type: "html",//文档类型
              maxWidth:450,
              maxWidth:360,
              targetStyles:['*'],
              style: `@page {
                margin:0;
                size: 360px 175px landscape;
                size: 360px 175px collapse;
              }
              html{
                zoom:100%;
@@ -666,8 +785,8 @@
               this.personList = data
            })
         },
         refreshTable() {
            this.$refs['ValueTable'].selectList()
         refreshTable(e) {
            this.$refs['ValueTable'].selectList(e)
         },
         refresh() {
            this.componentData.entity = this.HaveJson(this.entityCopy)
@@ -680,6 +799,7 @@
            let del = false
            let add = false
        let revoke = false
        let check = false
            for (var i = 0; i < power.length; i++) {
               if (power[i].menuMethod == 'upInsOrder') {
                  up = true
@@ -690,12 +810,18 @@
          if (power[i].menuMethod == 'updateStatus') {
             revoke = true
          }
          if (power[i].menuMethod == 'upInsOrderOfState') {
             check = true
          }
            }
            if (!up) {
               this.componentData.do.splice(4, 1)
            }
        if (!revoke) {
           this.componentData.do.splice(3, 1)
        }
        if (!check) {
           this.componentData.do.splice(2, 1)
        }
            this.addPower = add
         },
@@ -763,14 +889,32 @@
               this.distributeData.appointed = res.data
          this.distributeData.type = row.type
            })
        this.$axios.post(this.$api.insOrderPlan.upPlanUser2, {
            orderId:row.id,
          }).then(res => {
               if (res.code === 200&&res.data.length>0) {
            this.sonLaboratoryList = [];
            res.data.forEach(m=>{
              this.sonLaboratoryList.push({
                value:m,
                label:m
              })
            })
               }
            })
         },
         submitForm2() {
            if (this.distributeData.appointed == null || this.distributeData.appointed == '') {
               this.$message.error('约定时间未填写')
               return
            }
        //
        if(this.distributeData.type==2&&(this.distributeData.userId==null||this.distributeData.userId=='')){
               this.$message.error('指派人员未填写')
               return
            }
        if(this.distributeData.userId&&(this.distributeData.sonLaboratory==null||this.distributeData.sonLaboratory=='')){
               this.$message.error('试验室未填写')
               return
            }
            this.upLoad = true;
@@ -778,7 +922,8 @@
               orderId: this.distributeData.orderId,
               sampleId: this.distributeData.sampleId,
               appointed: this.distributeData.appointed,
               userId: this.distributeData.userId
               userId: this.distributeData.userId,
          sonLaboratory:this.distributeData.sonLaboratory,
            }).then(res => {
               if (res.code === 201) {
                  this.upLoad = false
@@ -787,7 +932,7 @@
               this.$message.success('修改成功')
               this.upLoad = false
               this.issuedDialogVisible = false
               this.refreshTable()
               this.refreshTable('page')
            }).catch(e => {
               this.$message.error('修改失败')
               this.upLoad = false
@@ -800,7 +945,7 @@
            if (res.code===200){
              this.upLoad=false
              this.quashDialogVisible=false
              this.refreshTable()
              this.refreshTable('page')
              this.$message.success("更新成功")
            }
          })
@@ -809,7 +954,7 @@
            if (res.code===200){
              this.upLoad = false
              this.quashDialogVisible = false
              this.refreshTable()
              this.refreshTable('page')
              this.$message.success("更新成功")
            }
          })
@@ -824,6 +969,7 @@
         // 下单
         playOrder(num) {
            this.active = num
        this.refreshTable('page')
         },
         handleTab(m, i) {
            this.tabIndex = i;
@@ -870,6 +1016,11 @@
      },
      getStyle(){
        return 'height: calc(100% - '+(this.more?'94':'44')+'px)'
      },
      changeUser(){
        if(this.sonLaboratoryList.length>0){
          this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value
        }
      }
      }
   }