1.成品下单页面迁移

gaoluyang

2025-02-19 20cd11a0ef3348a8664dd799da40989c58db7df1

1.成品下单页面迁移

 package.json

@@ -60,6 +60,7 @@
    "vue-count-to": "1.0.13",
    "vue-cropper": "0.5.5",
    "vue-meta": "2.4.0",
    "vue-qr": "^4.0.9",
    "vue-router": "3.4.9",
    "vuedraggable": "2.24.3",
    "vuex": "3.6.0"

 src/api/business/productOrder.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,83 @@
// æˆå“ä¸‹å•é¡µé¢ç›¸å…³æŽ¥å£
import request from '@/utils/request'

// æŸ¥è¯¢æˆå“ä¸‹å•åˆ—表
export function selectInsOrderParameter(query) {
  return request({
    url: '/insOrder/selectInsOrderParameter',
    method: 'get',
    params: query
  })
}
// ä¿®æ”¹æˆå“å§”托编号
export function updateOrderEntrustCode(query) {
  return request({
    url: '/insOrder/updateOrderEntrustCode',
    method: 'post',
    data: query
  })
}
// æˆå“æ£€éªŒå•å…¨éƒ¨ä¿¡æ¯å¯¼å‡º
export function rawAllInsOrderExport(query) {
  return request({
    url: '/insOrder/rawAllInsOrderExport',
    method: 'post',
    data: query
  })
}
// å°†å¾…检验的的撤销进行更改
export function updateInspected(query) {
  return request({
    url: '/insOrder/updateInspected',
    method: 'post',
    data: query
  })
}
// æ’¤é”€å®¡æ ¸é€šè¿‡
export function checkUpdate(query) {
  return request({
    url: '/insOrder/checkUpdate',
    method: 'post',
    data: query
  })
}
// æŸ¥è¯¢è®¢å•æ€»å…±é¢„计时间
export function selectOrderManDay(query) {
  return request({
    url: '/insOrder/selectOrderManDay',
    method: 'get',
    params: query
  })
}
// ä»»åŠ¡äº¤æŽ¥
export function upPlanUser2(query) {
  return request({
    url: '/insOrderPlan/upPlanUser2',
    method: 'post',
    data: query
  })
}
// æ£€éªŒä¸‹å‘
export function upInsOrder(query) {
  return request({
    url: '/insOrder/upInsOrder',
    method: 'post',
    data: query
  })
}
// å°†å¾…审核更新成撤销状态
export function updateStatus(query) {
  return request({
    url: '/insOrder/updateStatus',
    method: 'post',
    data: query
  })
}
// å°†å¾…审核更新成撤销状态
export function delInsOrder(query) {
  return request({
    url: '/insOrder/delInsOrder',
    method: 'delete',
    data: query
  })
}

 src/components/Table/lims-table.vue

@@ -43,7 +43,7 @@
        show-overflow-tooltip
        :sortable="item.sortable ? true : false"
        :type="item.type"
        :width="item.width"
        :width="item.dataType === 'action'? getWidth(item.operation) : item.width"
        align="center"
      >
        <!-- <div class="123" v-if="item.type == ''"> -->
@@ -344,6 +344,14 @@
  },

  methods: {
    getWidth(row) {
      let count = 0
      console.log('row---', row)
      row.forEach(a => {
        count += a.name.length
      })
      return count * 15 + 40 + 'px'
    },
    iconFn(row) {
      if (row.name === "编辑" || row.name === "修改") {
        return "el-icon-edit";

 src/router/index.js

@@ -110,6 +110,23 @@
    ],
  },
  {
    // æˆå“ä¸‹å•
    path: "/productOrder",
    component: Layout,
    hidden: true,
    permissions: ["productOrder:order"],
    children: [
      {
        // æˆå“ä¸‹å•è¯¦æƒ…
        path: "add",
        component: () =>
          import("@/views/business/productOrder/components/add.vue"),
        name: "add",
        meta: { title: "成品下单详情", activeMenu: "/business/materialOrder" },
      },
    ],
  },
  {
    // æ£€éªŒä»»åŠ¡
    path: "/inspectionTask",
    component: Layout,

 src/views/business/materialOrder/index.vue

@@ -260,7 +260,6 @@
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          width: '170px',
          operation: [
            {
              name: '下单',
@@ -330,7 +329,6 @@
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          width: '140px',
          operation: [
            {
              name: '数据查看',
@@ -404,7 +402,6 @@
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          width: '420px',
          operation: [
            {
              name: '季度检验',
@@ -518,7 +515,6 @@
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          width: '140px',
          operation: [
            {
              name: '数据查看',
@@ -585,7 +581,6 @@
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          width: '250px',
          operation: [
            {
              name: '季度检验',

 src/views/business/productOrder/components/add.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,3195 @@
<template>
  <div class="app-container">
    <div v-show="!configShow&&!equipConfigShow&&!cableConfigShow&&!auxiliaryShow">
      <div style="display: flex;justify-content: space-between;align-items:center;">
        <div>
          å§”托单信息
        </div>
        <div>
          <el-cascader
            v-model="addObj.quarterItemId"
            :disabled="active>1"
            :options="quarterItemOptions"
            size="small"
            style="width: 380px"
            @change="handleChange"
            @focus="getQuarterOnOrder"></el-cascader>
          <el-select v-show="active==1" v-model="template" placeholder="下单模板" size="small"
                     @change="selectInsOrderTemplateById">
            <el-option v-for="(a, ai) in templates" :key="ai" :label="a.name" :value="a.id">
              <span style="float: left">{{ a.name }}</span>
              <i class="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px"
                 @click.stop="handleDelete(a)"></i>
            </el-option>
          </el-select>
          <el-button v-show="active==1" size="small" @click="templateDia=true">
            <span style="color: #3A7BFA;">保存模板</span>
          </el-button>
          <el-button v-if="active==1&&addObj.sampleType!=undefined&&(addObj.sampleType.indexOf('电缆')>-1 ||addObj.sampleType.indexOf('综合')>-1)" size="small" type="primary" @click="openCableConfig">电缆配置</el-button>
          <el-button v-if="active==1&&addObj.sampleType!=undefined&&addObj.sampleType.indexOf('电缆')>-1" size="small" type="primary" @click="openAuxiliaryCore">辅助线芯配置</el-button>
          <el-button v-if="active==1" size="small" type="primary" @click="openEquipConfig">子样品配置</el-button>
          <el-button v-if="addObj.sampleType==='光缆'" size="small" type="primary" @click="openConfig">光纤配置</el-button>
          <el-button v-show="active==1||(tabIndex==4&&active==2)" :loading="saveLoad" size="small" type="primary" @click="save">提交</el-button>
          <!-- å®¡æ ¸ -->
          <el-button v-show="active==3&&addObj.companyId" :disabled="saveLoad" :loading="saveLoad" size="small"
                     @click="upInsOrderOfState(2)">不通过</el-button>
          <el-button v-show="active==3&&addObj.companyId" :loading="saveLoad" size="small" type="primary"
                     @click="upInsOrderOfState(1)">通过</el-button>
          <el-button size="small" @click="$parent.playOrder(0)">
            <span style="color: #3A7BFA;">返回</span>
          </el-button>
        </div>
      </div>
    </div>
    <div v-show="!configShow&&!equipConfigShow&&!cableConfigShow&&!auxiliaryShow" class="container">
      <div class="search">
        <el-row>
          <el-col :span="6" class="search_thing">
            <div class="search_label">委托编号：</div>
            <div class="search_input">
              <el-input v-model="addObj.entrustCode" disabled placeholder="系统生成" size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>检验类别：</div>
            <div class="search_input">
              <el-select v-model="addObj.orderType" :disabled="active>1&&tabIndex!=4" clearable size="small" style="width: 100%;">
                <el-option v-for="(a, ai) in orderType" :key="ai" :label="a.label" :value="a.value"></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" >
            <div class="search_label"><span class="required-span">* </span>制单人：</div>
            <div class="search_input">
              <el-input v-model="addObj.custom" clearable disabled size="small"></el-input>
              <!-- <el-input disabled size="small" v-model="addObj.custom">
                <template slot="append"><el-button slot="append" icon="el-icon-search" @click="selectUserDia = true"
                    :disabled="active>1"></el-button></template>
              </el-input> -->
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>委托单位：</div>
            <div class="search_input">
              <!-- <el-input size="small" placeholder="←选择委托客户" clearable disabled v-model="addObj.company"></el-input> -->
              <el-input v-model="addObj.company" disabled placeholder="选择委托单位" size="small">
                <template slot="append"><el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search"
                    @click="selectUserDia = true"></el-button></template>
              </el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>联系方式：</div>
            <div class="search_input">
              <el-input v-model="addObj.phone" :disabled="active>1&&tabIndex!=4" clearable placeholder="选择委托客户" size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>紧急程度：</div>
            <div class="search_input">
              <el-select v-model="addObj.type" :disabled="active>1&&tabIndex!=4" clearable size="small" style="width: 100%;">
                <el-option v-for="(a, ai) in type" :key="ai" :label="a.label" :value="a.value"></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>样品名称：</div>
            <div class="search_input">
              <el-input v-model="addObj.sample" disabled size="small">
                <template slot="append"><el-button slot="append" :disabled="active>1&&tabIndex!=4" icon="el-icon-search"
                    @click="selectStandardTree = true"></el-button></template>
              </el-input>
            </div>
          </el-col>
          <!-- <el-col class="search_thing" :span="6">
            <div class="search_label"><span class="required-span">* </span>样品类型：</div>
            <div class="search_input">
              <el-input size="small" clearable disabled v-model="addObj.sampleType"></el-input>
            </div>
          </el-col> -->
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>样品数量：</div>
            <div class="search_input">
              <el-input-number v-model="addObj.sampleNum" :disabled="active>1" :max="100" :min="1" :precision="0"
                size="small" style="width: 65%;" @change="addStandardTree"></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%;" :disabled="active>1">
                <el-option v-for="(a, i) in units" :key="i" :label="a.label" :value="a.value"></el-option>
              </el-select>
            </div>
          </el-col> -->
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>样品状态：</div>
            <div class="search_input">
              <el-select v-model="addObj.sampleStatus" :disabled="active>1&&tabIndex!=4" size="small" style="width: 100%;">
                <el-option v-for="(a,ai) in sampleStatusList" :key="ai" :label="a.label" :value="a.value"></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>抽检数量：</div>
            <div class="search_input">
              <el-input v-model="addObj.testQuantity" :disabled="active>1&&tabIndex!=4" clearable size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>来样方式：</div>
            <div class="search_input">
              <el-select v-model="addObj.formType" :disabled="active>1&&tabIndex!=4" size="small" style="width: 100%;">
                <el-option v-for="(a,ai) in formType" :key="ai" :label="a.label" :value="a.value"></el-option>
              </el-select>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label">报告发送方式：</div>
            <div class="search_input">
              <el-radio-group v-model="addObj.send" :disabled="active>1&&tabIndex!=4">
                <el-radio :label="1">自取</el-radio>
                <el-radio :label="0">其他</el-radio>
              </el-radio-group>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label">样品处理方式：</div>
            <div class="search_input">
              <el-radio-group v-model="addObj.processing" :disabled="active>1&&tabIndex!=4">
                <el-radio :label="0">委托单位取回</el-radio>
                <el-radio :label="1">实验室处理</el-radio>
              </el-radio-group>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>生产单位：</div>
            <div class="search_input">
              <el-input v-model="addObj.production" :disabled="active>1&&tabIndex!=4" clearable placeholder="请输入"
                size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>生产单位EN：</div>
            <div class="search_input">
              <el-input v-model="addObj.productionEn" :disabled="active>1&&tabIndex!=4" clearable placeholder="请输入"
                size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label">是否留样：</div>
            <div class="search_input">
              <el-radio-group v-model="addObj.isLeave" :disabled="active>1&&tabIndex!=4">
                <el-radio :label="0">不留样</el-radio>
                <el-radio :label="1">留样</el-radio>
              </el-radio-group>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label">委托人：</div>
            <div class="search_input">
              <el-input v-model="addObj.prepareUser" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing">
            <div class="search_label">委托人英文：</div>
            <div class="search_input">
              <el-input v-model="addObj.prepareUserEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" style="align-items: flex-start;margin: 8px 0;">
            <div class="search_label">备注：</div>
            <div class="search_input">
              <el-input v-model="addObj.remark" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable
                size="small" type="textarea"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" style="align-items: flex-start;margin: 8px 0;">
            <div class="search_label">备注英文：</div>
            <div class="search_input">
              <el-input v-model="addObj.remarkEn" :autosize="{ minRows: 2, maxRows: 2}" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable
                        size="small" type="textarea"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" style="align-items: flex-start;margin: 8px 0;">
            <div class="search_label">样品名称：</div>
            <div class="search_input">
              <el-input v-model="addObj.sampleView" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable
                        size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" style="align-items: flex-start;margin: 8px 0;">
            <div class="search_label">样品名称英文：</div>
            <div class="search_input">
              <el-input v-model="addObj.sampleViewEn" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable
                        size="small"></el-input>
            </div>
          </el-col>
          <el-col :span="6" class="search_thing" style="align-items: flex-start;margin: 8px 0;">
            <div class="search_label">委托人工号：</div>
            <div class="search_input">
              <el-input v-model="addObj.prepareCode" :disabled="active>1&&tabIndex!=4" :placeholder="active>1 ? '' : '请输入'" clearable
                        size="small"></el-input>
            </div>
          </el-col>
        </el-row>
      </div>
      <div>
        <div style="display: flex;flex-direction: row;justify-content: space-between;padding: 5px 0;">
          <div v-if="active==1" style="display: flex;background: transparent;">
            <div class="search_thing">
              <div class="search_label">样品型号：</div>
              <div class="search_input">
                <el-select v-model="model" :placeholder="active>1 ? '' : '请输入'"
                           allow-create clearable default-first-option filterable
                           size="small"
                           @change="changeModel">
                  <el-option v-for="item in models" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
            </div>
            <div class="search_thing">
              <div class="search_label">检验标准：</div>
              <div class="search_input">
                <el-select v-model="standardMethodListId" :loading="methodLoad"
                           :placeholder="active>1 ? '' : '请输入'" clearable size="small"
                           @change="changeStandardMethodListId" @focus="methodFocus">
                  <el-option v-for="item in methods" :key="item.id" :label="item.code" :value="item.id">
                  </el-option>
                </el-select>
              </div>
            </div>
          </div>
          <div class="search_thing">
            <span style="width: 150px;font-size: 14px;text-align: right;">特殊标准：</span>
            <el-input v-model="specialStandardMethod" :disabled="!isSpecial" clearable
            size="small"></el-input>
            <el-button v-show="active==1" size="small" style="margin-left: 10px"
                       type="primary" @click="editSpecial">编辑</el-button>
          </div>
        </div>
        <el-table ref="sampleTable" :data="sampleList" border class="el-table sampleTable" highlight-current-row
          max-height="400px" tooltip-effect="dark" @selection-change="selectSample" @row-click="rowClick">
          <el-table-column v-if="active==1" :selectable="selectable" type="selection" width="60"></el-table-column>
          <el-table-column align="center" label="序号" type="index" width="65"></el-table-column>
          <el-table-column align="center" label="样品名称" min-width="100" prop="sample">
            <template slot-scope="scope">
              <el-input v-model="scope.row.sample" :disabled="active>1" clearable size="small"></el-input>
            </template>
          </el-table-column>
          <el-table-column align="center" label="样品编号" min-width="100" prop="sampleCode">
            <template slot-scope="scope">
              <el-input v-model="scope.row.sampleCode" :disabled="active>1" clearable placeholder="不填写则系统自动生成"
                size="small"></el-input>
            </template>
          </el-table-column>
          <el-table-column align="center" label="样品型号" min-width="60" prop="model">
            <template slot-scope="scope">
              <el-select v-model="scope.row.model" :disabled="active>1" allow-create default-first-option filterable
                placeholder="样品型号" size="small" style="width: 100%;" @change="handleChangeModel">
                <el-option v-for="item in models" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column v-if="!(active>1)" align="center" label="芯数" prop="cores" width="130">
            <template slot-scope="scope">
              <el-input v-model="scope.row.cores" clearable placeholder="非必填" size="small"
                        @input="spliceString(scope.row, scope.row.standardMethodListId, 'cores')"></el-input>
            </template>
          </el-table-column>
          <el-table-column v-if="!(active>1)" align="center" label="型号参数" prop="modelNum" width="110">
            <template slot-scope="scope">
              <el-input v-model="scope.row.modelNum" clearable placeholder="非必填" size="small"
                @input="methodChange(scope.row.standardMethodListId, scope.row, 'splice')"></el-input>
            </template>
          </el-table-column>
          <el-table-column v-if="!(active>1)" align="center" label="最终样品型号" prop="endModels" width="160">
            <template slot-scope="scope">
              <el-input v-model="scope.row.endModels" clearable placeholder="非必填" size="small"></el-input>
            </template>
          </el-table-column>
          <el-table-column align="center" label="检验标准" min-width="100" prop="standardMethodListId">
            <template slot-scope="scope">
              <el-select v-model="scope.row.standardMethodListId" :disabled="scope.row.model==null||active>1"
                :loading="methodLoad" :readonly="active>1" clearable placeholder="检验标准"
                size="small" style="width: 100%;" @change="(value)=>methodChange(value, scope.row)" @clear="productList = []" @focus="methodFocus">
                <el-option v-for="item in methods" :key="item.id" :label="item.code" :value="item.id">
                </el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column v-if="!(active>1)" align="center" label="导体材质" prop="conductorMaterial" width="100">
            <template slot-scope="scope">
              <el-input v-model="scope.row.conductorMaterial" clearable placeholder="非必填" size="small"
                        @input="spliceString(scope.row, scope.row.standardMethodListId)"></el-input>
            </template>
          </el-table-column>
          <el-table-column v-if="!(active>1)" align="center" label="导体类型" prop="conductorType" width="100">
            <template slot-scope="scope">
              <el-input v-model="scope.row.conductorType" clearable placeholder="非必填" size="small"
                        @input="spliceString(scope.row, scope.row.standardMethodListId)"></el-input>
            </template>
          </el-table-column>
        </el-table>
        <el-table ref="productTable" v-loading="getProductLoad" :data="productList" :row-class-name="tableRowClassName" border class="el-table"
          max-height="400px" style="margin-bottom: 10px;" tooltip-effect="dark"
          @select="selectOne" @selection-change="selectProduct" @select-all="handleAll">
          <el-table-column v-if="active==1" :selectable="selectable0" type="selection" width="65"></el-table-column>
          <el-table-column label="检验项分类" min-width="140" prop="inspectionItemClass" show-overflow-tooltip></el-table-column>
          <el-table-column label="检验项" min-width="140" prop="inspectionItem" show-overflow-tooltip>
            <template slot="header" slot-scope="scope">
              <div style="display: flex;align-items: center;flex-direction: column;font-size: 14px">
                <span>检验项</span>
                <el-input
                  v-if="active==1"
                v-model="inspectionItem"
                placeholder="请输入"
                size="mini"
                @input="searchFilterList"/>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="检验项子项" min-width="140" prop="inspectionItemSubclass"
            show-overflow-tooltip>
            <template slot="header" slot-scope="scope">
              <div style="display: flex;align-items: center;flex-direction: column;font-size: 14px">
                <span>检验项子项</span>
                <el-input
                  v-if="active==1"
                  v-model="inspectionItemSubclass"
                  placeholder="请输入"
                  size="mini"
                  @input="searchFilterList"/>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="要求值" min-width="220px" prop="ask">
            <template slot-scope="scope">
              <el-input v-if="(active==1||tabIndex==4)&&(isAskOnlyRead || isSpecial)&&scope.row.inspectionValueType!='5'" v-model="scope.row.ask" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="要求值"
                        size="small" type="textarea"
                        @change="e=>requestChange(e,scope.row,'ask')"></el-input>
              <span v-else>
                <template >{{ scope.row.ask }}</template>
              </span>
            </template>
          </el-table-column>
          <el-table-column label="要求描述" min-width="220px" prop="tell">
            <template slot-scope="scope">
              <el-input v-if="(active==1||tabIndex==4)&&(isAskOnlyRead || isSpecial)" v-model="scope.row.tell" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="要求描述"
                size="small" type="textarea"
                @change="e=>requestChange(e,scope.row,'tell')"></el-input>
              <span v-else>
                <template >{{ scope.row.tell }}</template>
              </span>
            </template>
          </el-table-column>
          <el-table-column label="条件" min-width="140" prop="radius" show-overflow-tooltip>
            <template slot-scope="scope">
              <el-input v-if="(active==1||tabIndex==4)&&(isAskOnlyRead || isSpecial)" v-model="scope.row.radius" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="条件"
                        size="small" type="textarea"
                        @change="e=>requestChange(e,scope.row,'radius')">
              </el-input>
<!--              <el-select v-else-if="scope.row.inspectionItem.includes('高温压力试验') && (active==1||tabIndex==4)" v-model="scope.row.radius" clearable-->
<!--                         placeholder="条件"-->
<!--                         size="small" @change="e=>requestChange(e,scope.row,'radius')">-->
<!--                <el-option v-for="(a,i) in JSON.parse(scope.row.radiusList)" :key="i" :label="a" :value="a"></el-option>-->
<!--              </el-select>-->
              <span v-else>{{scope.row.radius}}</span>
            </template>
          </el-table-column>
          <el-table-column label="试验方法" min-width="120" prop="methodS" show-overflow-tooltip>
            <template slot="header" slot-scope="scope">
              <div style="display: flex;align-items: center;flex-direction: column;font-size: 14px">
                <span>试验方法</span>
                <el-input
                  v-if="active==1"
                  v-model="methodS"
                  placeholder="请输入"
                  size="mini"
                  @input="searchFilterList"/>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="计量单位" prop="unit" show-overflow-tooltip width="100"></el-table-column>
          <el-table-column label="单价" prop="price" show-overflow-tooltip width="100"></el-table-column>
          <!-- <el-table-column prop="manDay" label="预计时间(天)" width="120" show-overflow-tooltip></el-table-column>
          <el-table-column prop="manHour" label="工时系数" width="100" show-overflow-tooltip></el-table-column> -->
          <!-- <el-table-column prop="deviceGroup" label="设备组" width="120" show-overflow-tooltip></el-table-column> -->
          <el-table-column label="区间" min-width="120" prop="section" show-overflow-tooltip></el-table-column>
          <el-table-column :filter-method="filterHandler" :filters="filters" label="子实验室" min-width="130" prop="sonLaboratory"
            show-overflow-tooltip></el-table-column>
            <el-table-column v-if="isSpecial&&active==1"
            fixed="right"
            label="操作"
            width="100">
            <template slot-scope="scope">
              <el-button v-if="!scope.row.repetitionTag" size="small" type="text" @click="addProductList(productList,scope.row,scope.$index)">插入行</el-button>
              <el-button v-if="!!scope.row.repetitionTag&&scope.row.delete" size="small" type="text" @click="deleteProductList(scope.$index,productList)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <el-dialog :visible.sync="selectUserDia" title="选择单位" width="70%">
      <div v-if="selectUserDia" class="body" style="height: 60vh;">
        <ValueTable ref="ValueTable2" :componentData="componentData2" :url="$api.user.selectCustomPageList" />
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="selectUserDia = false">取 æ¶ˆ</el-button>
        <el-button type="primary" @click="selectUser">ç¡® å®š</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="selectStandardTree" title="选择样品" width="500px">
      <div v-if="selectStandardTree" v-loading="selectStandardTreeLoading" class="body"  style="height: 60vh;overflow-y: auto;user-select: none;">
        <el-row>
          <el-col :span="24">
            <el-input v-model="search" clearable placeholder="输入关键字进行搜索" size="small"
              style="margin-bottom: 5px;" suffix-icon="el-icon-search" @blur="searchFilter" @clear="searchFilter"
              @keyup.enter.native="searchFilter"></el-input>
          </el-col>
        </el-row>
        <el-tree ref="tree" :data="list" :default-expanded-keys="expandedKeys" :filter-node-method="filterNode"
          :props="{ children: 'children', label: 'label' }" highlight-current node-key="label" @node-click="handleNodeClick"
          @node-expand="nodeOpen" @node-collapse="nodeClose" @dblclick.native="activeStandardTree">
          <div slot-scope="{ node, data }" class="custom-tree-node">
            <el-row>
              <el-col :span="24">
                <span><i
                    :class="`node_i ${data.children != undefined ? (data.code==='[1]'?'el-icon-folder-opened':'el-icon-folder') : 'el-icon-tickets'}`"></i>
                  {{ data.code }} {{ data.label }}</span>
              </el-col>
            </el-row>
          </div>
        </el-tree>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="selectStandardTree = false">取 æ¶ˆ</el-button>
        <el-button type="primary" @click="activeStandardTree">ç¡® å®š</el-button>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="templateDia" title="保存模板" width="400px">
      <div v-if="templateDia" class="body" style="display: flex;align-items: center;">
        <div class="search_label" style="width: 90px;"><span class="required-span">* </span>模板名称：</div>
        <div class="search_input">
          <el-input v-model="templateName" clearable size="small"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="templateDia = false">取 æ¶ˆ</el-button>
        <el-button :loading="templateLoading" type="primary" @click="addTemplateDia">ç¡® å®š</el-button>
      </span>
    </el-dialog>
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" :visible.sync="issuedDialogVisible"
    title="检验下发" width="400px">
      <div class="body" style="max-height: 60vh;">
        <el-row>
          <el-col :span="22" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>约定时间：</div>
            <div class="search_input">
              <el-date-picker v-model="distributeData.appointed" format="yyyy-MM-dd" placeholder="选择日期" size="small"
                style="width: 100%;" type="date" value-format="yyyy-MM-dd">
              </el-date-picker>
            </div>
          </el-col>
          <el-col :span="22" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>指派人员：</div>
            <div class="search_input">
              <el-select v-model="distributeData.userId" filterable placeholder="请选择" size="small" style="width: 100%;" @change="changeUser">
                <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </div>
          </el-col>
          <el-col v-if="distributeData.userId" :span="22" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>试验室：</div>
            <div class="search_input">
              <el-select v-model="distributeData.sonLaboratory" filterable placeholder="请选择" size="small" style="width: 100%;">
                <el-option v-for="item in sonLaboratoryList" :key="item.value" :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="issuedDialogVisible=false;$parent.playOrder(0)">取 æ¶ˆ</el-button>
          <el-button :loading="upLoad" type="primary" @click="submitForm2">ç¡® å®š</el-button>
        </el-row>
      </span>
    </el-dialog>
    <el-dialog :visible.sync="noDialogVisible" title="不通过原因" width="400px">
      <div class="body" style="max-height: 60vh;">
        <el-row>
          <el-col :span="22" class="search_thing">
            <div class="search_label"><span class="required-span">* </span>不通过原因：</div>
            <div class="search_input">
              <el-input v-model="tell" placeholder="请输入不通过原因" size="small"></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 :loading="noLoading" type="primary" @click="submitTell">ç¡® å®š</el-button>
        </el-row>
      </span>
    </el-dialog>
    <fiberOpticConfig v-if="configShow && examine==0" :active="active" :currentId="currentId" :inspectionItemST='inspectionItemST' @saveFiberopticConfig="getTotal()" />
    <fiberOpticConfigTwo v-if="configShow && examine==1"  :active="active" :currentId="currentId" />
    <!--子样品配置-->
    <equipConfig v-if="equipConfigShow" :active="active" :currentId="currentId" />
    <!--电缆配置-->
    <cableConfig v-if="cableConfigShow" ref="cableConfigShow" :active="active" :isSpecial="isSpecial" :sampleSelectionList="sampleSelectionList" @goBackAdd="goBackAdd"/>
    <!--辅助线芯配置-->
    <auxiliary-wire-core v-if="auxiliaryShow" :active="active" :isSpecial="isSpecial" :sampleSelectionList="sampleSelectionList" @goBackAdd2="goBackAdd2"></auxiliary-wire-core>
    <!--特殊值处理框-->
    <el-dialog :before-close="beforeClose" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false"
               :visible.sync="bsm1DiaAll"
               min-width="400px"
               title="检测到特殊项，请作出以下选择">
      <div v-for="(item, index) in bsm1DiaList" :key="item.id" class="body" style="max-height: 60vh;">
        <span>{{item.inspectionItem}}</span>
        <el-row v-if="item.bsm1">
          <el-col :span="24" class="search_thing" style="height: initial;margin: 5px 0;">
            <div class="search_label" style="width: 80px;"><span class="required-span">* </span>选项：</div>
            <div class="search_input">
              <el-radio-group v-model="item.bsm1Val" v-removeAriaHidden @input="upBsmAll(item)">
                <el-radio v-for="(a, ai) in JSON.parse(item.bsmRow.sectionCopy)" :key="ai" :label="a" style="margin-bottom: 2px;margin-top: 2px;"></el-radio>
              </el-radio-group>
            </div>
          </el-col>
          <el-col :span="24" class="search_thing" style="height: initial;margin: 5px 0;">
            <div class="search_label" style="width: 80px;">要求值：</div>
            <div class="search_input">
              <el-radio-group v-model="item.bsm1Val" v-removeAriaHidden @input="upBsmAll(item)">
                <el-radio v-for="(a, ai) in JSON.parse(item.bsmRow.sectionCopy)" :key="ai"
                          :label="a">{{JSON.parse(item.bsmRow.askCopy)[ai]}}</el-radio>
              </el-radio-group>
            </div>
          </el-col>
        </el-row>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button :loading="saveLoad" type="primary" @click="save1">ç¡® å®š</el-button>
        </el-row>
      </span>
    </el-dialog>
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false"
               :show-close="false" :visible.sync="bsm3Dia"
               title="区间值填写" width="800px">
      <el-table
      :data="editTable"
      height="80vh" style="width: 100%">
      <!-- inspectionItemList -->
      <el-table-column
          label="检验项"
          prop="inspectionItemList"
          width="180">
        </el-table-column>
        <el-table-column
          label="样品编号"
          prop="sampleCode"
          width="180">
        </el-table-column>
        <el-table-column
          label="样品型号"
          prop="model"
          width="180">
        </el-table-column>
        <el-table-column
          label="识别符号"
          prop="symbolItem">
        </el-table-column>
        <el-table-column
          label="识别符值"
          prop="value">
          <template slot-scope="scope">
            <el-input v-model="scope.row.value" placeholder="请输入" size="small" @input="inputValueHandler(scope.row,scope.$index)"></el-input>
          </template>
        </el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button @click="bsm3Dia=false">取 æ¶ˆ</el-button>
          <el-button :loading="saveLoad" type="primary" @click="save0">ç¡® å®š</el-button>
        </el-row>
      </span>
    </el-dialog>
    <el-dialog :before-close="beforeCirculateShowClose" :close-on-click-modal="false" :close-on-press-escape="false"
               :show-close="false" :visible.sync="circulateShow"
               title="温度循环要求填写" width="900px">
      <div class="search" style="display: flex;background: transparent;">
        <div class="search_thing">
          <div class="search_label">保温时间：</div>
          <div class="search_input">
            <el-input v-model="circulateForm.entrustTime" placeholder="" size="small" type="number"></el-input>
          </div>
        </div>
        <div class="search_thing">
          <div class="search_label">循环次数：</div>
          <div class="search_input">
            <el-input v-model="circulateForm.entrustNum" placeholder="" size="small" type="number"></el-input>
          </div>
        </div>
        <div class="search_thing">
          <div class="search_label">温度点：</div>
          <div class="search_input">
            <el-input v-model="circulateForm.entrustPoint" placeholder="" size="small" type="number" @blur="changeTemperatureData"></el-input>
          </div>
        </div>
      </div>
      <div class="circulateTable">
        <div class="opticalProject">
          <div style="line-height: 30px;">光纤项目</div>
          <el-divider></el-divider>
          <div>
            <el-table
              ref="multipleTable"
              :cell-style="{'text-align':'center'}"
              :data="opticalProject"
              :header-cell-style="{'text-align':'center'}"
              border
              style="width: 100%"
              tooltip-effect="dark"
              @select="selectOpticalProject"
              @row-click="rowClickOptical"
              @select-all="selectAllOptical"
              @selection-change="handleSelectionChange">
              <el-table-column
                type="selection"
                width="55">
              </el-table-column>
              <el-table-column label="光纤项目" prop="value" show-overflow-tooltip></el-table-column>
            </el-table>
          </div>
        </div>
        <div class="temperatureList">
          <div class="temperatureListTitle">
            <span>温度点集合</span>
            <span>
              <el-button size="mini" type="primary" @click="addTemperatureData">新增</el-button>
              <el-button size="mini" @click="deleteTemperatureData">删除</el-button>
            </span>
          </div>
          <el-divider></el-divider>
          <el-table
            :cell-style="{'text-align':'center'}"
            :data="temperatureData"
            :header-cell-style="{'text-align':'center'}"
            border
            style="width: 100%">
            <el-table-column label="温度点(℃)" prop="date" width="120px">
              <template slot-scope="scope">
                <el-input v-model="scope.row.temperaturePoint" clearable placeholder="请输入" size="small" @change="changeTemperature"></el-input>
              </template>
            </el-table-column>
            <el-table-column label="要求(dB/Km)" prop="name">
              <template slot-scope="scope">
                <span>x</span>
                <el-select v-model="scope.row.askSymbol" placeholder="请选择" size="small" style="width: 120px" @change="changeTemperature">
                  <el-option v-for="item in temperatureDataList" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
                <el-input v-model="scope.row.askNum" clearable placeholder="请输入" size="small" style="width: 120px" @change="changeTemperature"></el-input>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cleanSpliceData">取消</el-button>
        <el-button type="primary" @click="spliceData">保存</el-button>
      </span>
    </el-dialog>
    <el-dialog :before-close="beforeCirculateShowClose" :close-on-click-modal="false" :close-on-press-escape="false"
               :show-close="false" :visible.sync="singleVerticalCombustionShow"
               title="单根垂直燃烧检测次数填写" width="900px">
      <div>111</div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cleanSpliceData">取消</el-button>
        <el-button type="primary" @click="spliceData">保存</el-button>
      </span>
    </el-dialog>
    <!-- ç”µåŠ›è¯•éªŒå®¤---温升试验/热循环 -->
    <el-dialog :before-close="temperatureShowClose" :close-on-click-modal="false"
               :close-on-press-escape="false" :show-close="false"
               :title="temperatureTitle" :visible.sync="temperatureShow" width="260px">
      <div>
        <div v-if="isShowInput" style="margin-bottom: 6px">
          <span>循环次数:</span>
          <!-- <el-input size="small" type="number" v-model="temperatureTestNum" style="width: 120px"></el-input> -->
          <el-input-number v-model="temperatureTestNum" :max="1000000" :min="2" label="" size="small"></el-input-number>
        </div>
        <el-checkbox-group v-model="temperatureTest" style="display: flex;flex-direction: column;" @change="handleTemperatureTestChange">
          <el-checkbox v-for="item in temperatureList" :key="item" :label="item" style="margin-bottom: 6px">{{item}}</el-checkbox>
        </el-checkbox-group>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cleanTemperatureTest">取消</el-button>
        <el-button type="primary" @click="spliceTemperatureTest">保存</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
// import ValueTable from '../../tool/value-table.vue'
// import fiberOpticConfig from './fiberoptic-config.vue'
// import fiberOpticConfigTwo from './fiberoptic-config-two.vue'
// import equipConfig from './equip-config.vue'
// import cableConfig from './cable-config.vue'
// import Vue from 'vue'
// import {iuCharts} from "../../../util/echarts";
// import AuxiliaryWireCore from "./auxiliaryWireCore.vue";

export default {
    components: {
      // AuxiliaryWireCore,
      // ValueTable,
      // fiberOpticConfig,
      // fiberOpticConfigTwo,
      // equipConfig,
      // cableConfig
    },
    props: {
      currentId: {
        type: Number,
        default: () => 0
      },
      tabIndex:{
        type: Number,
        default: () => 0
      }
    },
    data() {
      return {
        examine: '',
        active: '',
        inspectionItemST: null,
        sampleSelectionList: [],//样品表格选中数据
        editTable:[],
        template: null,
        templates: [],
        addObj: {
          entrustCode: null,
          custom: null,
          company: null,
          userId: null,
          type: '0',
          code: null,
          appointed: null,
          remark: null, // å¤‡æ³¨
          remarkEn: null, // å¤‡æ³¨è‹±æ–‡
          sample: null,
          factory: null,
          laboratory: null,
          sampleType: null,
          sampleNum: 1,
          unit: null,
          model: null,
          method: null,
          phone: null,
          processing: 1,
          isLeave: 0,
          orderType: null,
          send: 1,
          formType: '送检', //  æ¥æ ·æ–¹å¼
          sampleStatus: 'In good condition', // æ ·å“çŠ¶æ€
          testQuantity: '', // æ ·å“çŠ¶æ€
          production: null,
          productionEn: null,
          companyId: null,
          prepareUser:null, // å§”托人
          prepareUserEn:null, // å§”托人英文
          prepareCode: '', // å§”托人工号
          quarterItemId: '',
          sampleView: '', // æ ·å“åç§°ï¼ˆæŠ¥å‘Šå±•ç¤ºå­—段）
          sampleViewEn: '', // æ ·å“åç§°è‹±æ–‡ï¼ˆæŠ¥å‘Šå±•ç¤ºå­—段）
        },
        sample: {
          sampleCode: null,
          laboratory: null,
          factory: null,
          sampleType: null,
          sample: null,
          model: null,
          modelNum: null,
          sampleNum: 1,
          isLeave: 0,
          unit: null
        },
        type: [],
        selectUserDia: false,
        componentData2: {
          entity: {
            orderBy: {
              field: 'id',
              order: 'desc'
            }
          },
          isIndex: true,
          showSelect: true,
          select: false,
          do: [],
          tagField: {
            state: {
              select: [{
                value: 1,
                type: 'success',
                label: '启用'
              }, {
                value: 0,
                type: 'danger',
                label: '停用'
              }]
            }
          },
          selectField: {},
        },
        selectStandardTree: false,
        search: null,
        list: [],
        selectStandardTreeLoading: false,
        selectTree: null,
        sampleViewEn: null,
        expandedKeys: [],
        sampleList: [],
        sampleIds: [],
        methodList: [],
        addSampleDia: false,
        count: 1,
        productList: [],
        productList0: [],
        bsm1DiaList: [],
        productIds: [],
        productListSelected: [],
        getProductLoad: false,
        saveLoad: false,
        templateDia: false,
        templateLoading: false,
        templateName: '',
        issuedDialogVisible: false,
        distributeData: {
          appointed: '',
          userId: '',
          sonLaboratory:''
        },
        personList: [],
        upLoad: false,
        units: [],
        models: [],
        methods: [],
        methodLoad: false,
        noDialogVisible: false,
        tell: '',
        noLoading: false,
        orderType: [],
        filters: [],
        formType: [],
        configShow: false,
        currentMethod: null,
        isAskOnlyRead: false,
        sampleId: null,
        bsmRow: null,
        bsm1: false,
        bsm1Val: null,
        bsm1DiaAll: false,
        equipConfigShow: false,
        cableConfigShow: false,
        auxiliaryShow: false,
        bsm2: false,
        bsm2Val: null,
        bsm2Dia: false,
        bsm2Val2: [],
        bsm2Val3: [],
        bsmRow3: null,
        bsm3Val: null,
        bsm3Dia: false,
        // total: 0,
        RTS: '',
        totalArr: [],
        model: null,
        standardMethodListId: null,
        symbolList:['RTS'],
        inspectionItem:null,
        inspectionItemSubclass:null,
        methodS:null,
        circulateShow:false,
        circulateForm:{
          entrustTime: '',
          entrustNum: '',
          entrustPoint: ''
        },
        singleVerticalCombustionShow: false,
        isBsm2Val2:false,
        opticalProject: [], // æ¸©åº¦å¾ªçŽ¯å¼¹æ¡†å…‰çº¤é¡¹ç›®åˆ—表
        opticalProjectList: [], // æ¸©åº¦å¾ªçŽ¯å¼¹æ¡†å…‰çº¤é¡¹ç›®é€‰ä¸­çš„数组
        temperatureData: [], // æ¸©åº¦å¾ªçŽ¯å¼¹æ¡†æ¸©åº¦ç‚¹é›†åˆåˆ—表
        temperatureDataList: [
          {label: '<', value: '<'},
          {label: '≤', value: '≤'},
          {label: '=', value: '='},
          {label: '≥', value: '≥'},
          {label: '>', value: '>'},
        ],
        temperatureShow: false, // æ¸©å‡è¯•éªŒæ£€éªŒé¡¹å¼¹æ¡†
        temperatureTest: [],
        temperatureList: [],
        temperatureEngList: [],
        temperatureTitle: '',
        temperatureTestNum: '',
        isShowInput: false,
        temId: '',
        sonLaboratoryList:[],
        selectiveEcho: [], // æ£€éªŒä¸‹å•çš„时候勾选检验项目,如果使用筛选提交显示检验项目为空 å›žæ˜¾åˆ—表
        sampleStatusList: [], // æ ·å“çŠ¶æ€ä¸‹æ‹‰æ¡†æ•°æ®
        quarterItemOptions: [], // æŸ¥è¯¢å­£åº¦ä¿¡æ¯
        specialStandardMethod: '',
        isSpecial: false,
        userList: [],
      }
    },
    watch: {
      sampleList() {
        this.addObj.method = null
        this.productList = []
      },
      productList: {
        deep: true,
        handler(val) {
          if (val && val.length > 0) {
            let arr = [];
            val.forEach(item => {
              if (item.sonLaboratory && !arr.find(a => a.value == item.sonLaboratory)) {
                arr.push({
                  text: item.sonLaboratory,
                  value: item.sonLaboratory
                })
              }
            })
            this.filters = arr
          }
        }
      },
      productListSelected: {
        deep: true,
        handler(val) {
          if(val.length>0){
            for(let i =0 ; i< val.length; i++){
              if(val[i].inspectionItem.includes('松套管')){
                this.inspectionItemST = 1
                break;
              }else{
                this.inspectionItemST = 0
              }
            }
          }else{
            this.inspectionItemST = 0
          }
        }
      },
      sampleList: {
        deep: true,
        handler(val) {
          this.getTotal()
        }
      },
      'addObj.sample'(val) {
        this.model = null
        this.standardMethodListId = null
      },
      'addObj.sampleNum'(val) {
        this.model = null
        this.standardMethodListId = null
      },
      tabIndex(val){
        if(val==4&&this.active==2){
          this.isSpecial = true
        }else{
          this.isSpecial = false
        }
      }
    },
    mounted() {
      this.active = this.$route.query.active
      this.examine = this.$route.query.examine
      this.selectEnumByCategoryForType()
      this.getUserNow()
      this.selectStandardTreeList()
      // this.selectInsOrderTemplate()
      this.getAuthorizedPerson();
      this.selectEnumByCategoryForUnit()
      this.selectStandardMethods()
      this.selectEnumByCategoryForOrderType()
      // this.selectEnumByCategoryForSonLaboratory()
      this.selectEnumByCategoryForSampleForm() // æ¥æ ·æ–¹å¼å­—å…¸
      this.selectSampleStatus() // æ ·å“çŠ¶æ€å­—å…¸
      // this.getUserList()
      this.getPrepareUser() // å¤åˆ¶å½“前账号人为委托人
      if (this.active != 1) {
        // æŸ¥çœ‹/审核流程
        // è¯·æ±‚接口，回显数据
        this.$axios.post(this.$api.insOrder.getInsOrder, {
          orderId: this.currentId
        }).then(res => {
          this.addObj = {
            ...res.data.insOrder
          };
          this.addObj.type = String(this.addObj.type)
          this.sampleList = this.HaveJson(res.data.sampleProduct);
          this.specialStandardMethod = this.sampleList[0].specialStandardMethod
          this.getProNum()
          this.addObj.sampleNum = this.sampleList.length
          this.$nextTick(() => {
            this.$refs.sampleTable.doLayout()
            if (this.addObj.sampleNum > 0) {
              this.$refs.sampleTable.setCurrentRow(this.sampleList[0], true)
              this.rowClick(this.sampleList[0])
            }
          })
        })
      }
      if(this.tabIndex==4&&this.active==2){
        this.isSpecial = true
      }else{
        this.isSpecial = false
      }
    },
    methods: {
      getPrepareUser () {
        this.addObj.prepareUser = JSON.parse(localStorage.getItem("user")).name;
        this.addObj.prepareUserEn = JSON.parse(localStorage.getItem("user")).nameEn
        this.addObj.prepareCode = JSON.parse(localStorage.getItem("user")).account
      },
      getUserList(){
        this.$axios.post(this.$api.user.selectUserList, {
          page: {current: -1, size: -1,},
          entity: {name: null}
        }, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(res => {
          if (res.code === 201) {
            return
          }
          this.userList = res.data.body.records
        })
      },
      // ç¼–辑要求值表格
      editSpecial () {
        this.isSpecial = true
      },
      getQuarterOnOrder () {
        this.$axios.get(this.$api.finishProductSpotCheck.getQuarterOnOrder).then(res => {
          if (res.code === 200) {
            console.log('res----', res)
            this.quarterItemOptions = res.data
          }
        })
      },
      handleChange () {

      },
      //特殊值填写处理
      inputValueHandler(row,index){
        if(row){
          const nextIndex = index+1
          for (let i = nextIndex; i < this.editTable.length; i++) {
            const element = this.editTable[i];
            if(element.model==row.model&&row.symbolItem==element.symbolItem){
              this.editTable[i].value = row.value
            }
          }
        }
      },
      spliceData () {
        if (!this.circulateForm.entrustNum || !this.circulateForm.entrustTime || !this.circulateForm.entrustPoint || this.opticalProjectList.length === 0 || this.temperatureData.length === 0) {
          this.$message.error('请填写完整数据')
          return
        }
        // æ‹¼æŽ¥è¦æ±‚值ask
        const opticalProjectList = JSON.parse(JSON.stringify(this.opticalProjectList))
        opticalProjectList.forEach(o => {
          o.temperatureData.forEach(t => {
            if (!t.temperaturePoint || !t.askSymbol || !t.askNum) {
              throw this.$message.error('请填写完整数据')
            }
          })
          if (!o.temperatureData.some(item => item.temperaturePoint == '20')) {
            throw this.$message.error(`${o.value + '波长没有配置20℃温度点'}`)
          }
        })
        let entrustTime = this.circulateForm.entrustTime
        let entrustNum = this.circulateForm.entrustNum
        let opticalProjectList2 = JSON.parse(JSON.stringify(this.opticalProjectList))
        let askArr = []
        let opticalProjectArr = []
        opticalProjectList.forEach(o => {
          opticalProjectArr.push(o.value)
          o.temperatureData.unshift({temperaturePoint: 20})
          o.temperatureData.forEach(t => {
            if (!t.askSymbol) {
                  const askObj = t.temperaturePoint + '℃(常温)' + ',' + o.value + ',' + null
                  askArr.push(askObj)
                } else {
                  const askObj = t.temperaturePoint + '℃' + ',' + o.value + ',' + t.askSymbol + t.askNum
                  askArr.push(askObj)
                }
          })
        })
        askArr.push(this.circulateForm.entrustNum)
        const ask = askArr.join(';')
        // æ‹¼æŽ¥è¦æ±‚描述tell
        let askNum = []
        let temperaturePointList = []
        let temperaturePointList2 = []
        entrustTime = entrustTime + 'h'
        entrustNum = entrustNum + '次'
        opticalProjectList2.forEach(o => {
          o.temperatureData.forEach(t => {
            t.temperaturePoint = t.temperaturePoint + '℃'
            temperaturePointList2.push(t.temperaturePoint)
            temperaturePointList.push(t.temperaturePoint)
            askNum.push(t.askSymbol + t.askNum + 'dB/Km')
          })
        })
        temperaturePointList = Array.from(new Set(temperaturePointList))
        temperaturePointList2 = Array.from(new Set(temperaturePointList2))
        temperaturePointList2.unshift(20 + '℃(常温)')
        let additionArr = []
        askNum.forEach(a => {
          additionArr.push(temperaturePointList.join(',') + a)
        })
        additionArr = Array.from(new Set(additionArr))
        const tell = '温度范围:' + temperaturePointList2.join(',') + ';' + '保温时间:' + entrustTime + ';' + '循环次数:'
          + entrustNum + ';' + '光纤(' + opticalProjectArr.join(',') + ')' + '附加衰减绝对值:' + additionArr.join(';')
        this.productList.forEach(item => {
          if (item.inspectionItem === '温度循环') {
            item.ask = ask
            item.tell = tell
          }
        })
        this.circulateShow = false
        this.changeProductList0()
        this.currentMethod.insProduct = this.productList0
        this.getProNum()
      },
      spliceTemperatureTest () {
        if (this.temperatureTest.length === 0) {
          this.$message.error('请选择')
          return
        }
        let askStr = ''
        let askArr1 = []
        let askArr2 = ''
        let ask = ''
        let index = ''
        this.temperatureTest.map(val => {
          index = this.temperatureEngList.findIndex(item => item.label === val)
          if (index > -1) {
            askStr = val + ',' + this.temperatureEngList[index].value
          }
          askArr1.push(askStr)
        })

        if (this.temperatureTitle === '温升试验要求填写') {
          askArr2 = askArr1.join(';')
          ask = askArr2 + ';1'
        } else {
          if (!this.temperatureTestNum) {
            this.$message.error('请填写循环次数')
            return
          }
          askArr2 = askArr1.join(';')
          ask = askArr2 + ';' + this.temperatureTestNum
        }
        this.productList.forEach(item => {
          if (item.id === this.temId) {
            item.ask = ask
            item.tell = ask
          }
        })
        this.temperatureShow = false
      },
      temperatureShowClose () {
        if (this.temperatureTitle === '热循环要求填写' && !this.temperatureTestNum) {
          this.$message.error('请填写循环次数')
          return
        }
        if (this.temperatureTest.length === 0) {
          this.$message.error('请选择')
          return
        }
        this.spliceTemperatureTest()
      },
      cleanTemperatureTest () {
        this.temperatureTest = []
        this.temperatureTestNum = ''
        this.temperatureShow = false
      },
      cleanSpliceData () {
        this.circulateForm.entrustNum = null
        this.circulateForm.entrustTime = null
        this.circulateForm.entrustPoint = null
        this.opticalProjectList = []
        this.$refs.multipleTable.clearSelection()
        this.temperatureData = []
        this.circulateShow = false
      },
      beforeCirculateShowClose () {
          if (!this.circulateForm.entrustNum || !this.circulateForm.entrustTime || !this.circulateForm.entrustPoint || this.opticalProjectList.length === 0 || this.temperatureData.length === 0) {
            this.$message.error('请填写完整数据')
            return
          }
          // æ‹¼æŽ¥è¦æ±‚值ask
          const opticalProjectList = JSON.parse(JSON.stringify(this.opticalProjectList))
          opticalProjectList.forEach(o => {
            o.temperatureData.forEach(t => {
              if (!t.temperaturePoint || !t.askSymbol || !t.askNum) {
                throw this.$message.error('请填写完整数据')
              }
            })
            if (!o.temperatureData.some(item => item.temperaturePoint == '20')) {
              throw this.$message.error(`${o.value + '波长没有配置20℃温度点'}`)
            }
          })
          this.spliceData()
      },

      handleTemperatureTestChange (value) {
      },
      handleSelectionChange(val) {
        this.opticalProjectList = val;
      },
      selectAllOptical (val) {
        if (val.length > 0) {
          if (val[val.length-1].temperatureData) {
            this.temperatureData = this.HaveJson(val.temperatureData)
          } else {
            this.temperatureData = []
          }
        } else {
          this.temperatureData = []
        }
        this.circulateForm.entrustPoint = this.temperatureData.length
      },
      selectOpticalProject (val) {
        if (val.temperatureData) {
          this.temperatureData = this.HaveJson(val.temperatureData)
        } else {
          this.temperatureData = []
        }
        this.circulateForm.entrustPoint = this.temperatureData.length
      },
      rowClickOptical (val) {
        const index = this.opticalProjectList.findIndex(item => item.value === val.value)
        if (index > -1 && val.temperatureData) {
          this.temperatureData = this.HaveJson(val.temperatureData)
        }
        this.circulateForm.entrustPoint = this.temperatureData.length
      },
      changeTemperature () {
        this.opticalProjectList.forEach(item => {
          item.temperatureData = this.HaveJson(this.temperatureData)
        })
      },
      addTemperatureData () {
        const obj = {}
        this.temperatureData.push(obj)
        this.circulateForm.entrustPoint = this.temperatureData.length
      },
      deleteTemperatureData () {
        if (this.temperatureData.length > 0) {
          this.temperatureData = this.temperatureData.slice(0,-1)
        }
        this.circulateForm.entrustPoint = this.temperatureData.length
      },
      changeTemperatureData () {
        const length = this.temperatureData.length
        const entrustPoint = Number(this.circulateForm.entrustPoint)
        if (entrustPoint > length) {
          for (let i = 0; i < (entrustPoint - length); i++) {
            const obj = {}
            this.temperatureData.push(obj)
          }
        } else if (entrustPoint < length) {
          const deleteNum = length - entrustPoint
          this.temperatureData = this.temperatureData.slice(0,-deleteNum)
        }
      },
      changeProductList0(){
        this.productList0.forEach(a=>{
          let obj = this.productList.find(m => {
            if(a.repetitionTag){
              return m.id === a.id&&m.repetitionTag == a.repetitionTag
            }else{
              return m.id === a.id&&!m.repetitionTag
            }
          })

          if(obj){
            a.state = obj.state
            a.section = obj.section
            a.ask = obj.ask
            a.manHour = obj.manHour
            a.price = obj.price
            a.tell = obj.tell
            a.radius = obj.radius
          }
          if(a.state == 0&&a.bsmRow){
            a = this.HaveJson(a.bsmRow)
          }
        })
      },
      searchFilterList () {
        const vtw = {
          inspectionItem: this.inspectionItem, // æ£€éªŒé¡¹
          inspectionItemSubclass: this.inspectionItemSubclass, // æ£€éªŒé¡¹å­é¡¹
          methodS: this.methodS, // è¯•éªŒæ–¹æ³•
        }
        const isHaveValue = Object.values(vtw).some(item => {
          return item
        })
        this.changeProductList0()
        if (isHaveValue) {
          for(let i in vtw) {
            if (vtw[i]) {
              this.productList = this.productList0.filter((item) => {
                return item[i] && item[i].includes(vtw[i])
              })
            }
          }
          this.$nextTick(()=>{
            this.productList.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          })
        } else {
          // æ²¡æœ‰æŸ¥è¯¢æ¡ä»¶æ—¶æ¸²æŸ“所有数据
          this.productList = this.productList0
          this.$nextTick(()=>{
            this.productList.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          })
        }
      },
      getAuthorizedPerson() {
        this.$axios.get(this.$api.user.selectQualityUserList).then(res => {
          let data = []
          res.data.forEach(a => {
            data.push({
              label: a.name,
              value: a.id
            })
          })
          this.personList = data
        })
      },
      selectEnumByCategoryForType() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "紧急程度"
        }).then(res => {
          this.type = res.data
        })
      },
      selectUser() {
        let selects = this.$refs.ValueTable2.multipleSelection
        if (selects.length == 0) {
          this.$message.error('未选择数据')
          return
        }
        this.addObj.company = selects.company
        this.addObj.code = selects.code
        this.addObj.companyId = selects.id
        this.selectUserDia = false
        if(this.active==1){
          // TODO
          this.selectInsOrderTemplate()
        }
      },
      containsValue(str) {
        if(str){
          let symbolItem = ''
          this.symbolList.some(value =>{
            if(str.includes(value)){
              symbolItem  = value
              return true
            }
          })
          return symbolItem
        }
      },
      handleAsk(ask,symbolItem, value) {
        try{
          let code = [">", "<", "=", "＞", "＜", "≥", "≤", "±"];
          let code2 = ['+', '*', '/', '-']
          if (ask.includes('&')) {
            // å¤šä¸ªæ¡ä»¶
            let arr0 = ask.split('&')
            let arr1 = []
            arr0.forEach(m => {
              let index = code.findIndex(b => m.includes(b))
              if (index > -1) {
                let arr = m.split(code[index]).filter(b => !!b)
                let num = eval(this.replaceAll(arr[0], symbolItem, value))
                m = code[index] + '' + num
                arr1.push(m)
              }
            })
            return arr1.join('&')
          } else if (ask.includes('～') || ask.includes('~')) {
            let arr0 = []
            if (ask.includes('～')) {
              arr0 = ask.split('～')
            } else {
              arr0 = ask.split('~')
            }
            // å¤šä¸ªæ¡ä»¶
            let arr1 = []
            arr0.forEach(m => {
              m = m.replace(symbolItem, value)
              const index = code2.findIndex(b => m.includes(b))
              if (index > -1) {
                m = eval(m)
              }
              arr1.push(m)
            })
            return arr1.join('～')
          } else {
            // å•ä¸ªæ¡ä»¶
            let index = code.findIndex(b => ask.includes(b))
            if (index > -1) {
              let arr = ask.split(code[index]).filter(b => !!b)
              let num = eval(this.replaceAll(arr[0], symbolItem, value))
              return code[index] + '' + num
            }
          }
        }catch(e){}
      },
      handleTell(tell,symbolItem, value){
        try{
          let num = this.replaceAll(tell, symbolItem, value)
          return num
        }catch(e){}
      },
      replaceAll(str,find,value) {
        if (str === undefined) {
          return str
        }
        return str.replaceAll(find, value);
      },
      save() {
        if (!this.addObj.companyId) {
          this.$message.error('未选择客户单位')
          return
        }
        if (!this.addObj.type) {
          this.$message.error('未选择紧急程度')
        } else if (!this.addObj.formType) {
          this.$message.error('请输入来样方式')
        } else if (!this.addObj.sampleStatus) {
          this.$message.error('请选择样品状态')
        } else if (!this.addObj.testQuantity) {
          this.$message.error('请填写抽检数量')
        } else if (!this.addObj.orderType) {
          this.$message.error('请选择检验类别')
        } else if (!this.addObj.production) {
          this.$message.error('请输入生产单位')
        } else if (!this.addObj.productionEn) {
          this.$message.error('请输入生产单位EN')
        } 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.standardMethodListId)) {
          this.$message.error('请选择检验标准')
        } else {
          let isHaveBushing = ''
          this.sampleList.forEach(item => {
            if (!item.bushing || item.bushing.length === 0) {
              isHaveBushing = false
            }
            item.specialStandardMethod = this.specialStandardMethod
          })
          try {
            this.sampleList.forEach(item => {
              if (item.insulating){
                let sampleListArr = []
                let insulatingArr = []
                // æœ‰ç”µç¼†é…ç½®æ—¶ï¼Œæ¯”较电缆配置的检验项是否与外面重复
                item.insProduct.filter(a => a.state == 1).forEach(obj => {
                  sampleListArr.push(obj.id)
                })
                item.insulating.insProduct.filter(a => a.state == 1).forEach(obj => {
                  insulatingArr.push(obj.id)
                })
                const sameLength = sampleListArr.filter(id => insulatingArr.indexOf(id) > -1).length
                if (sameLength > 0) {
                  this.$message.error('检验项与电缆配置检验项不能重复')
                }
                throw sameLength > 0
              }
            })
          } catch (e) {
            console.log('e---', e)
            if (e === true) throw e
          }
          let sampleList = this.HaveJson(this.sampleList)
          sampleList.forEach(a => {
            if (a.endModels) {
              a.model = a.endModels
            }
            a.insProduct = a.insProduct.filter(b=>b.state === 1)
          })
          let projectNum = this.totalArr.filter(a => a.state == 1).length
          if(projectNum==0){
            this.$confirm('检验项目为空，是否确认提交?', "提示", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning"
            }).then(() => {
              this.saveMethod(sampleList)
            }).catch(() => {})
          }else{
            let isRTS = this.totalArr.find(a => a.ask != null && this.symbolList.find(b=>a.ask.includes(b)) && a.state == 1)
            if (isRTS) {
              this.editTable = this.handleData(sampleList,this.containsValue, 0)
              this.editTable.forEach(item => {
                item.value = item.modelNum
              })
              this.bsm3Dia = true;
              return
            }
            this.saveMethod(sampleList)
          }
        }
      },
      /**
       * æ ¡éªŒå§”托要求的检验项的要求描述和要求值
       *
       */
      checkRequiredValueAndRemark(data){
        //过滤要求值中包含数字的才校验
        let filterData = data.filter(d=>/[0-9]/.test(d.ask))
        if(filterData.length===0){
          return false
        }
        let isTrue = true
        try{
          filterData.forEach(ele=>{
            //要求值和要求描述不能为空
            if(!ele.ask || !ele.tell){
              isTrue = false
            }else{
              //判断（≤,≥,>,<,=）这几种情况
            //判断要求值中的数字是否包含在要求描述中
            if(['≤','≥','>','<','='].includes(ele.ask[0])){
              const askVal = ele.ask.substring(1,ele.ask.length)
              if(isNaN(askVal) || ele.tell.indexOf(askVal)<0){
                isTrue = false
              }
            }
            //判断范围(10-25),要求值必须是-
            if(ele.ask.indexOf('-')>0 && ele.ask.length>1){
              //要求描述的~和要求值的-，等效
              let tell = ele.tell
              if(ele.tell.indexOf('~')>0 || ele.tell.indexOf('（') || ele.tell.indexOf('）')){
                tell = tell.replace('~','-')
                tell = tell.replace('（','(')
                tell = tell.replace('）',')')
              }
              const splits = ele.ask.split('-')
              //满足格式要求，并且两个都是数字
              if(splits.length==2 && !isNaN(splits[0]) && !isNaN(splits[1])){
                /**
                 * åˆ¤æ–­æƒ…况
                 * 1.要求描述与要求描述相同
                 * 2.要求描述包含要求值
                 * 3.要求描述为3N-10N这种情况
                 * 4.要求描述为10±5这种情况
                 * 5.
                 */
                 let min = Math.min(...splits)
                 let max = Math.max(...splits)
                 if(min==max){
                  isTrue = false
                 }
                //要求描述中不包含±以及区间的数字，则返回false
                if(tell.indexOf('±')<0&&tell.indexOf('-')<0){
                  isTrue = false
                }else if(ele.tell.indexOf('-')==0){
                  isTrue = false
                }else if(tell.indexOf('-')>0){
                  if(tell.indexOf('±')>0){
                    ////校验要求描述为(10-15)±5这种写法的情况
                    const num = tell.split('±')[1]
                    const startIndex = tell.indexOf('(')
                    const endIndex = tell.indexOf(')')
                    if(startIndex>-1 && endIndex>0 ){
                      const str = tell.substring(startIndex,endIndex)
                      if(str && str.indexOf('-')>0){
                        let strList = str.split('-')
                        const minNum = Number(strList[0]-num)
                        const maxNum = Number(strList[1]+num)
                        if(minNum>min || maxNum<max){
                          isTrue = false
                        }
                      }
                    }else{
                      //校验要求描述为10±5这种写法的情况
                      let splitNums = ele.tell.split('±')
                      if(splitNums.length<2){
                        isTrue = false
                      }else{
                        let minTell = Number(splitNums[0])-Number(splitNums[1])
                        let maxTell = Number(splitNums[0])+Number(splitNums[1])
                        if(minTell!=min || maxTell!=max){
                          isTrue = false
                        }
                      }
                    }
                  }else{
                    const splitTells = tell.split('-')
                    if(splitTells[0].indexOf(min)<0 || splitTells[1].indexOf(max)<0){
                      isTrue = false
                    }
                  }
                }
              }else{
                isTrue = false
              }
            }
            // else if(ele.ask.indexOf('&')>0 && ele.ask.length>1){
            //   //判断
            // }
            }
          })
        }catch(error){
          console.log(error);
          isTrue = false
        }
        return isTrue
      },
      save0(){
        if(this.editTable.every(m=>m.value)){
          let sampleList = this.handleData(this.HaveJson(this.sampleList),this.handleAsk,1)
          sampleList.forEach(a => {
            if (a.endModels) {
              a.model = a.endModels
            }
            a.insProduct = a.insProduct.filter(b=>b.state === 1)
          })
          this.saveMethod(sampleList)
        }else{
          this.$message.error('请填写识别符值')
        }
      },
      handleData(sampleList,calBack,type){
        let editTable = []
        sampleList.forEach(item => {
          let obj = {
            sampleCode:item.sampleCode,
            model:item.model,
            symbolList:[],
            sampleId:item.id,
            modelNum:item.modelNum,
          }
          if (item.insProduct && item.insProduct.length > 0) {
            item.insProduct.forEach(a => {
              if (a.state == 1) {
                if(type==0){
                  let str = calBack(a.ask)
                  str&&obj.symbolList.push({
                    symbolItem:str,
                    inspectionItem:a.inspectionItem,
                  })
                }else if(type==1){
                  let arr = this.editTable.filter(b => b.sampleId == item.id)
                  for (var i=0;i<arr.length;i++){
                    if(a.ask){
                      if(a.ask.includes(arr[i].symbolItem)){
                        let ask = calBack(a.ask, arr[i].symbolItem,arr[i].value)
                        if (ask) {
                          a.ask = ask
                        }
                        let tell = this.handleAsk(a.tell, arr[i].symbolItem,arr[i].value)
                        if (tell) {
                          a.tell = tell
                        }
                      }
                    }else{
                      this.$message.error('要求值为空，需要去标准库维护！')
                    }
                  }
                  // arr.forEach(f => {
                  //   if(a.ask){
                  //     if(a.ask.includes(f.symbolItem)){
                  //       let ask = calBack(a.ask, f.symbolItem,f.value)
                  //       if (ask) {
                  //         a.ask = ask
                  //       }
                  //       let tell = this.handleTell(a.tell, f.symbolItem,f.value)
                  //       if (tell) {
                  //         a.tell = tell
                  //       }
                  //     }
                  //   }else{}
                  // })
                }
              }
            })
          }
          // å…‰çº¤å¸¦é¡¹ç›®
          if (item.bushing && item.bushing.length > 0) {
            item.bushing.forEach(a => {
              if (a.fiber && a.fiber.length > 0) {
                a.fiber.forEach(b => {
                  if (b.productList && b.productList.length > 0) {
                    b.productList.forEach(c => {
                      if (c.state == 1) {
                        if(type==0){
                          let str = calBack(c.ask)
                          str&&obj.symbolList.push({
                    symbolItem:str,
                    inspectionItem:c.inspectionItem,
                  })
                        }else if(type==1){
                          let arr = this.editTable.filter(b => b.sampleId == item.id)
                          arr.forEach(f => {
                            if(c.ask.includes(f.symbolItem)){
                              let ask = calBack(c.ask, f.symbolItem,f.value)
                              if (ask) {
                                c.ask = ask
                              }
                              let tell = this.handleTell(c.tell, f.symbolItem,f.value)
                              if (tell) {
                                c.tell = tell
                              }
                            }
                          })
                        }
                      }
                    })
                  }
                })
              }
              if (a.fibers && a.fibers.length > 0) {
                a.fibers.forEach(b => {
                  if (b.productList && b.productList.length > 0) {
                    b.productList.forEach(c => {
                      if (c.state == 1) {
                        if(type==0){
                          let str = calBack(c.ask)
                          str&&obj.symbolList.push({
                    symbolItem:str,
                    inspectionItem:c.inspectionItem,
                  })
                        }else if(type==1){
                          // let ask = calBack(c.ask, c.rts)
                          // if (ask && c.state == 1) {
                          //   c.ask = csk
                          // }
                          let arr = this.editTable.filter(b => b.sampleId == item.id)
                          arr.forEach(f => {
                            if(c.ask.includes(f.symbolItem)){
                              let ask = calBack(c.ask, f.symbolItem,f.value)
                              if (ask) {
                                c.ask = ask
                              }
                              let tell = this.handleTell(c.tell, f.symbolItem,f.value)
                              if (tell) {
                                c.tell = tell
                              }
                            }
                          })
                        }
                      }
                    })
                  }
                  if (b.fiber && b.fiber.length > 0) {
                    b.fiber.forEach(c => {
                      if (c.productList && c.productList.length > 0) {
                        c.productList.forEach(d => {
                          if (d.state == 1) {
                            if(type==0){
                              let str = calBack(d.ask)
                              str&&obj.symbolList.push({
                    symbolItem:str,
                    inspectionItem:d.inspectionItem,
                  })
                            }else if(type==1){
                              // let ask = calBack(d.ask, d.rts)
                              // if (ask && d.state == 1) {
                              //   d.ask = ask
                              // }
                              let arr = this.editTable.filter(b => b.sampleId == item.id)
                              arr.forEach(f => {
                                if(d.ask.includes(f.symbolItem)){
                                  let ask = calBack(d.ask, f.symbolItem,f.value)
                                  if (ask) {
                                    d.ask = ask
                                  }
                                  let tell = this.handleTell(d.tell, f.symbolItem,f.value)
                                  if (tell) {
                                    d.tell = tell
                                  }
                                }
                              })
                            }
                          }
                        })
                      }
                    })
                  }
                })
              }
            })
          }
          if(type==0){
            editTable.push(obj)
          }
        })
        if(type==0){
          editTable.forEach(a => {
            a.symbolList.forEach(b => {
              let arr = a.symbolList.filter(c => c.symbolItem == b.symbolItem);
              b.inspectionItemList = arr.map(c => c.inspectionItem).join(',')
            })
          })
          editTable.forEach(a => {
            let mySet = new Set();
            a.symbolList = a.symbolList.filter(b =>{
              let num0 = mySet.size;
              mySet.add(b.symbolItem);
              let num1 = mySet.size;
              if(num0!=num1){
                return true;
              }else{
                return false
              }
            })
          })
          let editTableNew = []
          editTable.forEach(a => {
            a.symbolList.forEach(b => {
              let obj = {
                sampleCode:a.sampleCode,
                model:a.model,
                symbolItem:b.symbolItem,
                sampleId:a.sampleId,
                value:null,
                inspectionItemList:b.inspectionItemList,
                modelNum:a.modelNum,
              }
              editTableNew.push(obj)
            })
          })
          return editTableNew
        }else{
          return sampleList
        }
      },
      saveMethod(sampleList){
        console.log('sampleList----', sampleList)
        this.saveLoad = true
        if (this.addObj.quarterItemId) {
          this.addObj.quarterItemId = this.addObj.quarterItemId[1]
        }

        if(this.tabIndex==4&&this.active==2){
          // é€€å›žåŽæäº¤
          this.$axios.post(this.$api.insOrder.updateInsOrder, {
            insOrder: this.addObj,
            sampleProduct: sampleList,
          },{
            headers: {
                'Content-Type': 'application/json'
            },
            noQs:true
          }).then(res => {
            this.saveLoad = false
            if (res.code == 201) return
            this.$message.success('已提交')
            this.bsm3Dia = false;
            this.$parent.playOrder(0)
          }).catch(e=>{
            this.saveLoad = false
          })
        }else{
          // å¸¸è§„提交
          this.$axios.post(this.$api.insOrder.addInsOrder, {
          str: JSON.stringify({
              insOrder: this.addObj,
              list: JSON.stringify(sampleList),
              pairing: JSON.stringify(this.bsm2Val2)
            })
          }).then(res => {
            this.saveLoad = false
            if (res.code == 201) return
            this.$message.success('已提交')
            this.bsm3Dia = false;
            this.$parent.playOrder(0)
          }).catch(e=>{
            this.saveLoad = false
          })
        }

      },
      upInsOrderOfState(state) {
        if (state == 1) {
          this.saveLoad = true
          this.$axios.post(this.$api.insOrder.upInsOrderOfState, {
            state,
            id: this.currentId,
            companyId:this.addObj.companyId,
            laboratory:this.addObj.laboratory,
            company: this.addObj.company
          }, {
            headers: {
              'Content-Type': 'application/json'
            }
          }).then(res => {
            this.saveLoad = false
            if (res.code == 201) return
            this.$message.success('提交成功')
            // this.$parent.multipleSelection = [{id: this.currentId}]
            // this.$parent.print()
            // å¦‚果紧急程度为紧急，需要直接下发人员
            // 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.$axios.post(this.$api.insOrder.selectOrderManDay, {
              id: this.currentId
            }).then(ress => {
              this.distributeData.orderId = this.currentId
              this.distributeData.appointed = ress.data
            })
            setTimeout(() => {
              this.issuedDialogVisible = true;
            }, 1000)
          })
        } else {
          // ä¸é€šè¿‡
          this.noDialogVisible = true
        }
      },
      // ä¸‹å‘
      submitForm2() {
        if (this.distributeData.appointed == null || this.distributeData.appointed == '') {
          this.$message.error('约定时间未填写')
          return
        }
        if (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,
          appointed: this.distributeData.appointed,
          userId: this.distributeData.userId,
          sonLaboratory:this.distributeData.sonLaboratory
        }).then(res => {
          if (res.code === 201) {
            this.upLoad = false
            return
          }
          this.$message.success('提交成功')
          this.upLoad = false
          this.issuedDialogVisible = false
          this.$parent.playOrder(0)
        }).catch(e => {
          this.$message.error('提交失败')
          this.upLoad = false
        })
      },
      getUserNow() {
        this.$axios.get(this.$api.user.getUserNow).then(res => {
          let selects = res.data
          if (selects == null) return
          this.addObj.userId = selects.id
          this.addObj.company = selects.company
          this.addObj.custom = selects.name
          this.addObj.code = selects.code
          this.addObj.phone = selects.phone
          this.addObj.companyId = selects.departId
          this.addObj.production = '中天科技装备电缆有限公司'
          this.addObj.productionEn = 'Zhongtian Technology Industrial Wire&Cable System CO.,LTD'
          if(this.active==1){
            this.selectInsOrderTemplate()
          }
        })
      },
      getProNum() {
        this.sampleSelectionList.forEach((m, i) => {
          Vue.set(this.sampleSelectionList[i], 'proNum', m.insProduct.filter(a => a.state == 1).length)
        })
        this.$refs.sampleTable.doLayout()
      },
      searchFilter() {
        this.$refs.tree.filter(this.search)
      },
      nodeOpen(data, node, el) {
        $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
        if (node.data.code === '[3]') {
          this.sampleViewEn = data.sampleTypeEn
        } else if (node.data.code === '[4]') {
          this.sampleViewEn = data.sampleEn
        }
      },
      nodeClose(data, node, el) {
        $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
      },
      handleNodeClick(val, node, el) {
        this.selectTree = ''
        this.models = val.children
        this.getNodeParent(node)
        let flag = false
        if (node.level == 3) {
          if(node.data.children.length>0){
            node.data.children.forEach(a => {
              let key = Object.keys(a)
              if(!key.includes('level')) {
                flag = true
              }
            })

          }
        }
        if (node.data.code === '[3]') {
          this.sampleViewEn = val.sampleTypeEn
        } else if (node.data.code === '[4]') {
          console.log('node.data---', node.data)
          if (node.data.children!==null && node.data.children.length>0) {
            this.sampleViewEn = val.sampleEn
          }
        }
        this.selectTree = this.selectTree.replace(' - ', '')
        if(flag) {
          this.selectTree =  ' -  - ' + this.selectTree
        }
        let data = this.selectTree.split(' - ')
        let data2 = ''
        for (let index = data.length - 1; index >= 0; index--) {
          data2 += " - " + data[index]
        }
        this.selectTree = data2.replace(' - ', '')
      },
      getNodeParent(val) {
        if (val.parent != null) {
          if (val.data.children === null) {
            this.selectTree += ' - ' + val.label + ' - ' + ''
          } else {
            this.selectTree += ' - ' + val.label
          }
          this.getNodeParent(val.parent)
        }
      },
      selectStandardTreeList() {
        this.selectStandardTreeLoading = true
        this.$axios.get(this.$api.standardTree.selectStandardTreeList2).then(res => {
          this.list = res.data
          this.list.forEach(a => {
            this.expandedKeys.push(a.label)
          })
          this.selectStandardTreeLoading=false
        })
      },
      filterNode(value, data) {
        if (!value) return true;
        return data.label.indexOf(value) !== -1;
      },
      activeStandardTree() {
        let trees = this.selectTree.split(" - ")
        if (trees.length < 3) {
          this.$message.error('未选择对象')
          return
        }
        this.addObj.factory = trees[0]
        this.addObj.laboratory = trees[1]
        this.addObj.sampleType = trees[2]
        if (trees[3] === undefined || trees[3] === '' || trees[3] === '- ') {
          this.addObj.sample = trees[2]
        } else {
          this.addObj.sample = trees[3]
        }
        this.addObj.sampleView = this.addObj.sample
        this.addObj.sampleViewEn = this.sampleViewEn
        this.addObj.model = (trees[4] == undefined ? null : trees[4])
        this.selectStandardTree = false
        this.sampleList = []
        for (var i = 0; i < this.addObj.sampleNum; i++) {
          this.sample.joinName = null
          this.sample.joinModel = null
          this.sample.joinNum = 1
          this.sample.sample = this.addObj.sample
          this.sample.model = this.addObj.model
          this.sample.unit = this.addObj.unit
          this.sample.standardMethodListId = null
          this.sample.insProduct = []
          this.sample.id = this.count
          this.sample.childSampleList = []
          this.sample.insulating = null
          this.sample.sheath = null
          this.sampleList.push(this.HaveJson(this.sample))
          this.count++
        }
        this.$refs.sampleTable.doLayout()
        // this.selectsStandardMethodByFLSSM()
      },
      selectsStandardMethodByFLSSM() {
        this.methodLoad = true
        this.$axios.post(this.$api.standardTree.selectsStandardMethodByFLSSM, {
          tree: this.selectTree
        }).then(res => {
          this.methodLoad = false
          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() {
        if (this.selectTree == null) return
        this.sampleList = []
        this.productList = []
        for (var i = 0; i < this.addObj.sampleNum; i++) {
          this.sample.joinName = null
          this.sample.joinModel = null
          this.sample.joinNum = 1
          this.sample.sample = this.addObj.sample
          this.sample.model = this.addObj.model
          this.sample.unit = this.addObj.unit
          this.sample.standardMethodListId = null
          this.sample.insProduct = []
          this.sample.id = parseInt(i+1)
          this.sample.childSampleList = []
          this.sample.insulating = null
          this.sample.sheath = null
          this.sampleList.push(this.HaveJson(this.sample))
          // this.count++
        }
        this.computationalPairing(this.sampleList.length)
        this.bsm2Val2 = this.HaveJson(this.bsm2Val3)
      },
      selectSample(val) {
        this.sampleIds = []
        val.forEach(a => {
          this.sampleIds.push(a.id)
        })
        this.sampleSelectionList = val
      },
      delSample() {
        this.sampleIds.forEach(a => {
          for (var i = 0; i < this.sampleList.length; i++) {
            if (this.sampleList[i].id == a) {
              this.sampleList.splice(i, 1)
              i -= 1
              break
            }
          }
        })
        this.$refs.sampleTable.doLayout()
      },
      selectProduct(val) {
        this.productListSelected = val
        this.productIds = []
        val.forEach(a => {
          this.productIds.push(a.id)
        })
      },
      rowClick(row, column, event) {
        this.currentMethod = row
        let obj = this.methods.find(a => a.id == this.currentMethod.standardMethodListId)
        if (obj && obj.code == '技术要求') {
          this.isAskOnlyRead = true
        } else {
          this.isAskOnlyRead = false
        }
        this.sampleId = row.id
        if (this.active !== 1) {
          this.sampleIds = []
          this.sampleSelectionList.forEach(ele=>{
            if(ele.id == row.id){
              this.sampleIds.push(row.id)
            }
          })
        }
        this.productList = row.insProduct
        this.productList0 = JSON.parse(JSON.stringify(this.productList))
        setTimeout(() => {
          this.productList.forEach(a => {
            if (a.state == 1) {
              this.toggleSelection(a)
            }else{
              this.$refs.productTable.toggleRowSelection(a, false);
            }
          })
        }, 200)
      },
      toggleSelection(row) {
        this.$refs.productTable.toggleRowSelection(row, true);
      },
      selectOne(selection, row) {
        this.bsm1DiaList = []
        row.state = row.state == 1 ? 0 : 1
        if(row.section === null) {
          row.section = ""
        }
        if (row.sectionCopy === undefined && row.section) {
          if (row.section.indexOf('[') > -1) {
            this.$set(row, 'sectionCopy', row.section)
          }
        }
        if (row.ask.includes('[')) {
          this.$set(row, 'askCopy', row.ask)
        }
        if (row.tell.includes('[')) {
          this.$set(row, 'tellCopy', row.tell)
        }
        // if (row.manHour.includes('[')) {
        //   this.$set(row, 'manHourCopy', row.manHour)
        // }
        // if (row.price.includes('[')) {
        //   this.$set(row, 'priceCopy', row.price)
        // }
        let arr = this.productList.filter(m=>m.state==1&&row.sectionCopy&&row.sectionCopy.includes(m.sectionCopy)&&m.ask&&m.sectionCopy.indexOf('[')==-1)
        if (row.bsm === '1' && row.sectionCopy !== '' && row.sectionCopy !== null && row.sectionCopy !== undefined && row.state === 1&&arr.length==0) {
          if (row.sectionCopy.indexOf('[') > -1) {
            row.bsmRow = this.HaveJson(row)
          }
          row.bsm1 = true
          this.bsm1DiaList.push(row)
          this.bsm1DiaAll = true
        } else if (row.bsm === '1' && row.sectionCopy !== '' && row.sectionCopy !== null && row.state === 0&&arr.length==0) {
          row.bsm1 = false
        }else if(arr.length>0){
          try{
            row.bsmRow = this.HaveJson(row)
            let sectionCopy = arr[0].sectionCopy
            let arr0 = JSON.parse(row.sectionCopy)
            let arr1 = JSON.parse(row.ask)
            // let arr2 = JSON.parse(row.manHour)
            // let arr3 = JSON.parse(row.price)
            let arr4 = JSON.parse(row.tell)
            let index = arr0.indexOf(sectionCopy)
            row.sectionCopy = sectionCopy
            row.ask = arr1[index]
            // row.manHour = arr2[index]
            // row.price = arr3[index]
            row.tell = arr4[index]
          } catch(e) {}
        }
        this.sampleList.forEach(item => {
          if (this.sampleIds.indexOf(item.id) > -1||this.currentMethod.id==item.id) {
            item.insProduct.forEach(m => {
              if (m.id == row.id) {
                m.state = row.state;
              }
            })
          }
        })
        this.productList.forEach(item => {
          if (item.id == row.id) {
            item.state = row.state;
          }
        })
        this.changeProductList0()
        this.currentMethod.insProduct = this.productList0
        this.getProNum()
      },
      searchProject () {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "光纤项目"
        }).then(res => {
          this.opticalProject = res.data
        })
      },
      permute(nums) {
        const result = [];

        function backtrack(temp, nums) {
          if (temp.length === 2) {
            result.push([...temp]);
            return;
          }
          for (let i = 0; i < nums.length; i++) {
            if (temp.includes(nums[i])) continue;
            // é¿å…é‡å¤æ•°å­—
            if (temp.length > 0 && nums[i] < temp[temp.length - 1]) continue; // è§„定顺序，避免重复组合
            temp.push(nums[i]);
            backtrack(temp, nums);
            temp.pop();
          }
        }
        backtrack([], nums);
        return result;
      },
      computationalPairing(n) {
        const nums = [];
        for (let i = 1; i <= n; i++) {
          nums.push(i);
        }
        this.bsm2Val3 = this.HaveJson(this.permute(nums))
      },
      tableRowClassName({
        row,
        rowIndex
      }) {
        if (row.state === 0) {
          return '';
        }
        return 'warning-row';
      },
      selectInsOrderTemplate() {
        this.$axios.get(this.$api.insOrder.selectInsOrderTemplate+'?company='+this.addObj.company).then(res => {
          if (res.code == 201) return
          this.templates = res.data
        })
      },
      // åˆ é™¤æ¨¡æ¿--调用接口
      handleDelete(row) {
        this.$confirm('是否删除当前数据?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          this.$axios.post(this.$api.insOrder.delInsOrderTemplate, {
            id: row.id
          }).then(res => {
            if (res.code === 201) {
              return
            }
            this.$message.success('删除成功')
            this.selectInsOrderTemplate()
          }).catch(e => {
            this.$message.error('删除失败')
          })
        }).catch(() => {})
      },
      // ä¿å­˜æ¨¡æ¿
      addTemplateDia() {
        if (this.templateName) {
          this.templateLoading = true;
          this.$axios.post(this.$api.insOrder.addInsOrderTemplate, {
            name: this.templateName,
            thing: JSON.stringify({
              addObj: this.addObj,
              sampleList: this.sampleList,
              selectTree:this.selectTree
            })
          }, {
            headers: {
              'Content-Type': 'application/json'
            }
          }).then(res => {
            if (res.code == 201) return
            this.templateLoading = false;
            this.templateDia = false;
            this.$message.success('保存成功')
            this.selectInsOrderTemplate()
            this.templateName = ''
          })
        } else {
          this.$message.error('请填写模板名称')
        }
      },
      // æŸ¥è¯¢æ¨¡æ¿
      selectInsOrderTemplateById(e) {
        this.$axios.post(this.$api.insOrder.selectInsOrderTemplateById + '?id=' + e).then(res => {
          if (res.code == 201) return
          let obj = JSON.parse(res.data)
          //制单人设置为当前登录用户
          let user = JSON.parse(localStorage.getItem('user'))
          obj.addObj.custom = user.name
          obj.addObj.userId = user.userId
          this.addObj = obj.addObj;
          this.sampleList = obj.sampleList;
          this.selectTree = obj.selectTree
        })
      },
      delSampleAndProduct() {
        this.sampleList.splice(scope.$index, 1)
        this.productList = []
      },
      selectEnumByCategoryForUnit() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "单位"
        }).then(res => {
          this.units = res.data
        })
      },
      selectEnumByCategoryForOrderType() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "检验类别"
        }).then(res => {
          this.orderType = res.data
          if (res.data.length > 0) {
            this.addObj.orderType = res.data[0].value
          }
        })
      },
      selectEnumByCategoryForSampleForm() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "来样方式"
        }).then(res => {
          this.formType = res.data
          if (this.formType.length > 0) {
            this.addObj.formType = this.formType[0].value
          }
        })
      },
      selectSampleStatus() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "样品状态"
        }).then(res => {
          this.sampleStatusList = res.data
          if (this.sampleStatusList.length > 0) {
            this.addObj.sampleStatus = this.sampleStatusList[0].value
          }
        })
      },
      spliceString (row, val, type) {
        if (type === 'cores') {
          const index = this.sampleList.findIndex(item => item.id === row.id)
          if (index > -1) {
            if (this.sampleList[index].modelNum) {
              this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ' ' + this.sampleList[index].cores + '*' + this.sampleList[index].modelNum)
            } else {
              this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ' ' + this.sampleList[index].cores)
            }
            if (this.sampleList[index].modelNum && !this.sampleList[index].cores) {
              this.$set(this.sampleList[index], 'endModels',this.sampleList[index].model + ' ' + this.sampleList[index].modelNum)
            }
          }
        }
        this.getProductLoad = true
        let selectTreeList = this.selectTree.split(" - ")
        this.addObj.model&&(selectTreeList[selectTreeList.length - 1] = this.addObj.model)
        this.$axios.post(this.$api.standardTree.selectStandardProductList, {
          model: this.addObj.model?this.addObj.model:row.model,
          modelNum: row.modelNum,
          standardMethodListId: val,
          factory: selectTreeList.join(" - "),
          cores: row.cores,
          conductorMaterial: row.conductorMaterial,
          conductorType: row.conductorType,
        }, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(res => {
          res.data.forEach(a => {
            a.state = 0
          })
          row.insProduct = this.HaveJson(res.data)
          this.getProductLoad = false
          this.productList = row.insProduct
          this.productList0 = JSON.parse(JSON.stringify(this.productList))
          this.$refs.sampleTable.setCurrentRow(row)
          setTimeout(() => {
            this.productList.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          }, 200)
        })
      },
      methodChange(val, row, type) {
        if (type === 'splice') {
          const index = this.sampleList.findIndex(item => item.id === row.id)
          if (index > -1) {
            if (this.sampleList[index].cores) {
              this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ' ' + this.sampleList[index].cores + '*' + this.sampleList[index].modelNum)
            } else {
              if (this.sampleList[index].modelNum) {
                const index2 = this.sampleList[index].modelNum.indexOf('×')
                if (index2 === 0) {
                  this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + this.sampleList[index].modelNum)
                } else if (index2 === -1) {
                  this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ' ' + this.sampleList[index].modelNum)
                } else {
                  this.$set(this.sampleList[index], 'endModels', this.sampleList[index].modelNum + this.sampleList[index].model)
                }
              } else {
                this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ((this.sampleList[index].modelNum == null || this.sampleList[index].modelNum == '' || this.sampleList[index].modelNum == 'null') ? '' : (' ' + this.sampleList[index].modelNum)))
              }
            }
            if (!this.sampleList[index].modelNum && this.sampleList[index].cores) {
              this.$set(this.sampleList[index], 'endModels', this.sampleList[index].model + ' ' + this.sampleList[index].cores)
            }
          }
        }
        if (val === null || val === '') return
        this.currentMethod = row
        let obj = this.methods.find(a => a.id == this.currentMethod.standardMethodListId)
        if (obj && obj.code == '技术要求') {
          this.isAskOnlyRead = true
        } else {
          this.isAskOnlyRead = false
        }
        this.getProductLoad = true
        let selectTreeList = this.selectTree.split(" - ")
        this.addObj.model&&(selectTreeList[selectTreeList.length - 1] = this.addObj.model)
        this.$axios.post(this.$api.standardTree.selectStandardProductList, {
          model: this.addObj.model?this.addObj.model:row.model,
          modelNum: row.modelNum,
          standardMethodListId: val,
          cores: row.cores,
          factory: selectTreeList.join(" - "),
        }, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(res => {
          res.data.forEach(a => {
            a.state = 0
          })
          row.insProduct = this.HaveJson(res.data)
          this.getProductLoad = false
          this.productList = row.insProduct
          this.productList0 = JSON.parse(JSON.stringify(this.productList))
          this.$refs.sampleTable.setCurrentRow(row)
          setTimeout(() => {
            this.productList.forEach(a => {
              if (a.state == 1) this.toggleSelection(a)
            })
          }, 200)
        })
        this.searchProject()
        this.searchTemList()
      },
      searchTemList () {
        this.temperatureList = []
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "电力温度循环检验"
        }).then(res => {
          if (res.data.length > 0) {
            this.temperatureEngList = res.data
            res.data.forEach(item => {
              this.temperatureList.push(item.label)
            })
          }
        })
      },
      changeModel() {
        this.sampleList.forEach(a => {
          let obj = this.sampleIds.find(b => b == a.id)
          if (obj) {
            a.model = this.model
          }
        })
      },
      changeStandardMethodListId() {
        this.sampleList.forEach(a => {
          let obj = this.sampleIds.find(b => b == a.id)
          if (obj) {
            a.standardMethodListId = this.standardMethodListId
            this.methodChange(this.standardMethodListId, a)
          }
        })
      },
      methodFocus() {
        this.selectsStandardMethodByFLSSM()
      },
      handleChangeModel(e) {
        this.productList = []
        let num = this.selectTree.split('-').length;
        if (num != 5) {
          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,type) {
        //this.currentMethod å½“前样品id
        this.sampleList.forEach(item=>{
          if(item.id == this.currentMethod.id){
            item.insProduct.forEach(i=>{
              if(i.id == row.id){
                if(row.repetitionTag){
                  if(row.repetitionTag==i.repetitionTag){
                    i[type] = e
                  }
                }else{
                  if(!i.repetitionTag){
                    i[type] = e
                  }
                }
              }
            })
          }
        })
      },
      selectStandardMethods() {
        this.$axios.get(this.$api.standardTree.selectStandardMethodEnum).then(res => {
          this.methods = res.data
        })
      },
      selectable() {
        if (this.active > 1) {
          return false
        } else {
          return true
        }
      },
      selectable0(row,index) {
        if (this.active > 1||row.repetitionTag) {
          return false
        } else {
          return true
        }
      },
      handleAll(e) {
        if (e.length > 0) {
          this.productList.map(m => {
            if(e.find(a=>a.id == m.id)){
              m.state = 1
            }
            return m
          })
        } else {
          this.productList.map(m => {
            m.state = 0
            return m
          })
        }
        this.bsmRow3 = [];
        this.bsm1DiaList = []
        this.productList.forEach(p => {
          if (p.sectionCopy === undefined && p.section) {
            if (p.section.indexOf('[') > -1) {
              this.$set(p, 'sectionCopy', p.section)
            }
          }
          if (p.ask.includes('[')) {
            this.$set(p, 'askCopy', p.ask)
          }
          if (p.tell.includes('[')) {
            this.$set(p, 'tellCopy', p.tell)
          }
          // if (p.manHour.includes('[')) {
          //   this.$set(p, 'manHourCopy', p.manHour)
          // }
          // if (p.price.includes('[')) {
          //   this.$set(p, 'priceCopy', p.price)
          // }
          if (p.bsm === '1' && p.sectionCopy !== '' && p.sectionCopy !== null && p.sectionCopy !== undefined && p.state === 1) {
            if (p.sectionCopy.indexOf('[') > -1) {
              p.bsmRow = this.HaveJson(p)
            }
            p.bsm1 = true
            this.bsm1DiaList.push(p)
            this.bsm1DiaAll = true
          } else if (p.bsm === '1' && p.sectionCopy !== '' && p.sectionCopy !== null && p.state === 0) {
            p.bsm1 = false
          }
        })
        if (e.length > 0) {
          this.sampleList.map(item => {
            if (this.sampleIds.indexOf(item.id) > -1||this.currentMethod.id==item.id) {
              item.insProduct.map(m => {
                m.state = 1
                return m;
              })
            }
            return item
          })
        } else {
          this.sampleList.map(item => {
            if (this.sampleIds.indexOf(item.id) > -1||this.currentMethod.id==item.id) {
              item.insProduct.map(m => {
                m.state = 0
                return m;
              })
            }
            return item
          })
        }
        this.productList.forEach(item => {
          if (item.id == row.id) {
            item.state = row.state;
          }
        })
        this.changeProductList0()
        this.currentMethod.insProduct = this.productList0
        this.getProNum()
        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)
        })
      },
      selectEnumByCategoryForSonLaboratory() {
        this.$axios.post(this.$api.enums.selectEnumByCategory, {
          category: "子实验室"
        }).then(res => {
          this.factory = []
          res.data.forEach(a => {
            this.filters.push({
              text: a.label,
              value: a.value
            })
          })
        })
      },
      filterHandler(value, row, column) {
        const property = column['property'];
        return row[property] === value;
      },
      openConfig() {
        if (this.active === 1) {
          if (this.sampleIds.length === 0) {
            this.$message.error("未选择样品")
            return
          }
          this.configShow = true
        } else {
          if (this.sampleId === null) {
            this.$message.error('未选中样品')
            return
          }
          this.sampleIds = [this.sampleId]
          this.$axios.post(this.$api.insBushing.selectBushingBySampleId, {
            sampleId: this.sampleId
          }).then(res => {
            if (res.data.length === 0) {
              this.$message.error('该样品没有配置光纤')
              return
            }
            for (var i in this.sampleList) {
              if (this.sampleList[i].id = this.sampleId) {
                this.sampleList[i].bushing = res.data
                break
              }
            }
            this.configShow = true
          })
        }
      },
      openEquipConfig() {
        if (this.active === 1) {
          if (this.sampleIds.length === 0) {
            this.$message.error("未选择样品")
            return
          }
          this.equipConfigShow = true
        } else {
          if (this.sampleId === null) {
            this.$message.error('未选中样品')
            return
          }
          // this.$axios.post(this.$api.insBushing.selectBushingBySampleId, {
          //   sampleId: this.sampleId
          // }).then(res => {
          //   if (res.data.length === 0) {
          //     this.$message.error('该样品没有配置光纤')
          //     return
          //   }
          //   for (var i in this.sampleList) {
          //     if (this.sampleList[i].id = this.sampleId) {
          //       this.sampleList[i].bushing = res.data
          //       break
          //     }
          //   }
          //   this.configShow = true
          // })
        }
      },
      areObjectsValuesEqual (objects, property) {
        if (!objects || objects.length === 0) return false;
        const firstValue = objects[0][property];
        return objects.every(obj => obj[property] === firstValue);
      },
      // è¾…助线芯配置
      openAuxiliaryCore () {
        if (this.active === 1) {
          if (this.sampleIds.length === 0) {
            this.$message.error("未选择样品")
          } else if (this.sampleIds.length === 1) {
            if (!this.sampleSelectionList[0].standardMethodListId) {
              this.$message.error("样品未选择检验标准")
              return
            }
            this.auxiliaryShow = true
          } else {
            // åŒæ—¶é…ç½®å¤šä¸ªæ ·å“çš„电缆配置时必须选择相同的检验标准
            if (!this.sampleSelectionList.every(value => value.standardMethodListId)) {
              this.$message.error("样品未选择检验标准")
            } else {
              if (!this.areObjectsValuesEqual(this.sampleSelectionList, 'standardMethodListId')) {
                this.$message.error("请选择相同的检验标准")
                return
              }
              this.auxiliaryShow = true
            }
          }
        } else {
          if (this.sampleId === null) {
            this.$message.error('未选中样品')
          }
        }
      },
      openCableConfig() {
        if (this.active === 1) {
          if (this.sampleIds.length === 0) {
            this.$message.error("未选择样品")
          } else if (this.sampleIds.length === 1) {
            if (!this.sampleSelectionList[0].standardMethodListId) {
              this.$message.error("样品未选择检验标准")
              return
            }
            this.cableConfigShow = true
          } else {
            // åŒæ—¶é…ç½®å¤šä¸ªæ ·å“çš„电缆配置时必须选择相同的检验标准
            if (!this.sampleSelectionList.every(value => value.standardMethodListId)) {
              this.$message.error("样品未选择检验标准")
            } else {
              if (!this.areObjectsValuesEqual(this.sampleSelectionList, 'standardMethodListId')) {
                this.$message.error("请选择相同的检验标准")
                return
              }
              this.cableConfigShow = true
            }
          }
        } else {
          if (this.sampleId === null) {
            this.$message.error('未选中样品')
          }
        }
      },
      goBackAdd () {
        this.cableConfigShow = false
      },
      goBackAdd2 () {
        this.auxiliaryShow = false
      },
      // å…¨é€‰ç‰¹æ®Šå€¼å¤„理框选择要求值的回调
      upBsmAll (item) {
        const i = this.bsm1DiaList.findIndex(obj => obj.id === item.id)
        if (i > -1) {
          // æ‰¾åˆ°ç›¸åº”的检验项赋值
          this.bsm1DiaList[i].bsm1Val = item.bsm1Val
          let sections = this.bsm1DiaList[i].bsmRow.sectionCopy && JSON.parse(this.bsm1DiaList[i].bsmRow.sectionCopy);
          let asks = this.bsm1DiaList[i].bsmRow.askCopy && JSON.parse(this.bsm1DiaList[i].bsmRow.askCopy);
          let tells = this.bsm1DiaList[i].bsmRow.tellCopy && JSON.parse(this.bsm1DiaList[i].bsmRow.tellCopy);
          // let manHours = this.bsm1DiaList[i].bsmRow.manHourCopy && JSON.parse(this.bsm1DiaList[i].bsmRow.manHourCopy);
          // let prices = this.bsm1DiaList[i].bsmRow.priceCopy && JSON.parse(this.bsm1DiaList[i].bsmRow.priceCopy);
          for (var a in sections) {
            if (this.bsm1DiaList[i].bsm1Val === sections[a]) {
              this.productList.forEach(p => {
                // å°†é€‰æ‹©å¥½çš„要求值赋值到列表里
                if (p.id === this.bsm1DiaList[i].bsmRow.id) {
                  p.section = sections[a]
                  p.ask = asks[a]
                  p.tell = tells[a]
                  // p.manHour = manHours[a]
                  // p.price = prices[a]
                }
              })
              break
            }
          }
        }
        this.changeProductList0()
        this.currentMethod.insProduct = this.productList0
      },
      save1 () {
        if (this.bsm1DiaList.length > 0) {
          this.bsm1DiaList.forEach(item => {
            if (!item.bsm1Val) {
              throw this.$message.error('特殊项目必须处理')
            }
          })
        }
        this.bsm1DiaAll = false
      },
      beforeClose(done) {
        if (this.bsm1DiaList.length > 0) {
          this.bsm1DiaList.forEach(item => {
            if (!item.bsm1Val) {
              throw this.$message.error('特殊项目必须处理')
            }
          })
        }
        done()
      },
      beforeClose0(done) {
        if (!this.bsm3Val) {
          this.$message.error('RST必须填写')
          return
        } else {
          if (Array.isArray(this.bsmRow3)) {
            this.bsmRow3.forEach(item => {
              item.rts = this.bsm3Val
            })
          } else {
            this.bsmRow3.rts = this.bsm3Val
          }
        }
        done()
      },
      getTotal() {
        this.totalArr = []
        // this.total = 0;
        this.sampleList.forEach(item => {
          if (item.insProduct && item.insProduct.length > 0) {
            item.insProduct.forEach(a => {
              this.totalArr.push(a)
            })
          }
          if (item.bushing && item.bushing.length > 0) {
            item.bushing.forEach(a => {
              if (a.fiber && a.fiber.length > 0) {
                a.fiber.forEach(b => {
                  if (b.productList && b.productList.length > 0) {
                    b.productList.forEach(c => {
                      this.totalArr.push(c)
                    })
                  }
                })
              }
              if (a.fibers && a.fibers.length > 0) {
                a.fibers.forEach(b => {
                  if (b.productList && b.productList.length > 0) {
                    b.productList.forEach(c => {
                      this.totalArr.push(c)
                    })
                  }
                  if (b.fiber && b.fiber.length > 0) {
                    b.fiber.forEach(c => {
                      if (c.productList && c.productList.length > 0) {
                        c.productList.forEach(d => {
                          this.totalArr.push(d)
                        })
                      }
                    })
                  }
                })
              }
            })
          }
        })
        let mySet = new Set();
        let arr0 = this.totalArr.filter(item => {
          if (item.state == 1) {
            let num1 = mySet.size
            if (item.manHourGroup === '' || !item.manHourGroup) {
              return true
            } else {
              mySet.add(item.manHourGroup)
              let num2 = mySet.size
              if (num2 > num1) {
                return true
              } else {
                return false
              }
            }
          }
        })
        // arr0.forEach(item => {
        //   this.total += Number(item.price)
        // })
        let arr1 = this.totalArr.filter(item => item.state == 1)
        let mySet0 = new Set();
        this.sonLaboratoryList = []
        arr1.forEach(item => {
          let num1 = mySet0.size
          mySet0.add(item.sonLaboratory)
          let num2 = mySet0.size
          if(num2>num1){
            this.sonLaboratoryList.push({
              label:item.sonLaboratory,
              value:item.sonLaboratory,
            })
          }
        })
      },
      bsm2Up(val) {
        let list = []
        for (let a = 1; a < this.bsm2Val3.length + 1; a++) {
          list.push(a)
        }
        let set = new Set()
        let size1 = set.length
        while (set.size < val) {
          set.add(Math.ceil(Math.random() * this.bsm2Val3.length))
        }
        this.bsm2Val2 = []
        for (let a of set) {
          this.bsm2Val2.push(this.HaveJson(this.bsm2Val3[a - 1]))
        }
      },
      changeUser(){
        if(this.sonLaboratoryList.length>0){
          this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value
        }
      },
      addProductList(productList,row,index){
        let list = productList.filter(m=>{
          if(m.id==row.id){
            m.delete = false
          }
          return m.id==row.id
        })
        let num = list.length
        let obj = this.HaveJson(row)
        obj.repetitionTag = num
        obj.delete = true
        productList.splice(index+num,0,obj)
        this.addProductList0(row,index)
      },
      addProductList0(row,index){
        let list = this.productList0.filter(m=>{
          if(m.id==row.id){
            m.delete = false
          }
          return m.id==row.id
        })
        let num = list.length
        let obj = this.HaveJson(row)
        obj.repetitionTag = num
        obj.delete = true
        this.productList0.splice(index+num,0,obj)
      },
      deleteProductList(index,list){
        if(list[index-1]&&list[index-1].repetitionTag){
          list[index-1].delete=true
        }
        list.splice(index,1)
        this.deleteProductList0(index)
      },
      deleteProductList0(index){
        if(this.productList0[index-1]&&this.productList0[index-1].repetitionTag){
          this.productList0[index-1].delete=true
        }
        this.productList0.splice(index,1)
      }
    }
  }
</script>

<style scoped>
.ins_order_add {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.ins_order_add::-webkit-scrollbar {
  width: 0;
}
.circulateTable {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.opticalProject {
  width: 38%;
}
.temperatureList {
  width: 60%;
}
.temperatureListTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 30px;
}
</style>
<style scoped>
.ins_order_add .el-input-group__append,
.el-input-group__prepend {
  padding: 0 10px;
}

.ins_order_add .el-tree-node__content {
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
}

.ins_order_add .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  color: #3A7BFA;
}

.ins_order_add .has-gutter .el-table__cell .cell {
  line-height: 30px;
  background-color: #fafafa;
}

.ins_order_add .has-gutter .el-table__cell {
  background-color: #fafafa !important;
}

.ins_order_add .el-table__row .cell {
  font-size: 12px;
}

.ins_order_add .el-table .warning-row .cell {
  color: #3A7BFA;
}

.ins_order_add .el-select .is-disabled {
  background: transparent !important;
}

.ins_order_add .el-select .is-disabled .el-input__inner {
  background: transparent !important;
}
</style>

 src/views/business/productOrder/components/addInspectionDia.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,213 @@
<template>
  <div>
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="dialogVisible"
      title="添加检验项"
      width="80%">
      <el-table ref="sampleTable" :data="sampleList" border class="el-table sampleTable" highlight-current-row
                max-height="400px" tooltip-effect="dark">
        <el-table-column align="center" label="序号" type="index" width="65"></el-table-column>
        <el-table-column align="center" label="样品名称" min-width="100" prop="sample">
          <template slot-scope="scope">
            <el-input v-model="scope.row.sample" clearable disabled size="small"></el-input>
          </template>
        </el-table-column>
        <el-table-column align="center" label="样品编号" min-width="100" prop="sampleCode">
          <template slot-scope="scope">
            <el-input v-model="scope.row.sampleCode" clearable disabled placeholder="不填写则系统自动生成"
                      size="small"></el-input>
          </template>
        </el-table-column>
        <el-table-column align="center" label="样品型号" min-width="60" prop="model">
          <template slot-scope="scope">
            <el-input v-model="scope.row.model" clearable disabled placeholder="不填写则系统自动生成"
                      size="small"></el-input>
          </template>
        </el-table-column>
        <el-table-column align="center" label="检验标准" min-width="100" prop="standardMethodListId">
          <template slot-scope="scope">
            <el-input v-model="scope.row.standardMethodListId" clearable disabled placeholder="不填写则系统自动生成"
                      size="small"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="操作" min-width="120">
          <template #default="{ row }">
            <el-button size="small" type="text" @click="openAddItemDia(row)">添加</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
    <el-dialog
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :visible.sync="itemDialogVisible"
      title="添加检验项"
      width="90%">
      <el-table ref="productTable" v-loading="getProductLoad" :data="productList" :row-class-name="tableRowClassName" border class="el-table"
                max-height="700px" style="margin-bottom: 10px;" tooltip-effect="dark"
                @selection-change="selectProduct">
        <el-table-column type="selection" width="65"></el-table-column>
        <el-table-column label="检验项分类" min-width="140" prop="inspectionItemClass" show-overflow-tooltip></el-table-column>
        <el-table-column label="检验项" min-width="140" prop="inspectionItem" show-overflow-tooltip></el-table-column>
        <el-table-column label="检验项子项" min-width="140" prop="inspectionItemSubclass" show-overflow-tooltip></el-table-column>
        <el-table-column label="要求值" min-width="220px" prop="ask">
          <template slot-scope="scope">
            <el-input v-if="active==1&&scope.row.inspectionValueType!='5'" v-model="scope.row.ask" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="要求值"
                      size="small" type="textarea"></el-input>
            <span v-else>
                <template >{{ scope.row.ask }}</template>
              </span>
          </template>
        </el-table-column>
        <el-table-column label="要求描述" min-width="220px" prop="tell">
          <template slot-scope="scope">
            <el-input v-if="active==1" v-model="scope.row.tell" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="要求描述"
                      size="small" type="textarea"></el-input>
            <span v-else>
                <template >{{ scope.row.tell }}</template>
              </span>
          </template>
        </el-table-column>
        <el-table-column label="条件" min-width="140" prop="radius" show-overflow-tooltip>
          <template slot-scope="scope">
            <el-input v-if="active==1&&!scope.row.inspectionItem.includes('高温压力试验')" v-model="scope.row.radius" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="条件"
                      size="small" type="textarea">
            </el-input>
            <el-select v-else-if="scope.row.inspectionItem.includes('高温压力试验') && active==1" v-model="scope.row.radius" clearable
                       placeholder="条件"
                       size="small">
              <el-option v-for="(a,i) in JSON.parse(scope.row.radiusList)" :key="i" :label="a" :value="a"></el-option>
            </el-select>
            <span v-else>{{scope.row.radius}}</span>
          </template>
        </el-table-column>
        <el-table-column label="线芯" min-width="120" prop="cableTag" show-overflow-tooltip>
          <template slot-scope="scope">
            <el-input v-if="active==1" v-model="scope.row.cableTag" :autosize="{ minRows: 1, maxRows: 3}" clearable placeholder="线芯"
                      size="small" type="textarea"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="试验方法" min-width="120" prop="methodS" show-overflow-tooltip></el-table-column>
        <el-table-column label="计量单位" prop="unit" show-overflow-tooltip width="100"></el-table-column>
        <el-table-column label="单价" prop="price" show-overflow-tooltip width="100"></el-table-column>
        <el-table-column label="区间" min-width="120" prop="section" show-overflow-tooltip></el-table-column>
        <el-table-column :filter-method="filterHandler" :filters="filters" label="子实验室" min-width="130" prop="sonLaboratory"
                         show-overflow-tooltip></el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
                <el-button @click="itemDialogVisible = false">取 æ¶ˆ</el-button>
        <el-button :loading="upLoad" type="primary" @click="submitList">ç¡® å®š</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "addInspectionDia",
  // import å¼•å…¥çš„组件需要注入到对象中才能使用
  components: {},
  data() {
    // è¿™é‡Œå­˜æ”¾æ•°æ®
    return {
      dialogVisible: false,
      itemDialogVisible: false,
      getProductLoad: false,
      sampleList: [], // æ£€éªŒæ ‡å‡†è¡¨æ ¼æ•°æ®
      productList: [], // æ£€éªŒé¡¹è¡¨æ ¼æ•°æ®
      productListSelected: [], // é€‰æ‹©çš„检验项表格
      active: 1,
      methodS:null,
      id:null,
      filters: [],
      upLoad: false,
    }
  },
  mounted() {

  },
  // æ–¹æ³•é›†åˆ
  methods: {
    getDataList(row) {
      this.dialogVisible = true
      this.$axios.get(this.$api.insOrder.getSampleByOrderId + '?insOrderId=' + row.id).then(res => {
        if (res.code === 201) {
          return
        }
        this.sampleList = res.data
      })
    },
    openAddItemDia (row) {
      this.itemDialogVisible = true
      this.getProductLoad = true
      this.id=row.id
      this.$axios.get(this.$api.insOrder.getProductTreeBySampleId + '?insSampleId=' + row.id).then(res => {
        this.getProductLoad = false
        if (res.code === 201) {
          return
        }
        this.productList = res.data
      }).catch(err => {
        this.getProductLoad = false
      })
    },
    selectProduct(val) {
      val.forEach((item) => {
        item.state = 1
      })
      const index = this.productList.findIndex(obj => obj.id === val.id)
      if (index > -1) {
        this.productList[index].state = 1
      }
      this.productListSelected = val
    },
    submitList () {
      this.$confirm('确认添加此检验项?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.upLoad = true
        this.$axios.post(this.$api.insOrder.addOmitOrderProduct,{insProductBindingList:this.productListSelected,insSampleId:this.id}, {
          headers: {
            "Content-Type": "application/json"
          },
          noQs: true
        } ).then(res => {
          this.upLoad = false
          if (res.code === 201) {
            return
          }
          this.$message.success('添加成功！')
          this.itemDialogVisible = false
        }).catch(err => {
          this.upLoad = false
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    tableRowClassName({row, rowIndex}) {
      if (row.state === 0) {
        return '';
      }
      return 'warning-row';
    },
    filterHandler(value, row, column) {
      const property = column['property'];
      return row[property] === value;
    },
  },
}
</script>

<style scoped>
.ins_order_add .el-table .warning-row .cell {
  color: #3A7BFA;
}
</style>

 src/views/business/productOrder/components/printDialog.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,352 @@
<template>
  <div>
    <el-dialog :visible.sync="isShow" title="标签打印" top="5vh" width="600px" @close="$emit('closePrintDialog')">
      <div style="width:100%;height: 400px;overflow-y: auto;text-align: left">
        <div class="dia_body">
          <el-checkbox
            v-model="checkAll"
            :indeterminate="isIndeterminate"
            style="margin: 10px 5px;"
            @change="handleCheckAllChange">全选</el-checkbox>
          <el-checkbox-group v-model="checkIndexList" @change="changePrintCode()">
            <el-card v-for="(item, i) in barcodeData" :key="i" class="box-card" style="margin-bottom: 15px; font-size: 16px !important;">
              <el-checkbox :key="i" :label="i" style="position: relative;top:0;left:10px"><br></el-checkbox>
              <div>
                <div class="titleH1" style="text-align: center; margin-bottom: 2px;font-size: 16px">检测中心样品标识卡</div>
                <div style="text-align: center;">
                  <barcode :displayValue="false" :height="34" :value="item.barcode" :width="2"></barcode>
                </div>
                <div style="margin-left: 20px;text-align: left">
                  <div class="item">
                    <span class="full-title">样品名称</span>:
                    <span class="info">{{ item.sampleView }}</span>
                  </div>
                  <div class="item">
                    <span class="full-title">生产单位</span>:
                    <span class="info">{{ item.production }}</span>
                  </div>
                  <div class="item2">
                    <span class="full-title">规格型号</span>:
                    <span class="info">{{ item.sampleModel }}</span>
                  </div>
                  <div class="item">
                    <span class="full-title">委托日期</span>:
                    <span class="info">{{ item.sendTime }}</span>
                  </div>
                  <div class="item">
                    <span class="full-title">委托人</span>:
                    <span class="info2">{{ item.prepareUser }}</span>
                    <span class="full-title">检测编号</span>:
                    <span class="info">{{ item.entrustCode }}</span>
                  </div>
                  <div class="item">
                    <span class="full-title">样品数量</span>:
                    <span class="info2">{{ item.testQuantity }}</span>
                  </div>
                  <div style="font-weight: bold;display: flex;align-items: center;">
                    <span class="full-title">样品状态</span>:
                    <el-radio-group v-model="item.insState" v-removeAriaHidden style="margin-top: 7px;margin-left: 4px;">
                      <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>
                    <span>
                      <el-radio v-model="item.isLeave"
                                :label="true"
                                size="small" style="margin-left: 14px;margin-top: 3px;" @click.native.prevent="changeIsLeave(item)">留样</el-radio>
                    </span>
                  </div>
                </div>
              </div>
            </el-card>
          </el-checkbox-group>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button @click="$emit('closePrintDialog')">取 æ¶ˆ</el-button>
          <el-button type="primary" @click="submitPrint">打 å°</el-button>
        </el-row>
      </span>
    </el-dialog>
    <div class="el-dialog-body" style="overflow-y: auto;margin-top: 0;position: fixed;top: 20px;right: 10px;z-index: 99999;">
      <div id="printOrder" ref="printOrder" class="printOrder">
        <el-card v-for="(item, i) in checkDataList" :key="i" class="box-card" style="font-size: 0.29cm !important;font-weight: 700;page-break-after: always;color: #000;box-shadow: none;margin: 0 !important;padding: 0 !important;">
          <div>
            <div class="titleH1" style="text-align: center;margin-bottom: 1px">检测中心样品标识卡</div>
            <div style="text-align: center;">
              <barcode :displayValue="false" :height="22" :value="item.barcode" :width="1.6"></barcode>
            </div>
            <div style="margin-left: 12px;text-align: left">
              <div class="item">
                <span class="full-title4">样品名称:</span>
                <span class="info4">{{ item.sampleView }}</span>
              </div>
              <div class="item">
                <span class="full-title2">生产单位</span>:
                <span class="info">{{ item.production }}</span>
              </div>
              <div class="item2">
                <span class="full-title4">规格型号:</span>
                <span class="info4">{{ item.sampleModel }}</span>
              </div>
              <div class="item">
                <span class="full-title2">委托日期</span>:
                <span class="info">{{ item.sendTime }}</span>
              </div>
              <div class="item">
                <span class="full-title2">委托人</span>:
                <span class="info3">{{ item.prepareUser }}</span>
                <span class="full-title2">检测编号</span>:
                <span class="info">{{ item.entrustCode }}</span>
              </div>
              <div class="item">
                <span class="full-title2">样品数量</span>:
                <span class="info3">{{ item.testQuantity }}</span>
              </div>
              <div>
                <span class="full-title2">样品状态</span>:
                <span style="white-space: nowrap;margin-left: 2px">
                  å¾…检<span v-if="item.insState!==0" class="scor"></span><span v-if="item.insState===0" class="checked">√</span>
                  åœ¨æ£€<span v-if="item.insState!==1" class="scor"></span><span v-if="item.insState===1" class="checked">√</span>
                  å·²æ£€<span v-if="item.insState!==2" class="scor"></span><span v-if="item.insState===2" class="checked">√</span>
                  ç•™æ ·<span v-if="!item.isLeave" class="scor"></span><span v-if="item.isLeave" class="checked">√</span>
                </span>
              </div>
            </div>
          </div>
        </el-card>
      </div>
    </div>
  </div>
</template>

<script>
import PrintJS from "print-js";

export default {
  name: "printDialog",
  // import å¼•å…¥çš„组件需要注入到对象中才能使用
  components: {},
  props: {
    printDialog: {
      type: Boolean,
      default: () => false
    },
  },
  data() {
    // è¿™é‡Œå­˜æ”¾æ•°æ®
    return {
      isShow: this.printDialog,
      loadPint: false,
      isIndeterminate: false, // å¤šé€‰æ¡†æ ·å¼
      checkAll: false,
      checkIndexList: [], // é€‰æ‹©è¦æ‰“印的数据
      barcodeData: [],
      printLoading: false,
      checkDataList: []
    }
  },
  // æ–¹æ³•é›†åˆ
  methods: {
    // èŽ·å–要打印的数据
    getLabelPrinting(selection) {
      try {
        this.loadPint = true;
        let ids = []
        selection.map(m => {
          ids.push(m.id)
        })
        this.$axios.post(this.$api.insOrder.labelOrderPrinting, {
          ids: ids
        }, {
          headers: {
            'Content-Type': 'application/json'
          },
          noQs: true
        }).then(res => {
          if (res.code === 200 && res.data.length > 0) {
            res.data.forEach(item => {
              console.log('item---', item)
              item.sendTime = item.sendTime && item.sendTime.substring(0, 10)
              item.sampleNumber = item.qtyArrived + item.buyUnitMeas
              this.$set(item, 'barcode', item.entrustCode)
              this.$set(item, 'isLeave', item.insState === '2')
            })
            this.barcodeData = res.data
          }
        })
      } catch (e) {
        console.log('获取要打印的数据---', e)
      }

    },
    changeIsLeave(item) {
      const index = this.barcodeData.findIndex(val => val.entrustCode === item.entrustCode)
      if (index > -1) {
        this.barcodeData[index].isLeave = !this.barcodeData[index].isLeave
      }
    },
    // å…¨é€‰å¤šé€‰æ¡†å›žè°ƒ
    handleCheckAllChange(val) {
      if (val) {
        for (var i = 0; i < this.barcodeData.length; i++) {
          this.checkIndexList.push(i)
        }
        this.checkDataList = this.barcodeData
      } else {
        this.checkIndexList = []
        this.checkDataList = []
      }
      this.isIndeterminate = false;
    },
    changeType(type) {
      type = type === '1' ? '0' : '1'
    },
    //选择要打印的二维码
    changePrintCode() {
      let indexList = this.checkIndexList
      let arr = []
      indexList.forEach(i => {
        if (i !== undefined) {
          arr.push(this.barcodeData[i])
        }
      })
      console.log('arr---', arr)
      this.checkDataList = arr
    },
    // æäº¤æ‰“印
    submitPrint() {
      if (this.checkDataList.length < 1) {
        this.$message.warning("请选择要打印的条形码")
        return
      }
      this.printDialogVisible = false;
      PrintJS({
        targetStyles: ["*"], // ä½¿ç”¨dom的所有样式，很重要
        printable: 'printOrder',//页面
        type: "html",//文档类型
        maxWidth: 360,
        header: '',
        style:
          `@page {
            margin: 0.4cm;
            margin-right: 0.4cm;
            margin-top: 0.4cm;
            margin-bottom: 0.4cm;
            padding-bottom: 0px;
            size: 400px 75px collapse;
          }
          html{
            zoom:100%;

          }
          @media print{
            width: 400px;
            height: 75px;
            margin:0;
          }`,
        onPrintDialogClose: this.erexcel = false,
        font_size: '0.29cm',
      });
    },
  },
  watch: {
    printDialog(newVal) {
      if (!newVal) {
        this.barcodeData = []
        this.checkIndexList = []
        this.checkDataList = []
        this.isIndeterminate = true;
      }
    }
  },
}
</script>

<style scoped>
.item {
  margin-bottom: 4px;
}

.item2 {
  margin-bottom: 8px;
  vertical-align: top;
}

.full-title {
  display: inline-block;
  width: 80px;
  text-align-last: justify;
}

.full-title2 {
  display: inline-block;
  width: 50px;
  text-align-last: justify;
}

.full-title4 {
  display: inline-block;
  width: 53px;
  text-align-last: justify;
  vertical-align: top;
}

.info {
  margin-left: 2px;
}

.info2 {
  margin-left: 2px;
  margin-right: 30px;
  width: 80px;
  display: inline-block;
}

.info3 {
  margin-left: 2px;
  margin-right: 8px;
  width: 44px;
  display: inline-block;
}

.info4 {
  display: inline-block;
  margin-left: 2px;
  white-space: normal;
  width: 260px;
}

.checkboxInfo {
  display: inline-block;
  margin-left: 10px;
}

.scor {
  width: 0.06cm;
  height: 0.06cm;
  border-radius: 1px;
  border: 1px solid #000;
  display: inline-block;
  margin-right: 14px;
  margin-left: 4px;
}

.checked {
  margin-right: 14px;
  margin-left: 4px;
}

>>> .el-checkbox {
  margin-right: 10px;
}

>>> .el-card {
  border: none;
}

>>> .el-card__body {
  padding: 4px 2px 6px 14px;
}
</style>

 src/views/business/productOrder/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,1320 @@
<template>
  <div class="app-container">
    <div class="search">
      <el-form :model="entity" ref="entity" size="small" :inline="true">
        <el-form-item label="委托编号" prop="entrustCode">
          <el-input v-model="entity.entrustCode" clearable placeholder="请输入"
                    size="small"
                    @keyup.enter.native="refreshTable">
          </el-input>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="entity.partNo" clearable placeholder="请输入" size="small"
                    @keyup.enter.native="refreshTable"></el-input>
        </el-form-item>
        <el-form-item label="样品型号" prop="sampleModel">
          <el-input v-model="entity.sampleModel" clearable placeholder="请输入"
                    size="small" @keyup.enter.native="refreshTable()"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button :icon="!more?'el-icon-arrow-down':'el-icon-arrow-up'" style="color: #3A7BFA;" type="text" @click="more=!more">{{!more?'更多':'收起'}}</el-button>
          <el-button size="small" @click="refresh()">重 ç½®</el-button>
          <el-button size="small" type="primary" @click="refreshTable()">查 è¯¢</el-button>
        </el-form-item>
        <el-form-item label="样品编号" prop="sampleCode" v-if="more">
          <el-input v-model="entity.sampleCode" clearable placeholder="请输入" size="small"
                    @keyup.enter.native="refreshTable">
          </el-input>
        </el-form-item>
        <el-form-item label="下单时间" prop="createTime" v-if="more">
          <el-date-picker v-model="entity.createTime" clearable
                          format="yyyy-MM-dd"
                          placeholder="选择日期"
                          size="small"
                          style="width:100%"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="委托人" prop="prepareUser" v-if="more">
          <el-input v-model="entity.prepareUser" clearable placeholder="请输入" size="small"
                    @keyup.enter.native="refreshTable">
          </el-input>
        </el-form-item>
        <el-form-item label="委托单位" prop="company" v-if="more">
          <el-input v-model="entity.company" clearable placeholder="请输入" size="small"
                    @keyup.enter.native="refreshTable">
          </el-input>
        </el-form-item>
      </el-form>
    </div>
    <div class="table-tab">
      <div>
        <ul class="tab">
          <li v-for="(m,i) in tabList" :key="i+'afgh'" :class="{active:i==tabIndex}" @click="handleTab(m,i)">{{m.label}}</li>
        </ul>
      </div>
      <div>
        <el-button v-if="tabIndex === 2 || tabIndex === 3 || tabIndex === 6" size="small" @click="downLoad">导出</el-button>
        <el-button v-if="tabIndex === 1" size="small" type="primary" @click="openAddIns">添加检验项</el-button>
        <el-button size="small" type="primary" @click="openPrint">标签打印</el-button>
        <el-button size="small" type="primary" @click="playOrder(1)">下单</el-button>
      </div>
    </div>
    <div class="table">
      <lims-table :tableData="tableData" :column="column"
                  :isSelection="true" :handleSelectionChange="selectMethod"
                  @pagination="pagination" :height="'calc(100vh - 290px)'" key="tableData"
                  :page="page" :tableLoading="tableLoading"></lims-table>
    </div>
    <div>
      <!-- å®¡æ ¸ -->
      <el-dialog :before-close="handleClose" :visible.sync="verifyDialogVisible" title="下单审核" width="30%">
        <p v-if="!isPass" style="font-size:16px;color:#333333">委托编号<span
          style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p>
        <el-form v-else ref="ruleForm" :label-position="labelPosition" :model="formData" label-width="150px">
          <el-form-item label="请输入样品库位号：">
            <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
                    <el-row v-if="!isPass">
                        <el-button @click="handleClose">退 å›ž</el-button>
                        <el-button :loading="upLoad" type="primary" @click="submitForm">通 è¿‡</el-button>
                    </el-row>
                    <el-row v-else>
                        <el-button @click="handleClose">返 å›ž</el-button>
                        <el-button :loading="upLoad" type="primary" @click="submitForm">ç¡® å®š</el-button>
                    </el-row>
                </span>
      </el-dialog>
      <!-- æ’¤é”€ -->
      <el-dialog :before-close="handleClose" :visible.sync="quashDialogVisible" title="下单撤销" width="30%">
        <p v-if="!isQuash" style="font-size:16px;color:#333333">委托编号<span
          style="color:#34BD66">{{this.insOrderRow.entrustCode}}</span>的信息是否撤销</p>
        <el-form v-else ref="ruleForm" :label-position="labelPosition" :model="formData" label-width="150px">
          <el-form-item label="请输入撤销原因：">
            <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
                    <el-row v-if="!isQuash">
                        <el-button @click="handleClose">取 æ¶ˆ</el-button>
                        <el-button :loading="upLoad" type="primary" @click="submitForm">ç¡® å®š</el-button>
                    </el-row>
                    <el-row v-else>
                        <el-button @click="handleClose">返 å›ž</el-button>
                        <el-button :loading="upLoad" type="primary" @click="submitForm">ç¡® å®š</el-button>
                    </el-row>
                </span>
      </el-dialog>
      <!-- ä¸‹å‘ -->
      <el-dialog :before-close="handleClose" :visible.sync="issuedDialogVisible" title="检验分配" width="400px">
        <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 v-model="distributeData.appointed" format="yyyy-MM-dd" placeholder="选择日期" size="small"
                                style="width: 100%;" type="date" value-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">* </span>指派人员：</div>
              <div class="search_input">
                <el-select v-model="distributeData.userId" clearable filterable placeholder="请选择" size="small" style="width: 100%;" @change="changeUser">
                  <el-option v-for="(item,i) in personList" :key="i+'gbnm.'" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
            </el-col>
            <el-col class="search_thing" style="width: 95%;">
              <div class="search_label"><span class="required-span" >* </span>试验室：</div>
              <div class="search_input">
                <el-select v-model="distributeData.sonLaboratory" clearable filterable placeholder="请选择" size="small" style="width: 100%;">
                  <el-option v-for="(item,i) in sonLaboratoryList" :key="i+'oooo'" :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>
                        <el-button :loading="upLoad" type="primary" @click="submitForm2">ç¡® å®š</el-button>
                    </el-row>
                </span>
      </el-dialog>
      <el-dialog :visible.sync="dataDialogVisible" title="数据查看" width="80%">
        <div v-if="dataDialogVisible" style="height: 70vh;overflow-y: auto;">
          <ValueTable ref="ValueTableDataLook" :componentData="componentDataDataLook" :rowKey="'insProductId'"
                      :url="$api.insOrder.selectSampleAndProductByOrderId"/>
        </div>
      </el-dialog>
      <el-dialog :visible.sync="filesDialogVisible" title="附件查看" width="80%">
        <div v-if="filesDialogVisible" style="height: 70vh;overflow-y: auto;">
          <ValueTable :key="upIndex" ref="fileList"
                      :componentData="componentData0"
                      :url="$api.insOrderPlan.getFileList"
                      class="value-table"/>
        </div>
      </el-dialog>
      <el-dialog :title="deleteTilte" :visible.sync="deleteDialogVisible" width="80%">
        <div v-if="deleteDialogVisible" style="height: 70vh;overflow-y: auto;">
          <ValueTable ref="ValueTableDataDelete" :componentData="componentDataDelete"
                      :isColumnWidth="true" :url="$api.insOrder.selectNoProducts+'?orderId='+orderId+'&ids='+this.revocationInsProductIds"/>
        </div>
        <span slot="footer" class="dialog-footer">
        <el-row>
          <el-button @click="handleNo">{{deleteTilte=='撤销'?'取 æ¶ˆ':'不通过'}}</el-button>
          <el-button :loading="printLoading" type="primary" @click="submitDelete">{{deleteTilte=='撤销'?'ç¡® å®š':'通 è¿‡'}}</el-button>
        </el-row>
      </span>
      </el-dialog>
    </div>
    <div>
<!--      <Add v-if="active<4" :active="active" :currentId="currentId" :examine = "examine" :tabIndex="tabIndex" />-->
    </div>
    <el-dialog :visible.sync="printDialogVisible" title="标签打印" top="5vh" width="40%">
      <div v-loading="loadPint" style="width:100%;height: 400px;overflow-y: auto;">
        <div class="dia_body">
          <el-checkbox
            v-model="checkAll"
            :indeterminate="isIndeterminate"
            style="margin: 10px 5px;"
            @change="handleCheckAllChange">全选</el-checkbox>
          <el-checkbox-group v-model="checkIndexList" @change="changePrintCode()">
            <el-card v-for="(item, i) in qrData" :key="i+'wwwww'" class="box-card" style="margin-bottom: 15px; font-size: 16px !important;">
              <el-checkbox :key="i" :label="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 :offset="4" :span="8">
                      <vueQr :margin="2" :size="140" :text="JSON.stringify(item.sampleCode)"></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.sample }}</el-col>
                    </el-row>
                    <el-row class="ellipsis-multiline" style="margin-top: 1px;font-size: 14px;">
                      <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" disabled style="margin-top: 7px;margin-left: 4px;">
                          <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 v-model="item.isLeave" :label="1" disabled style="font-weight: bold;margin-top: 7px;">留样</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 :loading="printLoading" type="primary" @click="submitPrint">打 å°</el-button>
        </el-row>
      </span>
    </el-dialog>
    <div class="el-dialog__body" style="overflow-y: auto;margin-top: 0;position: fixed;top: 999px;z-index: 99999;display: none;">
      <div id="printMOrder" ref="printMOrder" class="printMOrder">
        <el-card v-for="(item, i) in checkDataList" :key="i+'uuuuu'" class="box-card" style="font-size: 0.20cm !important;page-break-after: always;color: #000;box-shadow: none;margin: 0 !important;padding: 0 !important;">
          <div style="display: flex;">
            <div>
              <el-col :offset="2" :span="10">
                <vueQr :margin="2" :size="60" :text="JSON.stringify(item.sampleCode)"></vueQr>
              </el-col>
            </div>
            <div style="margin-left: 0.32cm;line-height: 0.22cm;">
              <el-row>
                <el-col  class="single-line-ellipsis" style="font-size: 0.20cm;width: 4cm;"><span>样品编号:&nbsp; </span>{{ item.sampleCode }}</el-col>
              </el-row>
              <el-row style="font-size: 0.20cm;">
                <el-col><span>委托单号:&nbsp; </span>{{ item.code }}</el-col>
              </el-row>
              <el-row style="font-size: 0.20cm;">
                <el-col><span>规格型号:&nbsp; </span>{{ item.model }}</el-col>
              </el-row>
              <el-row style="font-size: 0.20cm;">
                <el-col ><span>样品名称:&nbsp; </span>{{ item.sample }}</el-col>
              </el-row>
              <el-row style="font-size: 0.20cm;width: 4cm;">
                <el-col class="ellipsis-multiline"><span>检测项目:&nbsp; </span>{{ item.item }}</el-col>
              </el-row>
              <el-row style="margin-top: 0.01cm;font-size: 0.20cm;">
                <el-col  style="display: flex;align-items: center;"><span>样品状态:&nbsp;
                  </span>
                  <span style="white-space: nowrap;"><span v-if="item.insState==0">√</span><span v-if="item.insState!=0" class="scor"></span>待检
                    <span v-if="item.insState==1">√</span><span v-if="item.insState!=1" class="scor"></span>在检
                    <span v-if="item.insState==2">√</span><span v-if="item.insState!=2" class="scor"></span>已检
                    <span v-if="item.isLeave==1">√</span><span v-if="item.isLeave!=1" class="scor"></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>
    <!-- ä¿®æ”¹å§”托编号弹框 -->
    <el-dialog :visible.sync="entrustCodeVisible" title="提示" width="30%">
      <el-input v-model="entrustCodeInfo.entrustCode"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="entrustCodeVisible = false">取 æ¶ˆ</el-button>
        <el-button :loading="submitCodeLoading" type="primary" @click="submitCode">ç¡® å®š</el-button>
      </span>
    </el-dialog>
    <!--标签打印弹框-->
    <print-dialog v-if="printDialog" ref="printDialog"
                  :printDialog="printDialog"
                  @closePrintDialog="closePrintDialog"></print-dialog>
    <!--添加遗漏检验项弹框-->
    <add-inspection-dia v-if="addInspectionDia" ref="addInspectionDia"></add-inspection-dia>
<!--    <Inspection v-if="state>0" :key="InspectionKey" :inspectorList="inspectorList" :orderId="orderId"-->
<!--                :sonLaboratory="sonLaboratory" :state="state"-->
<!--                :typeSource="typeSource" @goback="goback" @refreshView="refreshView"/>-->
  </div>
</template>

<script>
import vueQr from 'vue-qr'
import PrintJS from 'print-js'
import file from "@/utils/file";
import PrintDialog from "@/views/business/productOrder/components/printDialog.vue";
import AddInspectionDia from "@/views/business/productOrder/components/addInspectionDia.vue";
import limsTable from "@/components/Table/lims-table.vue";
import {getWarehouseSubmit} from "@/api/business/materialInspection";
import {
  checkUpdate, delInsOrder,
  rawAllInsOrderExport,
  selectInsOrderParameter, selectOrderManDay,
  updateInspected,
  updateOrderEntrustCode, updateStatus, upInsOrder, upPlanUser2
} from "@/api/business/productOrder";
import {Message} from "element-ui";
import {selectUserCondition} from "@/api/performance/class";
import {downFile} from "@/api/business/rawMaterialOrder";
// import Inspection from "../do/b1-inspect-order-plan/Inspection.vue";
export default {
  components: {
    limsTable,
    AddInspectionDia,
    PrintDialog,
    vueQr
  },
  data() {
    return {
      entity: {
        orderType: '',
        state: '',
      },
      tableData: [],
      tableLoading: false,
      column: [
        {label: '委托编号', prop: 'entrustCode'},
        {label: '委托单位', prop: 'company'},
        {label: '样品名称', prop: 'sampleName'},
        {label: '样品型号', prop: 'sampleModel'},
        {label: '样品数量', prop: 'sampleNum'},
        {label: '检验人', prop: 'testingName'},
        {
          dataType: 'tag',
          label: '紧急程度',
          prop: 'type',
          formatData: (params) => {
            if (params == 0) {
              return '普通'
            } else if (params == 1) {
              return '优先'
            } else {
              return '紧急'
            }
          },
          formatType: (params) => {
            if (params == 0) {
              return 'success'
            } else if (params == 1) {
              return 'warning'
            } else {
              return 'danger'
            }
          }
        },
        {label: '备注', prop: 'remark'},
        {label: '检验进度%', prop: 'insProgress'},
        {label: '约定时间', prop: 'appointed'},
        {
          dataType: 'tag',
          label: '检验结果',
          prop: 'insResult',
          formatData: (params) => {
            if (params == 1) {
              return '合格'
            } else if (params == 0) {
              return '不合格'
            } else if (params == 3) {
              return '不判定'
            } else {
              return ''
            }
          },
          formatType: (params) => {
            if (params == 1) {
              return 'success'
            } else if (params == 0) {
              return 'danger'
            } else if (params == 3) {
              return ''
            }  else {
              return ''
            }
          }
        },
        {label: '下单时间', prop: 'createTime'},
        {label: '下发时间', prop: 'sendTime'},
        {label: '退回理由', prop: 'tell'},
        {label: '委托人', prop: 'prepareUser'},
        {
          dataType: 'action',
          fixed: 'right',
          label: '操作',
          operation: [
            {
              name: '数据查看',
              type: 'text',
              clickFun: (row) => {
                this.handleDataLook(row);
              },
              disabled: (row, index) => {
                return row.state != 1 && row.state != 4
              },
              showHide: (row) => {
                return this.tabIndex === 1 || this.tabIndex === 2 || this.tabIndex === 3 || this.tabIndex === 6
              }
            },
            {
              name: '附件查看',
              type: 'text',
              clickFun: (row) => {
                this.handleFileLook(row);
              },
              disabled: (row, index) => {
                return row.state != 1 && row.state != 4
              },
              showHide: (row) => {
                return this.tabIndex === 1 || this.tabIndex === 2 || this.tabIndex === 3 || this.tabIndex === 6
              }
            },
            {
              name: '报告下载',
              type: 'text',
              clickFun: (row) => {
                this.download(row);
              },
              disabled: (row, index) => {
                return row.state != 4 || row.reportId == null
              },
              showHide: (row) => {
                return this.tabIndex === 2 || this.tabIndex === 3 || this.tabIndex === 6
              }
            },
            {
              name: '审核',
              type: 'text',
              clickFun: (row) => {
                this.handleVerify(row);
              },
              disabled: (row, index) => {
                return row.state != 0
              },
              showHide: (row) => {
                return this.tabIndex === 0
              }
            },
            {
              name: '撤销',
              type: 'text',
              clickFun: (row) => {
                this.handlEquash(row);
              },
              disabled: (row, index) => {
                return row.state != 1 && row.state != 0
              },
              showHide: (row) => {
                return this.tabIndex === 0 || this.tabIndex === 1
              }
            },
            {
              name: '撤销审核',
              type: 'text',
              clickFun: (row) => {
                this.handlEquashCheck(row);
              },
              disabled: (row, index) => {
                return (row.state != 1 && row.state != 0)||(this.tabIndex!=1)||row.isRevocation!=1
              },
              showHide: (row) => {
                return this.tabIndex === 1
              }
            },
            {
              name: '分配',
              type: 'text',
              clickFun: (row) => {
                this.handleIssued(row);
              },
              disabled: (row, index) => {
                return row.state != 1 || !!row.assign
              },
              showHide: (row) => {
                return this.tabIndex === 1
              }
            },
            {
              name: '删除',
              type: 'text',
              clickFun: (row) => {
                this.handleDelete(row);
              },
              showHide: (row) => {
                return this.tabIndex === 4 || this.tabIndex === 5
              }
            },
          ]
        }
      ],
      page: {
        total:0,
        size:10,
        current:1
      },
      state:0,// 0:台账页，1：检验页面,2检验页面(复核)，默认为0,3数据查看
      InspectionKey: 1,
      inspectorList: [],//检验人员列表
      sonLaboratory: null,// 0:委托，1：原材料
      typeSource: null,// 0:成品下单，1：原材料下单
      deleteTilte:'撤销',
      examine: null,
      deleteList:[],
      loadPint:false,
      checkAll: false,
      isIndeterminate: true,
      printLoading:false,
      printDialogVisible:false,
      //是否审核通过  true是 false不是
      isPass: false,
      //是否审核撤销  true是 false不是
      isQuash: false,
      verifyDialogVisible: false,
      quashDialogVisible: false,
      issuedDialogVisible: false,
      dataDialogVisible: false, // æ•°æ®æŸ¥çœ‹å¼¹æ¡†
      filesDialogVisible: false, // é™„件查看弹框
      formData: {},
      formData0: {},
      formData1: {},
      distributeData: {
        orderId: '',
        sampleId: '',
        appointed: '',
        userId: '',
        sonLaboratory:''
      },
      entrustCodeVisible: false, // ä¿®æ”¹å§”托编号弹框
      entrustCodeInfo: {},
      submitCodeLoading: false,
      // äººå‘˜åˆ—表
      personList: [],
      orderId:'',
      revocationInsProductIds:'',
      componentDataDataLook: {
        entity: {
          id: 0,
          orderBy: {
            field: 'sampleCode',
            order: 'asc'
          }
        },
        isIndex: false,
        showSelect: false,
        select: false,
        do: [],
        tagField: {
          insState: {
            select: []
          },
          insResult: {
            select: [{
              value: 1,
              label: '合格',
              type: 'success'
            },{
              value: 0,
              label: '不合格',
              type: 'danger'
            },{
              value: 3,
              label: '不判定',
              type: ''
            }]
          }
        },
        selectField: {},
        spanConfig:{
          rows:[
            {
              name:'sampleCode',
              index:0
            },
            {
              name:'sample',
              index:1
            },
            {
              name:'model',
              index:6
            }
          ]
        },
        requiredAdd: [],
        requiredUp: []
      },
      componentData0: {
        entity: {
          insOrderId:''
        },
        isIndex: true,
        showSelect: false,
        select: false,
        sort: false,
        init:false,
        do: [
          {
            id: 'parent',
            font: '下载',
            type: 'text',
            method: 'handleDown'
          }
        ],
        isPage: false,
        linkEvent: {},
        tagField: {
          type:{
            select:[
              {
                value: 1,
                label: '图片'
              },
              {
                value: 2,
                label: '文件'
              }
            ]
          }
        },
        currentId: '',
        selectField: {},
        requiredAdd: [],
        requiredUp: []
      },
      componentDataDelete: {
        entity: {
          // orderId: '',
          // orderBy: {
          //     field: 'sampleCode',
          //     order: 'asc'
          // }
        },
        isPage:true,
        isIndex: false,
        showSelect: true,
        select: true,
        selectMethod: 'selectDelete',
        do: [],
        tagField: {
          insState: {
            select: []
          },
          insResult: {
            select: [{
              value: 1,
              label: '合格',
              type: 'success'
            },{
              value: 0,
              label: '不合格',
              type: 'danger'
            }]
          }
        },
        selectField: {},
        spanConfig:{},
        requiredAdd: [],
        requiredUp: []
      },
      deleteDialogVisible:false,
      upLoad: false,
      tabList: [
        {
          label: '待审核',
          value: 0
        }, {
          label: '待检验',
          value: 1
        },
        {
          label: '委托已检',
          value: 4
        },
        {
          label: '抽样已检',
          value: 4
        },
        {
          label: '退回',
          value: 2
        },
        {
          label: '撤销',
          value: 3
        },
        {
          label: '全部',
          value: -2
        }
      ],
      tabIndex: 0,
      active: 0, //1：下单，2：查看，3：审核，4：光纤配置,默认为0
      currentId: null,
      more:false,
      insOrderRow:{},
      checkIndexList:[],
      checkDataList:[
        {
          sampleCode:'11111'
        }
      ],
      qrData:[],
      multipleSelection:[],
      sonLaboratoryList:[],
      printDialog: false,
      addInspectionDia: false
    }
  },
  watch:{
    printDialogVisible(newVal){
      if(!newVal){
        this.qrData = []
        this.checkIndexList = []
        this.checkDataList = []
        this.isIndeterminate = true;
      }
    }
  },
  mounted() {
    this.refreshTable()
    this.getAuthorizedPerson()
  },
  methods: {
    // æŸ¥è¯¢åˆ—表数据
    refreshTable() {
      if (this.tabIndex !== 2 && this.tabIndex !==3) {
        this.entity.orderType = ''
      } else {
        if (this.tabIndex === 2) {
          this.entity.orderType = 'Customer-ordered test'
        } else {
          this.entity.orderType = '抽检'
        }
      }
      const params = {...this.entity, state: this.tabList[this.tabIndex].value}
      this.tableLoading = true
      selectInsOrderParameter(params).then(res => {
        this.tableLoading = false
        if (res.code === 200) {
          this.tableData = res.data.records
          this.page.total = res.data.total
        }
      }).catch(err => {
        this.tableLoading = false
      })
    },
    refresh() {
      this.resetForm('entity')
      this.refreshTable()
    },
    pagination (page) {
      this.page.size = page.limit
      this.refreshTable()
    },
    // æ‰“开修改委托编号弹框
    changeEntrustCode (row) {
      this.entrustCodeVisible = true
      this.entrustCodeInfo = {...row}
    },
    // æäº¤ä¿®æ”¹å§”托编号
    submitCode () {
      this.submitCodeLoading = true
      updateOrderEntrustCode({
        id: this.entrustCodeInfo.id,
        entrustCode: this.entrustCodeInfo.entrustCode,
      }).then(res => {
        if (res.code === 200) {
          this.entrustCodeVisible = false
          this.refreshTable()
          this.$message.success('修改成功')
        }
        this.submitCodeLoading = false
      }).catch((err) => {
        this.submitCodeLoading = false
      })
    },
    selectMethod(val){
      this.multipleSelection = val
    },
    //选择要打印的二维码
    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,
        style: `@page {
                margin:0;
                size: 400px 75px collapse;
                margin-top:3px;
                &:first-of-type{
                  margin-top:0 !important;
                }
              }
              html{
                zoom:100%;
              }
              @media print{
                width: 400px;
                height: 75px;
                margin:0;
              }`,
        onPrintDialogClose: this.erexcel=false,
        targetStyles: ["*"], // ä½¿ç”¨dom的所有样式，很重要
        font_size: '0.20cm',
      });
    },
    // æ‰“开添加检验项弹框
    openAddIns () {
      if (this.multipleSelection.length === 0) {
        this.$message.warning('请选择需要添加检验项的数据')
        return
      }
      if (this.multipleSelection.length > 1) {
        this.$message.warning('只能选择一条数据')
        return
      }
      this.addInspectionDia = true
      this.$nextTick(() => {
        this.$refs.addInspectionDia.getDataList(this.multipleSelection[0])
      })
    },
    // å¯¼å‡ºè®°å½•
    downLoad () {
      rawAllInsOrderExport({...this.entity, responseType: "blob"}).then(res => {
        this.$message.success('导出成功')
        const blob = new Blob([res],{ type: 'application/octet-stream' });
        const url = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = url;
        link.download = '委托检测信息导出' + '.xlsx';
        link.click();
      }).catch(err => {
        console.log('err---', err);
      })
    },
    // æ‰“开标签打印弹框
    openPrint () {
      if (this.multipleSelection.length > 0) {
        this.printDialog = true
        this.$nextTick(() => {
          let selection = this.multipleSelection
          this.$refs.printDialog.getLabelPrinting(selection)
        })
      } else {
        this.$message.error('请选择需要打印的数据')
      }
    },
    // å…³é—­æ ‡ç­¾æ‰“印弹框
    closePrintDialog () {
      this.printDialog = false
    },
    // èŽ·å–指派人员下拉列表
    getAuthorizedPerson() {
      selectUserCondition({type: 1}).then(res => {
        let data = []
        res.data.forEach(a => {
          data.push({
            label: a.name,
            value: a.id
          })
        })
        this.personList = data
      })
    },
    handleClose() {
      this.verifyDialogVisible = false;
      this.quashDialogVisible = false;
      this.issuedDialogVisible = false;
      this.dataDialogVisible = false;
      this.upLoad = false;
    },
    handleClose2() {
      this.verifyDialogVisible = false;
      this.quashDialogVisible = false;
      this.issuedDialogVisible = false;
      this.dataDialogVisible = false;
      this.upLoad = false;
    },
    // è¯¦æƒ…
    selectAllByOne(row) {
      this.active = 2;
      // console.log(row);
      // //打开弹框
      // this.dialogVisible = true;
      // //row = ç‚¹å‡»å¯¹åº”行值
      // //复制给formData
      // this.formData = this.HaveJson(row);
      this.currentId = row.id
      this.examine = 1
    },
    // æ•°æ®æŸ¥çœ‹
    handleDataLook(row) {
      this.componentDataDataLook.entity.id = row.id
      this.dataDialogVisible = true;
    },
    // é™„件查看
    handleFileLook (row) {
      this.componentData0.entity.insOrderId = row.id;
      this.filesDialogVisible = true
      this.$nextTick(() => {
        this.$refs.fileList.selectList()
      })
    },
    // é™„件下载
    handleDown(row){
      downFile({
        id: row.id,
      }).then(res => {
        if (res.code === 200) {
          let url = '';
          if(res.data.type==1){
            url = this.javaApi+'/img/'+res.data.fileUrl
            file.downloadIamge(url,row.fileName)
          }else{
            url = this.javaApi+'/word/'+res.data.fileUrl
            const link = document.createElement('a');
            link.href = url;
            link.download = row.fileName;
            link.click();
          }
        }
      }).catch(error => {

      })
    },
    // ä¸‹è½½æŠ¥å‘Š
    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.active = 3;
      this.currentId = row.id
      this.examine = 1
    },
    // æ’¤é”€
    handlEquash(row) {
      if(this.tabIndex!=1){
        this.quashDialogVisible = true;
        this.insOrderRow=row
      }else{
        // this.componentDataDelete.entity.orderId = row.id
        this.orderId = row.id
        this.revocationInsProductIds = ''
        this.componentDataDelete.showSelect= true
        this.componentDataDelete.select= true
        this.deleteTilte = '撤销'
        this.deleteDialogVisible = true;
      }
    },
    selectDelete(arr){
      this.deleteList = arr;
    },
    submitDelete(){
      if(this.deleteTilte=='撤销'){
        if(this.deleteList.length==0){
          this.$message.error('请选择要撤销的项')
          return
        }
        let ids = this.deleteList.map(m=>m.id).join(',')
        this.printLoading = true;
        updateInspected({ids: ids,orderId: this.orderId}).then(res=>{
          if (res.code===200){
            this.printLoading=false
            this.deleteDialogVisible=false
            this.refreshTable('page')
            this.$message.success("更新成功")
          }
        })
      }else{
        checkUpdate({orderId: this.orderId, state: 1}).then(res=>{
          if (res.code===200){
            this.printLoading=false
            this.deleteDialogVisible=false
            this.refreshTable('page')
            this.$message.success("更新成功")
          }
        })
      }
    },
    handlEquashCheck(row){
      // this.componentDataDelete.entity.orderId = row.id
      this.orderId = row.id
      this.revocationInsProductIds = row.revocationInsProductIds
      this.componentDataDelete.showSelect= false
      this.componentDataDelete.select= false
      this.deleteTilte = '撤销审核'
      this.deleteDialogVisible = true;
    },
    handleNo(){
      if(this.deleteTilte=='撤销'){
        this.deleteDialogVisible=false
      }else{
        checkUpdate({orderId: this.orderId, state: 0}).then(res=>{
          if (res.code===200){
            this.printLoading=false
            this.deleteDialogVisible=false
            this.refreshTable('page')
            this.$message.success("更新成功")
          }
        })
      }
    },
    // ä¸‹å‘
    handleIssued(row) {
      this.issuedDialogVisible = true;
      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
      })
      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.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;
      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
          return
        }
        this.$message.success('修改成功')
        this.upLoad = false
        this.issuedDialogVisible = false
        this.refreshTable()
      }).catch(e => {
        this.$message.error('修改失败')
        this.upLoad = false
      })
    },
    submitForm() {
      this.upLoad = true;
      if (this.tabIndex==1){
        updateInspected({id: this.insOrderRow.id}).then(res=>{
          if (res.code===200){
            this.upLoad=false
            this.quashDialogVisible=false
            this.refreshTable()
            this.$message.success("更新成功")
          }
        })
      }else{
        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
    },
    // ä¸‹å•
    playOrder(num) {
      this.$router.push({ path: "/productOrder/add", query: {examine: 0,active: num} });
    },
    handleTab(m, i) {
      this.tabIndex = i;
      this.refreshTable()
    },
    // æŸ¥çœ‹æ£€éªŒæ•°æ®
    viewInspectInfo (row) {
      //当前检验任务的检验人列表
      let inspectorList = []
      if(row.userName){
        inspectorList = row.userName.split(',')
      }
      let user = JSON.parse(localStorage.getItem('user'))
      if(user){
        inspectorList.push(user.name)
      }
      this.inspectorList = inspectorList
      this.sonLaboratory = row.sonLaboratory
      this.state = 3;
      this.typeSource = row.typeSource
      this.orderId = row.id
    },
    goback() {
      this.state = 0
      this.refreshTable('page')
    },
    // åˆ·æ–°é¡µé¢
    refreshView () {
      this.InspectionKey++
    },
    changeUser(){
      if(this.sonLaboratoryList.length>0){
        this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value
      }
    },
    handleDelete(row){
      this.$confirm('是否删除当前数据?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        delInsOrder({insOrderId: row.id}).then(res => {
          this.$message.success('删除成功')
          this.refreshTable()
        }).catch(e => {
          this.$message.error('删除失败')
        })
      }).catch(() => {})
    }
  }
}
</script>
<style scoped>
.table-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab {
  list-style-type: none;
  display: flex;
  margin-bottom: 12px;
  margin-top: 0;
  padding-left: 0;
}

.tab li {
  line-height: 24px;
  padding: 6px 14px;
  font-size: 14px;
  color: #333333;
  border: 1px solid #EEEEEE;
  cursor: pointer;
}

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

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

.tab li.active {
  border-color: #3A7BFA;
  color: #3A7BFA;
}
.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: 0.01cm;
  height: 0.01cm;
  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>