cnhis-design-vue 0.1.79-beta → 0.1.83-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cnhis-design-vue",
-  "version": "0.1.79-beta",
+  "version": "0.1.83-beta",
   "description": "基于 Ant Desgin Vue 的UI库",
   "keyword": "cnhis-design-vue vue cnhis",
   "homepage": "http://dv.cnhis.com/",
@@ -93,4 +93,4 @@
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   }
-}
+}

package/packages/multi-chat/chat/chatFooter.vue

@@ -167,6 +167,7 @@ import QuickReply from './quickReply';
 import voice from './voice';
 import ModalUserTransfer from '../components/modal-user-transfer';
 import ModalRefuseReason from '../components/modal-refuse-reason';
+import vexutils from '@/utils/vexutils';
 export default {
   inject: ['store', 'i18nText', 'dispatchEvent', 'registerEvent', 'unregisterEvent'],
   components: {
@@ -226,7 +227,9 @@ export default {
       curToolbarItem: {},
       showVoice: false,
       transferVisible: false,
-      refuseVisible: false
+      refuseVisible: false,
+
+      apiResult: {}, // 前置条件的返回值
     };
   },
   computed: {
@@ -307,9 +310,9 @@ export default {
     },
     // 拦截url
     accessInterceptUrl() {
-      const { accessInterceptObj: obj } = this;
+      const { accessInterceptObj: obj, apiResult } = this;
       if (obj) {
-        return this.getLinkAddress(obj);
+        return this.getLinkAddress(obj,{result:apiResult});
       }
       return '';
     },
@@ -830,18 +833,25 @@ export default {
       this.modalShow = false;
       window.removeEventListener('message', this.iframeEvent);
     },
-    getLinkAddress(item) {
+    getLinkAddress(item,paramsData= {}) {
+      let t = {talbe:{},form:{},sys:{}};
+      Object.assign(t,paramsData ||{})
       let { address = '', params = [] } = item;
       let urlParams = [];
       params.forEach(({ p_name, p_value }) => {
         let value;
         if (p_value.startsWith('form.')) {
           value = this.clientParams[p_value.slice(5)];
+        } else if( /\${result.(.*?)\}/g.test(p_value)) {
+          value = vexutils.handleSysParams(p_value,t)
         } else {
           value = p_value;
         }
         urlParams.push(`${p_name}=${value}`);
       });
+      if(/\${result.(.*?)\}/g.test(address)){
+        address = vexutils.handleSysParams(address,t)
+      }
       let { actionType } = this.curToolbarItem;
       actionType && urlParams.push(`actionType=${actionType}`);
       if (address.includes('?')) {
@@ -1033,6 +1043,7 @@ export default {
     },
     /* 客服点击接入按钮进入会话 */
     async handleAccess() {
+      this.apiResult = {};
       let accessInterceptValidate = this.handleAccessInterceptValue();
       let data = null; // 接口参数
       if (accessInterceptValidate && this.accessInterceptUrl) {
@@ -1087,12 +1098,14 @@ export default {
           data
         };
       }
+      this.apiResult = {};
       const accessInterceptSetting = this.assemblySetting.accessInterceptSetting || [];
       const setting = accessInterceptSetting.find(item => item.source == 'PC' && item.isChecked == 'Y' && item.precondition);
       if (setting) {
         const precondition = setting.precondition;
         try {
-          const res = await this.requestPreCondition(precondition);
+          let res = await this.requestPreCondition(precondition);
+          this.apiResult = res?.data?.map || {};
           if (res.data.result === 'SUCCESS') {
             let value = res.data.map?.result;
             value = value ? JSON.parse(value) : {};

package/packages/multi-chat/chat/index.vue

@@ -410,8 +410,9 @@ export default {
   },
   async created() {
     this.init();
-    this.registerEvent('searchCurrenChatList', keyword => {
+    this.registerEvent('searchCurrenChatList', ({type = 'change', keyword}) => {
       this.handleKeywordsChange({ target: { value: keyword } });
+      type == 'pressEnter' && this.handleKeywordsSearch({ target: { value: keyword } });
     });
     this.registerEvent('updatePanelTab', this.onlyGroup);
   },

package/packages/multi-chat/chat/scrollList.vue

@@ -84,7 +84,7 @@ export default {
           const data = {
             ...item,
             title,
-            width: w,
+            // width: w,
             field: `_${key}_`,
             showHeaderOverflow: true,
             showOverflow: true
@@ -416,7 +416,11 @@ export default {
           this.$set(item, 'count', '');
         });
       }
-      let params = { assemblyId: this.assemblyId };
+      // let params = { assemblyId: this.assemblyId };
+      let params = {
+        ...this.getDateParams(),
+        assemblyId: this.assemblyId,
+      };
       fetch
         .get('/chat/service/getQueueUsers', {
           params
@@ -891,6 +895,7 @@ export default {
     }
     const { theme, currentTab, processedScrollList, handleInfiniteOnLoad, busy, infiniteMsgShow, foldTheme, classifyIcon } = this;
     const isEnd = currentTab === 'end';
+    const isNoData = !processedScrollList?.length;
     const filters = this.$options.filters;
     const directives = [
       {
@@ -899,7 +904,7 @@ export default {
       }
     ];
     function getAvatar(item) {
-      return <Avatar className="avatar" src={item.portrait} name={item.name || item.toName || item.title} len={2} />;
+      return <Avatar className="avatar" src={item.portrait} name={item.name || item.toName || item.title || item.titleSetting} len={2} />;
     }
     function getContent(item, filters, fold, classifyIcon) {
       const { formatName, formatCount } = filters;
@@ -951,32 +956,41 @@ export default {
     }
     return (
       <div class={[theme, 'chat-scroll-container']}>
-        <ul class="chat-scroll-session__list">
-          {processedScrollList.map((item, index) => {
-            const msgCount = item.msgCount;
-            return (
-              <li class={{ 'scroll-item': true, active: this.isActive(item) }} key={item.id || item.bid || index} onClick={() => this.handleClick(item)} id={'item_id_' + item.id}>
-                {foldTheme
-                  ? [
-                      <a-popover overlayClassName="chat-list-popover--fold" placement="right" destroyTooltipOnHide={true}>
-                        <template slot="content">{getContent(item, filters, foldTheme, classifyIcon)}</template>
-                        {getAvatar(item)}
-                      </a-popover>,
-                      msgCount ? <div class="chat-scroll-session__num">{msgCount > 99 ? '99+' : msgCount}</div> : null
-                    ]
-                  : [getAvatar(item), getContent(item, filters, foldTheme, classifyIcon)]}
-              </li>
-            );
-          })}
-        </ul>
-        {isEnd ? (
-          <div {...{ directives }} infinite-scroll-immediate-check="immediate" infinite-scroll-disabled={busy} infinite-scroll-distance={10}>
-            <div class="infinite-wrap" style={infiniteMsgShow ? '' : 'display:none'}>
-              <a-spin size="small" />
-              {foldTheme ? '' : '加载中'}
-            </div>
+        {!isNoData ? (
+          [
+            <ul class="chat-scroll-session__list">
+              {processedScrollList.map((item, index) => {
+                const msgCount = item.msgCount;
+                return (
+                  <li class={{ 'scroll-item': true, active: this.isActive(item) }} key={item.id || item.bid || index} onClick={() => this.handleClick(item)} id={'item_id_' + item.id}>
+                    {foldTheme
+                      ? [
+                          <a-popover overlayClassName="chat-list-popover--fold" placement="right" destroyTooltipOnHide={true}>
+                            <template slot="content">{getContent(item, filters, foldTheme, classifyIcon)}</template>
+                            {getAvatar(item)}
+                          </a-popover>,
+                          msgCount ? <div class="chat-scroll-session__num">{msgCount > 99 ? '99+' : msgCount}</div> : null
+                        ]
+                      : [getAvatar(item), getContent(item, filters, foldTheme, classifyIcon)]}
+                  </li>
+                );
+              })}
+            </ul>,
+            isEnd ? (
+              <div {...{ directives }} infinite-scroll-immediate-check="immediate" infinite-scroll-disabled={busy} infinite-scroll-distance={10}>
+                <div class="infinite-wrap" style={infiniteMsgShow ? '' : 'display:none'}>
+                  <a-spin size="small" />
+                  {foldTheme ? '' : '加载中'}
+                </div>
+              </div>
+            ) : null
+          ]
+        ) : (
+          <div class="no-data">
+            <img src={require('../img/no-data2.png')} />
+            <span>{this.i18nText('1.1.6.11')}</span>
           </div>
-        ) : null}
+        )}
       </div>
     );
   }
@@ -984,6 +998,20 @@ export default {
 </script>
 
 <style lang="less">
+.no-data {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  & > img {
+    width: 160px;
+  }
+  span {
+    display: inline-block;
+    font-size: 14px;
+  }
+}
 .chat-scroll-container {
   height: 100%;
   overflow-y: auto;

package/packages/multi-chat/setting/baseInfo/index.vue

@@ -8,6 +8,7 @@
           <a-form-item>
             <a-checkbox @change="handleTimeSettingShow" :checked="showTimeSetting">{{ i18nText('1.9.402') }}</a-checkbox>
             <a-checkbox v-model="readStatus">已读回执</a-checkbox>
+            <a-checkbox v-model="lineUpNotice">排队提醒</a-checkbox>
           </a-form-item>
           <template v-if="showTimeSetting">
             <a-row class="time-setting">
@@ -374,6 +375,7 @@ export default {
       showBotSetting: false,
       evaluate: false,
       readStatus: false,
+      lineUpNotice: false,
       evaluateId: '',
       timeLengths: [5, 10, 20, 30, 40, 50, 60],
       functionSetting: [], // 服务端功能
@@ -532,9 +534,11 @@ export default {
         chatPublicCategory,
         evaluate,
         readStatus,
+        lineUpNotice,
         broadcast
       } = setting;
       this.readStatus = readStatus === 'Y';
+      this.lineUpNotice = lineUpNotice === 'Y';
       this.showTimeSetting = timingSettingSwitch === '1';
       this.isListClassify = isListClassify;
       this.rightClickSetting = rightClickSetting;
@@ -837,6 +841,7 @@ export default {
         }
         setting.evaluate.isChecked = this.evaluate ? 'Y' : 'N';
         setting.readStatus = this.readStatus ? 'Y' : 'N';
+        setting.lineUpNotice = this.lineUpNotice ? 'Y' : 'N';
         this.submitData.setting = JSON.stringify(setting);
         this.submitData.type = 'BASE_INFORMATION';
         this.submitData.assemblyId = this.assemblyId;

package/packages/scale-view/formitem/r-choice.vue

@@ -79,7 +79,7 @@
       :disabled="isLock"
       @search="handleSearch"
       @change="handleSelectChange"
-      :getPopupContainer="triggerNode => triggerNode.parentNode"
+      :getPopupContainer="getPopupContainer"
       :filterOption="filterOption"
       :notFoundContent="fetching ? undefined : '暂无数据'"
     >
@@ -131,6 +131,7 @@ export default {
       type: Function,
       default: () => Promise.resolve([])
     },
+    openType: { type: String, default: "" }
   },
   components: {
     // TextOverTooltip,
@@ -428,6 +429,12 @@ export default {
     },
     filterOption(input, option) {
       return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+    },
+    getPopupContainer(triggerNode) {
+      if(this.openType == 'formIframe') {
+        return document.body;
+      }
+      return triggerNode.parentNode;
     }
   }
 };

package/packages/scale-view/scaleView.vue

@@ -153,6 +153,7 @@
                       :item="item"
                       :isLock="componentDisable"
                       :curIndex="index"
+                      :openType="openType"
                       @change="handleChoice($event, item)"
                       @radioChange="radioChange"
                       @checkboxChange="checkboxChange"
@@ -313,7 +314,8 @@ export default create({
         small: 1,
         extrasmall: 0.9
       })
-    }
+    },
+    openType: { type: String, default: "" }
   },
   components: {
     MyChoice,
@@ -1294,19 +1296,31 @@ export default create({
         this.confirmSubmit("确认要提交吗？");
         return;
       }
+
       // 包含测评组件，不包含考试时长，点击提交，弹出二次确认对话框，确认要结束测评吗？
       // 判断有无测评配置 并且在测评时间内
-      // 无倒计时
       let { evaluateResultSetting } = this.config;
-      let countdownDom = this.$refs.evaluateCountdown;
       if (
         !evaluateResultSetting ||
-        (!Object.keys(evaluateResultSetting).length && !this.showEvaluateEntry) ||
-        !countdownDom?.showEvaluateCountdown
+        (!Object.keys(evaluateResultSetting).length && !this.showEvaluateEntry)
       ) {
         this.confirmSubmit("确认要结束测评吗？");
         return;
       }
+
+      // 表单内嵌量表, 没有开始答题, 不需要调用保存接口
+      if (this.openType == "formIframe" && this.showEvaluateEntry) {
+        this.$emit("submitNoRequest");
+        return;
+      }
+
+      // 无倒计时
+      let countdownDom = this.$refs.evaluateCountdown;
+      if(!countdownDom?.showEvaluateCountdown) {
+        this.confirmSubmit("确认要结束测评吗？");
+        return;
+      }
+
       // 在倒计时内
       let message = "确认要提前结束测评吗？";
       let setAnswered = this.$refs.evaluateCountdown?.setAnswered;

package/packages/table-filter/src/components/multi-select/multi-select.vue

@@ -4,6 +4,7 @@
     v-if="item.com == 'SelectMui'"
     :placeholder="`请选择${item.alias || item.title}`"
     style="width: 160px"
+    :dropdownMatchSelectWidth="false"
     :maxTagCount="handleMaxTagCount(item)"
     :maxTagPlaceholder="handleMaxTag(item)"
     showSearch
@@ -20,40 +21,48 @@
     <a-spin v-if="fetchingWordbook" slot="notFoundContent" size="small" />
     <template v-if="item.comType == 'SelectMuiWordBook'">
       <a-select-option
-        v-for="sea in item.dataSource"
+        v-for="(sea, k) in item.dataSource"
         :key="item.sid + sea.myName"
         :value="sea.myName"
-        :title="sea.showKeys || sea.myName"
+        :title="sea._show_title || sea.showKeys || sea.myName"
+        :disabled="k === 0 && hasShowKeys && item.hasFieldList"
       >
-        {{ sea.showKeys || sea.myName }}
+        <div
+          v-if="item.hasFieldList && sea.showKeys"
+          :class="{
+            'c-s-title-line': k === 0,
+          }"
+          style="display: flex;"
+        >
+          <span style="flex: 1;" v-for="(v1, k1) in sea.showKeys.split('<&=&>')" :key="k1" class="c-s-content-item">{{ v1 }}</span>
+        </div>
+        <span v-else>
+          {{sea._show_title || sea.showKeys || sea.myName }}
+        </span>
       </a-select-option>
     </template>
     <template v-else>
       <a-select-option v-for="(i, d) in item.labelList" :key="d">
-        {{ i.labelName || "" }}
+        {{ i.labelName || '' }}
       </a-select-option>
     </template>
 
-    <div slot="dropdownRender" class="drop-down-container" slot-scope="menu" >
-       <a-spin :spinning="fetchingWordbook">
+    <div slot="dropdownRender" class="drop-down-container" slot-scope="menu">
+      <a-spin :spinning="fetchingWordbook">
         <v-nodes :vnodes="menu" />
-          <select-pages
-            v-if="!isnoPages"
-            :searchPageConfig="item.searchPageConfig"
-            :handleSearchChangePage="handleSearchChangePage"
-          />
-        </a-spin>
+        <select-pages v-if="!isnoPages" :searchPageConfig="item.searchPageConfig" :handleSearchChangePage="handleSearchChangePage" />
+      </a-spin>
     </div>
   </a-select>
 </template>
 <script>
 import { Select, Spin, Icon } from 'ant-design-vue';
 import utils from '@/utils/utils-map';
-import selectPages from './select-pages'
+import selectPages from './select-pages';
 export default {
-  name: "multiSelect",
+  name: 'multiSelect',
   components: {
-    [Select.name]:Select,
+    [Select.name]: Select,
     [Select.Option.name]: Select.Option,
     [Spin.name]: Spin,
     [Icon.name]: Icon,
@@ -63,15 +72,7 @@ export default {
       render: (h, ctx) => ctx.props.vnodes
     }
   },
-  props: [
-    "item",
-    "maxTagPlaceholder",
-    "outFilterChange",
-    "handleWordBookSearch",
-    "dropdownVisibleChange",
-    "source",
-    "fetchingWordbook"
-  ],
+  props: ['item', 'maxTagPlaceholder', 'outFilterChange', 'handleWordBookSearch', 'dropdownVisibleChange', 'source', 'fetchingWordbook'],
   data() {
     return {};
   },
@@ -87,15 +88,22 @@ export default {
     handleMaxTag() {
       return function(item) {
         let len = this.maxTagPlaceholder(item);
-        if (len <= 1) return "";
+        if (len <= 1) return '';
         return `已选${this.maxTagPlaceholder(item)}个${item.alias || item.title}`;
       };
     },
 
     // 有没有分页配置
     isnoPages(){
-     const { searchPageConfig } = this.item;
+     const { searchPageConfig } = this.item || {};
+     if(!searchPageConfig) return;
+
       return searchPageConfig.page <= 1 && !searchPageConfig.hasNextPage;
+    },
+
+    hasShowKeys(){
+      let showKeys = this?.item?.setting?.wordbook?.showKeys || [];
+      return showKeys.length > 0
     }
   },
   watch: {},
@@ -111,11 +119,13 @@ export default {
       let refDom = this.$refs.quickInputSelect;
       if (!refDom) return;
       let selectDom = refDom.$el;
-      let pDom = selectDom.querySelector(".ant-select-selection--multiple");
-      let hasTag = pDom.querySelector(".quick-input-select-span");
+      if(!selectDom) return;
+
+      let pDom = selectDom.querySelector('.ant-select-selection--multiple');
+      let hasTag = pDom.querySelector('.quick-input-select-span');
       if (!hasTag) {
-        let tag = document.createElement("span");
-        tag.className = "quick-input-select-span";
+        let tag = document.createElement('span');
+        tag.className = 'quick-input-select-span';
         let icon = `<i aria-label="图标: down" class="anticon anticon-down ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i>`;
         tag.innerHTML = icon;
         pDom.appendChild(tag);
@@ -126,10 +136,10 @@ export default {
       return utils.filterOption(...arg);
     },
 
-    handleSearchChangePage(type){
-      let cType = type || "next";
+    handleSearchChangePage(type) {
+      let cType = type || 'next';
       let { page, keyword = undefined } = this?.item?.searchPageConfig;
-      page = cType === "next" ? page + 1 : page - 1;
+      page = cType === 'next' ? page + 1 : page - 1;
       this.handleWordBookSearch(keyword, this.item, { page });
     }
   }
@@ -168,4 +178,13 @@ export default {
   margin-right: 8px;
   height: 32px;
 }
+
+.c-s-title-line {
+  font-weight: 700;
+  color: #000;
+  font-size: 14px;
+}
+.c-s-content-item {
+  padding: 0 5px;
+}
 </style>

package/packages/table-filter/src/components/out-quick-search/out-quick-search.vue

@@ -91,6 +91,7 @@
 
 import multiSelect from '../multi-select/multi-select';
 import { filterApiFn } from '../../mixins/mixins';
+import wordBookutils from '../../mixins/wordBookutils';
 
 const EVALUATEList = [
   {
@@ -186,45 +187,11 @@ export default {
       }
     },
     handleWordbookData(item, data, params) {
-      let { setting = {} } = item;
-      let { showKeys = [], defaultValue, defaultValueTitle } = setting.wordbook || {};
-      let defaultItem = null;
-      if (defaultValue && defaultValueTitle) {
-        defaultItem = {
-          myName: defaultValue,
-          showKeys: defaultValueTitle
-        };
-      }
-      if (data && data.result) {
-        let {  page, hasNextPage } = data.map;
-        item.searchPageConfig = Object.assign(item.searchPageConfig, {
-            page,
-            hasNextPage,
-            isRequest: true,
-            keyword: params?.keyword || undefined
-        });
-        // 数组赋值并添加唯一name
-        item.dataSource = data.map.rows.map(row => {
-          let showKeysStr = [];
-          showKeys.forEach(ren => {
-            showKeysStr.push(row[ren]);
-          });
-          return Object.assign(row, {
-            myName: row[item.setting.wordbook.field_key],
-            showKeys: showKeysStr.join("")
-          });
-        });
-        // 数组对象去重
-        let obj = {};
-        let arr = item.dataSource.reduce((cur, next) => {
-          obj[next.myName] ? "" : (obj[next.myName] = true && cur.push(next));
-          return cur;
-        }, []);
-        if (defaultItem) {
-          arr.unshift(defaultItem);
-        }
-        item.dataSource = arr;
-      }
+      this.$set(item, "hasFieldList", false);
+      const {rows,hasFieldList,searchPageConfig} = wordBookutils.handleWordbookData(item,data,params);
+      this.$set(item, "hasFieldList", hasFieldList);
+      this.$set(item, "dataSource", rows);
+      item.searchPageConfig = Object.assign(item.searchPageConfig, searchPageConfig);
     },
     getWordbookData(o, obj) {
       let { id, filterKeys, wordbookType } = o;

package/packages/table-filter/src/mixins/wordBookutils.js

@@ -0,0 +1,99 @@
+import vexutils from '@/utils/vexutils';
+
+const SYMBOL = "<&=&>"
+/**
+ * 处理  getWordbookData 接口返回的数据以及配置
+ */
+const formatWordbookDataUtils = {
+  hasArray: (arr) => Array.isArray(arr) && arr.length > 0,
+  handleWordbookData(item, data, params) {
+    // this.$set(item, "hasFieldList", false);
+    let { setting = {} } = item;
+    let { showKeys = [], defaultValue, defaultValueTitle } = setting.wordbook || {};
+    let defaultItem = null;
+
+    let resArr = [];
+    let hasFieldList = false;
+    let searchPageConfig = {};
+
+    if (defaultValue && defaultValueTitle) {
+      defaultItem = {
+        myName: defaultValue,
+        showKeys: defaultValueTitle
+      };
+    }
+    if (data && data.result) {
+       let {  page, hasNextPage,fieldList } = data.map;
+        searchPageConfig = Object.assign(item.searchPageConfig, {
+          page,
+          hasNextPage,
+          isRequest: true,
+          keyword: params?.keyword || undefined
+        });
+      // 数组赋值并添加唯一name
+      let rows = data.map.rows.map(row => {
+        let showKeysStr = [];
+        showKeys.forEach(ren => {
+          let str = vexutils.stringToValue(row[ren],'change_text')
+          showKeysStr.push(str);
+        });
+        let name = vexutils.stringToValue(row[item.setting.wordbook.field_key],'value')
+        return Object.assign(row, {
+          myName: name,
+          showKeys: showKeysStr.join(SYMBOL),
+          _show_title: showKeysStr.join(" ")
+        });
+      });
+      // 数组对象去重
+      let obj = {};
+      resArr = rows.reduce((cur, next) => {
+        obj[next.myName] ? "" : (obj[next.myName] = true && cur.push(next));
+        return cur;
+      }, []);
+      if (defaultItem) {
+        resArr.unshift(defaultItem);
+      }
+      if(formatWordbookDataUtils.hasArray(fieldList) && formatWordbookDataUtils.hasArray(showKeys) && showKeys.length > 1){
+        let t = formatWordbookDataUtils.getTitleHeader(fieldList,showKeys);
+        resArr.unshift({
+            myName: t,
+          showKeys: t,
+           sid: Math.random()
+        })
+        // this.$set(item, "hasFieldList", true);
+        hasFieldList = true;
+      }
+      // this.$set(item, "dataSource", resArr);
+    }
+
+    return {
+      rows:resArr,
+      hasFieldList,
+      searchPageConfig
+    }
+  },
+
+  // 下拉搜索框获取字段title
+  getTitleHeader(fieldList, renderKey) {
+    let titleHeader = [];
+    let renderKeyArr = [];
+    if (Array.isArray(renderKey)) {
+      renderKeyArr = [...renderKey];
+    } else {
+      renderKeyArr = [renderKey];
+    }
+    renderKeyArr.forEach(render => {
+      for (let i = 0; i < fieldList.length; i++) {
+        if (render === fieldList[i].columnName) {
+          titleHeader.push(`${fieldList[i].title}`);
+          break;
+        }
+      }
+    });
+    let res = titleHeader.join(SYMBOL);
+    return res;
+  },
+}
+
+
+export default formatWordbookDataUtils;