Merge remote-tracking branch 'origin/master'

gaoluyang

2024-07-31 38e6f27a8082e1173e3c02a33da5da39b6c6872c

 src/components/view/b1-inspection-order.vue

@@ -9,22 +9,24 @@
      height: 80px;
      display: flex;
      align-items: center;
    overflow: hidden;
   }

   .search_thing {
      width: 350px;
      display: flex;
      align-items: center;
      height: 50px;
    width: 230px;
   }

   .search_label {
      width: 110px;
      width: 90px;
      font-size: 14px;
      text-align: right;
   }

   .search_input {
      width: calc(100% - 110px);
      width: calc(100% - 90px);
   }

   .table {
@@ -54,7 +56,7 @@
      border-radius: 8px 0 0 8px;
   }

   .tab li:nth-child(4) {
   .tab li:nth-child(5) {
      border-radius: 0 8px 8px 0;
   }

@@ -66,44 +68,171 @@
   .el-form-item {
      margin-bottom: 16px;
   }
  .box-card >>>.el-radio__inner {
    border-radius: 2px !important;
  }
  .box-card >>>.el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 8px;
    height: 3px;
    border: 1px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
  }
  >>>.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="playOrder(1)">下单</el-button>
            <el-button size="medium" type="primary" @click="print">标签打印</el-button>
                  <el-button size="medium" type="primary" @click="playOrder(1)" v-if="addPower">下单</el-button>
               </el-col>
            </el-row>
         </div>
         <div class="search">
            <div class="search_thing">
               <div class="search_label">委托编号：</div>
               <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                     v-model="componentData.entity.deviceName" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing">
               <div class="search_label">样品名称：</div>
               <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                     v-model="componentData.entity.specificationModel" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="padding-left: 30px;">
               <el-button size="small" @click="refresh()">重 置</el-button>
               <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
            </div>
         <div class="search" :style="`height: ${more?130:80}px;`">
        <el-row :gutter="10" style="width: 100%;">
          <el-col :span="20" style="display: flex;flex-wrap: wrap;">
            <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.entrustCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <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.sample" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <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.sampleModel" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <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.sampleCode" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;">
              <div class="search_label">下单时间：</div>
              <div class="search_input">
                <el-date-picker style="width:100%" v-model="componentData.entity.createTime"
                type="date"
                size="small"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd HH:mm:ss"
                clearable
                placeholder="选择日期">
                </el-date-picker>
              </div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">下单人：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.name" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">工程名称：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.engineering" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
            <div class="search_thing" style="width: 20%;" v-if="more">
              <div class="search_label">生产单位：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable
                  v-model="componentData.entity.production" @keyup.enter.native="refreshTable()"></el-input></div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="search_thing">
              <el-button type="text" :icon="!more?'el-icon-arrow-down':'el-icon-arrow-up'" style="color: #3A7BFA;" @click="more=!more">{{!more?'更多':'收起'}}</el-button>
              <el-button size="small" @click="refresh()">重 置</el-button>
              <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
            </div>
          </el-col>
        </el-row>
         </div>
         <div class="table">
            <ul class="tab">
               <li v-for="(m,i) in tabList" :key="i" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
            </ul>
            <!-- 语法 子组件通过 this.$emit +传入方法名 调用父组件方法 例如  this.$emit（selectAllByOne） 就需在父组件声明并传入  @selectAllByOne="selectAllByOne"-->
            <ValueTable ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData"
               :key="upIndex" style="height: calc(100% - 44px)" @selectAllByOne="selectAllByOne"
               @handleDataLook="handleDataLook" @download="download" @handleVerify="handleVerify" @handlEquash="handlEquash"
               @handleIssued="handleIssued" />
            <ValueTable :style="getStyle()" ref="ValueTable" :url="$api.insOrder.selectInsOrderParameter" :componentData="componentData"
               :key="'b'+upIndex"  />
         </div>
         <!-- 审核 -->
         <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
@@ -128,7 +257,7 @@
         <!-- 撤销 -->
         <el-dialog title="下单撤销" :visible.sync="quashDialogVisible" width="30%" :before-close="handleClose">
            <p style="font-size:16px;color:#333333" v-if="!isQuash">委托编号<span
                  style="color:#34BD66">ZTMS2023071001</span>的信息是否撤销</p>
                  style="color:#34BD66">{{this.insOrderRow.entrustCode}}</span>的信息是否撤销</p>
            <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
               <el-form-item label="请输入撤销原因：">
                  <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
@@ -146,22 +275,37 @@
            </span>
         </el-dialog>
         <!-- 下发 -->
         <el-dialog title="检验下发" :visible.sync="issuedDialogVisible" width="30%" :before-close="handleClose">
            <el-form :label-position="labelPosition" :model="formData2" label-width="150px" ref="ruleForm">
               <el-form-item label="约定时间：">
                  <el-date-picker style="width:100%" format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="formData2.appointed2"
                     type="date" size="small" placeholder="选择时间">
                  </el-date-picker>
               </el-form-item>
               <el-form-item >
               </el-form-item>
               <el-form-item label="指派人员：">
                  <el-select v-model="formData2.id" placeholder="请选择" size="small" style="width:100%">
                     <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                  </el-select>
               </el-form-item>
            </el-form>
         <el-dialog title="检验分配" :visible.sync="issuedDialogVisible" width="400px" :before-close="handleClose">
            <div class="body" style="max-height: 60vh;">
               <el-row>
                  <el-col class="search_thing" style="width: 95%;">
                     <div class="search_label"><span class="required-span">* </span>约定时间：</div>
                     <div class="search_input">
                        <el-date-picker size="small" v-model="distributeData.appointed" type="date" placeholder="选择日期"
                           value-format="yyyy-MM-dd" style="width: 100%;" format="yyyy-MM-dd">
                        </el-date-picker>
                     </div>
                  </el-col>
                  <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 @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>
                  </el-col>
               </el-row>
            </div>
            <span slot="footer" class="dialog-footer">
               <el-row>
                  <el-button @click="handleClose2">取 消</el-button>
@@ -169,29 +313,139 @@
               </el-row>
            </span>
         </el-dialog>
         <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="70%" :before-close="handleClose2">
            <div style="height: 70vh;overflow-y: auto;">
               <ValueTable ref="ValueTableDataLook" :url="$api.deviceScope.selectDeviceParameter"
                  :componentData="componentDataDataLook" :key="upIndex" />
         <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="80%">
            <div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible">
               <ValueTable ref="ValueTableDataLook" :url="$api.insOrder.selectSampleAndProductByOrderId"
                  :componentData="componentDataDataLook"/>
            </div>
         </el-dialog>
      </div>
      <div style="width: 100%;height: 100%;" v-if="active == 1">
         <Add/>
      <div style="width: 100%;height: 100%;" v-if="active >0">
         <Add :active="active" :currentId="currentId" v-if="active<4" />
      </div>
    <el-dialog title="标签打印" :visible.sync="printDialogVisible" width="40%" top="5vh">
      <div style="width:100%;height: 400px;overflow-y: auto;" v-loading="loadPint">
        <div class="dia_body">
          <el-checkbox
          style="margin: 10px 5px;"
          :indeterminate="isIndeterminate"
          v-model="checkAll"
          @change="handleCheckAllChange">全选</el-checkbox>
          <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList">
            <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px; font-size: 16px !important;">
                  <el-checkbox :label="i" :key="i" style="position: relative;top:-20px;left:5px"><br></el-checkbox>
                   <div>
                    <el-row style="font-size: 14px;padding-left: 20px;">
                        <el-col  style="font-weight: bold;">{{ item.pName }}</el-col>
                    </el-row>
                    <div style="display: flex;">
                      <div>
                        <el-col :span="8" :offset="4">
                          <vueQr :text="JSON.stringify(item.sampleCode)" :size="140" :margin="2"></vueQr>
                        </el-col>
                      </div>
                      <div style="margin-left: 50px;width: 100%;">
                        <el-row>
                          <el-col  style="font-weight: bold;font-size: 14px;"><span>样品编号:&nbsp; </span>{{ item.sampleCode }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <el-col  style="font-weight: bold;"><span>委托单号:&nbsp; </span>{{ item.code }}</el-col>
                        </el-row>
                        <el-row style="margin-top: 1px;font-size: 14px;">
                          <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.sampleName }}</el-col>
                        </el-row>
                        <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;">
                          <el-col  style="font-weight: bold;display: flex;align-items: center;"><span>样品状态:&nbsp; </span><el-radio-group :value="item.insState" style="margin-top: 7px;margin-left: 4px;" disabled>
                            <el-radio :label="0" style="font-weight: bold;margin-right: 7px;">待检</el-radio>
                            <el-radio :label="1" style="font-weight: bold;margin-right: 7px;">在检</el-radio>
                            <el-radio :label="2" style="font-weight: bold;margin-right: 7px;">已检</el-radio>
                          </el-radio-group><el-radio :label="1" style="font-weight: bold;margin-top: 7px;" v-model="item.isLeave" disabled>留样</el-radio></el-col>
                        </el-row>
                      </div>
                  </div>
                  </div>
            </el-card>
          </el-checkbox-group>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button @click="printDialogVisible=false">取 消</el-button>
          <el-button type="primary" @click="submitPrint" :loading="printLoading">打 印</el-button>
        </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>

<script>
   import ValueTable from '../tool/value-table.vue'
   import Add from '../do/b1-ins-order/add.vue'
  import vueQr from 'vue-qr'
  import PrintJS from 'print-js'
   export default {
      components: {
         ValueTable,
         Add
         Add,
      vueQr
      },
      data() {
         return {
        loadPint:false,
        checkAll: false,
        isIndeterminate: true,
        printLoading:false,
        printDialogVisible:false,
            //是否审核通过  true是 false不是
            isPass: false,
            //是否审核撤销  true是 false不是
@@ -199,56 +453,84 @@
            verifyDialogVisible: false,
            quashDialogVisible: false,
            issuedDialogVisible: false,
            issuedDialogVisible2: false,
            dataDialogVisible: false,
            formData: {},
            formData0:{},
            formData1:{},
            formData2:{
               id:'',
               orderName:'',
               data:'',
            formData0: {},
            formData1: {},
            distributeData: {
               orderId: '',
               sampleId: '',
               appointed: '',
               userId: '',
          sonLaboratory:''
            },
            // 人员列表
            personList: [],
            labelPosition: 'right',
            componentData: {
               entity: {
                  state: 1,
                  entrustCode: null,
                  sample: null,
            sampleName: null,
            sampleModel: null,
            sampleCode: null,
                  state: 0,
            name:null,
            engineering:null,
            production:null,
                  orderBy: {
                     field: 'id',
                     order: 'asc'
                  }
               },
               isIndex: true,
               showSelect: false,
               select: false,
               showSelect: true,
               select: true,
          selectMethod:'selectMethod',
               do: [{
                  id: 'dataLook',
                  font: '数据查看',
                  type: 'text',
                  method: 'handleDataLook'
                  method: 'handleDataLook',
                  disabFun: (row, index) => {
                     return row.state != 1 && row.state != 4
                  }
               }, {
                  id: 'download',
                  font: '报告下载',
                  type: 'text',
                  method: 'download'
                  method: 'download',
                  disabFun: (row, index) => {
                     return row.state != 4 || row.reportId == null
                  }
               }, {
                  id: 'verify',
                  font: '审核',
                  type: 'text',
                  method: 'handleVerify'
                  method: 'handleVerify',
                  disabFun: (row, index) => {
                     return row.state != 0
                  }
               }, {
                  id: 'quash',
                  font: '撤销',
                  type: 'text',
                  method: 'handlEquash'
                  method: 'handlEquash',
                  disabFun: (row, index) => {
                     return row.state != 1 && row.state != 0
                  }
               }, {
                  id: 'issued',
                  font: '下发',
                  font: '分配',
                  type: 'text',
                  method: 'handleIssued'
                  method: 'handleIssued',
                  disabFun: (row, index) => {
                     return row.state != 1 || row.sendTime != null
                  }
               }],
               linkEvent: {
                  sampleName: {
                     method: 'selectAllByOne'
                  }
               },
               tagField: {
                  type: {
                     select: [{
@@ -265,21 +547,50 @@
                        label: '紧急'
                     }]
                  },
               },
               linkEvent:{
                 deviceName:{
                   id: 'details',
                   method:'selectAllByOne',
                 }
                  createUser: {
                     select: []
                  },
            orderType: {
              select: []
            },
            processing: {
              select: [{
                value: 1,
                label: '实验室处理'
              },{
                value: 0,
                label: '委托单位取回'
              }]
            },
            isLeave: {
              select: [{
                value: 1,
                label: '留样'
              },{
                value: 0,
                label: '不留样'
              }]
            },
            send: {
              select: [{
                value: 1,
                label: '自取'
              },{
                value: 0,
                label: '其他'
              }]
            }
               },
               selectField: {},
               requiredAdd: ['largeCategory', 'subclass', 'deviceName', 'internalCode', 'specificationModel', 'manufacturer'],
               requiredUp: ['largeCategory', 'subclass', 'deviceName', 'internalCode', 'specificationModel', 'manufacturer']
               requiredAdd: [],
               requiredUp: [],
          needSort: ['createTime', 'sendTime', 'type', 'appointed']
            },
            componentDataDataLook: {
               entity: {
                  id: 0,
                  orderBy: {
                     field: 'id',
                     field: 'sampleCode',
                     order: 'asc'
                  }
               },
@@ -288,23 +599,38 @@
               select: false,
               do: [],
               tagField: {
                  deviceStatus: {
                  insState: {
                     select: []
                  },
                  insResult: {
                     select: [{
                        value: 0,
                        type: 'success',
                        label: '正常'
                     }, {
                        value: 1,
                        type: 'warning',
                        label: '报废'
                     }, {
                        value: 2,
                        type: 'danger',
                        label: '保修'
                        label: '合格',
                        type: 'success'
                     },{
                        value: 0,
                        label: '不合格',
                        type: 'danger'
                     }]
                  }
               },
               selectField: {},
          spanConfig:{
            rows:[
              {
                name:'sampleCode',
                index:0
              },
              {
                name:'sample',
                index:1
              },
              {
                name:'model',
                index:2
              }
            ]
          },
               requiredAdd: [],
               requiredUp: []
            },
@@ -313,12 +639,15 @@
            addPower: true,
            upLoad: false,
            tabList: [{
                  label: '检验处理',
                  label: '待审核',
                  value: 0
               }, {
                  label: '待检验',
                  value: 1
               },
               {
                  label: '待审核',
                  value: 0
                  label: '已检验',
                  value: 4
               },
               {
                  label: '退回',
@@ -330,19 +659,124 @@
               },
            ],
            tabIndex: 0,
            active: 0
            active: 0, //1：下单，2：查看，3：审核，4：光纤配置,默认为0
            currentId: null,
        more:false,
        insOrderRow:{},
        checkIndexList:[],
        checkDataList:[
          {
            sampleCode:'11111'
          }
        ],
        qrData:[],
        multipleSelection:[],
        sonLaboratoryList:[]
         }
      },
    watch:{
      printDialogVisible(newVal){
        if(!newVal){
          this.qrData = []
          this.checkIndexList = []
          this.checkDataList = []
          this.isIndeterminate = true;
        }
      }
    },
      mounted() {
         this.entityCopy = this.HaveJson(this.componentData.entity)
         this.getPower()
         this.getUserMenu()
         this.getAuthorizedPerson()
         this.getInsStateDicts()
      this.selectEnumByCategoryForOrderType()
      },
      methods: {
         getAuthorizedPerson(){
           this.$axios.post(this.$api.deviceScope.selectDevicePrincipal).then(res => {
      selectMethod(val){
        this.multipleSelection = val
      },
      getLabelPrinting(selection){
        this.loadPint = true;
        this.$axios.post(this.$api.insOrder.labelPrinting,{
          ids:selection.map(m=>m.id).join(',')
        }).then(res => {
          let arr = res.data;
          arr.forEach(a=>{
            this.loadPint = false;
            let arr1 = []
            a.insProduct.forEach(b=>{
              arr1.push(b.inspectionItem)
            })
            a.item = [...new Set(arr1)].join(',')
          })
          this.qrData = arr
          console.log(this.qrData)
            })
      },
      //选择要打印的二维码
      changePrintCode(){
        let indexList = this.checkIndexList
        let arr = []
        indexList.forEach(i=>{
          arr.push(this.qrData[i])
        })
        this.checkDataList = arr
      },
      //全选
      handleCheckAllChange(val) {
        if(val){
          for(var i=0;i<this.qrData.length;i++){
            this.checkIndexList.push(i)
          }
          this.checkDataList = this.qrData
        }else{
          this.checkIndexList = []
          this.checkDataList = []
        }
        this.isIndeterminate = false;
      },
      submitPrint(){
        if(this.checkDataList.length < 1){
          this.$message.warning("请选择要打印的二维码")
          return
        }
        this.printDialogVisible = false;
        PrintJS({
            printable: 'printMOrder',//页面
            type: "html",//文档类型
              maxWidth:360,
              targetStyles:['*'],
              style: `@page {
                margin:0;
                size: 360px 175px collapse;
              }
              html{
                zoom:100%;
              }
              @media print{
                width: 360px;
                height: 175px;
                margin:0;
              }`,
              onPrintDialogClose: this.erexcel=false,
              targetStyles: ["*"], // 使用dom的所有样式，很重要
              font_size: '',
        });
      },
      print(){
        if(this.multipleSelection.length==0){
            this.$message.warning('请选择一条数据')
            return
        }
        let selection = this.multipleSelection
        this.getLabelPrinting(selection)
        this.printDialogVisible = true
      },
         getAuthorizedPerson() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               let data = []
               res.data.forEach(a=>{
               res.data.forEach(a => {
                  data.push({
                     label: a.name,
                     value: a.id
@@ -350,9 +784,9 @@
               })
               this.personList = data
            })
      },
         refreshTable() {
            this.$refs['ValueTable'].selectList()
         },
         refreshTable(e) {
            this.$refs['ValueTable'].selectList(e)
         },
         refresh() {
            this.componentData.entity = this.HaveJson(this.entityCopy)
@@ -364,23 +798,31 @@
            let up = false
            let del = false
            let add = false
        let revoke = false
        let check = false
            for (var i = 0; i < power.length; i++) {
               if (power[i].menuMethod == 'upDeviceParameter') {
               if (power[i].menuMethod == 'upInsOrder') {
                  up = true
               }
               if (power[i].menuMethod == 'delDeviceParameter') {
                  del = true
               }
               if (power[i].menuMethod == 'addDeviceParameter') {
               if (power[i].menuMethod == 'addInsOrder') {
                  add = true
               }
            }
            if (!del) {
               this.componentData.do.splice(1, 1)
          if (power[i].menuMethod == 'updateStatus') {
             revoke = true
          }
          if (power[i].menuMethod == 'upInsOrderOfState') {
             check = true
          }
            }
            if (!up) {
               this.componentData.do.splice(0, 1)
               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
         },
         handleClose() {
@@ -399,38 +841,89 @@
         },
         // 详情
         selectAllByOne(row) {
            //打开弹框
            this.dialogVisible = true;
            //row = 点击对应行值
            //复制给formData
            this.formData = this.HaveJson(row);
            this.active = 2;
            // console.log(row);
            // //打开弹框
            // this.dialogVisible = true;
            // //row = 点击对应行值
            // //复制给formData
            // this.formData = this.HaveJson(row);
            this.currentId = row.id
         },
         // 数据查看
         handleDataLook(row) {
            this.componentDataDataLook.entity.id = row.id
            this.dataDialogVisible = true;
         },
         // 下载报告
         download(row) {

         },
        let url = row.urlS?row.urlS:row.url;
        if(url){
          url = url.split('.')[0]+'.pdf'
          const link = document.createElement('a');
          link.href = this.javaApi + url;
          link.target = '_blank';
          document.body.appendChild(link);
          link.click();
        }
      },
         // 审核
         handleVerify(row) {
            this.verifyDialogVisible = true;
            // this.verifyDialogVisible = true;
            this.active = 3;
            this.currentId = row.id
         },
         // 撤销
         handlEquash(row) {
            this.quashDialogVisible = true;
        this.insOrderRow=row
         },
         // 下发
         handleIssued(row) {
            this.issuedDialogVisible = true;
         },
         submitForm2(){
            this.upLoad = true;
            this.$axios.post(this.$api.insOrder.getDeviceManager, this.formData2, {
               headers: {
                  'Content-Type': 'application/json'
            this.$axios.post(this.$api.insOrder.selectOrderManDay, {
               id: row.id
            }).then(res => {
               this.distributeData.orderId = row.id
               this.distributeData.sampleId = row.sampleId
               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;
            this.$axios.post(this.$api.insOrder.upInsOrder, {
               orderId: this.distributeData.orderId,
               sampleId: this.distributeData.sampleId,
               appointed: this.distributeData.appointed,
               userId: this.distributeData.userId,
          sonLaboratory:this.distributeData.sonLaboratory,
            }).then(res => {
               if (res.code === 201) {
                  this.upLoad = false
@@ -438,50 +931,97 @@
               }
               this.$message.success('修改成功')
               this.upLoad = false
               this.refreshTable()
               this.dialogVisible = false
               this.issuedDialogVisible = false
               this.refreshTable('page')
            }).catch(e => {
               this.$message.error('修改失败')
               this.dialogVisible = false
               this.upLoad = false
            })
         },
         submitForm() {
            this.upLoad = true;
        if (this.tabIndex==1){
          this.axios.put(this.$api.insOrder.updateInspected+"?id="+this.insOrderRow.id).then(res=>{
            if (res.code===200){
              this.upLoad=false
              this.quashDialogVisible=false
              this.refreshTable('page')
              this.$message.success("更新成功")
            }
          })
        }else{
          this.axios.put(this.$api.insOrder.updateStatus+"?id="+this.insOrderRow.id).then(res=>{
            if (res.code===200){
              this.upLoad = false
              this.quashDialogVisible = false
              this.refreshTable('page')
              this.$message.success("更新成功")
            }
          })
        }
            let authorizedPerson = this.formData.authorizedPerson.length > 0 ? this.formData.authorizedPerson.join(',') : ''
            delete this.formData.createTime
            delete this.formData.updateTime
            delete this.formData.createUser
            delete this.formData.updateUser
            this.formData.authorizedPerson = authorizedPerson
            this.$axios.post(this.$api.insOrder.getDeviceManager, this.formData, {
               headers: {
                  'Content-Type': 'application/json'
               }
            }).then(res => {
               if (res.code === 201) {
                  this.upLoad = false
                  return
               }
               this.$message.success('修改成功')
               this.upLoad = false
               this.refreshTable()
               this.dialogVisible = false
            }).catch(e => {
               this.$message.error('修改失败')
               this.dialogVisible = false
               this.upLoad = false
            })
         },
         // 下单
         playOrder(num) {
            this.active = num
        this.refreshTable('page')
         },
         handleTab(m, i) {
            this.tabIndex = i;
            this.componentData.entity.state = m.value
            this.refreshTable()
         }
         },
         getUserMenu() {
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               let data = []
               res.data.forEach(a => {
                  data.push({
                     label: a.name,
                     value: a.id
                  })
               })
               this.componentData.tagField.createUser.select = data
            })
         },
         getInsStateDicts() {
            this.$axios.post(this.$api.enums.selectEnumByCategory, {
               category: "检验任务状态"
            }).then(res => {
               let data = res.data
               this.insStateList = data
               data.forEach(ele => {
                  //0:待检验 1:检验中 2:已检验 3:待复核 4:复核未通过 5:复核通过
                  if (['2', '5'].includes(ele.value)) {
                     ele.type = 'success'
                  } else if (['1', '3'].includes(ele.value)) {
                     ele.type = 'warning'
                  } else if (['0', '4'].includes(ele.value)) {
                     ele.type = 'danger'
                  }
               })
               this.componentDataDataLook.tagField.insState.select = data
            })
         },
      selectEnumByCategoryForOrderType() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "检验类别"
        }).then(res => {
          this.componentData.tagField.orderType.select = res.data
        })
      },
      getStyle(){
        return 'height: calc(100% - '+(this.more?'94':'44')+'px)'
      },
      changeUser(){
        if(this.sonLaboratoryList.length>0){
          this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value
        }
      }
      }
   }
</script>