报告编制修改

lxp

2025-03-12 2b6e530143e59eae4d3a35eae0cf1620decfe698

 src/views/business/inspectionOrder/index.vue

@@ -1,9 +1,2314 @@
<template>
  <div>检验下单</div>
  <div class="bg-1">
    <div style="margin: 5px 15px">
      <el-row class="title">
        <el-col :span="12" style="text-align: left">检验下单</el-col>
        <el-col :span="12" style="text-align: right">
          <el-button size="medium" type="primary" @click="dialogVisible1 = true"
            :loading="exportCheckedLoading">导出检验结果</el-button>
          <el-button size="medium" type="primary" @click="print">标签打印</el-button>
          <el-button size="medium" type="primary" @click="playOrder(1)"
            v-hasPermi="['business:order:add']">下单</el-button>
        </el-col>
      </el-row>
    </div>
    <basic-container>
      <div class="search" :style="`height: ${more ? 100 : 50}px;`">
        <el-row :gutter="10" style="width: 100%">
          <el-col :span="20" style="display: flex; flex-wrap: wrap">
            <div class="search_thing" style="width: 20%">
              <div class="search_label">委托编号：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.entrustCode"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%">
              <div class="search_label" style="width: 120px">
                外部委托编号：
              </div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.outEntrustCode"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%">
              <div class="search_label">样品名称：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.sampleName"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%">
              <div class="search_label">样品型号：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.sampleModel"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%">
              <div class="search_label">样品编号：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.sampleCode"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 40%" v-if="more">
              <div class="search_label">下单时间：</div>
              <div class="search_input">
                <el-date-picker style="width: 100%" v-model="queryParams.startAndEndTime" type="daterange" size="small"
                  range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"
                  clearable placeholder="选择日期">
                </el-date-picker>
              </div>
            </div>
            <div class="search_thing" style="width: 20%" v-if="more">
              <div class="search_label">下单人：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.name"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%" v-if="more">
              <div class="search_label">工程名称：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.engineering"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
            <div class="search_thing" style="width: 20%" v-if="more">
              <div class="search_label">生产单位：</div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="queryParams.production"
                  @keyup.enter.native="refreshTable()"></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="search_thing">
              <el-button type="text" :icon="!more ? 'el-icon-arrow-down' : 'el-icon-arrow-up'" style="color: #3a7bfa"
                @click="more = !more">{{ !more ? "更多" : "收起" }}</el-button>
              <el-button size="small" @click="refresh()">重 置</el-button>
              <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
            </div>
          </el-col>
        </el-row>
      </div>
    </basic-container>
    <basic-container>
      <div v-show="active == 0">
        <div class="table">
          <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>
          <lims-table :tableData="tableData" :height="tableHeight + ''" @pagination="pagination" :column="column"
            :page="page" :tableLoading="tableLoading"></lims-table>
        </div>
        <!-- 审核 -->
        <el-dialog title="下单审核" :visible.sync="verifyDialogVisible" width="30%" :before-close="handleClose">
          <p style="font-size: 16px; color: #333333" v-if="!isPass">
            委托编号<span style="color: #34bd66">ZTMS2023071001</span>的信息是否通过
          </p>
          <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
            <el-form-item label="请输入样品库位号：">
              <el-input v-model="formData.specificationModel" size="small" style="width: 60%"></el-input>
            </el-form-item>
          </el-form>
          <span slot="footer" class="dialog-footer">
            <el-row v-if="!isPass">
              <el-button @click="handleClose">退 回</el-button>
              <el-button type="primary" @click="submitForm" :loading="upLoad">通 过</el-button>
            </el-row>
            <el-row v-else>
              <el-button @click="handleClose">返 回</el-button>
              <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
          </span>
        </el-dialog>
        <!-- 撤销 -->
        <el-dialog title="下单撤销" :visible.sync="quashDialogVisible" width="30%" :before-close="handleClose">
          <p style="font-size: 16px; color: #333333" v-if="!isQuash">
            委托编号<span style="color: #34bd66">{{
              this.insOrderRow.entrustCode
            }}</span>的信息是否撤销
          </p>
          <el-form :label-position="labelPosition" :model="formData" label-width="150px" ref="ruleForm" v-else>
            <el-form-item label="请输入撤销原因：">
              <el-input v-model="formData.specificationModel" size="small" style="width: 60%"></el-input>
            </el-form-item>
          </el-form>
          <span slot="footer" class="dialog-footer">
            <el-row v-if="!isQuash">
              <el-button @click="handleClose">取 消</el-button>
              <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
            <el-row v-else>
              <el-button @click="handleClose">返 回</el-button>
              <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button>
            </el-row>
          </span>
        </el-dialog>
        <!-- 下发 -->
        <el-dialog title="检验分配" :visible.sync="issuedDialogVisible" width="400px" :before-close="handleClose">
          <div class="body" style="max-height: 60vh">
            <el-row>
              <el-col class="search_thing" style="width: 95%">
                <div class="search_label">
                  <span class="required-span">* </span>约定时间：
                </div>
                <div class="search_input">
                  <el-date-picker size="small" v-model="distributeData.appointed" type="date" placeholder="选择日期"
                    value-format="yyyy-MM-dd" style="width: 100%" format="yyyy-MM-dd">
                  </el-date-picker>
                </div>
              </el-col>
              <el-col class="search_thing" style="width: 95%">
                <div class="search_label">
                  <span class="required-span" v-show="distributeData.type == 2">* </span>指派人员：
                </div>
                <div class="search_input">
                  <el-select v-model="distributeData.userId" placeholder="请选择" size="small" style="width: 100%"
                    clearable filterable @change="changeUser">
                    <el-option-group v-for="(item, index) in Object.keys(personList)" :key="index" :label="item">
                      <el-option v-for="op in personList[item]" :key="op.id" :label="op.name" :value="op.id">
                      </el-option>
                    </el-option-group>
                  </el-select>
                </div>
              </el-col>
              <el-col class="search_thing" style="width: 95%" v-if="distributeData.userId">
                <div class="search_label">
                  <span class="required-span">* </span>试验室：
                </div>
                <div class="search_input">
                  <el-select v-model="distributeData.sonLaboratory" placeholder="请选择11" size="small" style="width: 100%"
                    clearable filterable>
                    <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 type="primary" @click="submitForm2" :loading="upLoad">确 定</el-button>
            </el-row>
          </span>
        </el-dialog>
        <el-dialog title="数据查看" :visible.sync="dataDialogVisible" width="100%" fullscreen>
          <div style="height: 80vh; overflow-y: auto" v-if="dataDialogVisible">
            <ValueTable ref="ValueTableDataLook" :rowKey="'insProductId'"
              :url="$api.insOrder.selectSampleAndProductByOrderId" :componentData="componentDataDataLook" />
          </div>
        </el-dialog>
        <el-dialog top="5vh" :title="deleteTilte" :visible.sync="deleteDialogVisible" :before-close="handleCloseDelete"
          width="80%">
          <div class="table-container" v-if="deleteDialogVisible">
            <!-- <ValueTable
            ref="ValueTableDataDelete"
            :url="
              $api.insOrder.selectNoProducts +
              '?orderId=' +
              orderId +
              '&ids=' +
              this.revocationInsProductIds
            "
            :componentData="componentDataDelete"
            :isColumnWidth="true"
          /> -->
            <el-table height="500px" ref="revokeTable" @select="handleSelectionChange" @select-all="handleSelectionAll"
              :data="treeTableData" style="width: 100%" row-key="id" border lazy :load="load"
              :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
              <el-table-column v-if="deleteTilte == '撤销'" type="selection" width="55"></el-table-column>
              <el-table-column prop="sampleCode" label="样品编号" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="inspectionItem" label="检验项" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="inspectionItemSubclass" label="检验子项" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="sampleType" label="样品分类" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="sample" label="样品" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="model" label="型号" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="sonLaboratory" label="试验室" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="tell" label="要求值" show-overflow-tooltip>
              </el-table-column>
            </el-table>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-row>
              <el-button @click="handleNo">{{
                deleteTilte == "撤销" ? "取 消" : "不通过"
              }}</el-button>
              <el-button type="primary" @click="submitDelete" :loading="printLoading">{{ deleteTilte == "撤销" ? "确 定" :
                "通 过" }}</el-button>
            </el-row>
          </span>
        </el-dialog>
        <!-- 数据查看详情 -->
        <el-dialog title="查看详情" :visible.sync="dialogVisible" width="70%" :before-close="handleClose3">
          <el-table v-if="type == '单根垂直燃烧' || type == '松套管'" :data="viewDetailsList" height="400px" border
            style="width: 100%">
            <el-table-column type="index" label="序号" width="80px"></el-table-column>
            <el-table-column prop="entrustCode" label="委托单号"></el-table-column>
            <el-table-column prop="sampleCode" label="样品编号"></el-table-column>
            <el-table-column prop="color" label="套管"></el-table-column>
            <!-- <el-table-column prop="inspectionItem" label="检验项"></el-table-column> -->
            <el-table-column prop="insValue" label="检验结果"></el-table-column>
          </el-table>

          <el-table v-if="type == '抗拉强度'" :data="viewDetailsList" height="400px" border style="width: 100%">
            <el-table-column type="index" label="序号" width="80px"></el-table-column>
            <el-table-column prop="inspectionItem" label="检验项"></el-table-column>
            <el-table-column prop="inspectionItemSubclass" label="检验子项"></el-table-column>
            <el-table-column prop="width" label="宽度"></el-table-column>
            <el-table-column prop="thickness" label="厚度"></el-table-column>
            <el-table-column prop="testValue" label="检验值"></el-table-column>
          </el-table>

          <el-table v-if="type == '断裂伸长率'" :data="viewDetailsList" height="400px" border style="width: 100%">
            <el-table-column type="index" label="序号" width="80px"></el-table-column>
            <el-table-column prop="inspectionItem" label="检验项"></el-table-column>
            <el-table-column prop="inspectionItemSubclass" label="检验子项"></el-table-column>
            <el-table-column v-for="(v, i) in tableHeader" :key="i" :prop="`testValue${i}`"
              :label="`检验值${i + 1}`"></el-table-column>
          </el-table>
        </el-dialog>

        <!-- 导出已检数据 -->
        <el-dialog title="选择日期" :visible.sync="dialogVisible1" width="30%" :before-close="handleClose4">
          <span>下单日期:&nbsp;</span>
          <el-date-picker v-model="exportCheckedDate" type="daterange" size="small" value-format="yyyy-MM-dd"
            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
          <span slot="footer" class="dialog-footer">
            <el-button @click="handleClose4">取 消</el-button>
            <el-button type="primary" @click="exportChecked()">确 定</el-button>
          </span>
        </el-dialog>
      </div>
      <div style="width: 100%; height: 100%" v-if="active > 0">
        <Add :active="active" :currentId="currentId" v-if="active < 4" :examine="examine" />
      </div>
      <el-dialog title="标签打印" :visible.sync="printDialogVisible" width="40%" top="5vh">
        <div style="width: 100%; height: 400px; overflow-y: auto" v-loading="loadPint">
          <div class="dia_body">
            <el-checkbox style="margin: 10px 5px" :indeterminate="isIndeterminate" v-model="checkAll"
              @change="handleCheckAllChange">全选</el-checkbox>
            <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList">
              <el-card class="box-card" v-for="(item, i) in qrData" :key="i + 'wwwww'"
                style="margin-bottom: 15px; font-size: 16px !important">
                <el-checkbox :label="i" :key="i" style="position: relative; top: -20px; left: 5px"><br /></el-checkbox>
                <div>
                  <el-row style="font-size: 14px; padding-left: 20px">
                    <el-col style="font-weight: bold">{{ item.pName }}</el-col>
                  </el-row>
                  <div style="display: flex">
                    <div>
                      <el-col :span="8" :offset="4">
                        <vueQr :text="'https://zttx-lims.ztt.cn:8021/lims/qr/qrScan?code=' +
                          item.id +
                          '&type=sample'
                          " :size="140" :margin="2"></vueQr>
                      </el-col>
                    </div>
                    <div style="margin-left: 50px; width: 100%">
                      <el-row>
                        <el-col style="
                            font-weight: bold;
                            text-align: left;
                            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; text-align: left"><span>委托单号:&nbsp; </span>{{ item.code
                          }}</el-col>
                      </el-row>
                      <el-row style="margin-top: 1px; font-size: 14px">
                        <el-col style="font-weight: bold; text-align: left"><span>规格型号:&nbsp; </span>{{ item.model
                          }}</el-col>
                      </el-row>
                      <el-row style="margin-top: 1px; font-size: 14px">
                        <el-col style="font-weight: bold; text-align: left"><span>样品名称:&nbsp; </span>{{ item.sample
                          }}</el-col>
                      </el-row>
                      <el-row style="margin-top: 1px; font-size: 14px" class="ellipsis-multiline">
                        <el-col style="font-weight: bold; text-align: left"><span>检测项目:&nbsp; </span>{{ item.item
                          }}</el-col>
                      </el-row>
                      <el-row style="margin-top: 2px; font-size: 14px">
                        <el-col style="
                            font-weight: bold;
                            display: flex;
                            align-items: center;
                          "><span>样品状态:&nbsp; </span><el-radio-group :value="item.insState"
                            style="margin-top: 7px; margin-left: 4px" disabled>
                            <el-radio :label="0" style="font-weight: bold; margin-right: 7px">待检</el-radio>
                            <el-radio :label="1" style="font-weight: bold; margin-right: 7px">在检</el-radio>
                            <el-radio :label="2" style="font-weight: bold; margin-right: 7px">已检</el-radio>
                          </el-radio-group><el-radio :label="1" style="font-weight: bold; margin-top: 7px"
                            v-model="item.isLeave" disabled>留样</el-radio></el-col>
                      </el-row>
                    </div>
                  </div>
                </div>
              </el-card>
            </el-checkbox-group>
          </div>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-row>
            <el-button @click="printDialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="submitPrint" :loading="printLoading">打 印</el-button>
          </el-row>
        </span>
      </el-dialog>
      <div class="el-dialog__body" style="
          overflow-y: auto;
          margin-top: 0;
          position: fixed;
          top: 999px;
          z-index: 99999;
          display: none;
        ">
        <div id="printMOrder" class="printMOrder" ref="printMOrder">
          <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i + 'uuuuu'" style="
              font-size: 0.2cm !important;
              page-break-after: always;
              color: #000;
              box-shadow: none;
              margin: 0 !important;
              padding: 0 !important;
            ">
            <div style="display: flex">
              <div>
                <el-col :span="10" :offset="2">
                  <vueQr :text="'https://zttx-lims.ztt.cn:8021/lims/qr/qrScan?code=' +
                    item.id +
                    '&type=sample'
                    " :size="60" :margin="2"></vueQr>
                </el-col>
              </div>
              <div style="margin-left: 0.32cm; line-height: 0.22cm">
                <el-row>
                  <el-col style="font-size: 0.2cm; width: 4cm" class="single-line-ellipsis"><span>样品编号:&nbsp; </span>{{
                    item.sampleCode }}</el-col>
                </el-row>
                <el-row style="font-size: 0.2cm">
                  <el-col><span>委托单号:&nbsp; </span>{{ item.code }}</el-col>
                </el-row>
                <el-row style="font-size: 0.2cm">
                  <el-col><span>规格型号:&nbsp; </span>{{ item.model }}</el-col>
                </el-row>
                <el-row style="font-size: 0.2cm">
                  <el-col><span>样品名称:&nbsp; </span>{{ item.sample }}</el-col>
                </el-row>
                <el-row style="font-size: 0.2cm; 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.2cm">
                  <el-col style="display: flex; align-items: center"><span>样品状态:&nbsp; </span>
                    <span style="white-space: nowrap"><span v-if="item.insState == 0">√</span><span class="scor"
                        v-if="item.insState != 0"></span>待检
                      <span v-if="item.insState == 1">√</span><span class="scor" v-if="item.insState != 1"></span>在检
                      <span v-if="item.insState == 2">√</span><span class="scor" v-if="item.insState != 2"></span>已检
                      <span v-if="item.isLeave == 1">√</span><span class="scor"
                        v-if="item.isLeave != 1"></span>留样</span>
                  </el-col>
                </el-row>
              </div>
            </div>
          </el-card>
        </div>
      </div>
    </basic-container>
  </div>
</template>

<script>
export default {};
import limsTable from "@/components/Table/lims-table.vue";
import {
  selectInsOrderParameter,
  hasSendUrgentOrder,
  delCustomById,
  upCustom,
} from "@/api/business/inspectionOrder";
import { getDicts } from "@/api/system/dict/data";
import vueQr from "vue-qr";
import getLodop from "@/utils/lodop";
import Add from "./add.vue";
import { mapGetters } from "vuex";
export default {
  components: {
    limsTable,
    Add,
    vueQr,
  },
  computed: {
    ...mapGetters(["permissions"]),
  },
  data() {
    return {
      queryParams: {
        entrustCode: "",
        outEntrustCode: "",
        sampleName: "",
        sampleModel: "",
        sampleCode: "",
        startAndEndTime: [],
        name: "",
        engineering: "",
        production: "",
      },
      tableData: [],
      page: {
        total: 0,
        size: 20,
        current: 1,
      },
      tableLoading: false,
      column: [
        {
          label: "委托编号",
          prop: "entrustCode",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "外部委托编号",
          prop: "outEntrustCode",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "委托单位",
          prop: "company",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "样品名称",
          prop: "sampleName",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "样品编号",
          prop: "sampleCode",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "样品型号",
          prop: "sampleModel",
          minWidth: "160px",
          width: "160px",
        },
        {
          label: "样品数量",
          prop: "sampleNum",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "检验进度%",
          prop: "insProgress",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "紧急程度",
          prop: "type",
          minWidth: "100px",
          width: "100px",
          dataType: "tag",
          formatData: (params) => {
            let index = this.urgencyDictList.findIndex(
              (item) => item.dictValue == params
            );
            if (index > -1) {
              return this.urgencyDictList[index].dictLabel;
            } else {
              return null;
            }
          },
          formatType: (params) => {
            let index = this.urgencyDictList.findIndex(
              (item) => item.dictValue == params
            );
            if (index > -1) {
              return this.urgencyDictList[index].listClass;
            } else {
              return null;
            }
          },
        },
        {
          label: "备注",
          prop: "remark",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "制单人",
          prop: "custom",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "约定时间",
          prop: "appointed",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "下单时间",
          prop: "createTime",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "下发时间",
          prop: "sendTime",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "退回理由",
          prop: "tell",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "委托人",
          prop: "prepareUser",
          minWidth: "120px",
          width: "120px",
        },
        {
          label: "撤销日期",
          prop: "revocationTime",
          minWidth: "120px",
          width: "120px",
        },
        {
          dataType: "action",
          fixed: "right",
          label: "操作",
          operation: [
            {
              name: "数据查看",
              type: "text",
              clickFun: (row) => { },
            },
            {
              name: "报告下载",
              type: "text",
              clickFun: (row) => { },
            },
            {
              name: "审核",
              type: "text",
              clickFun: (row) => { },
            },
            {
              name: "撤销",
              type: "text",
              clickFun: (row) => { },
            },
            {
              name: "撤销审核",
              type: "text",
              clickFun: (row) => { },
            },
            {
              name: "分配",
              type: "text",
              clickFun: (row) => { },
            },
          ],
        },
      ],
      //old
      tableHeader: [],
      type: "",
      revokeDataAll: [],
      revokeData: [],
      treeTableData: [],
      treeTableData2: [],
      exportCheckedDate: [],
      exportCheckedLoading: false,
      dialogVisible1: false,
      dialogVisible: false,
      viewDetailsList: [],
      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,
      formData: {},
      formData0: {},
      formData1: {},
      distributeData: {
        orderId: "",
        sampleId: "",
        appointed: "",
        userId: null,
        sonLaboratory: "",
      },
      // 人员列表
      personList: [],
      currentTableData: [],
      componentData: {
        entity: {
          entrustCode: null,
          sample: null,
          sampleName: null,
          sampleModel: null,
          sampleCode: null,
          outEntrustCode: null,
          state: 0,
          name: null,
          engineering: null,
          production: null,
          startAndEndTime: [],
          // orderBy: {
          //    field: '',
          //    order: ''
          // }
        },
        isIndex: true,
        showSelect: true,
        select: true,
        selectMethod: "selectMethod",
        do: [
          {
            id: "dataLook",
            font: "数据查看",
            type: "text",
            method: "handleDataLook",
            disabFun: (row, index) => {
              return row.state != 1 && row.state != 4;
            },
          },
          {
            id: "download",
            font: "报告下载",
            type: "text",
            method: "download",
            disabFun: (row, index) => {
              return row.state != 4 || row.isRatify != 1;
            },
          },
          {
            id: "verify",
            font: "审核",
            type: "text",
            method: "handleVerify",
            disabFun: (row, index) => {
              return row.state != 0;
            },
          },
          {
            id: "quash",
            font: "撤销",
            type: "text",
            method: "handlEquash",
            disabFun: (row, index) => {
              return row.state != 1 && row.state != 0;
            },
          },
          {
            id: "quashCheck",
            font: "撤销审核",
            type: "text",
            method: "handlEquashCheck",
            disabFun: (row, index) => {
              return (
                (row.state != 1 && row.state != 0) ||
                this.tabIndex != 1 ||
                row.isRevocation != 1
              );
            },
          },
          {
            font: "分配",
            type: "text",
            method: "handleIssued",
            disabFun: (row, index) => {
              return (
                row.state != 1 ||
                (row.entrustCode != null &&
                  Number(row.assign) > 0 &&
                  row.inspectId != null)
              );
            },
          },
        ],
        linkEvent: {
          sampleName: {
            method: "selectAllByOne",
          },
        },
        tagField: {
          type: {
            select: [],
          },
          createUser: {
            select: [],
          },
          orderType: {
            select: [],
          },
          processing: {
            select: [
              {
                value: 1,
                label: "实验室处理",
              },
              {
                value: 0,
                label: "委托单位取回",
              },
            ],
          },
          isLeave: {
            select: [
              {
                value: 1,
                label: "留样",
              },
              {
                value: 0,
                label: "不留样",
              },
            ],
          },
          send: {
            select: [
              {
                value: 1,
                label: "自取",
              },
              {
                value: 0,
                label: "其他",
              },
            ],
          },
        },
        selectField: {},
        requiredAdd: [],
        requiredUp: [],
        needSort: ["createTime", "sendTime", "type", "appointed"],
      },
      orderId: "",
      revocationInsProductIds: "",
      componentDataDataLook: {
        isPage: false,
        entity: {
          id: 0,
          orderBy: {
            field: "sampleCode",
            order: "asc",
          },
        },
        isIndex: false,
        showSelect: false,
        select: false,
        do: [
          {
            id: "",
            font: "查看",
            type: "text",
            method: "viewDetails",
            showFun: (row, index) => {
              return (
                row.inspectionItem == "单根垂直燃烧" ||
                row.inspectionItem.includes("松套管") ||
                row.inspectionItemSubclass.includes("松套管") ||
                (row.inspectionItem == "抗拉强度" &&
                  (row.inspectionItemSubclass == "热老化处理前" ||
                    row.inspectionItemSubclass == "热老化处理后")) ||
                (row.inspectionItem == "断裂伸长率" &&
                  (row.inspectionItemSubclass == "热老化处理前" ||
                    row.inspectionItemSubclass == "热老化处理后"))
              );
            },
          },
        ],
        tagField: {
          insState: {
            select: [],
          },
          insResult: {
            select: [
              {
                value: 1,
                label: "合格",
                type: "success",
              },
              {
                value: 0,
                label: "不合格",
                type: "danger",
              },
              {
                value: 3,
                label: "不判定",
                type: "",
              },
            ],
          },
        },
        selectField: {},
        spanConfig: {
          rows: [
            // {
            //   name: "entrustCode",
            //   index: 0,
            // },
            // {
            //   name: "sampleCode",
            //   index: 1,
            // },
          ],
        },
        requiredAdd: [],
        requiredUp: [],
      },
      componentDataDelete: {
        entity: {
          // orderId: '',
          // orderBy: {
          //    field: 'sampleCode',
          //    order: 'asc'
          // }
        },
        isPage: false,
        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,
      entityCopy: {},
      upIndex: 0,
      upLoad: false,
      tabList: [
        {
          label: "待审核",
          value: 0,
        },
        {
          label: "待检验",
          value: 1,
        },
        {
          label: "已检验",
          value: 4,
        },
        {
          label: "退回",
          value: 2,
        },
        {
          label: "撤销",
          value: 3,
        },
      ],
      tabIndex: 0,
      active: 0, //1：下单，2：查看，3：审核，4：光纤配置,默认为0
      currentId: null,
      more: false,
      insOrderRow: {},
      checkIndexList: [],
      checkDataList: [
        {
          sampleCode: "",
        },
      ],
      qrData: [],
      multipleSelection: [],
      sonLaboratoryList: [],
      queryCount: 0,
      urgencyDictList: [],
      tableHeight: 0,
    };
  },
  created() {
    this.getDictList();
    this.getTableHeight();
  },
  mounted() {
    this.getList();
    window.addEventListener("resize", this.getTableHeight);
  },
  beforeDestroy() {
    window.removeEventListener("resize", this.getTableHeight);
  },
  watch: {
    more() {
      this.getTableHeight();
    },
  },
  methods: {
    //获取表格高度
    getTableHeight() {
      const otherHeight = this.more ? 430 : 380; // 其余高度
      const tableBottom = 50; // 距离页面下方的高度
      const tableHeightDetil = window.innerHeight - tableBottom;
      if (tableHeightDetil <= 300) {
        this.tableHeight = 200;
      } else {
        this.tableHeight = window.innerHeight - tableBottom - otherHeight;
      }
    },
    getDictList() {
      getDicts("urgency_level")
        .then((res) => {
          if (res.code === 200) {
            this.urgencyDictList = res.data;
          }
        })
        .catch((error) => {
          console.error(error);
        });
    },
    pagination({ page, limit }) {
      this.page.current = page;
      this.page.size = limit;
      this.getList();
    },
    //获取数据列表
    getList() {
      this.tableLoading = true;
      selectInsOrderParameter({ ...this.queryParams, ...this.page })
        .then((res) => {
          if (res.code === 200) {
            this.tableData = res.data.records;
            this.page.total = res.data.total;
          }
          this.tableLoading = false;
        })
        .catch((error) => {
          console.error(error);
          this.tableLoading = false;
        });
    },
    // 导出已检
    exportChecked() {
      let data = {
        startTime: this.exportCheckedDate[0],
        endTime: this.exportCheckedDate[1],
      };
      console.log("data", data);
      this.exportCheckedLoading = true;
      this.dialogVisible1 = false;
      this.$axios
        .post(this.$api.insOrder.exportChecked, data, {
          headers: {
            "Content-Type": "application/json",
          },
          responseType: "blob",
        })
        .then((res) => {
          this.$message.success("导出成功");
          this.exportCheckedDate = [];
          this.exportCheckedLoading = false;
          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";
          document.body.appendChild(link);
          link.click();
        });
    },
    // 查看详情
    viewDetails(row) {
      this.dialogVisible = true;
      if (
        row.inspectionItem.includes("松套管") ||
        row.inspectionItemSubclass.includes("松套管")
      ) {
        this.type = "松套管";
      } else {
        this.type = row.inspectionItem;
      }
      let data = {
        inspectionItem: row.inspectionItem,
        insProductId: row.insProductId,
        insSampleId: row.insSampleId,
        entrustCode: row.entrustCode,
        sampleCode: row.sampleCode,
      };
      this.$axios
        .post(this.$api.insOrder.viewDetails, data, {
          headers: {
            "Content-Type": "application/json",
          },
        })
        .then((res) => {
          this.viewDetailsList = res.data;
          if (res.data[0].tableHeader) {
            this.tableHeader = res.data[0].tableHeader;
          } else {
            this.tableHeader = [
              {
                testValue0: "",
              },
            ];
          }
        });
    },
    selectMethod(val) {
      this.multipleSelection = val;
    },
    getLabelPrinting(selection) {
      this.loadPint = true;
      this.$axios
        .post(this.$api.insOrder.labelPrinting, {
          ids: selection.map((m) => m.id).join(","),
        })
        .then((res) => {
          let arr = res.data;
          arr.forEach((a) => {
            this.loadPint = false;
            let arr1 = [];
            a.insProduct.forEach((b) => {
              arr1.push(b.inspectionItem);
            });
            a.item = [...new Set(arr1)].join(",");
          });
          this.qrData = arr;
        });
    },
    //开始标签打印
    beginPrint(arr) {
      if (arr.length === 0) {
        return;
      }
      this.LODOP = getLodop();
      this.LODOP.SET_LICENSES(
        "南通市鑫阳软件开发有限公司",
        "60F8E5078AE17DEB340C94BC7E83CAFF",
        "",
        ""
      );
      this.LODOP.PRINT_INITA();
      for (let i = 0; i < arr.length; i++) {
        const qrData = arr[i];
        let qrStr =
          "https://zttx-lims.ztt.cn:8021/lims/qr/qrScan?code=" +
          qrData.id +
          "&type=sample";
        this.LODOP.NEWPAGE();
        // this.LODOP.SET_PRINT_PAGESIZE(0, 100, 360, '')
        this.LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE", 1);
        this.LODOP.ADD_PRINT_BARCODE(2, 5, 80, 80, "QRCode", qrStr);
        this.LODOP.ADD_PRINT_TEXT(5, 85, 60, 18, "样品编号：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(5, 117, 280, 18, qrData.sampleCode);
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(15, 85, 60, 18, "委托单号：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(15, 117, 280, 18, qrData.code);
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(25, 85, 60, 18, "规格型号：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(25, 117, 280, 18, qrData.model);
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(35, 85, 60, 18, "样品名称：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(35, 117, 280, 18, qrData.sample);
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(45, 85, 60, 20, "检测项目：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(
          45,
          117,
          150,
          20,
          qrData.item.length > 42
            ? qrData.item.substring(0, 39) + "..."
            : qrData.item
        );
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        this.LODOP.ADD_PRINT_TEXT(67, 85, 60, 18, "样品状态：");
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
        let stateStr = "▢待检 ▢在检 ▢已检";
        let leaveStr =
          qrData.isLeave && qrData.isLeave === 1 ? " ▣留样" : " ▢留样";
        if (qrData.insState == 0) {
          stateStr = "▣待检 ▢在检 ▢已检";
        } else if (qrData.insState == 1) {
          stateStr = "▢待检 ▣在检 ▢已检";
        } else if (qrData.insState == 2) {
          stateStr = "▢待检 ▢在检 ▣已检";
        }
        this.LODOP.ADD_PRINT_TEXT(67, 117, 280, 18, stateStr + leaveStr);
        this.LODOP.SET_PRINT_STYLEA(0, "FontSize", 5);
      }
      this.LODOP.PRINT();
      // this.LODOP.PREVIEW()
    },
    //选择要打印的二维码
    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.$nextTick(() => {
        this.beginPrint(this.qrData);
      });
      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.15cm",
      // });
    },
    print() {
      if (this.multipleSelection.length == 0) {
        this.$message.warning("请选择一条数据");
        return;
      }
      let selection = this.multipleSelection;
      this.getLabelPrinting(selection);
      this.printDialogVisible = true;
    },
    // 选择检验分配人员
    getAuthorizedPerson() {
      this.$axios.get(this.$api.user.getLaboratoryPersonList).then((res) => {
        // let data = [];
        // res.data.forEach((a) => {
        //   data.push({
        //     label: a.name,
        //     value: a.id,
        //   });
        // });
        this.personList = res.data;
      });
    },
    refreshTable() {
      this.getList();
    },
    getTableData(newData) {
      if (newData && newData.length == 1) {
        const insState = newData[0].state;
        this.tabList.forEach((ele, index) => {
          if (ele.value == insState && this.queryCount == 0) {
            this.handleTab(ele, index);
            this.queryCount = 1;
          }
        });
      }
    },
    refresh() {
      this.componentData.entity = this.HaveJson(this.entityCopy);
      this.upIndex++;
      this.refreshTable();
    },
    // 权限分配
    getPower(radio) {
      let power = JSON.parse(sessionStorage.getItem("power"));
      let up = false;
      let del = false;
      let revoke = false;
      let check = false;
      let checkUpdate = false;
      for (var i = 0; i < power.length; i++) {
        if (power[i].menuMethod == "upInsOrder") {
          up = true;
        }
        if (power[i].menuMethod == "updateStatus") {
          revoke = true;
        }
        if (power[i].menuMethod == "upInsOrderOfState") {
          check = true;
        }
        if (power[i].menuMethod == "checkUpdate") {
          checkUpdate = true;
        }
      }
      if (!up) {
        this.componentData.do.splice(5, 1);
      }
      if (!checkUpdate) {
        this.componentData.do.splice(4, 1);
      }
      if (!revoke) {
        this.componentData.do.splice(3, 1);
      }
      if (!check) {
        this.componentData.do.splice(2, 1);
      }
    },
    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;
    },
    handleClose3() {
      this.dialogVisible = false;
    },
    handleClose4() {
      this.exportCheckedDate = [];
      this.dialogVisible1 = 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;
    },
    // 下载报告
    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();
      // }

      // if(row.tempUrlPdf) {
      //   const link = document.createElement('a');
      //   link.href = this.javaApi + row.tempUrlPdf;
      //   link.target = '_blank';
      //   document.body.appendChild(link);
      //   link.click();
      // }
      this.$axios
        .get(
          this.$api.insReport.downReport + "?id=" + row.reportId + "&type=1",
          {
            headers: {
              "Content-Type": "application/json",
            },
            responseType: "blob",
          }
        )
        .then((res) => {
          let fileName = row.tempUrlPdf;
          if (fileName.includes("_")) {
            fileName = fileName.split("_")[1];
          }
          const blob = new Blob([res], { type: "application/octet-stream" });
          const url = URL.createObjectURL(blob);
          const link = document.createElement("a");
          link.href = url;
          link.download = fileName;
          document.body.appendChild(link);
          link.click();
        });
    },
    // 审核
    handleVerify(row) {
      // this.verifyDialogVisible = true;
      this.active = 3;
      this.currentId = row.id;
      this.examine = 1;
    },
    // 全选
    handleSelectionAll(val) {
      if (val.length > 0 && val.length <= this.treeTableData.length) {
        this.handleSelectionAllRecursion(this.treeTableData, true);
        console.log("传输的数据", this.revokeData);
      } else {
        this.$refs.revokeTable.clearSelection();
        this.revokeData = [];
      }
    },
    handleSelectionAllRecursion(list, flag) {
      for (let i = 0; i < list.length; i++) {
        let item = list[i];
        this.$refs.revokeTable.toggleRowSelection(item, flag);
        if (flag) {
          this.revokeData.push(item);
          this.revokeData = this.revokeData.filter(
            (a, index, self) => index === self.findIndex((t) => t.id === a.id)
          );
        }
        if (item.children && item.children.length > 0) {
          this.handleSelectionAllRecursion(item.children, flag);
        }
      }
    },

    // 选择需要撤销的数据
    handleSelectionChange(val, row) {
      console.log("rwo", row);
      this.revokeData = val;
      // 进行一个递归操作
      // 判断是否选中 val包含既是选中  不包含既是取消选中
      let flag = null;
      if (val.includes(row)) {
        flag = true;
      } else {
        flag = false;
      }
      if (row.children && row.children.length > 0) {
        this.tableSelect(row, flag);
      }
      // 还要进行一个判断 如果全选之后又取消了选择，那么相应的sampleId也要取消
      this.$nextTick(() => {
        if (!flag) {
          this.treeTableData.forEach((item) => {
            if (item.id == row.sampleId) {
              this.$refs.revokeTable.toggleRowSelection(item, false);
            }
          });
          // 温度点
          if (row.number) {
            this.revokeData = this.revokeData.filter(
              (a) =>
                a.inspectionItemSubclass != row.inspectionItemSubclass &&
                a.inspectionItem != "温度循环" &&
                a.inspectionItemTwo != row.number &&
                a.id != row.sampleId
            );
            console.log("treeTableData", this.treeTableData);
            this.treeTableData.forEach((item) => {
              if (item.id == row.sampleId && item.children.length > 0) {
                item.children.forEach((a) => {
                  if (a.inspectionItem == "温度循环") {
                    this.$refs.revokeTable.toggleRowSelection(a, false);
                    if (a.children.length > 0) {
                      a.children.forEach((b) => {
                        if (b.inspectionItemTwo == row.number) {
                          this.$refs.revokeTable.toggleRowSelection(b, false);
                        }
                      });
                    }
                  }
                });
              }
            });
          } else if (row.temperatureNumber) {
            // 循环次数
            this.revokeData = this.revokeData.filter(
              (a) =>
                a.inspectionItem != "温度循环" &&
                a.id != row.sampleId &&
                a.inspectionItemTwo != row.inspectionItemTwo &&
                a.number != row.inspectionItemTwo
            );
            console.log("treeTableData", this.treeTableData);
            this.treeTableData.forEach((item) => {
              if (item.id == row.sampleId && item.children.length > 0) {
                item.children.forEach((a) => {
                  if (a.inspectionItem == "温度循环") {
                    this.$refs.revokeTable.toggleRowSelection(a, false);
                  }
                });
              }
            });
          } else if (row.temperature) {
            // 如果是温度循环
            this.revokeData = this.revokeData.filter(
              (a) =>
                a.id != row.sampleId &&
                a.inspectionItem != "温度循环" &&
                a.parentId != row.id
            );
          } else {
            this.revokeData = this.revokeData.filter(
              (a) => a.id != row.sampleId
            );
          }
        }
        console.log("最终结果", this.revokeData);
      });
    },
    // load的递归赋值
    loadRecursion(list, treeId, data) {
      for (let i = 0; i < list.length; i++) {
        let item = list[i];
        if (item.id == treeId) {
          item.children = data;
          return;
        }
        if (item.children && item.children.length > 0) {
          this.loadRecursion(item.children, treeId, data);
        }
      }
    },
    // 选中的递归
    selectedRecursion(list) {
      if (list.children && list.children.length > 0) {
        console.log("有子节点", list);

        for (let i = 0; i < list.children.length; i++) {
          let item = list.children[i];
          this.$refs.revokeTable.toggleRowSelection(item, true);
          this.revokeData.push(item);
          this.revokeData = this.revokeData.filter(
            (m, index, self) => index === self.findIndex((t) => t.id === m.id)
          );
          if (item.children && item.children.length > 0) {
            this.selectedRecursion(item.children);
          }
        }
      } else {
        console.log("没有子节点", list);
        this.$refs.revokeTable.toggleRowSelection(list, true);
        return;
      }
    },
    // 递归treeTableData
    recursionTreeTableData(list, data) {
      console.log("list", list);
      // list 选中的数据  data代表treetableData
      for (let i = 0; i < list.length; i++) {
        let item = list[i];
        for (let j = 0; j < data.length; j++) {
          let m = data[j];
          if (item.id == m.id) {
            console.log("m", m);
            this.selectedRecursion(m);
          }
          if (m.children && m.children.length > 0) {
            this.recursionTreeTableData(list, m.children);
          }
        }
      }
    },
    watchRecursion(list, flag, id) {
      console.log("999", list, flag, id);
      for (let j = 0; j < this.treeTableData.length; j++) {
        let m = this.treeTableData[j];
        if (m.id == id) {
          this.$refs.revokeTable.toggleRowSelection(m, flag);
          if (flag) {
            this.revokeData.push(m);
            this.revokeData = this.revokeData.filter(
              (a, index, self) => index === self.findIndex((t) => t.id === a.id)
            );
          } else {
            this.revokeData = this.revokeData.filter((a) => a.id != id);
          }

          if (m.children && m.children.length > 0) {
            m.children.forEach((a) => {
              this.$refs.revokeTable.toggleRowSelection(a, flag);
              if (a.children) {
              }
            });
          }
        }
      }
    },
    tableSelect(list, flag) {
      if (list.children && list.children.length > 0) {
        for (let i = 0; i < list.children.length; i++) {
          let item = list.children[i];
          this.$refs.revokeTable.toggleRowSelection(item, flag);
          if (flag) {
            this.revokeData.push(item);
            this.revokeData = this.revokeData.filter(
              (a, index, self) => index === self.findIndex((t) => t.id === a.id)
            );
          } else {
            this.revokeData = this.revokeData.filter((a) => a.id != item.id);
          }
          if (item.children && item.children.length > 0) {
            this.tableSelect(item, flag);
          }
        }
      }
    },

    // 懒加载查询
    load(tree, treeNode, resolve) {
      treeNode.loading = true;
      if (this.deleteTilte == "撤销") {
        // 是否是温度循环
        if (tree.temperature) {
          this.$axios
            .get(
              this.$api.insOrder.selectTemperatureByProductId +
              "?productId=" +
              tree.id
            )
            .then((res) => {
              this.loadRecursion(this.treeTableData, tree.id, res.data);
              resolve(res.data);
              this.recursionTreeTableData(this.revokeData, this.treeTableData);
              treeNode.loading = false;
            });
        }
        // 是否是检验次数
        else if (tree.temperatureNumber) {
          this.$axios
            .get(
              this.$api.insOrder.selectTemperatureNumberByProductId +
              "?parentId=" +
              tree.parentId +
              "&inspectionItem=" +
              tree.inspectionItemTwo
            )
            .then((res) => {
              this.loadRecursion(this.treeTableData, tree.id, res.data);
              resolve(res.data);
              this.recursionTreeTableData(this.revokeData, this.treeTableData);
              treeNode.loading = false;
            });
        } else {
          this.$axios
            .get(
              this.$api.insOrder.selectProductsBySampleId +
              "?sampleId=" +
              tree.id +
              "&orderId=" +
              this.orderId
            )
            .then((res) => {
              this.treeTableData.forEach((m, index) => {
                if (m.sampleId == tree.id) {
                  m.children = res.data;
                }
              });
              resolve(res.data);
              this.recursionTreeTableData(this.revokeData, this.treeTableData);
              // // 如果该样品已经被勾选 那么所得到的检验项也要进行勾选
              // let data = this.revokeData.map((item) => item.id);
              // if (data.includes(tree.id)) {
              //   this.treeTableData.forEach((m, index) => {
              //     if (m.children) {
              //       m.children.forEach((n, i) => {
              //         if (tree.id == n.sampleId) {
              //           this.$refs.revokeTable.toggleRowSelection(n, true);
              //         }
              //       });
              //     }
              //   });
              // }
              treeNode.loading = false;
            });
        }
      } else if (this.deleteTilte == "撤销审核") {
        // 是否是温度循环
        if (tree.temperature) {
          this.$axios
            .get(
              this.$api.insOrder.revokeReviewTemperatureByProductId +
              "?productId=" +
              tree.id
            )
            .then((res) => {
              resolve(res.data);
              treeNode.loading = false;
            });
        }
        // 是否是循环次数
        else if (tree.temperatureNumber) {
          this.$axios
            .get(
              this.$api.insOrder.revokeReviewConsistentByProductId +
              "?parentId=" +
              tree.parentId +
              "&inspectionItem=" +
              tree.inspectionItemTwo
            )
            .then((res) => {
              resolve(res.data);
              treeNode.loading = false;
            });
        } else {
          this.$axios
            .get(
              this.$api.insOrder.revokeReviewProduct +
              "?sampleId=" +
              tree.id +
              "&orderId=" +
              this.orderId
            )
            .then((res) => {
              resolve(res.data);
              treeNode.loading = false;
            });
        }
      }
    },
    // 撤销
    handlEquash(row) {
      if (this.tabIndex != 1) {
        this.quashDialogVisible = true;
        this.insOrderRow = row;
      } else {
        // this.componentDataDelete.entity.orderId = row.id
        this.orderId = row.id;
        this.$axios
          .get(this.$api.insOrder.selectSampleByOrderId + "?orderId=" + row.id)
          .then((res) => {
            console.log("res", res);
            this.treeTableData = res.data;
            this.treeTableData2 = JSON.parse(JSON.stringify(res.data));
          });
        this.revocationInsProductIds = "";
        this.componentDataDelete.showSelect = true;
        this.componentDataDelete.select = true;
        this.deleteTilte = "撤销";
        this.deleteDialogVisible = true;
      }
    },
    handleCloseDelete() {
      this.revokeData = [];
      this.treeTableData = [];
      this.deleteDialogVisible = false;
    },
    selectDelete(arr) {
      this.deleteList = arr;
    },
    submitDelete() {
      if (this.deleteTilte == "撤销") {
        if (this.revokeData.length == 0) {
          this.$message.error("请选择要撤销的具体项目");
          return;
        }
        //this.printLoading = true;
        // 如果勾选了样品
        let productIds = [];
        let sampleData = this.revokeData.filter(
          (m) => m.hasChildren && !m.temperatureNumber && !m.temperature
        );
        let sampleIds = [];
        if (sampleData.length > 0) {
          console.log("选择了样品", sampleData);
          sampleIds = sampleData.map((m) => m.id);
          let newDate = this.revokeData.filter((m) => {
            return sampleIds.every((id) => m.sampleId != id);
          });
          if (newDate) {
            productIds = newDate.map((m) => m.id);
          }
        } else {
          console.log("选择项目");
          // 过滤掉循环次数
          let data = this.revokeData.filter((item) => !item.ids);
          // 如果勾选循环次数
          let data1 = this.revokeData.filter((item) => item.ids);
          productIds = data.map((m) => m.id);
          data1.forEach((item) => {
            if (item.ids.length > 0) {
              item.ids.forEach((a) => {
                productIds.push(a);
              });
            }
          });
          productIds = [...new Set(productIds)];
          console.log("data", data);
          console.log("data1", data1);
        }
        //

        console.log("sampleId", sampleIds);
        console.log("productIds", productIds);
        let data = {
          orderId: this.orderId,
          sampleIds: sampleIds,
          productIds: productIds,
        };
        this.$axios
          .post(this.$api.insOrder.revoke, data, {
            headers: {
              "Content-Type": "application/json",
            },
            noQs: true,
          })
          .then((res) => {
            if (res.code === 200) {
              this.deleteDialogVisible = false;
              this.printLoading = false;
              this.revokeData = [];
              this.refreshTable();
              this.$message.success("撤销成功");
            }
          });
        console.log("revokeData", this.revokeData);
        console.log("data", data);
        // let ids = this.deleteList.map((m) => m.id).join(",");
        // this.printLoading = true;
        // this.axios
        //   .put(
        //     this.$api.insOrder.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 {
        // this.axios
        //   .post(
        //     this.$api.insOrder.checkUpdate +
        //       "?orderId=" +
        //       this.orderId +
        //       "&state=" +
        //       1
        //   )
        //   .then((res) => {
        //     if (res.code === 200) {
        //       this.printLoading = false;
        //       this.deleteDialogVisible = false;
        //       this.refreshTable("page");
        //       this.$message.success("更新成功");
        //     }
        //   });

        this.axios
          .get(this.$api.insOrder.revocationPassed + "?orderId=" + this.orderId)
          .then((res) => {
            if (res.code === 200) {
              this.printLoading = false;
              this.deleteDialogVisible = false;
              this.refreshTable();
              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;

      this.orderId = row.id;
      this.revocationInsProductIds = row.revocationInsProductIds;
      this.componentDataDelete.showSelect = false;
      this.componentDataDelete.select = false;
      this.deleteTilte = "撤销审核";
      this.$axios
        .get(this.$api.insOrder.revokeReviewSample + "?orderId=" + row.id)
        .then((res) => {
          console.log("撤销审核样品查询", res);
          this.treeTableData = res.data;
        });
      this.deleteDialogVisible = true;
    },
    handleNo() {
      if (this.deleteTilte == "撤销") {
        this.deleteDialogVisible = false;
        this.revokeData = [];
      } else {
        // this.axios
        //   .post(
        //     this.$api.insOrder.checkUpdate +
        //       "?orderId=" +
        //       this.orderId +
        //       "&state=" +
        //       0
        //   )
        //   .then((res) => {
        //     if (res.code === 200) {
        //       this.printLoading = false;
        //       this.deleteDialogVisible = false;
        //       this.refreshTable("page");
        //       this.$message.success("更新成功");
        //     }
        //   });
        this.axios
          .get(this.$api.insOrder.revocationCancel + "?orderId=" + this.orderId)
          .then((res) => {
            if (res.code === 200) {
              this.printLoading = false;
              this.deleteDialogVisible = false;
              this.refreshTable();
              this.$message.success("更新成功");
            }
          });
      }
    },
    // 下发
    handleIssued(row) {
      this.issuedDialogVisible = true;
      this.$axios
        .post(this.$api.insOrder.selectOrderManDay, {
          id: row.id,
        })
        .then((res) => {
          this.distributeData.orderId = row.id;
          this.distributeData.sampleId = row.sampleId;
          this.distributeData.appointed = res.data;
          this.distributeData.type = row.type;
        });
      this.$axios
        .post(this.$api.insOrderPlan.upPlanUser2, {
          orderId: row.id,
        })
        .then((res) => {
          if (res.code === 200 && res.data.length > 0) {
            this.sonLaboratoryList = [];
            res.data.forEach((m) => {
              this.sonLaboratoryList.push({
                value: m,
                label: m,
              });
            });
          }
        });
    },
    submitForm2() {
      if (
        this.distributeData.appointed == null ||
        this.distributeData.appointed == ""
      ) {
        this.$message.error("约定时间未填写");
        return;
      }
      //
      if (
        this.distributeData.type == 2 &&
        (this.distributeData.userId == null || this.distributeData.userId == "")
      ) {
        this.$message.error("指派人员未填写");
        return;
      }
      if (
        this.distributeData.userId &&
        (this.distributeData.sonLaboratory == null ||
          this.distributeData.sonLaboratory == "")
      ) {
        this.$message.error("试验室未填写");
        return;
      }
      this.upLoad = true;
      this.$axios
        .post(
          this.$api.insOrder.upInsOrder,
          {
            orderId: this.distributeData.orderId,
            sampleId: this.distributeData.sampleId,
            appointed: this.distributeData.appointed,
            userIdList: [this.distributeData.userId],
            sonLaboratory: this.distributeData.sonLaboratory,
          },
          {
            headers: {
              "Content-Type": "application/json",
            },
          }
        )
        .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) {
        this.axios
          .put(
            this.$api.insOrder.updateInspected + "?id=" + this.insOrderRow.id
          )
          .then((res) => {
            if (res.code === 200) {
              this.upLoad = false;
              this.quashDialogVisible = false;
              this.refreshTable();
              this.$message.success("更新成功");
            }
          });
      } else {
        this.axios
          .put(this.$api.insOrder.updateStatus + "?id=" + this.insOrderRow.id)
          .then((res) => {
            if (res.code === 200) {
              this.upLoad = false;
              this.quashDialogVisible = false;
              this.refreshTable();
              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({
        name: "addOrder",
        params: {},
      });
      this.active = num;
      this.examine = 0;
      // this.refreshTable();
    },
    handleTab(m, i) {
      this.tabIndex = i;
      this.queryParams.state = m.value;
      this.getList();
    },
    getUserMenu() {
      this.$axios.get(this.$api.user.getUserMenu).then((res) => {
        let data = [];
        res.data.forEach((a) => {
          data.push({
            label: a.name,
            value: a.id,
          });
        });
        this.componentData.tagField.createUser.select = data;
      });
    },
    getInsStateDicts() {
      this.$axios
        .post(this.$api.enums.selectEnumByCategory, {
          category: "检验任务状态",
        })
        .then((res) => {
          let data = res.data;
          this.insStateList = data;
          data.forEach((ele) => {
            //0:待检验 1:检验中 2:已检验 3:待复核 4:复核未通过 5:复核通过
            if (["2", "5"].includes(ele.value)) {
              ele.type = "success";
            } else if (["1", "3"].includes(ele.value)) {
              ele.type = "warning";
            } else if (["0", "4"].includes(ele.value)) {
              ele.type = "danger";
            }
          });
          this.componentDataDataLook.tagField.insState.select = data;
          this.componentDataDelete.tagField.insState.select = data;
        });
    },
    selectEnumByCategoryForOrderType() {
      this.$axios
        .post(this.$api.enums.selectEnumByCategory, {
          category: "检验类别",
        })
        .then((res) => {
          this.componentData.tagField.orderType.select = res.data;
        });
    },
    changeUser() {
      if (this.sonLaboratoryList.length > 0) {
        this.distributeData.sonLaboratory = this.sonLaboratoryList[0].value;
      }
    },
  },
};
</script>

<style></style>
<style scope>
.title {
  height: 60px;
  line-height: 60px;
}

.search {
  background-color: #fff;
  height: 50px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

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

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

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

.table {
  /* margin-top: 10px;
  background-color: #fff;
  width: calc(100% - 40px);
  height: calc(100% - 60px - 80px - 10px - 40px);
  padding: 20px; */
}

.tab {
  list-style-type: none;
  display: flex;
  /* margin-bottom: 12px; */
  padding-inline-start: 0px;
}

.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(5) {
  border-radius: 0 8px 8px 0;
}

.tab li.active {
  border-color: #3a7bfa;
  color: #3a7bfa;
}

.el-form-item {
  margin-bottom: 16px;
}

.box-card>>>.el-radio__inner {
  border-radius: 2px !important;
}

.box-card>>>.el-radio__input.is-checked .el-radio__inner::after {
  content: "";
  width: 8px;
  height: 3px;
  border: 1px solid white;
  border-top: transparent;
  border-right: transparent;
  text-align: center;
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
  transform: rotate(-45deg);
  border-radius: 0px;
  background: none;
}

>>>.el-radio__label {
  color: #000 !important;
}

.el-dialog__body>>>.el-radio__label {
  font-size: 8px;
}

.el-dialog__body>>>.el-radio__input.is-checked .el-radio__inner::after {
  content: "";
  width: 4px;
  height: 3px;
  border: 1px solid #000;
  border-top: transparent;
  border-right: transparent;
  text-align: center;
  display: block;
  position: absolute;
  top: 1px;
  left: 2px;
  transform: rotate(-45deg);
  border-radius: 0px;
  background: none;
}

>>>.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background: #3a7bfa;
}

.el-dialog__body>>>.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background: transparent;
}

.el-dialog__body>>>.el-radio__inner {
  width: 8px !important;
  height: 8px !important;
}

.el-dialog__body>>>.el-radio__label {
  padding-left: 2px !important;
}

.el-dialog__body>>>.el-card__body {
  padding: 0 !important;
}

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

.el-dialog__body>>>.el-radio__input.is-disabled .el-radio__inner {
  border-color: #000 !important;
}

.el-dialog__body>>>.el-radio__input.is-disabled.is-checked .el-radio__inner {
  border: none !important;
}

.scor {
  width: 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: 3em;
  /* 高度为字体大小的两倍 */
  line-height: 1.5em;
  /* 行高 */
  height: 3em;
  /* 高度为行高的两倍 */
}

.table-container {
  height: 70vh;
  overflow-y: auto;
}

.table-container.el-table {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>