cnhis-design-vue 0.2.17-beta → 0.2.21-beta

package/packages/big-table/src/BigTable.vue

@@ -3,7 +3,7 @@
     class="big-table"
     :class="{
       mt: visibleCheckAllWrap || visibleTreeCheck || hasRefresh,
-      'expand-padding': isExpandTable
+      'expand-padding': !isNestTable
     }"
     :style="{ height: tableHeight }"
   >
@@ -147,7 +147,7 @@
 <script>
 import Vue from 'vue';
 import TextOverTooltip from './components/TextOverTooltip.vue';
-import { Icon, Tooltip, Progress, Switch, Popover, Button, Dropdown, Menu, Checkbox, Input } from 'ant-design-vue';
+import { Icon, Tooltip, Progress, Switch, Popover, Button, Dropdown, Menu, Checkbox, Input, Popconfirm } from 'ant-design-vue';
 import format from './utils/format';
 import { parseDurationValue, parseCombinationValue, formatFieldText, imgs2imgArr } from './utils/tableParse';
 import passwordCom from './components/password-com.vue';
@@ -167,6 +167,7 @@ import EditForm from './components/edit-form/EditForm.vue';
 
 import nestTable from './utils/nestTable';
 import bigTableProps from './utils/bigTableProps';
+import SvgIcon from '@/component/svg/index.vue';
 
 let addInlineEditPrimaryKey = '';
 export default create({
@@ -182,9 +183,11 @@ export default create({
     [Switch.name]: Switch,
     [Popover.name]: Popover,
     [Dropdown.name]: Dropdown,
+    [Popconfirm.name]: Popconfirm,
     [Menu.name]: Menu,
     [Grid.name]: Grid,
-    [VideoList.name]: VideoList
+    [VideoList.name]: VideoList,
+    SvgIcon
   },
   mixins: [format, batchEditing, nestTable],
   props: Object.assign({}, bigTableProps),
@@ -347,6 +350,13 @@ export default create({
       }
       let startIndex = (this.pageVO.pageIndex - 1) * this.pageVO.pageSize;
       return { startIndex: startIndex < 0 ? 0 : startIndex };
+    },
+    isScanMultiTable() {
+      return this.columnConfig?.isScanMultiTable
+    },
+    tableNoSetting(){
+      let { noSetting } = this.getOtherConfigInit() || {};
+      return noSetting || this.showSettings?.hideSettingBtn == 1;
     }
   },
   watch: {
@@ -468,6 +478,10 @@ export default create({
     }
   },
   methods: {
+    customerInit(){
+      this.loadColumn(this.columnConfig);
+      this.loadData(this.data);
+    },
     setTalbeScrollTo() {
       let table = this.$refs.xGrid;
       if (!table) return;
@@ -1289,8 +1303,9 @@ export default create({
        * sortable: 是否允许列排序
        */
       // 配置列表
-      let { selectType, noSetting } = this.getOtherConfigInit() || {};
-      let { isBatchSelect, fieldList, showButtonTop } = map;
+      let { selectType } = this.getOtherConfigInit() || {};
+      let { tableNoSetting } = this;
+      let { isBatchSelect, fieldList, showButtonTop, isScanMultiTable } = map;
       if (selectType) {
         // 有设置 selectType 强制可选。
         isBatchSelect = 1;
@@ -1313,7 +1328,20 @@ export default create({
           );
         }
       };
-      const columns = [
+      let checkVisible = isBatchSelect == 1 && !this.isNestTable && !isScanMultiTable || false;
+      let columns = [
+        {
+          fixed: 'left',
+          align: 'center',
+          visible: isScanMultiTable || false,
+          width: '50',
+          slots: {
+            header: () => {
+              return "操作";
+            },
+            default: this.scanMultiOperate
+          }
+        },
         {
           type: 'seq',
           fixed: this.isNestTable ? '' : 'left',
@@ -1323,7 +1351,7 @@ export default create({
           showOverflow: true,
           slots: {
             header: () => {
-              return [noSetting ? null : <a-icon class="setting" type="setting" onClick={() => this.showDrawer()} />];
+              return [tableNoSetting ? null : <a-icon class="setting" type="setting" onClick={() => this.showDrawer()} />];
             }
           }
         },
@@ -1331,7 +1359,7 @@ export default create({
           type: selectType,
           fixed: this.isNestTable ? '' : 'left',
           align: 'center',
-          visible: isBatchSelect == 1 && !this.isNestTable,
+          visible: checkVisible,
           resizable: false,
           width: checkMinWidth,
           // slots: selectType === 'checkbox' ? checkboxSlot : null,
@@ -1360,6 +1388,14 @@ export default create({
         let treeNode = this.isNestTable ? false : this.isTree != 0 ? index === 0 : false;
         let type = index === 0 && this.showNestTable ? 'expand' : '';
 
+        // 扫码打开的table只展示
+        if(isScanMultiTable) {
+          fixed = "";
+          sortable = false;
+          treeNode = false;
+          type = "";
+        }
+
         const col = Object.assign(item, {
           visible: item.columnName == 'operatorColumn' ? showButtonTop == 0 : item.isShow == 1,
           field: item.columnName,
@@ -1384,7 +1420,7 @@ export default create({
           editRender: this.generateEditRender(item)
         });
 
-        if (filterField && !this.isNestTable) {
+        if (filterField && !this.isNestTable && !isScanMultiTable) {
           this.$set(
             this.filterFields,
             item.columnName,
@@ -1407,7 +1443,10 @@ export default create({
           col.slots.header = this.toolTipTitle(item);
         }
 
-        col.slots.footer = 'tooltip_footer';
+
+        if (!isScanMultiTable) {
+          col.slots.footer = 'tooltip_footer';
+        }
 
         // 主表设置expand
         if (this.showNestTable && this.isTree == 0 && this.curNestColumnConfig?.isTree == 0) {
@@ -1691,7 +1730,7 @@ export default create({
       if (this.tableOptions?.dataSourceType == 'guage') {
         tooltipTitle = item.alias || item.title;
       }
-      if (name && name !== tooltipTitle) {
+      if (name&& tooltipTitle && name !== tooltipTitle) {
         isAlias = !!tooltipTitle;
       }
       if (type === 'format') return <text-over-tooltip refName={'item-' + item[this.handleRowId]} tooltipTitle={tooltipTitle} content={name} isAlias={isAlias} />;
@@ -1971,6 +2010,23 @@ export default create({
       field.indeterminate = !!len && len !== field.setting.showSetting.length;
       field.searchFilterText = '';
     },
+    scanMultiOperate(params){
+      return [
+        <a-popconfirm ok-text={'确认'} cancel-text={'取消'} title={'是否确认删除？'} on-confirm={() =>this.confirmScanMulti(params)}>
+          <svg-icon class="scan-multi-delete" iconClass="shanchu" />
+        </a-popconfirm>
+      ]
+    },
+    /**
+     * 删除选中scan数据
+     */
+    confirmScanMulti(params){
+      let{row, $rowIndex} = params || {}
+      if(!row) return;
+      this.$emit("scanMultiRemove", $rowIndex, params)
+      let vxeTable = this.$refs.xGrid;
+      vxeTable.remove(row);
+    },
     // 表格渲染逻辑
     formatter(params, col) {
       let { row, column, $rowIndex } = params;
@@ -2065,7 +2121,7 @@ export default create({
         ];
       }
 
-      if (this.isLink(own, row)) {
+      if (this.isLink(own, row) && !this.isScanMultiTable) {
         if (own.btnLinkSwitch) {
           let disabled = false;
           let curBtn = row.btnList?.find(v => v.name == own.columnName);
@@ -2093,6 +2149,7 @@ export default create({
       if (!imageArr || !imageArr.length) return curSrc;
       let matchItem = imageArr.find(item => item.type === type);
       if (!matchItem) return curSrc;
+      if(matchItem.suffix) return curSrc + matchItem.suffix
       let h = matchItem.h;
       let w = matchItem.w;
       if (matchItem.h === 'adaptive' && matchItem.w != 'adaptive') {
@@ -2225,14 +2282,14 @@ export default create({
     },
     // 行双击
     rowdblclick({ row, column }) {
-      if (this.isInlineOperating) return false;
+      if (this.isScanMultiTable || this.isInlineOperating) return false;
       if (vexutils.has(row, GROUP_TITLE_KEY)) return false;
       this.$emit('setNestTableClick', this.isNestTable);
       this.$emit('rowdblclick', row, column, true, true);
     },
     // 行单击
     handlerClickRow(data) {
-      if (this.isInlineOperating) return false;
+      if (this.isScanMultiTable || this.isInlineOperating) return false;
       if (vexutils.has(data?.row, GROUP_TITLE_KEY)) return false;
       if (this.isTriggerSelectionChange && this.isTree == 0) return false;
       let table = this.$refs.xGrid;
@@ -2242,7 +2299,7 @@ export default create({
       let { row, $event = {}, $rowIndex } = data;
       // 点击主表格展开行按钮 不需要触发选中行
       let { className } = $event.target || {};
-      if (className && className.includes('vxe-table--expand-btn')) return;
+      if (className && vexutils.isString(className) && className.includes('vxe-table--expand-btn')) return;
 
       // 记录上次点击table信息 用于清除
       this.isAboutNestTable && this.$emit('setNestLastClickTable', table, this.isNestTable, row[this.handleRowId], row);
@@ -2812,7 +2869,6 @@ export default create({
       const config = tableOptions?.config || {};
       return config || undefined;
     },
-
     // 单选
     radioOnChange(rowData = {}) {
       let { data, row, $rowIndex } = rowData;

package/packages/big-table/src/assets/style/table-base.less

@@ -17,6 +17,7 @@ body {
     img {
       max-height: 100%;
       object-fit: contain;
+      cursor: pointer;
     }
     &.img-circle {
       img {
@@ -179,11 +180,16 @@ body {
       height: 100%;
     }
 
+    .scan-multi-delete {
+      color: #F06F64;
+    }
+
     .vxe-table--header {
       background-color: #f2f2f2;
       .vxe-header--column .vxe-cell--title {
         height: 100%;
         line-height: unset;
+        width: 100%;
       }
     }
     .vxe-table--footer-wrapper.body--wrapper,
@@ -214,6 +220,10 @@ body {
   /deep/ .filter-box {
     display: flex;
     align-items: center;
+    width: 100%;
+    .text-over-tooltip-components {
+      max-width: calc(100% - 20px);
+    }
     .vxe-filter--btn {
       border-top-color: #c0c4cc;
       border-right-color: #c0c4cc;

package/packages/big-table/src/components/TextOverTooltip.vue

@@ -1,7 +1,17 @@
 <template>
   <div class="text-over-tooltip-components">
-    <a-tooltip :effect="effect" :disabled="isDisabledTooltip" :title="curContent" :placement="placement">
-      <div class="ellipsis" :class="className" @mouseover="onMouseOver(refName)">
+    <a-tooltip
+      :effect="effect"
+      :visible="isDisabledTooltip"
+      :title="curContent"
+      :placement="placement"
+    >
+      <div
+        class="ellipsis"
+        :class="className"
+        @mouseover="onMouseOver(refName)"
+        @mouseout="onMouseOut"
+      >
         <i :ref="refName">
           <slot></slot>
           <i>{{ content }}</i>
@@ -12,10 +22,10 @@
 </template>
 
 <script>
-import { Tooltip } from 'ant-design-vue';
+import { Tooltip } from "ant-design-vue";
 import vexutils from '@/utils/vexutils';
 export default {
-  name: 'TextOverTooltip',
+  name: "TextOverTooltip",
   components: {
     [Tooltip.name]: Tooltip
   },
@@ -30,27 +40,27 @@ export default {
     effect: {
       type: String,
       default: () => {
-        return 'dark';
+        return "dark";
       }
     },
     // Tooltip 的出现位置top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
     placement: {
       type: String,
       default: () => {
-        return 'top';
+        return "top";
       }
     },
-    tooltipTitle: { type: [Number, String], default: '' },
+    tooltipTitle: { type: [Number, String], default: "" },
     isAlias: Boolean
   },
   data() {
     return {
-      isDisabledTooltip: true // 是否需要禁止提示
+      isDisabledTooltip: false // 是否需要禁止提示
     };
   },
   computed: {
     curContent() {
-      let res = this.tooltipTitle || this.content || '';
+      let res = this.tooltipTitle || this.content || "";
       if (vexutils.isNumber(res)) {
         return res.toString();
       }
@@ -67,7 +77,10 @@ export default {
       let parentWidth = this.$refs[str].parentNode.offsetWidth;
       let contentWidth = this.$refs[str].offsetWidth;
       // 判断是否禁用tooltip功能
-      this.isDisabledTooltip = contentWidth <= parentWidth;
+      this.isDisabledTooltip = contentWidth > parentWidth;
+    },
+    onMouseOut() {
+      this.isDisabledTooltip = false;
     }
   }
 };
@@ -76,7 +89,7 @@ export default {
 <style lang="less" scoped>
 .text-over-tooltip-components {
   display: inline-block;
-  max-width: 100%;
+  max-width: 98%;
   /* 文字超出宽度显示省略号 单行 */
   .ellipsis {
     font-size: 14px;

package/packages/big-table/src/utils/batchEditing.js

@@ -296,7 +296,7 @@ export default {
      * @returns
      */
     showEditForm(row, column, $rowIndex) {
-      if (!this.isMatchComponent || this.isNestTable) return false;
+      if (!this.isMatchComponent || this.isNestTable || this.isScanMultiTable) return false;
       if (this.isBatchEditing || this.isInlineEditing || this.isInlineAdding) {
         let matchObj = this.editColumnMap[column.property];
         if (!matchObj || !matchObj.matchItem || !matchObj.fieldItem) return false;

package/packages/big-table/src/utils/bigTableProps.js

@@ -76,7 +76,8 @@ const bigTableProps = {
   },
   submitForm: Function,
   isMatchComponent: Boolean,
-  asyncCount: Boolean
+  asyncCount: Boolean,
+  showSettings: { type: Object, default: () => ({}) }
 };
 
 export default bigTableProps;

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

@@ -20,7 +20,7 @@
       </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;" />
+          <a-icon v-if="spinning" type="loading" style="line-height: 10px" />
           {{ btnText }}
           <a-icon type="down" />
         </a-button>
@@ -49,7 +49,6 @@ let httpFn = null;
 import Print from './js/print.es.min';
 import IdentityVerification from './components/IdentityVerification';
 import Clickoutside from '@/utils/clickoutside';
-import HisPrint from './mixin/his-print.js';
 import Vue from 'vue';
 import { Button, Dropdown, Menu, Icon } from 'ant-design-vue';
 import create from '@/core/create';
@@ -62,7 +61,6 @@ export default create({
   components: {
     IdentityVerification
   },
-  mixins: [HisPrint],
   directives: { Clickoutside },
   props: {
     baseUrl: {
@@ -102,6 +100,9 @@ export default create({
     params: {
       type: Array
     },
+    hisParams: {
+      type: Object
+    },
     /*  */
     prevFn: {
       type: Function,
@@ -164,10 +165,7 @@ export default create({
     };
   },
   beforeCreate() {
-    Vue.use(Button)
-      .use(Dropdown)
-      .use(Menu)
-      .use(Icon);
+    Vue.use(Button).use(Dropdown).use(Menu).use(Icon);
   },
   mounted() {
     this.isInited = false;
@@ -222,8 +220,7 @@ export default create({
       httpFn = axios.create({
         ...config
       });
-
-      let formatListResult = await this.queryFormatList();
+      const formatListResult = await this.queryFormatList();
       if (this.versionType == 1) {
         this.initHIS(formatListResult);
       } else {
@@ -247,7 +244,6 @@ export default create({
         this.$message.error('获取打印格式失败，请联系管理员！');
         return this.requestError();
       }
-
       if (!this.currentFormatId) {
         this.requestError();
         return;
@@ -297,7 +293,6 @@ export default create({
       const { templateNumber, authorizationKey, baseUrl, getPrintFormatByNumberUrl, versionType } = this;
       const suffix = versionType == 1 ? `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 }) => {
@@ -439,7 +434,6 @@ export default create({
     },
     handleClickPrint(e) {
       e.domEvent.stopPropagation();
-
       let len = this.printParams.length;
       const callLocalServicesSuccessCb = async data => {
         try {
@@ -458,13 +452,29 @@ export default create({
         })
         .then(() => {
           if (this.versionType == 1) {
-            this.handleHisPrint(7)
-              .then(res => {
-                console.log(res, '777777777777');
-              })
-              .catch(error => {
-                console.log(error, 'error777');
-              });
+            if (this.strategy === 'MULTI') {
+              for (let i = 0; i < this.params.length; i++) {
+                const params = this.getHisParams(i);
+                printInstance
+                  .handleHisPrint(7, params)
+                  .then(res => {
+                    console.log(res, '777777777777');
+                  })
+                  .catch(error => {
+                    console.log(error, 'error777');
+                  });
+              }
+            } else {
+              const params = this.getOnceHisParams();
+              printInstance
+                .handleHisPrint(7, params)
+                .then(res => {
+                  console.log(res, '777777777777');
+                })
+                .catch(error => {
+                  console.log(error, 'error777');
+                });
+            }
           } else {
             if (this.strategy === 'MULTI') {
               // 循环多条
@@ -497,6 +507,36 @@ export default create({
           this.visible = false;
         });
     },
+    getHisParams(index = 0) {
+      const { templateParams, hisParams, params } = this;
+      const { reportid = '280' } = hisParams;
+      const { id, name } = templateParams;
+      return {
+        reportid,
+        formatid: 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: id,
+        formatname: name,
+        param: obj
+      };
+    },
     async handleClickPreview(e) {
       e.domEvent.stopPropagation();
 
@@ -507,7 +547,9 @@ export default create({
         })
         .then(() => {
           if (this.versionType == 1) {
-            this.handleHisPrint(8)
+            const params = this.strategy === 'MULTI' ? this.getHisParams() : this.getOnceHisParams();
+            printInstance
+              .handleHisPrint(8, params)
               .then(res => {
                 console.log(res, 88888888);
               })
@@ -544,7 +586,9 @@ export default create({
         })
         .then(() => {
           if (this.versionType == 1) {
-            this.handleHisPrint(9)
+            const params = this.strategy === 'MULTI' ? this.getHisParams() : this.getOnceHisParams();
+            printInstance
+              .handleHisPrint(9, params)
               .then(res => {
                 console.log(res, 999999);
               })