cnhis-design-vue 0.2.64-beta → 0.3.2-beta

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

@@ -1,687 +0,0 @@
-<template>
-  <span v-clickoutside="handleClickOutside" @click="handleClickWrap">
-    <a-dropdown :visible="visible" overlayClassName="rowFoldHideBtnList-dropdown">
-      <a-menu slot="overlay">
-        <a-sub-menu class="format-name" key="format" :title="formatTitle">
-          <a-menu-item v-for="item in formatList" :key="item.id" :class="{ active: item.id === currentFormatId }" @click="handleClickFormat(item.id)">
-            {{ item.name }}
-          </a-menu-item>
-        </a-sub-menu>
-        <a-menu-divider />
-        <a-menu-item @click="e => handleClickPrint(e)">
-          {{ printText }}
-        </a-menu-item>
-        <a-menu-item @click="e => handleClickPreview(e)">
-          {{ previewText }}
-        </a-menu-item>
-        <a-menu-item @click="e => handleClickEdit(e)">
-          {{ formatEditText }}
-        </a-menu-item>
-      </a-menu>
-      <slot name="button" :handleClickPrintBtn="handleClickBtn" :printSpinning="spinning" :printbtnText="btnText" :printVisible="visible">
-        <a-button class="dropdown-button" style="margin: 0 8px 8px 0" @click.stop="handleClickBtn">
-          <a-icon v-if="spinning" type="loading" style="line-height: 10px" />
-          {{ btnText }}
-          <a-icon type="down" />
-        </a-button>
-      </slot>
-    </a-dropdown>
-
-    <IdentityVerification
-      :printConfig="printConfig"
-      :baseUrl="baseUrl"
-      :verifyUserUrl="verifyUserUrl"
-      :visible.sync="identityVerification.visible"
-      :identityVerificationTitle="identityVerificationTitle"
-      @success="verifiySuccess"
-    ></IdentityVerification>
-  </span>
-</template>
-<script>
-/**
- * @author ruanlin
- * @desc 全继承antd按钮组件，后期再扩展
- * @time 2021-06-08
- */
-
-let printInstance = null;
-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 } from 'ant-design-vue';
-import create from '@/core/create';
-import axios from 'axios';
-import moment from 'moment';
-import vexutils from '@/utils/vexutils';
-
-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: '打印预览'
-    },
-    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' }
-  },
-  computed: {
-    currentFormatItem() {
-      if (!this.currentFormatId) return {};
-      let id = this.currentFormatId;
-      return this.formatList.find(item => item.id === id);
-    },
-    formatTitle() {
-      return this.currentFormatItem?.name || '格式选择';
-    }
-  },
-  data() {
-    return {
-      spinning: false,
-      visible: false,
-      formatList: [],
-      templateParams: {},
-      printParams: [],
-      currentFormatId: '',
-      /*  */
-      identityVerification: {
-        visible: false
-      },
-      isInited: false,
-      watchPrintParamsReformatFn: null,
-      spinTimer: null
-    };
-  },
-  beforeCreate() {
-    Vue.use(Button).use(Dropdown).use(Menu).use(Icon);
-  },
-  mounted() {
-    this.isInited = false;
-  },
-  watch: {
-    // 监听变化, 重新格式化printParams
-    params: {
-      deep: true,
-      handler(val) {
-        if (!val?.length) return false;
-        this.reformatPrintParams();
-      }
-    }
-  },
-  methods: {
-    // getPopupContainer(triggerNode) {
-    //   return triggerNode.parentNode;
-    // },
-    handleClickOutside() {
-      this.visible = false;
-    },
-    handleClickWrap() {
-      setTimeout(() => {
-        this.visible = true;
-      }, 0);
-    },
-    /*  */
-    async handleClickBtn() {
-      if (!this.visible) {
-        let result = await this.init();
-        if (!result) return false;
-      }
-
-      this.visible = !this.visible;
-    },
-    /*  */
-    async init() {
-      if (this.isInited) return true;
-      this.isInited = true;
-
-      this.setTimeoutSpin();
-
-      this.instantiatePrintSDK();
-      let config = {
-        withCredentials: false,
-        timeout: 5000
-      };
-      let printUrlPrefix = this?.printConfig?.printUrlPrefix;
-      if (axios !== this.axios && printUrlPrefix) {
-        config.baseURL = printUrlPrefix;
-      }
-      httpFn = axios.create({
-        ...config
-      });
-      const formatListResult = await this.queryFormatList();
-      if (this.versionType == 1 || this.versionType == 3) {
-        this.initHIS(formatListResult);
-      } else {
-        await this.initCRM(formatListResult);
-      }
-
-      this.setLoaded();
-
-      return true;
-    },
-    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) {
-      this.formatList = formatListResult ? this.formatFormatList(formatListResult.obj) : [];
-      this.currentFormatId = this.getDefaultFormatId(this.formatList, 'defaultFlag');
-
-      if (!this.currentFormatId) {
-        this.$message.error('获取打印格式失败，请联系管理员！');
-        return this.requestError();
-      }
-      if (!this.currentFormatId) {
-        this.requestError();
-        return;
-      }
-      let templateParamsResult = await this.queryTemplateParams();
-
-      if (templateParamsResult) {
-        this.templateParams = templateParamsResult;
-      } else {
-        return this.requestError();
-      }
-
-      this.printParams = this.formatParams(this.templateParams, this.params);
-    },
-    setTimeoutSpin() {
-      this.spinTimer = setTimeout(() => {
-        this.spinning = true;
-      }, 1500);
-    },
-    setLoaded() {
-      this.spinning = false;
-      if (!this.spinTimer) return false;
-      clearTimeout(this.spinTimer);
-      this.spinTimer = null;
-    },
-    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 (printInstance) return false;
-      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) {
-      let val = i.defaultValue || '';
-      let tVal = tableVal;
-      if (i.type === 'NUMBER') {
-        tVal = Number(tableVal) || 0;
-      }
-      if (i.type === 'DATE') {
-        tVal = tableVal ? moment(tableVal).format('YYYY-MM-DD') : '';
-      }
-      if (i.type === 'DATETIME') {
-        tVal = tableVal ? moment(tableVal).format('YYYY-MM-DD HH:mm:ss') : '';
-      }
-
-      return val ? val : 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);
-    },
-    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(index = 0) {
-      const params = this.printParams[index];
-      return JSON.stringify(params);
-    },
-    getTemplateIdByFormatId(id) {
-      let find = this.formatList.find(item => item.id === id);
-      return find.templateId;
-    },
-    getOnceParams() {
-      // 聚合一条
-      let params = {};
-      let obj = {};
-      if (this.templateParams?.customizeDataset?.length) {
-        // 有模板数据
-        const key = Object.keys(this.printParams[0]?.datasetData || {})?.[0] || '';
-        const datasetDataKeyVal = JSON.stringify(this.printParams.map(v => JSON.parse(v.datasetData[key])));
-        obj = {
-          datasetData: {}
-        };
-        obj.datasetData[key] = datasetDataKeyVal;
-      } else {
-        // 无模板数据
-        Object.keys(this.printParams[0]).forEach(v => {
-          obj[v] = [];
-          this.printParams.forEach(k => {
-            obj[v].push(k[v]);
-          });
-          obj[v] = obj[v].join(',');
-        });
-      }
-      params = Object.assign({}, JSON.parse(this.getPrintParams(0)), obj);
-      return JSON.stringify(params);
-    },
-    handleClickPrint(e) {
-      e.domEvent.stopPropagation();
-      let len = this.printParams.length;
-      const callLocalServicesSuccessCb = async data => {
-        try {
-          if (--len <= 0) {
-            this.callLocalServicesSuccessCb(data, 'print');
-          }
-        } catch (error) {
-          console.log('error', error);
-        }
-      };
-
-      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);
-                printInstance[printFn](7, params)
-                  .then(res => {
-                    console.log(res, '777777777777');
-                  })
-                  .catch(error => {
-                    console.log(error, 'error777');
-                  });
-              }
-            } else {
-              const params = this.getOnceHisParams();
-              printInstance[printFn](7, params)
-                .then(res => {
-                  console.log(res, '777777777777');
-                })
-                .catch(error => {
-                  console.log(error, 'error777');
-                });
-            }
-          } else {
-            if (this.strategy === 'MULTI') {
-              // 循环多条
-              for (let i = 0; i < this.printParams.length; i++) {
-                const queryParams = {
-                  formatId: this.currentFormatId,
-                  templateId: this.getTemplateIdByFormatId(this.currentFormatId),
-                  params: this.getPrintParams(i)
-                };
-                printInstance.printDirect(queryParams, callLocalServicesSuccessCb, this.callLocalServicesErrorCb);
-              }
-            } else {
-              // 聚合一条
-              const queryParams = {
-                formatId: this.currentFormatId,
-                templateId: this.getTemplateIdByFormatId(this.currentFormatId),
-                params: this.getOnceParams()
-              };
-              printInstance.printDirect(
-                queryParams,
-                res => {
-                  this.callLocalServicesSuccessCb(res, 'print');
-                },
-                this.callLocalServicesErrorCb
-              );
-            }
-          }
-        })
-        .finally(() => {
-          this.visible = false;
-        });
-    },
-    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(e) {
-      e.domEvent.stopPropagation();
-
-      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'
-            printInstance[printFn](8, params)
-              .then(res => {
-                console.log(res, 88888888);
-              })
-              .catch(error => {
-                console.log(error, 'error888');
-              });
-          } else {
-            const params = this.strategy === 'MULTI' ? this.getPrintParams() : this.getOnceParams();
-            const queryParams = {
-              formatId: this.currentFormatId,
-              templateId: this.getTemplateIdByFormatId(this.currentFormatId),
-              params
-            };
-            printInstance.preview(
-              queryParams,
-              res => {
-                this.callLocalServicesSuccessCb(res, 'preview');
-              },
-              this.callLocalServicesErrorCb
-            );
-          }
-        })
-        .finally(() => {
-          this.visible = false;
-        });
-    },
-    handleClickEdit(e) {
-      e.domEvent.stopPropagation();
-
-      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'
-            printInstance[printFn](9, params)
-              .then(res => {
-                console.log(res, 999999);
-              })
-              .catch(error => {
-                console.log(error, 'error999');
-              });
-          } else {
-            this.identityVerification.visible = true;
-          }
-        })
-        .finally(() => {
-          this.visible = false;
-        });
-    },
-    verifiySuccess(token) {
-      this.identityVerification.visible = false;
-
-      const queryParams = {
-        formatId: this.currentFormatId,
-        templateId: this.getTemplateIdByFormatId(this.currentFormatId),
-        params: this.getPrintParams(),
-        token
-      };
-      printInstance.editPrintFormat(
-        queryParams,
-        res => {
-          this.callLocalServicesSuccessCb(res, 'edit');
-        },
-        this.callLocalServicesErrorCb
-      );
-    },
-    /*  */
-    prevFnError() {
-      let error = {
-        message: '前置条件执行错误'
-      };
-      this.$emit('error', error);
-    },
-    /*  */
-    callLocalServicesSuccessCb(res, type) {
-      let info = {
-        type,
-        formatId: this.currentFormatId,
-        templateId: this.getTemplateIdByFormatId(this.currentFormatId)
-      };
-      this.$emit('success', res, info);
-    },
-    callLocalServicesErrorCb(res) {
-      this.$emit('error', res);
-    }
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.dropdown-button {
-  color: #212121;
-  border-color: #d5d5d5 !important;
-  margin-left: 8px;
-  margin-bottom: 8px;
-  /deep/ .svg-icon {
-    margin-right: 4px;
-  }
-  &.ant-dropdown-trigger {
-    i.anticon.anticon-down {
-      color: #969696;
-      font-size: 14px;
-    }
-  }
-}
-</style>
-
-<style lang="less">
-.rowFoldHideBtnList-dropdown {
-  min-width: 150px !important;
-  .ant-dropdown-menu {
-    overflow-y: auto;
-    max-height: 99vh;
-  }
-  .ant-dropdown-menu-item-group {
-    .ant-dropdown-menu-item-group-title {
-      display: none;
-    }
-    border-bottom: 1px solid #d5d5d5;
-    &:last-child {
-      border-color: transparent;
-    }
-  }
-  .format-name .ant-dropdown-menu-submenu-title {
-    font-weight: bold;
-    color: #000;
-  }
-  .ant-dropdown-menu-item.active {
-    color: #5585f5;
-  }
-}
-</style>