cnhis-design-vue 2.1.141 → 2.1.144

package/packages/button/src/ButtonPrint/new.vue

@@ -0,0 +1,1417 @@
+<template>
+  <div class="newprint-button-outer" ref='newprintButtonOuterRef' v-clickoutside="handleAllClickOutside">
+    <!-- 外部按钮集合 -->
+    <a-button-group>
+      <a-dropdown
+        :getPopupContainer="getPopupContainerNode"
+        v-for="outer in outerPrintItems"
+        :key="outer.key"
+        class="c-dropdown"
+        :trigger="dropOuter"
+      >
+        <a-button
+          class="operation-li"
+          style="display: flex;align-items: center;"
+          :disabled="!printParams[outer.templateCode]"
+          :loading="outer.isLoading"
+          @click="handleOneTypePrint(outer.templateCode, outer.templateId, outer.key, true)"
+        >
+          <a-icon type="printer" v-if="!outer.isLoading"/>
+          <span class="label" >{{ outer.label }}</span>
+        </a-button>
+        <template #overlay>
+          <a-menu>
+            <a-menu-item
+              class="operation-li"
+              v-for="operation in operations"
+              :key="operation.key"
+              @click="handleSelect(operation.key, outer)"
+            >
+              <span class="label" >{{ operation.label }}</span>
+            </a-menu-item>
+          </a-menu>
+        </template>
+      </a-dropdown>
+    </a-button-group>
+
+    <!-- 外显设置按钮 -->
+    <a-dropdown
+      v-if="outerPrintItems.length > 0 && outerPrintItems.length == options.length && isShowOutSettingBtn"
+      overlayClassName="newprint-button-menu"
+      :getPopupContainer="getPopupContainerNode"
+      id="dropdown-outer-setting-btn"
+      :visible="outSettingVisible"
+      :trigger="dropOperation"
+    >
+      <a-button @click="toggleSettingVisible('outSettingVisible')">
+        外显设置
+        <a-icon type="setting" />
+      </a-button>
+      <a-menu slot="overlay">
+        <a-menu-item
+          v-for="sItem in options"
+          :key="sItem.key"
+          class="dropdown-between operation-li"
+        >
+          <span class="label bold">{{ sItem.label }}</span>
+          <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
+        </a-menu-item>
+        <a-menu-item  class="print-divider"><a-divider /></a-menu-item>
+        <a-menu-item class="dropdown-between">
+          <a-button type="primary" size="small" @click="savePrintOutSetting('outSettingVisible')">保存</a-button>
+          <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
+        </a-menu-item>
+      </a-menu>
+    </a-dropdown>
+
+    <!-- 打印全部按钮 -->
+    <a-button-group v-else>
+      <a-button style="display: flex;align-items: center;" :loading="this.spinning" @click.stop="printAllButtonClick">
+        <a-icon type="printer" v-if="!this.spinning"/>
+        {{ isShowPrintAllBtn ? '打印全部' : defaultFormatTitle ? defaultFormatTitle : btnText }}
+      </a-button>
+      <a-button
+        v-if="innerPrintItems.length == 0"
+        @click.stop="handleClickBtn"><a-icon type="down"/></a-button>
+      <a-dropdown v-else :visible="visible" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu" :trigger="dropOperation">
+        <a-button
+          @click.stop="handleClickBtn"><a-icon type="down"/></a-button>
+        <a-menu slot="overlay">
+          <a-menu-item
+            class="dropdown-between operation-li"
+            v-for="option in innerPrintItems"
+            :key="option.key"
+          >
+            <span class="label bold" :class="!printParams[option.templateCode] ? 'isDisabled' : ''" @click="handleOneTypePrint(option.templateCode, option.templateId, option.key, true)"><a-icon type="loading" v-if="option.isLoading" style="margin-right: 6px;"/>{{ option.label }} </span>
+            <a-dropdown :getPopupContainer="getPopupContainerNode" :trigger="dropOperation">
+              <!-- 点击唤起操作弹窗 -->
+              <span class="operation-icon" style="margin-left: 8px;"><a-icon type="right" /></span>
+
+              <a-menu slot="overlay">
+                <a-menu-item
+                  class="operation-li"
+                  v-for="operation in operations"
+                  :key="operation.key"
+                  @click="handleSelect(operation.key, option)"
+                >
+                  <span class="label">{{ operation.label }}</span>
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
+          </a-menu-item>
+          <!-- 分割线 -->
+          <a-menu-item v-if="isShowOutSettingBtn" class="print-divider"><a-divider /></a-menu-item>
+          <!-- 外显设置 -->
+          <a-menu-item class="operation-li" v-if="isShowOutSettingBtn">
+            <a-dropdown :visible="innerSettingVisible" :trigger="dropOperation" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu">
+              <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;" @click="toggleSettingVisible('innerSettingVisible')">
+                <span class="label bold" style="margin-right: 12px;">外显设置 </span>
+                <a-icon type="setting" :class='outerPrintItems.length > 0 ? "hasOuterItem":""'/>
+              </div>
+              <a-menu slot="overlay">
+                <a-menu-item
+                  class="dropdown-between operation-li"
+                  v-for="sItem in options"
+                  :key="sItem.key"
+                >
+                  <span class="label bold"> {{ sItem.label }} </span>
+                  <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
+                </a-menu-item>
+                <!-- 分割线 -->
+                <a-menu-item class="print-divider"><a-divider /></a-menu-item>
+                <a-menu-item class="dropdown-between">
+                  <a-button type="primary" size="small" @click="savePrintOutSetting('innerSettingVisible')">保存</a-button>
+                  <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
+          </a-menu-item>
+        </a-menu>
+      </a-dropdown>
+    </a-button-group>
+
+
+    <IdentityVerification
+      :printConfig="printConfig"
+      :baseUrl="baseUrl"
+      :verifyUserUrl="verifyUserUrl"
+      :visible.sync="identityVerification.visible"
+      :identityVerificationTitle="identityVerificationTitle"
+      :authorizationKey="authorizationKey"
+      @success="verifiySuccess"
+    ></IdentityVerification>
+  </div>
+</template>
+<script>
+/**
+ * @author ruanlin
+ * @desc 全继承antd按钮组件，后期再扩展
+ * @time 2021-06-08
+ */
+
+let httpFn = null;
+import Print from './js/print.es.min';
+import IdentityVerification from './components/IdentityVerification';
+import Clickoutside from '@/utils/clickoutside';
+import Vue from 'vue';
+import { Button, Dropdown, Menu, Icon, Divider, Checkbox, Popover } from 'ant-design-vue';
+import create from '@/core/create';
+import axios from 'axios';
+import moment from 'moment';
+import vexutils from '@/utils/vexutils';
+
+const downloadPdfCode = 'RY7.2.21.1.M2.G94181E';
+const formatEditTextCode = 'RY7.2.21.1.M2.G33633A';
+export default create({
+  name: 'button-print',
+  components: {
+    IdentityVerification
+  },
+  directives: { Clickoutside },
+  props: {
+    baseUrl: {
+      type: String
+    },
+    /*  */
+    btnText: {
+      type: String,
+      default: '打印'
+    },
+    printText: {
+      type: String,
+      default: '直接打印'
+    },
+    previewText: {
+      type: String,
+      default: '打印预览'
+    },
+    pdfLoadText: {
+      type: String,
+      default: '下载pdf'
+    },
+    formatEditText: {
+      type: String,
+      default: '格式编辑'
+    },
+    identityVerificationTitle: {
+      type: String,
+      default: '打印服务身份校验'
+    },
+    /*  */
+    authorizationKey: {
+      type: String,
+      require: true
+    },
+    templateNumber: {
+      type: [Number, String],
+      require: true
+    },
+    /* 格式化打印参数，需的原始数据 */
+    params: {
+      type: Array
+    },
+    hisParams: {
+      type: Object
+    },
+    /*  */
+    prevFn: {
+      type: Function,
+      default() {
+        return Promise.resolve();
+      }
+    },
+    /** */
+    verifyUserUrl: {
+      type: String,
+      default: '/verifyUser'
+    },
+    /** */
+    getPrintFormatByNumberUrl: {
+      type: String,
+      default: '/getPrintFormatByNumber'
+    },
+    /** */
+    getTemplateParamsUrl: {
+      type: String,
+      default: '/getTemplateParams'
+    },
+    /* 打印策略，默认多条打印 */
+    strategy: {
+      type: String,
+      default: 'MULTI'
+    },
+    printConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    // 1 为his老版，2 为新版 3为his更老版本
+    versionType: { type: [Number, String], default: '2' },
+    // 用于获取用户信息的token
+    token: {
+      type: String,
+      default: ''
+    },
+    // 打印弹窗设置，1弹0不弹，默认不弹
+    printdlgshow: {
+      type: [String, Number],
+      default: '0'
+    },
+    // 没有模板提示
+    noformatTips: {
+      type: String,
+      default: ''
+    },
+
+    getOnceParamsAfter: {
+      type: Function
+    },
+
+    getPrintParamsAfter: {
+      type: Function
+    },
+    // 隐藏默认按钮配置。printText: 直接打印；previewText: 打印预览；downloadPdf：下载pdf；formatEditText：格式编辑。示例：hideButtons = ['formatEditText']
+    hideButtons: {
+      type: Array,
+      default: () => []
+    },
+    // 新版打印配置（新）
+    newPrintSetting: {
+      type: Object,
+      default: () => ({
+        // 是否显示打印全部
+        isShowPrintAll: true,
+        // 是否展示外显设置
+        isShowOutSetting: true,
+        // 打印自定义属性
+        customProps: {},
+        // 外显打印（formatId）值集合，用于初始化展示外显按钮
+        outerPrintKeys: [],
+        // 默认需要打印的格式（formatId）
+        defaultFormatId: ''
+      })
+    },
+    // 获取模板数据（新）
+    printFormatByNumberData: {
+      type: Object,
+      default: () => (null)
+    }
+  },
+  computed: {
+    currentFormatItem() {
+      if (!this.currentFormatId) return {};
+      let id = this.currentFormatId;
+      return this.formatList.find(item => item.id === id);
+    },
+    formatTitle() {
+      return this.currentFormatItem?.name || '格式选择';
+    },
+    printExtraParams() {
+      return this?.printConfig?.printExtraParams || {};
+    },
+    queryParams() {
+      return {
+        formatId: this.currentFormatId,
+        templateId: this.getTemplateIdByFormatId(this.currentFormatId)
+      };
+    },
+    // 是否展示全部打印按钮
+    isShowPrintAllBtn() {
+      return this.newPrintSetting?.isShowPrintAll;
+    },
+    // 是否展示外显设置
+    isShowOutSettingBtn() {
+      return this.newPrintSetting?.isShowOutSetting;
+    },
+    // 打印自定义属性
+    printCustomProps() {
+      return this.newPrintSetting?.customProps || {};
+    },
+    // 默认打印的formatId
+    defaultPrintFormatId() {
+      let dFormatId = this.newPrintSetting?.defaultFormatId || ''
+      // 如果在内显中没有找到对应项，则返回空
+      const isFindInnerItem = this.innerPrintItems.find(item => item.key == dFormatId)
+      if (!isFindInnerItem) {
+        dFormatId = '';
+      }
+      // 如果为空时，再去看当前下拉项中是否只有一项
+      if (!dFormatId) {
+        if (this.innerPrintItems.length == 1) {
+          return this.innerPrintItems[0]?.key;
+        }
+        return '';
+      }
+      return dFormatId;
+    },
+    isSelectedAll() {
+      return this.options.every(option => option.selected);
+    },
+    // 设置默认format的标题
+    defaultFormatTitle() {
+      const curFormat = this.innerPrintItems.find(option => option.key == this.defaultPrintFormatId);
+      if (curFormat) {
+        return `打印${curFormat.label}`;
+      }
+      // 如果innerPrintItems长度只有一项，则默认选中它
+      if (this.innerPrintItems.length == 1) {
+        return `打印${this.innerPrintItems[0].label}`;
+      }
+      return ''
+    },
+  },
+  data() {
+    return {
+      spinning: false,
+      visible: false,
+      // 内部设置弹窗的展示状态
+      innerSettingVisible: false,
+      // 外部设置弹窗展示状态
+      outSettingVisible: false,
+      formatList: [],
+      templateParams: {},
+      // 打印参数汇总
+      printParams: [],
+      // 原始参数汇总
+      originParams: [],
+      currentFormatId: '',
+      /*  */
+      identityVerification: {
+        visible: false
+      },
+      isInited: false,
+      watchPrintParamsReformatFn: null,
+      spinTimer: null,
+      printInstance: null,
+      dropOperation: ['click'],
+      dropOuter: ['hover'],
+      // 内显打印项
+      innerPrintItems: [],
+      // 外显打印项
+      outerPrintItems: [],
+      // 下拉数据
+      options: [],
+      // 操作按钮集合
+      operations: [
+        {
+          label: this.previewText, // 打印预览
+          key: 'previewText'
+        },
+        {
+          label: this.pdfLoadText,	// 下载pdf
+          key: 'downloadPdf'
+        },
+        {
+          label: this.formatEditText,	// 格式编辑
+          key: 'formatEditText'
+        },
+        {
+          label: '重置打印机',	// 重置打印机
+          key: 'resetPrinter'
+        },
+      ],
+      // 当前打印参数列表
+      curPrintParamList: [],
+      // 当前是否为点击单个打印
+      isClickSinglePrint: false
+    }
+  },
+  beforeCreate() {
+    Vue.use(Button)
+      .use(Dropdown)
+      .use(Menu)
+      .use(Icon)
+      .use(Divider)
+      .use(Checkbox)
+      .use(Popover)
+  },
+  mounted() {
+    this.isInited = false;
+  },
+  beforeDestroy() {
+    // 创建Print实例的时候会在webview中注册一个事件, 需要调用printInstance.destroy()手动清除
+    this.printInstance?.destroy?.();
+    this.printInstance = null;
+  },
+  watch: {
+    // 监听变化, 重新格式化printParams
+    params: {
+      deep: true,
+      immediate: true,
+      handler(val) {
+        // if (!val?.length) return false;
+        const keys = Object.keys(this.templateParams);
+        if (keys?.length > 0) {
+          this.reformatPrintParams();
+        }
+      }
+    },
+    newPrintSetting: {
+      immediate: true,
+      async handler(val) {
+        const keys = val?.outerPrintKeys || [];
+        const defFormatId = val?.defaultFormatId || '';
+        // if (keys.length > 0 || defFormatId) {}
+        // 解决innerPrintItems只有一项的时候也要默认选中的问题，初始化执行一次即可
+        await this.handleClickBtn(false, true);
+      }
+    }
+  },
+  methods: {
+    getPopupContainerNode() {
+      // const node = document.getElementById('newprint-button-outer');
+      return this.$refs.newprintButtonOuterRef;
+    },
+    // 重置所有的弹窗
+    handleAllClickOutside() {
+      this.outSettingVisible = this.innerSettingVisible = this.visible = false;
+    },
+    // 外显勾选
+    onSettingChange(sItem) {
+      sItem.selected = !sItem.selected;
+    },
+    // 勾选（取消勾选）全部
+    onSelectedAllChange(e) {
+      const isChecked = e.target.checked;
+      this.options.forEach(option => {
+        option.selected = isChecked;
+      })
+    },
+    async printAllButtonClick() {
+			// 如果显示打印全部按钮，直接打印全部；否则如果配置了默认格式，则打印默认格式，否则直接下拉
+			this.isShowPrintAllBtn ? await this.directPrint() : this.defaultPrintFormatId ? await this.directDefaultFormatPrint(this.defaultPrintFormatId) : await this.handleClickBtn();
+    },
+    // 打印全部
+    async directPrint() {
+      await this.handleClickBtn(false);
+      this.handleClickPrintAll();
+    },
+    // 打印全部
+    handleClickPrintAll() {
+      const templateNumbers = Object.keys(this.printParams);
+      this.isClickSinglePrint = false;
+      const originParamsClone = this.originParams;
+      for (let i = 0; i < templateNumbers.length; i++) {
+        const templateCode = templateNumbers[i];
+        const tmpParam = this.printParams[templateCode];
+        const printToParam = originParamsClone[templateCode] || [];
+        // 一个templateCode可能会对应多个类型
+        const formatTypeList = this.formatList.filter((format) => format.number == templateCode);
+        if (formatTypeList && formatTypeList.length > 0) {
+          formatTypeList.forEach(format => {
+            this.currentFormatId = format.id;
+            this.handleClickPrint(tmpParam, format.number, format.templateId, format.id, printToParam, true);
+          })
+        }
+      }
+    },
+    // 打印默认模板格式
+    async directDefaultFormatPrint(defaultFormatId) {
+      await this.handleClickBtn(false);
+      const curFormat = this.innerPrintItems.find(option => option.key == defaultFormatId);
+      if (curFormat) {
+        this.handleOneTypePrint(curFormat.templateCode, curFormat.templateId, curFormat.key, false);
+      }
+    },
+    // 点击某类型打印
+    handleOneTypePrint(templateCode, templateId, formatId, isSingleClick) {
+      const tmpParam = this.printParams[templateCode];
+      // 当前模板下没有传入打印的数据
+      if (!tmpParam) return;
+      this.isClickSinglePrint = isSingleClick;
+      this.currentFormatId = formatId;
+      const printToParam = this.originParams[templateCode] || [];
+      this.handleClickPrint(tmpParam, templateCode, templateId, formatId, printToParam);
+    },
+    toggleSettingVisible(key) {
+      this[key] = !this[key];
+    },
+    // 修改设置
+    savePrintOutSetting(key) {
+      this.visible = false;
+      this[key] = false;
+      this.innerPrintItems = this.options.filter(option => !option.selected);
+      this.outerPrintItems = this.options.filter(option => option.selected);
+      this.$emit('saveOuterPrint', this.outerPrintItems);
+    },
+    handleSelect(type, { templateCode, templateId, key }) {
+      const tmpParam = this.printParams[templateCode];
+      // 当前模板下没有传入打印的数据
+      if (!tmpParam) return;
+      this.isClickSinglePrint = true;
+      this.currentFormatId = key;
+      switch (type) {
+        // 打印预览
+        case 'previewText':
+          this.handleClickPreview(tmpParam, templateCode, templateId, key);
+          break;
+        // 格式编辑
+        case 'formatEditText':
+          this.handleClickEdit(tmpParam, templateCode, templateId, key);
+          break;
+        // 下载pdf
+        case 'downloadPdf':
+          this.handleClickPdf(tmpParam, templateCode, templateId, key);
+          break;
+        // 重置打印机
+        case 'resetPrinter':
+          this.handleResetPrinter(tmpParam, templateCode, templateId, key);
+          break;
+        default:
+          break;
+      }
+    },
+    // 重置打印机
+    async handleResetPrinter(curPrintParamList=[], templateCode, templateId, formatId) {
+      if (this.getCurrentLoading()) return;
+      this.toggleExpandLoading(true, formatId);
+      const data = await this.printInstance.resetPrinter(formatId);
+      this.toggleExpandLoading(false);
+      if (data?.result == 'success') {
+        this.$message.success(data.message || '重置打印机成功');
+        return;
+      }
+      this.$message.warning('重置打印机失败');
+    },
+    /* visible为true时，展示下拉 */
+    async handleClickBtn(visible = true, isNoPopup = false) {
+      if (!this.visible) {
+        let result = await this.init(isNoPopup);
+        if (!result) return false;
+      }
+      if (visible) {
+        this.visible = !this.visible;
+      }
+    },
+    /* isNoPopup：是否需要弹出获取打印格式失败，请联系管理员的提示 */
+    async init(isNoPopup = false) {
+      if (this.isInited) return true;
+      this.isInited = true;
+
+      this.setTimeoutSpin();
+
+      this.instantiatePrintSDK();
+      let config = {
+        withCredentials: false,
+        timeout: 5000
+      };
+      let printUrlPrefix = this?.printConfig?.printUrlPrefix;
+      let customCofing = this?.printConfig?.customCofing || {};
+      let cCofing = this.getCustomCofing(customCofing);
+      if (axios !== this.axios && printUrlPrefix) {
+        config.baseURL = printUrlPrefix;
+      }
+      httpFn = axios.create({
+        ...config,
+        ...cCofing
+      });
+      let formatListResult = null;
+      if (this.printFormatByNumberData) {
+        formatListResult = this.printFormatByNumberData;
+      } else {
+        formatListResult = await this.queryFormatList();
+      }
+
+      // 获取模板参数接口
+      if (!formatListResult) {
+        this.isInited = false;
+        this.$message.error('获取模板参数失败，请联系管理员');
+        return false
+      }
+
+      if (!isNoPopup && (!formatListResult?.obj || formatListResult?.obj?.length == 0)) {
+        this.options = [];
+        this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
+        return this.requestError();
+      }
+
+      if (this.versionType == 1 || this.versionType == 3) {
+        this.initHIS(formatListResult);
+      } else {
+        await this.initCRM(formatListResult, isNoPopup);
+      }
+
+      this.isInited = false;
+      this.setLoaded();
+
+      return true;
+    },
+    // 设置基础数据
+    setOptions() {
+      this.options = [];
+      const children = this.formatList.map(v => {
+        return {
+          templateCode: v.number,
+          templateId: v.templateId,
+          label: v.name,
+          key: v.id,
+          selected: false,
+          isLoading: false
+        };
+      });
+      this.options.unshift(...children);
+
+      // 自动设置外显的数据
+      if (this.newPrintSetting?.outerPrintKeys?.length > 0) {
+        this.options.forEach(option => {
+          if (this.newPrintSetting?.outerPrintKeys.includes(option.key)) {
+            option.selected = true;
+          }
+        })
+        this.outerPrintItems = this.options.filter(option => option.selected);
+      }
+
+      this.innerPrintItems = this.options.filter(option => !option.selected);
+
+
+      // 1、通过业务传入的参数hideButtons隐藏按钮
+      if (this.hideButtons.length > 0) {
+        this.operations = this.operations.filter(operation => !this.hideButtons.includes(operation.key));
+      }
+
+      // 2、通过全局缓存portal隐藏按钮
+      const portalStr = sessionStorage.getItem('portal');
+      if (portalStr) {
+        const portal = JSON.parse(portalStr);
+        const limitObj = portal?.user?.currentRoleResourceObj || {};
+        const limitList = Object.keys(limitObj);
+        console.log('limitList>>>', limitList);
+
+        // 下载pdf全局控制
+        if (!limitList.includes(downloadPdfCode)) {
+          this.operations = this.operations.filter(option => option.key != 'downloadPdf');
+        }
+        // 格式编辑按钮全局控制
+        if (!limitList.includes(formatEditTextCode)) {
+          this.operations = this.operations.filter(option => option.key != 'formatEditText');
+        }
+      }
+    },
+    initHIS(formatListResult) {
+      this.formatList = formatListResult ? formatListResult.list.filter(item => item.printmark == 1) : [];
+      this.currentFormatId = this.getDefaultFormatId(this.formatList, 'printmark');
+      this.templateParams = this.formatList[0] || {};
+    },
+    async initCRM(formatListResult, isNoPopup) {
+      this.formatList = formatListResult ? this.formatFormatList(formatListResult.obj) : [];
+      // this.currentFormatId = this.getDefaultFormatId(this.formatList, 'defaultFlag');
+
+      if (!isNoPopup && this.formatList.length == 0) {
+        this.options = [];
+        this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
+        return this.requestError();
+      }
+      // if (!this.currentFormatId) {
+      //   this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
+      //   return this.requestError();
+      // }
+      // if (!this.currentFormatId) {
+      //   this.requestError();
+      //   return;
+      // }
+      // 如果第一遍已经请求到格式数据，则不需要再拼接数据（防止让已勾选的外显selected重置）
+      if (this.options.length > 0) {
+        return;
+      }
+      this.setOptions();
+
+      // this.templateParams = await this.queryTemplateParams();
+      this.templateParams = await this.mergeTemplateList(formatListResult.obj);
+
+      // if (templateParamsResult) {
+      //   this.templateParams = templateParamsResult;
+      // } else {
+      //   return this.requestError();
+      // }
+
+      // this.printParams = this.formatParams(this.templateParams, this.params);
+      this.printParams = this.formatSomeTypeParams(this.templateParams, this.params);
+      this.originParams = this.formatSomeOriginParams(this.templateParams, this.params);
+    },
+    formatSomeTypeParams(templateParams=[], params= []) {
+      let mergeParams = {};
+      params = params ? params : [];
+      params.forEach(paramObj => {
+        mergeParams = Object.assign({}, this.findTemplateAndInsertData(mergeParams, paramObj, templateParams));
+      });
+      return mergeParams;
+    },
+    // 格式化原始params映射值
+    formatSomeOriginParams(templateParams=[], params=[]) {
+      let mergeOriginParams = {};
+      params = params ? params : [];
+      params.forEach(paramObj => {
+        mergeOriginParams = Object.assign({}, this.findTemplateAndInsertParams(mergeOriginParams, paramObj, templateParams));
+      });
+      return mergeOriginParams;
+    },
+    // 查找模板并插入数据
+    findTemplateAndInsertData(mergeData, paramItem, templateParams) {
+      // 判断当前数据有没有指定模板
+      // 1. 有模板，则插入数据
+      if (paramItem.templateNumbers) {
+        for (let i = 0; i < paramItem.templateNumbers.length; i++) {
+          const tempNumber = paramItem.templateNumbers[i];
+          const templateObj = templateParams[tempNumber];
+          if (!templateObj) {
+            this.$message.error('当前勾选的数据没有匹配的模板');
+            return mergeData;
+          }
+          if (!mergeData[tempNumber]) {
+            mergeData[tempNumber] = [];
+          }
+          mergeData[tempNumber].push(this.formatItemParam(templateObj, paramItem));
+        }
+        return mergeData;
+      }
+      // 2. 将当前数据循环模板参数
+      const templateParamKeys = Object.keys(templateParams);
+      for (let i = 0; i < templateParamKeys.length; i++) {
+        const tempNumber = templateParamKeys[i];
+        const templateObj = templateParams[tempNumber];
+        if (!templateObj) {
+          this.$message.error('当前勾选的数据没有匹配的模板');
+          return mergeData;
+        }
+        if (!mergeData[tempNumber]) {
+          mergeData[tempNumber] = [];
+        }
+        mergeData[tempNumber].push(this.formatItemParam(templateObj, paramItem));
+      }
+      return mergeData;
+    },
+    // 查找模板并插入数据
+    findTemplateAndInsertParams(mergeData, paramItem, templateParams) {
+      // 判断当前数据有没有指定模板
+      // 1. 有模板，则插入数据
+      if (paramItem.templateNumbers) {
+        for (let i = 0; i < paramItem.templateNumbers.length; i++) {
+          const tempNumber = paramItem.templateNumbers[i];
+          const templateObj = templateParams[tempNumber];
+          if (!templateObj) {
+            this.$message.error('当前勾选的数据没有匹配的模板');
+            return mergeData;
+          }
+          if (!mergeData[tempNumber]) {
+            mergeData[tempNumber] = [];
+          }
+          mergeData[tempNumber].push(paramItem);
+        }
+        return mergeData;
+      }
+      // 2. 将当前数据循环模板参数
+      const templateParamKeys = Object.keys(templateParams);
+      for (let i = 0; i < templateParamKeys.length; i++) {
+        const tempNumber = templateParamKeys[i];
+        const templateObj = templateParams[tempNumber];
+        if (!templateObj) {
+          this.$message.error('当前勾选的数据没有匹配的模板');
+          return mergeData;
+        }
+        if (!mergeData[tempNumber]) {
+          mergeData[tempNumber] = [];
+        }
+        mergeData[tempNumber].push(paramItem);
+      }
+      return mergeData;
+    },
+    // 单条数据转换，通过getPrintFormatByNumber接口获取到的数据没有customizeDataset
+    formatItemParam(param = [], paramObj={}) {
+      let res = {};
+      // 自定义结果集
+      // customizeDataset.forEach((dataSetItem) => {
+      //   const selectFieldList = dataSetItem.dataSetting[0].selectFieldList;
+      //   if (!res['datasetData']) {
+      //     res['datasetData'] = {};
+      //   }
+      //   res['datasetData'][dataSetItem.name] = JSON.stringify(this.formatPrintParams(paramObj, selectFieldList, 'fieldName'))
+      // });
+
+      // 参数
+      res = Object.assign({}, res, this.formatPrintParams(paramObj, param, 'key'));
+      return res;
+    },
+    // 合并所有的模板
+    mergeTemplateList(list) {
+      let templateObj = {};
+      list && list.forEach(item => {
+        if (!item.param) return false;
+        templateObj[item.number] = item.param;
+      });
+      return templateObj;
+    },
+
+    setTimeoutSpin() {
+      this.spinTimer = setTimeout(() => {
+        this.spinning = true;
+      }, 1500);
+    },
+    setLoaded() {
+      this.spinning = false;
+      if (!this.spinTimer) return false;
+      clearTimeout(this.spinTimer);
+      this.spinTimer = null;
+    },
+    // 展开模式下按钮loading状态
+    toggleExpandLoading(isLoading, formatId) {
+      // 点击单个打印
+      if (this.isClickSinglePrint) {
+        if (isLoading && formatId) {
+          const curOption = this.options.find(outer => outer.key == formatId);
+          if (curOption) curOption.isLoading = isLoading;
+          return;
+        }
+        // 让所有单个打印按钮都停止loading
+        this.options.forEach(outer => {
+          outer.isLoading = false;
+        })
+      } else {
+        // 全部按钮打印
+        this.spinning = isLoading;
+      }
+    },
+    getCurrentLoading() {
+      if (this.isClickSinglePrint) {
+        return this.options.some(outer => outer.isLoading);
+      }
+      return this.spinning;
+    },
+    requestError() {
+      this.isInited = false;
+      this.setLoaded();
+      setTimeout(() => {
+        this.visible = false;
+      }, 0);
+
+      return false;
+    },
+    getDefaultFormatId(list, key) {
+      if (!list?.length) return '';
+      let findDefault = list.find(item => item[key] == 1);
+      return findDefault?.id || list[0].id;
+    },
+    /*  */
+    instantiatePrintSDK() {
+      if (this.printInstance) return false;
+      this.printInstance = new Print();
+    },
+    /*  */
+    queryFormatList() {
+      const { templateNumber, authorizationKey, baseUrl, getPrintFormatByNumberUrl, versionType } = this;
+      const suffix = [1, 3].includes(versionType) ? `jsessionids=${vexutils.cookie.get('jsessionids') || '31e5fc0e-955f-4c89-9679-39c43d0171321636163291241'}` : `authorizationKey=${authorizationKey}`;
+      const url = `${baseUrl}${getPrintFormatByNumberUrl}?number=${templateNumber}&${suffix}`;
+      return httpFn
+        .get(url)
+        .then(async ({ data }) => {
+          if (data.result !== 'SUCCESS') {
+            this.$message.error(data.resultMsg || '参数异常，请联系管理员');
+            return false;
+          }
+          return data;
+        })
+        .catch(e => {
+          return false;
+        });
+    },
+    formatFormatList(list) {
+      let formatList = [];
+
+      list.forEach(item => {
+        if (!item.format) return false;
+        formatList.push(...item.format);
+      });
+
+      return formatList;
+    },
+    /*  */
+    queryTemplateParams() {
+      const { templateNumber, authorizationKey, baseUrl, getTemplateParamsUrl } = this;
+      const { templateId } = this.formatList[0] || {};
+      const url = `${baseUrl}${getTemplateParamsUrl}?number=${templateNumber}&templateId=${templateId}&authorizationKey=${authorizationKey}`;
+
+      return httpFn
+        .get(url)
+        .then(async ({ data }) => {
+          if (data.result !== 'SUCCESS') {
+            this.$message.error(data.resultMsg || '参数异常，请联系管理员');
+            return false;
+          }
+          return data?.obj || {};
+        })
+        .catch(e => {
+          return false;
+        });
+    },
+    formatDefaultVal(i, tableVal) {
+      const formatMap = {
+        DATE: 'YYYY-MM-DD',
+        DATETIME: 'YYYY-MM-DD HH:mm:ss'
+      };
+      let tVal = tableVal;
+      if (Object.keys(formatMap).includes(i.type) && tableVal) {
+        tVal = moment(tableVal).format(formatMap[i.type]);
+      }
+      if (i.type === 'TEXT') {
+        tVal = String(tableVal) || '';
+      }
+
+      return i?.defaultValue || tVal || '';
+    },
+    // formatParams({ customizeDataset = [], param = [] }, params = []) {
+    //   return params.map(paramObj => {
+    //     let res = {};
+
+    //     // 自定义结果集
+    //     customizeDataset.forEach(dataSetItem => {
+    //       const selectFieldList = dataSetItem.dataSetting[0].selectFieldList;
+    //       res['datasetData'] = {
+    //         [dataSetItem.name]: JSON.stringify(this.formatPrintParams(paramObj, selectFieldList, 'fieldName'))
+    //       };
+    //     });
+
+    //     // 参数
+    //     res = Object.assign({}, res, this.formatPrintParams(paramObj, param, 'key'));
+    //     return res;
+    //   });
+    // },
+    reformatPrintParams() {
+      this.watchPrintParamsReformatFn && this.watchPrintParamsReformatFn();
+      /*
+        还没初始化完毕时（还没获取到模板格式配置等..）
+        触发再格式化逻辑，需等待初始化完毕，再重新执行格式化
+      */
+      if (!this.isInited) {
+        this.watchPrintParamsReformatFn = this.$watch('isInited', val => {
+          if (!val) return false;
+          this.reformatPrintParams();
+        });
+        return;
+      }
+
+      // this.printParams = this.formatParams(this.templateParams, this.params);
+      this.printParams = this.formatSomeTypeParams(this.templateParams, this.params);
+      this.originParams = this.formatSomeOriginParams(this.templateParams, this.params);
+    },
+    formatPrintParams(paramObj, fieldList, keyName) {
+      const obj = {};
+      fieldList.forEach(i => {
+        let defaultVal = this.formatDefaultVal(i, paramObj[i[keyName]]);
+        if (paramObj[i[keyName]] && defaultVal) {
+          obj[i[keyName]] = defaultVal;
+        }
+      });
+
+      return obj;
+    },
+    /*  */
+    handleClickFormat(id) {
+      this.currentFormatId = id;
+    },
+    /*  */
+    getPrintParams() {
+      const extraParams = this?.printExtraParams || {};
+      let res = {
+        ...(this.token ? { token: this.token } : {}),
+        ...extraParams
+      };
+      if (typeof this.getPrintParamsAfter === 'function') {
+        let t = this.getPrintParamsAfter(res);
+        return t || res;
+      }
+      return JSON.stringify(res);
+    },
+    getTemplateIdByFormatId(id) {
+      let find = this.formatList.find(item => item.id === id);
+      return find?.templateId || '';
+    },
+    getTemplateCodeByFormatId(id) {
+      let find = this.formatList.find(item => item.id === id);
+      return find?.number || '';
+    },
+    getOnceParams(curPrintParamList=[], templateCode) {
+      // 聚合一条
+      let params = {};
+      let obj = {};
+      // let cur = this.printParams?.[0] || {};
+      if (this.templateParams[templateCode]?.customizeDataset?.length) {
+        // 有模板数据
+        const key = Object.keys(curPrintParamList[0]?.datasetData || {})?.[0] || '';
+        const datasetDataKeyVal = JSON.stringify(curPrintParamList.map(v => JSON.parse(v.datasetData[key])));
+        obj = {
+          datasetData: {}
+        };
+        obj.datasetData[key] = datasetDataKeyVal;
+      } else {
+        // 无模板数据
+        Object.keys(curPrintParamList[0]).forEach(v => {
+          obj[v] = [];
+          curPrintParamList.forEach(k => {
+            if(!obj[v].includes(k[v])) {
+              obj[v].push(k[v]);
+            }
+          });
+          obj[v] = obj[v].join(',');
+        });
+      }
+      params = Object.assign({}, JSON.parse(this.getPrintParams()), this.printCustomProps, obj);
+      if (typeof this.getOnceParamsAfter === 'function') {
+        let res = this.getOnceParamsAfter(params, obj);
+        return res || params;
+      }
+      return JSON.stringify(params);
+    },
+    handleClickPrint(curPrintParamList, templateCode, templateId, formatId, printToParam=[], needContinuePrint) {
+      let len = curPrintParamList.length;
+      const callLocalServicesSuccessCb = async data => {
+        try {
+          if (--len <= 0) {
+            this.callLocalServicesSuccessCb(data, 'print');
+          }
+        } catch (error) {
+          console.log('error', error);
+        }
+      };
+      if (this.getCurrentLoading() && !needContinuePrint) return;
+      this.toggleExpandLoading(true, formatId);
+      this.prevFn()
+        .catch(() => {
+          this.prevFnError();
+          return Promise.reject();
+        })
+        .then(() => {
+          if (this.versionType == 1 || this.versionType == 3) {
+            const printFn = this.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint';
+            if (this.strategy === 'MULTI') {
+              for (let i = 0; i < this.params.length; i++) {
+                const params = this.getHisParams(i);
+                this.printInstance[printFn](7, params)
+                  .then(res => {
+                    console.log(res, '777777777777');
+                  })
+                  .catch(error => {
+                    console.log(error, 'error777');
+                  });
+              }
+            } else {
+              const params = this.getOnceHisParams();
+              this.printInstance[printFn](7, params)
+                .then(res => {
+                  console.log(res, '777777777777');
+                })
+                .catch(error => {
+                  console.log(error, 'error777');
+                });
+            }
+          } else {
+            this.curPrintParamList = curPrintParamList;
+            const queryParams = {
+              // ...this.queryParams,
+              formatId,
+              templateId,
+              printdlgshow: this.printdlgshow
+            };
+            if (this.strategy === 'MULTI') {
+              // 循环多条
+              for (let i = 0; i < curPrintParamList.length; i++) {
+                if (i > 0) queryParams.printdlgshow = '0';
+                const params = JSON.stringify(Object.assign({}, JSON.parse(this.getPrintParams()), this.printCustomProps, curPrintParamList[i]));
+                this.printInstance.printDirect(
+                  {
+                    ...queryParams,
+                    params
+                  },
+                  callLocalServicesSuccessCb,
+                  this.callLocalServicesErrorCb,
+                  this.callLocalServicesCancelCb
+                );
+              }
+            } else {
+              // 聚合一条
+              this.printInstance.printDirect(
+                {
+                  ...queryParams,
+                  params: this.getOnceParams(curPrintParamList, templateCode)
+                },
+                res => {
+                  res.params = printToParam;
+                  res.templateCode = templateCode;
+                  res.templateId = templateId;
+                  this.callLocalServicesSuccessCb(res, 'print');
+                },
+                this.callLocalServicesErrorCb,
+                this.callLocalServicesCancelCb
+              );
+            }
+          }
+        })
+    },
+    getHisParams(index = 0) {
+      const { templateParams, hisParams, params } = this;
+      const { reportid = '280' } = hisParams;
+      const { id, name } = templateParams;
+      return {
+        reportid,
+        formatid: this.currentFormatId || id,
+        formatname: name,
+        param: params[index]
+      };
+    },
+    getOnceHisParams() {
+      const { templateParams, hisParams, params } = this;
+      const { reportid = '280' } = hisParams;
+      const { id, name } = templateParams;
+      const obj = {};
+      Object.keys(params[0]).forEach(v => {
+        obj[v] = [];
+        params.forEach(k => {
+          obj[v].push(k[v]);
+        });
+        obj[v] = obj[v].join(',');
+      });
+      return {
+        reportid,
+        formatid: this.currentFormatId || id,
+        formatname: name,
+        param: obj
+      };
+    },
+    async handleClickPreview(curPrintParamList=[], templateCode, templateId, formatId) {
+      if (this.getCurrentLoading()) return;
+      this.toggleExpandLoading(true, formatId);
+      this.prevFn()
+        .catch(() => {
+          this.prevFnError();
+          return Promise.reject();
+        })
+        .then(() => {
+          if (this.versionType == 1 || this.versionType == 3) {
+            const params = this.strategy === 'MULTI' ? this.getHisParams() : this.getOnceHisParams();
+            const printFn = this.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint';
+            this.printInstance[printFn](8, params)
+              .then(res => {
+                console.log(res, 88888888);
+              })
+              .catch(error => {
+                console.log(error, 'error888');
+              });
+          } else {
+            this.curPrintParamList = curPrintParamList;
+            const IS_MULTI = this.strategy === 'MULTI';
+            const queryParams = {
+              formatId,
+              templateId
+            };
+            const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(this.getPrintParams()), this.printCustomProps.value, curPrintParamList[0]));
+            this.printInstance.preview(
+              {
+                // ...this.queryParams,
+                ...queryParams,
+                params: IS_MULTI ? paramsFirst : this.getOnceParams(curPrintParamList, templateCode)
+              },
+              res => {
+                this.callLocalServicesSuccessCb(res, 'preview');
+              },
+              this.callLocalServicesErrorCb
+            );
+          }
+        })
+    },
+    // 下载pdf
+    async handleClickPdf(curPrintParamList=[], templateCode, templateId, formatId) {
+      if (this.getCurrentLoading()) return;
+      this.toggleExpandLoading(true, formatId);
+      this.prevFn()
+        .catch(() => {
+          this.prevFnError();
+          return Promise.reject();
+        })
+        .then(() => {
+          if (this.versionType == 1 || this.versionType == 3) {
+            console.log('下载pdf>>>');
+          } else {
+            this.curPrintParamList = curPrintParamList;
+            const IS_MULTI = this.strategy === 'MULTI';
+            // const queryParams = {
+            //   ...this.queryParams,
+            //   print: { print: '1', type: '1', callback: '1' },
+            // };
+            const queryParams = {
+              formatId,
+              templateId,
+              print: { print: '1', type: '1', callback: '1' },
+            };
+            const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(this.getPrintParams()), this.printCustomProps.value, curPrintParamList[0]));
+            this.printInstance.downloadPDF(
+              {
+                ...queryParams,
+                params: IS_MULTI ? paramsFirst : this.getOnceParams(curPrintParamList, templateCode)
+              },
+              res => {
+                this.callLocalServicesSuccessCb(res, 'download');
+              },
+              this.callLocalServicesErrorCb
+            );
+          }
+        })
+    },
+    handleClickEdit(curPrintParamList=[], templateCode, templateId, formatId) {
+      if (this.getCurrentLoading()) return;
+      this.toggleExpandLoading(true, formatId);
+      this.prevFn()
+        .catch(() => {
+          this.prevFnError();
+          return Promise.reject();
+        })
+        .then(() => {
+          if (this.versionType == 1 || this.versionType == 3) {
+            const params = this.strategy === 'MULTI' ? this.getHisParams() : this.getOnceHisParams();
+            const printFn = this.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint';
+            this.printInstance[printFn](9, params)
+              .then(res => {
+                console.log(res, 999999);
+              })
+              .catch(error => {
+                console.log(error, 'error999');
+              });
+          } else {
+            this.toggleExpandLoading(false);
+            this.curPrintParamList = curPrintParamList;
+            this.currentFormatId = formatId;
+            this.identityVerification.visible = true;
+          }
+        })
+    },
+    verifiySuccess(token) {
+      this.identityVerification.visible = false;
+      const paramsFirst = JSON.stringify(Object.assign({}, JSON.parse(this.getPrintParams()), this.printCustomProps.value, this.curPrintParamList[0]));
+      const params = this.strategy === 'MULTI' ? paramsFirst : this.getOnceParams(this.curPrintParamList, this.getTemplateCodeByFormatId(this.currentFormatId));
+      const queryParams = {
+        // ...this.queryParams,
+        formatId: this.currentFormatId,
+        templateId: this.getTemplateIdByFormatId(this.currentFormatId),
+        params,
+        token
+      };
+      this.printInstance.editPrintFormat(
+        queryParams,
+        res => {
+          this.callLocalServicesSuccessCb(res, 'edit');
+        },
+        this.callLocalServicesErrorCb
+      );
+    },
+    /*  */
+    prevFnError() {
+      // 前置条件执行错误这里不弹提示，“前置条件”事件内有弹提示了
+      // let error = {
+      //   message: '前置条件执行错误'
+      // };
+      // this.$emit('error', error);
+      this.toggleExpandLoading(false);
+      this.visible = false;
+    },
+    /*  */
+    callLocalServicesSuccessCb(res, type) {
+      this.toggleExpandLoading(false);
+      let info = {
+        type,
+        formatId: this.currentFormatId,
+        templateId: res?.templateId || this.getTemplateIdByFormatId(this.currentFormatId),
+        templateCode: res?.templateCode || this.getTemplateCodeByFormatId(this.currentFormatId),
+      };
+      this.$emit('success', res, info);
+    },
+    callLocalServicesErrorCb(res) {
+      this.toggleExpandLoading(false);
+      this.$emit('error', res);
+    },
+    callLocalServicesCancelCb(res) {
+      this.toggleExpandLoading(false);
+      this.$emit('cancel', res);
+    },
+
+    /**
+     * 获取 axios 自定义配置
+     */
+    getCustomCofing(customCofing) {
+      let cCofing = {};
+      let type = typeof customCofing;
+      if (type === 'function') {
+        cCofing = customCofing();
+      } else if (type === 'object') {
+        cCofing = customCofing;
+      }
+      return cCofing;
+    }
+  }
+});
+</script>
+
+<style lang="less" scoped>
+.newprint-button-outer {
+	display: inline-flex;
+	align-items: center;
+  .ant-btn-group{
+    display: inline-flex;
+  }
+  .ant-popover-inner-content{
+    padding: 0;
+  }
+  .bold{
+    font-weight: 700;
+  }
+  .hasOuterItem{
+    color: rgba(37, 99, 244, 1);
+  }
+  .operation-icon{
+    margin-left: 8px;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    .anticon{
+      margin-right: 0 !important;
+    }
+  }
+  .operation-li{
+    &:hover{
+      background: rgba(37, 99, 244, 0.10);
+      .label, .anticon-right{
+        color: rgba(37, 99, 244, 1);
+      }
+      .operation-icon{
+        opacity: 1;
+        background: rgba(37, 99, 244, 0.15);
+      }
+    }
+  }
+}
+
+.newprint-button-menu{
+  .print-divider{
+    .ant-divider{
+      margin: 0;
+    }
+  }
+  .isDisabled{
+		color: #999;
+		cursor: default;
+  }
+  .dropdown-between{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0;
+    margin: 0 6px;
+    .label{
+      flex: 1;
+      padding: 5px 12px 5px 6px;
+    }
+    .ant-btn{
+      margin: 5px 12px 5px 6px;
+    }
+  }
+}
+
+</style>