peisweb/src/components/patientRegister/PatientLis.vue

<template>
  <div>
    <!--组件主体-->
    <div style="display: flex">
      <div :style="'width:' + (window.pageWidth - 200 - 145) + 'px;'">
        <div>
          <el-table @body-scrolling="load" :data="tableData" border highlight-current-row
            :height="window.pageHeight < 600 ? 238 : Math.floor((window.pageHeight - 243) * 2 / 3)" @row-click="rowClick"
            size="small" row-key="id" @selection-change="handleSelectionChange" ref="info" id="info"
            :row-class-name="handleRowClassName">
            <!-- 取消勾选，改为选中
          <el-table-column type="selection" width="40" show-overflow-tooltip/>
          :height="window.pageHeight < 600 ? 202 : Math.floor(((window.pageHeight - 302) * 2) / 3)"
          -->
            <el-table-column v-for="(item, index) in headerCols" :key="`col_${index}`"
              :min-width="dropCol[index].minWidth" :align="dropCol[index].align" :label="item.label"
              :prop="dropCol[index].prop" :sortable="dropCol[index].prop == 'sn' ? false : true">
              <template slot-scope="scope">
                <div v-if="dropCol[index].prop == 'sn'">
                  {{ scope.$index + 1 }}
                </div>
                <div v-else-if="dropCol[index].prop == 'completeFlag'">
                  {{ dddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}
                </div>
                <div v-else-if="dropCol[index].prop == 'guidePrintTimes'">
                  <i class="el-icon-printer" v-if="scope.row.guidePrintTimes > 0" style="font-size: 20px; color: green" />
                </div>
                <div v-else-if="dropCol[index].prop == 'isLock'
                  || dropCol[index].prop == 'isVip'
                  || dropCol[index].prop == 'isUpload'
                  ">
                  {{ scope.row[dropCol[index].prop] == "Y" ? "是" : "否" }}
                </div>
                <div v-else-if="dropCol[index].prop == 'customerOrgParentName'">
                  {{ scope.row.customerOrgParentName
                    ? scope.row.customerOrgParentName
                    : scope.row.customerOrgName }}
                </div>
                <div v-else-if="dropCol[index].prop == 'sexId'">
                  {{ dddw(dict.sex, "id", scope.row[dropCol[index].prop], "displayName") }}
                </div>
                <div v-else-if="dropCol[index].prop == 'groupPack'">
                  <div
                    v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId === dict.personOrgId">
                    {{ dddw(dict.medicalPackage, "id", scope.row.medicalPackageId, "displayName") }}
                  </div>
                  <div
                    v-if="scope.row.medicalPackageId !== dict.personOrgId && scope.row.customerOrgId !== dict.personOrgId">
                    {{ dddw(dict.customerOrgGroupAll, "id", scope.row.customerOrgGroupId, "displayName") }}
                  </div>
                </div>
                <div v-else-if="dropCol[index].prop == 'nationId'">
                  {{ dddw(dict.nation, "id", scope.row[dropCol[index].prop], "displayName") }}
                </div>
                <div v-else-if="dropCol[index].prop == 'birthDate'
                  || dropCol[index].prop == 'creationTime'">
                  {{ scope.row[dropCol[index].prop] ? moment(scope.row[dropCol[index].prop]).format('yyyy-MM-DD') : '' }}
                </div>
                <div v-else-if="dropCol[index].prop == 'maritalStatusId'">
                  {{ dddw(dict.maritalStatus, "id", scope.row[dropCol[index].prop], "displayName") }}
                </div>
                <div v-else-if="dropCol[index].prop == 'medicalTypeId'">
                  {{ dddw(dict.medicalType, "id", scope.row[dropCol[index].prop], "displayName") }}
                </div>
                <div v-else-if="dropCol[index].prop == 'personnelTypeId'">
                  {{ dddw(dict.personnelType, "id", scope.row[dropCol[index].prop], "displayName") }}
                </div>
                <div v-else>
                  {{ scope.row[dropCol[index].prop] }}
                </div>
              </template>
            </el-table-column>
            <!--
          "sexHormoneTermId": "00000000-0000-0000-0000-000000000000",
          "interposeMeasure": null,
          "medicalConclusionId": "00000000-0000-0000-0000-000000000000",
          "reportPrintTimes": 0,        
          "isMedicalStart": "N",
          "medicalStartDate": "6/28/2023",
          "isRecoverGuide": "N",
          "summaryDate": "",
          "summaryDoctor": null,
          "isAudit": "N",
          "auditDoctor": null,
          "auditDate": "",        
          "isNameHide": "N",
          "isPhoneFollow": "N",
          "thirdInfo": null,
          "guidePrintTimes": null,
          "remark": null,
          "medicalCenterId": "00000000-0000-0000-0000-000000000000",
          "customerOrgRegisterId": "00000000-0000-0000-0000-000000000000",
          "lastModifierName": "",
          "lastModificationTime": null,
          "lastModifierId": null,
          "creatorId": null,
          "id": "3a0c196d-a6d0-37fe-5c32-4806bdc4530f"
          -->
          </el-table>
          <div style="display: flex;justify-content:space-between;">
            <div></div>
            <div>
              <span style="font-size:12px;">共：{{ loadOpts.totalCount }} 条记录，当前显示：{{ tableData.length }}
                条。</span>
            </div>
          </div>
        </div>
        <!-- 给合项目  基本信息  -->
        <el-tabs v-model="tabChoosed" style="margin-top: -22px;">
          <!-- 给合项目 -->
          <el-tab-pane label="预览" name="1">
            <embed :src="lisLabel" type="application/pdf" width="100%" style="margin-top: -56px;"
              :height="(window.pageHeight < 600 ? 119 : Math.floor((window.pageHeight - 243) / 3)) + 56" />
          </el-tab-pane>
        </el-tabs>
      </div>
      <div style="margin-left: 5px;">
        <div v-show="checkPagePriv(pagePriv.privs, '全选')" class="listBtn">
          <el-button type="success" class="commonbutton" @click="btnChooseAll(1)">全选</el-button>
        </div>
        <div v-show="checkPagePriv(pagePriv.privs, '取消全选')" class="listBtn">
          <el-button type="success" class="commonbutton" @click="btnChooseAll(0)">取消全选</el-button>
        </div>
        <div v-show="checkPagePriv(pagePriv.privs, '预览设置')" class="listBtn">
          <el-button type="primary" class="commonbutton" @click="btnPrintPre">预览设置</el-button>
        </div>
        <div v-show="checkPagePriv(pagePriv.privs, '打印')" class="listBtn">
          <el-button type="danger" class="commonbutton" @click="btnPrint">打印</el-button>
        </div>
        <div v-show="checkPagePriv(pagePriv.privs, '发送申请')" class="listBtn">
          <el-button type="" class="commonbutton" @click="btnSendLis">发送申请</el-button>
        </div>
        <div v-show="checkPagePriv(pagePriv.privs, '撤消申请')" class="listBtn">
          <el-button type="" class="commonbutton" @click="btnUndoLis">撤消申请</el-button>
        </div>
        <div style="margin-top: 5px;">
          <el-image style="width: 110px; height: 115px;" :src="peoplePhoto">
            <div slot="placeholder" class="image-slot">
              加载中<span class="dot">...</span>
            </div>
          </el-image>
        </div>
      </div>
    </div>
    <!--组件弹窗-->
    <div>
      <!-- 通用进度条 -->
      <el-dialog title="数据处理中……" :visible.sync="elProgress.display" width="600px" height="400" :show-close="false"
        :close-on-click-modal="false" :append-to-body="true">
        <ElProgressOCX />
      </el-dialog>
    </div>
  </div>
</template>
<script>
import moment from "moment";
import { mapState, mapActions } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { photoParse } from "../../utlis/proFunc"
import Sortable from "sortablejs";
import FileSaver from 'file-saver';
import html2canvas from 'html2canvas';

import {
  getPagePriv, checkPagePriv,
  dddw,
  objCopy,
  arrayReduce,
  arrayExistObj,
  deepCopy,
} from "../../utlis/proFunc";



import ElProgressOCX from "../../components/report/ElProgressOCX.vue";


export default {
  components: {
    ElProgressOCX,
  },
  data() {
    return {
      pagePriv: {
        routeUrlorPageName: 'patientLis', //当前页面归属路由或归属页面权限名称
        privs: [] // 页面权限
      },
      peisid: null,
      startPoint: -1, // 多选起点 -1 表示选择
      endPoint: -1, // 多选终点 -1 表示未选择

      tableData: [], //表格数据
      tableDataCurrentRow: {}, // 当前被选中的行

      multipleSelection: [], //选中的数据列表

      tabChoosed: "1",
      rClickRow: null, //右击的行
      rClickColumn: null, //右击的列（预留）

      //动态列
      headerCols: [],
      //拖动列
      dropCol: [
        { label: "序号", prop: "sn", minWidth: 40, align: "center" },
        { label: "体检进度", prop: "completeFlag", minWidth: 80, align: "center" },
        { label: "打印", prop: "guidePrintTimes", minWidth: 55, align: "center" },
        { label: "锁住", prop: "isLock", minWidth: 55, align: "center" },
        { label: "单位", prop: "customerOrgParentName", minWidth: 180, align: "center" },
        { label: "部门", prop: "customerOrgName", minWidth: 120, align: "center" },
        { label: "姓名", prop: "patientName", minWidth: 80, align: "center" },
        { label: "性别", prop: "sexId", minWidth: 55, align: "center" },
        { label: "年龄", prop: "age", minWidth: 55, align: "center" },

        { label: "颜色", prop: "lisrequest", minWidth: 120, align: "center" },
        { label: "容器", prop: "lisrequest", minWidth: 120, align: "center" },
        { label: "项目分组", prop: "lisrequest", minWidth: 120, align: "center" },
        { label: "申请项目", prop: "lisrequest", minWidth: 120, align: "center" },
        { label: "检验码号", prop: "lisrequest", minWidth: 120, align: "center" },

        { label: "人员条码号", prop: "patientRegisterNo", minWidth: 150, align: "center" },
        { label: "档案号", prop: "patientNo", minWidth: 100, align: "center" },
        { label: "体检次数", prop: "medicalTimes", minWidth: 80, align: "center" },
        { label: "分组/套餐", prop: "groupPack", minWidth: 150, align: "center" },
        { label: "民族", prop: "nationId", minWidth: 55, align: "center" },
        { label: "身份证", prop: "idNo", minWidth: 150, align: "center" },
        { label: "出生日期", prop: "birthDate", minWidth: 80, align: "center" },
        { label: "邮箱", prop: "email", minWidth: 150, align: "center" },
        { label: "手机", prop: "mobileTelephone", minWidth: 100, align: "center" },
        { label: "电话", prop: "telephone", minWidth: 100, align: "center" },
        { label: "地址", prop: "address", minWidth: 300, align: "" },
        { label: "体检卡号", prop: "medicalCardNo", minWidth: 80, align: "center" },
        { label: "工卡号", prop: "jobCardNo", minWidth: 80, align: "center" },
        { label: "婚姻状况", prop: "maritalStatusId", minWidth: 80, align: "center" },
        { label: "体检类别", prop: "medicalTypeId", minWidth: 80, align: "center" },
        { label: "人员类别", prop: "personnelTypeId", minWidth: 80, align: "center" },
        { label: "职务", prop: "jobPost", minWidth: 80, align: "center" },
        { label: "职称", prop: "jobTitle", minWidth: 80, align: "center" },
        { label: "介绍人", prop: "salesman", minWidth: 80, align: "center" },
        { label: "是否VIP", prop: "isVip", minWidth: 80, align: "center" },
        { label: "登记人", prop: "creatorName", minWidth: 80, align: "center" },
        { label: "登记日期", prop: "creationTime", minWidth: 80, align: "center" },
        { label: "是否上传", prop: "isUpload", minWidth: 80, align: "center" },
      ],

      dom: null,   //用于滚动加载数据
      lazyLoading: false,  //是否懒加载中
      loadOpts: {
        totalCount: 0,
        skipCount: 0,
        maxResultCount: 100,
      },
      loadOptsInit: {},

      oneClick: 0,  // 1 表示行单击一次
      DbClick: 0,  // 1 表示行有单击第二次

      printPre: 0,
      lisLabel: '',  // data:application/pdf;base64,
    };
  },

  created() {
    //获取用户当前页面的权限
    let userPriv = window.sessionStorage.getItem('userPriv')
    if (userPriv) this.pagePriv.privs = deepCopy(getPagePriv(this.pagePriv.routeUrlorPageName))

    this.loadOptsInit = Object.assign({}, this.loadOpts)
  },

  //挂载完成
  mounted() {

    // 初始化可以拖动的列
    this.headerCols = deepCopy(this.dropCol)
    this.dropCol = this.columnDrop(this.dropCol);

    this.$nextTick(() => {
      this.scrollFull()
    })
  },
  computed: {
    ...mapState([
      "window",
      "dataTransOpts",
      "dialogWin",
      "dict",
      "elProgress",
      "patientRegister",
      "customerOrg",
    ]),

    // 照片显示
    peoplePhoto() {
      return photoParse(this.tableDataCurrentRow.photo)
    },

    // 表体高度
    tableHeight() {
      let fixHeight = this.window.pageHeight < 600 ? 600 : this.window.pageHeight
      return Math.floor((fixHeight - 243) * 2 / 3)
    }

  },
  methods: {
    ...mapActions(["getCustomerOrgGroup", "getPatientRegisterAbs"]),
    moment, dddw, deepCopy, checkPagePriv,

    // 扩展定义表格行样式
    handleRowClassName({ row, rowIndex }) {
      // highLightBg 为 'selected'的高亮
      //console.log(rowIndex, row)
      //return row.highLightBg == 'selected' ? 'high-light-bg' : '';
      if (row.choosed) {
        return "current-row";
      } else {
        return "";
      }
    },

    // 全选 取消全选
    btnChooseAll(type) {
      if (type == 1) {
        // 全选
        this.tableData.forEach(e => {
          e.choosed = true;
          e.highLightBg = "selected";
        });

        this.multipleSelection = deepCopy(this.tableData)
      } else {
        this.tableData.forEach(e => {
          e.choosed = false;
          e.highLightBg = "";
        });
        this.multipleSelection = []
        this.$refs['info'].setCurrentRow();
      }
    },

    // 行选择
    rowSelected(rows) {
      rows.forEach((e) => {
        this.$refs["info"].toggleRowSelection(e, true);
      });
    },

    refFuncSetData(item, v) {
      setData(this, item, v)
    },



    handleSelectionChange(rows) {
      //this.multipleSelection = rows;
      //console.log('this.multipleSelection',this.multipleSelection)

      rows.forEach((item) => {
        item.highLightBg = "selected";
      });
      // 取消全选
      if (!rows.length) {
        this.tableData.forEach((item) => {
          item.highLightBg = "";
        });
      }
      this.multipleSelection = JSON.parse(JSON.stringify(rows));
    },

    //点击体检次数行
    rowClick(row) {
      /*
      if (this.oneClick == 0) {
        this.oneClick = 1;
      } else {
        this.DbClick = 1;
      }

      //双击事件
      if (this.DbClick == 1) { //第一次点击的节点和第二次点击的节点id相同
        this.rowClickRetrieve(row)
        return;
      }

      setTimeout(() => { //300ms内没有第二次点击，执行单击事件
        if (this.oneClick == 1 && this.DbClick == 0) this.rowClickRetrieve(row)
      }, 300)
      */
      this.rowClickRetrieve(row)
    },

    rowClickRetrieve(row) {
      this.oneClick = 0;
      this.DbClick = 0;

      // 按住了shift键
      if (this.window.shift) {
        //清除所有选择
        this.tableData.forEach((e, index) => {
          e.choosed = false;
          e.index = index;
        });

        if (this.startPoint == -1) {
          this.tableData[row.index].choosed = true;
          this.startPoint = row.index;
        } else {
          if (this.startPoint > row.index) {
            for (let i = row.index; i <= this.startPoint; i++) {
              this.tableData[i].choosed = true;
            }
          } else if (this.startPoint <= row.index) {
            for (let i = this.startPoint; i <= row.index; i++) {
              this.tableData[i].choosed = true;
            }
          }
        }
      } else if (this.window.ctrl) {  // 按住了ctrl 键
        this.tableData[row.index].choosed = true;
        if (this.startPoint == -1) {
          this.startPoint = row.index;
        }
      } else {
        // 未按住了ctrl 、shift 键
        //清除所有选择
        console.log("清除所有选择");
        this.tableData.forEach((e, index) => {
          e.choosed = false;
          e.index = index;
        });
        console.log(this.tableData, row.index);
        console.log(this.tableData[row.index].choosed);

        this.tableData[row.index].choosed = true;
        this.startPoint = row.index;
      }

      //选中了多个点编辑时，排序最前的作为当前选中的
      console.log('row.index <= this.startPoint', row.index, this.startPoint)
      let lfind = -1
      for (let i = 0; i < this.tableData.length; i++) {
        if (this.tableData[i].choosed) {
          lfind = i
          break
        }
      }

      if (lfind > -1) {
        // 弹出编辑框，只有在编辑框显示时，才去触发获取数据
        this.dataTransOpts.tableS.patient_register.id = this.tableData[lfind].id
        this.tableDataCurrentRow = deepCopy(this.tableData[lfind])
        //触发条码预览  
        if (this.$peisAPI) this.lisPrint(this.dataTransOpts.tableS.patient_register.id, "0002", "Y", "Y")  
      }
    },

    //查询
    async Query() {
      // 查询时，清掉明细数据 （滚动时不清）
      this.dataTransOpts.tableS.patient_register.id = ''
      this.tableDataCurrentRow = {} // 清除选择
      this.tableData = []
      setTimeout(() => {
        this.dataTransOpts.refresh.register_check_asbitem.M++ //触发所选组合项目刷新  
      }, 10);

      this.loadOpts = Object.assign(this.loadOpts, this.loadOptsInit)
      await this.getPrList()
    },

    //数据量多时，滚动加载
    async load() {
      this.loadOpts.skipCount++
      await this.getPrList()
    },


    // 获取列表数据
    async getPrList() {

      if (this.loadOpts.skipCount != 0 && this.loadOpts.skipCount * this.loadOpts.maxResultCount >= this.loadOpts.totalCount) return
      console.log('getPrList', this.loadOpts)

      let body = {
        skipCount: this.loadOpts.skipCount,
        maxResultCount: this.loadOpts.maxResultCount
      };

      console.log(`this.patientRegister.query`, this.patientRegister.query);
      if (this.patientRegister.query.customerOrgFlag) {
        // if (this.patientRegister.query.CustomerOrgParentId) {
        //   body.customerOrgId = this.patientRegister.query.CustomerOrgParentId;
        // } else {
        //   if (this.patientRegister.query.customerOrgId)
        //     body.customerOrgId = this.patientRegister.query.customerOrgId;
        // }
        if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId;
        if (this.patientRegister.query.customerOrgId
          && this.patientRegister.query.customerOrgId != this.dict.personOrgId
          && this.patientRegister.query.customerOrgRegister.id) {
          body.customerOrgRegisterId = this.patientRegister.query.customerOrgRegister.id
        }

      }

      if (this.patientRegister.query.sex)
        body.sexId = this.patientRegister.query.sex;

      if (this.patientRegister.query.patientName)
        body.patientName = this.patientRegister.query.patientName;

      if (this.patientRegister.query.completeFlag)
        body.completeFlag = this.patientRegister.query.completeFlag;

      //StartDate EndDate
      if (
        this.patientRegister.query.startDate &&
        this.patientRegister.query.endDate
      ) {
        body.startDate = moment(this.patientRegister.query.startDate).format(
          "yyyy-MM-DD"
        );
        body.endDate = moment(this.patientRegister.query.endDate).format(
          "yyyy-MM-DD"
        );
        if (body.startDate > body.endDate) {
          this.$message.warning({ showClose: true, message: "起始日期不能大于截止日期，数据校验不通过！" });
          return;
        }
      }

      if (this.patientRegister.query.phone)
        body.phone = this.patientRegister.query.phone;

      if (this.patientRegister.query.idCardNo)
        body = { idNo: this.patientRegister.query.idCardNo };

      if (this.patientRegister.query.patientNo)
        body = { patientNo: this.patientRegister.query.patientNo };

      if (this.patientRegister.query.patientRegisterNo)
        body = {
          patientRegisterNo: this.patientRegister.query.patientRegisterNo,
        };

      console.log("/api/app/LisRequest/GetListInFilter", body);
      // /api/app/patientregister/getlistinfilter
      postapi("/api/app/patientregister/getlistinfilter", body)
        .then(res => {
          if (res.code != -1) {
            // 刷新最大记录数
            this.loadOpts.totalCount = res.data.totalCount
            let curLoad = res.data.items
            let oldCount = 0

            if (body.skipCount == 0) {  //查询
              this.tableData = [];
            } else {
              // 懒加载 ,原数据集不用清空
              oldCount = this.tableData.length
            }
            curLoad.forEach((e, index) => {
              this.tableData.push(Object.assign({ index: Number(oldCount) + Number(index), choosed: false }, e))
            })

            //如果 有选中 记录，则刷新其对应的组合项目
            if (this.dataTransOpts.tableS.patient_register.id) {
              this.dataTransOpts.refresh.register_check_asbitem.M++
            }
          }
        })


    },

    //滚动加载数据 
    scrollFull() {
      this.dom = this.$refs['info'].bodyWrapper
      console.log('this.dom', this.dom)

      this.dom.addEventListener('scroll', async () => {
        // console.log('scrollTop',this.dom.scrollTop,'clientHeight',this.dom.clientHeight,'scrollHeight',this.dom.scrollHeight);
        if (this.dom.scrollTop + this.dom.clientHeight + 20 > this.dom.scrollHeight && !this.lazyLoading) {
          // 获取到的不是全部数据 当滚动到底部 
          console.log('scrollTop', this.dom.scrollTop, 'clientHeight', this.dom.clientHeight, 'scrollHeight', this.dom.scrollHeight);
          if ((Number(this.loadOpts.skipCount) + 1) * Number(this.loadOpts.maxResultCount) >= Number(this.loadOpts.totalCount)) {
            this.lazyLoading = false
          } else {
            this.lazyLoading = true
            await this.load()
            this.lazyLoading = false
            // this.dom.scrollTop = this.dom.scrollTop - 100
          }
        }
      })
    },

    // 预览设置
    btnPrintPre() {

    },

    // 打印
    btnPrint() {

    },

    // 发送检验申请
    btnSendLis() {
      console.log('btnSendLis')
    },

    // 撤消检验申请
    btnUndoLis() {
      console.log('btnUndoLis')
    },



    //检验申请
    async lisRequest(prId) {
      let isPrintLisRequest = false;
      let res = null;
      if (prId.length < 1) {
        this.$message.info({ showClose: true, message: "人员信息尚未保存，不可执行此操作！" });
        return;
      }

      try {
        res = await postapi(
          `/api/app/lisrequest/setlisrequest?PatientRegisterId=${prId}`
        );
        console.log(
          `/api/app/lisrequest/setlisrequest?PatientRegisterId=${prId}`,
          res
        );
      } catch (error) {
        return;
      }
      if (res.code > -1) {
        // this.$message.info("发送检验申请成功！");
        isPrintLisRequest = true;
      }

      //重复申请，重打
      if (res.code == -1 && res.message.indexOf("已申请") > -1) {
        isPrintLisRequest = true;
      }

      if (!isPrintLisRequest) return;

      try {
        await this.$confirm("是否打印检验申请单?", "提示", {
          confirmButtonText: "是",
          cancelButtonText: "否",
          type: "info",
          showClose: false,
          closeOnClickModal: false,
          closeOnPressEscape: false,
        });
      } catch (error) {
        return;
      }
      //打印检验申请单
      this.lisPrint(prId, "0003", false);
    },

    //检验条码打印
    lisPrint(prId, ReportCode, isPreview, IsUploadPdf) {
      if (!this.$peisAPI) {
        this.$message.info({ showClose: true, message: "此功能，需要在壳客户端才可运行！" });
        return;
      }

      let token = window.sessionStorage.getItem("token");
      let user = window.sessionStorage.getItem("user");
      let toOutShell = {
        ReportCode,
        token,
        isBuildImage: 'N',
        IsUploadPdf,
        preViewCanPrint: "N",
        Parameters: [
          { Name: "printer", Value: user },
          { Name: "hisLog", Value: "pic/hisLog.jpg" },
        ],
        BusinessCode: prId
      };

      if (isPreview) {        
        this.$peisAPI.printPre(JSON.stringify(toOutShell))
          .then(res => {
            let lres = JSON.parse(res)
            if (lres.code < 0) {
              this.$message.warning({ showClose: true, message: JSON.parse(res).message });
            }else if(IsUploadPdf == 'Y'){
              this.lisLabel = 'data:application/pdf;base64,' + lres.data
            }
          })
          .catch((err) => {
            console.log('打印检验条码错误', err)
            this.$message.warning({ showClose: true, message: `${err}` });
          });

      } else {
        
        this.$peisAPI.print(JSON.stringify(toOutShell))
          .then(res => {
            if (JSON.parse(res).code < 0) {
              this.$message.warning({ showClose: true, message: JSON.parse(res).message });
            } else {
              return postapi("/api/app/lisrequest/updatelisrequestisprint", {
                operateType: 1,
                patientRegisterId: prId,
              });
            }
          })
          .then(res => {
            if (res && res.code < 0) {
              this.$message.error({ showClose: true, message: `${res.message}` });
            }
          })
          .catch((err) => {
            console.log('打印检验条码错误', err)
            this.$message.error({ showClose: true, message: `${err}` });
          });
      }
    },

    //pacs条码打印
    pacsPrint(prId, ReportCode, isPreview) {
      if (!this.$peisAPI) {
        this.$message.info("此功能，需要在壳客户端才可运行！");
        return;
      }
      let token = window.sessionStorage.getItem("token");
      let user = window.sessionStorage.getItem("user");
      let toOutShell = {
        ReportCode,
        token,
        isBuildImage: 'N',
        IsUploadPdf: 'N',
        preViewCanPrint: "Y",
        Parameters: [
          { Name: "printer", Value: user },
          { Name: "hisLog", Value: "pic/hisLog.jpg" },
        ],
        BusinessCode: prId
      };

      if (isPreview) {        
        this.$peisAPI.printPre(JSON.stringify(toOutShell))
          .then(res => {
            if (JSON.parse(res).code < 0) {
              this.$message.warning({ showClose: true, message: JSON.parse(res).message });
            }
          })
          .catch((err) => {
            console.log('打印pacs条码错误', err)
            this.$message.warning({ showClose: true, message: `${err}` });
          });
      } else {        
        this.$peisAPI.print(JSON.stringify(toOutShell))
          .then(res => {
            if (JSON.parse(res).code < 0) {
              this.$message.warning({ showClose: true, message: JSON.parse(res).message });
            } else {
              return postapi("/api/app/lisrequest/updatelisrequestisprint", {
                operateType: 1,
                patientRegisterId: prId,
              });
            }
          })
          .then(res => {
            if (res && res.code < 0) {
              this.$message.error({ showClose: true, message: `${res.message}` });
            }
          })
          .catch((err) => {
            console.log('打印pacs条码错误', err)
            this.$message.error({ showClose: true, message: `${err}` });
          });
      }
    },

    columnDrop(dropCol) {
      //获取dom节点
      const wrapperTr = document.querySelector(".el-table__header-wrapper tr");
      Sortable.create(wrapperTr, {
        animation: 180,
        delay: 0,
        // 元素被选中
        onChoose: function (/**Event*/ evt) {
          //console.log('onChoose',evt,evt.oldIndex)
          evt.oldIndex; // element index within parent
        },

        // 元素未被选中的时候（从选中到未选中）
        onUnchoose: function (/**Event*/ evt) {
          // same properties as onEnd
        },

        // 开始拖拽的时候
        onStart: function (/**Event*/ evt) {
          //console.log('onStart',evt,evt.oldIndex)
          evt.oldIndex; // element index within parent
        },
        onEnd: (evt) => {
          const oldItem = dropCol[evt.oldIndex];  // dropCol[evt.oldIndex - 1]; 
          if (oldItem) {
            dropCol.splice(evt.oldIndex, 1);
            dropCol.splice(evt.newIndex, 0, oldItem);
          }
          //console.log(this.headerCols, oldItem, dropCol);
        },
      });
      return dropCol;
    },

    //通用导出
    btnExport(elId) {
      // 获取HTML元素（表格）
      // let table = document.getElementById(elId); //.cloneNode(true)
      this.$nextTick(() => {
        let refsTable = this.$refs[elId]  //.cloneNode(true) true
        let table = document.getElementById(elId)
        console.log('table,refsTable', table, refsTable)

        let tableData = table.innerHTML
        let fileName = moment(new Date()).format('yyyyMMDDHHmmss')
        let blob = new Blob([tableData], { type: "text/plain;charset=utf-8" });

        FileSaver.saveAs(blob, fileName + '.xls');

        // 导出图片       
        // 使用html2canvas将HTML元素转换为画布
        // let cloneTable = table.cloneNode(true) //[elId]

        html2canvas(table).then(canvas => {

          // 创建一个a元素用于下载
          const link = document.createElement('a');
          link.href = canvas.toDataURL('image/jpeg');
          link.download = fileName + '.jpg';
          document.body.appendChild(link);
          link.click();
          //document.body.removeChild(link);

          // // 创建一个PDF对象
          // var pdf = new jsPDF();    
          // // 设置PDF的尺寸
          // pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, canvas.width, canvas.height);    
          // // 导出PDF
          // pdf.save('员工信息表.pdf');

        });
      })
    },

  },

  //监听事件
  watch: {
    "patientRegister.query.customerOrgId": {
      // immediate: true, // 立即执行
      // deep: true, // 深度监听复杂类型内变化
      handler(newVal, oldVal) {
        //console.log('watch:patientRegister.query.customerOrgId:',newVal,oldVal)
        // 单位变化时，清除当前列表信息
        if (newVal && newVal != oldVal) {
          this.tableData = []
          this.dataTransOpts.tableM.register_check_asbitem = []
        }
      }
    },

    //触发查询事件
    "patientRegister.query.times"(newVal, oldVal) {
      if (newVal != oldVal) {
        //alert('触发查询事件')
        this.Query();
      }
    },

    //新增后，触发赋值
    // "patientRegister.patientRegisterRd.id"(newVal, oldVal) {
    //   if (newVal != oldVal) {
    //     //console.log('patientRegister.patientRegisterRd.customerOrgId',this.patientRegister.patientRegisterRd.customerOrgId)
    //     objCopy(this.patientRegister.patientRegisterRd, this.form);
    //   }
    // },
  },
};
</script>
<style scoped>
@import "../../assets/css/global_input.css";
@import "../../assets/css/global_table.css";
@import "../../assets/css/global.css";


.box {
  display: flex;
}

.listBtn {
  margin-top: 5px;
  text-align: center;
}

.btnClass {
  width: 100px;
}
</style>