t20-common-lib 0.11.4 → 0.12.0

package/src/api/common.js

@@ -18,4 +18,16 @@ export function getCurrency(data, headers = {}) {
   //   loading: false,
   //   headers
   // })
+}
+
+
+//查询財资工参全局配置
+export function getCommonConfig(params = {}) {
+  return request({
+    url: `/api/nstc-gtcp/1.0/commonConfig`,
+    method: 'get',
+    loading: false,
+    cache:true,
+    params
+  })
 }

package/src/common/selectTree/Extends/ElSelect.vue

@@ -0,0 +1,180 @@
+<template>
+  <div
+    class="el-select"
+    :class="[selectSize ? 'el-select--' + selectSize : '']"
+    @click.stop="toggleMenu"
+    v-clickoutside="handleClose"
+  >
+    <div
+      class="el-select__tags"
+      v-if="multiple"
+      ref="tags"
+      :style="{ 'max-width': inputWidth - 32 + 'px', width: '100%' }"
+    >
+      <span v-if="collapseTags && selected.length">
+        <el-tag
+          :closable="!selectDisabled"
+          :size="collapseTagSize"
+          :hit="selected[0].hitState"
+          type="info"
+          @close="deleteTag($event, selected[0])"
+          disable-transitions
+        >
+          <span class="el-select__tags-text">{{
+            selected[0].currentLabel
+          }}</span>
+        </el-tag>
+        <el-tag
+          v-if="selected.length > 1"
+          :closable="false"
+          :size="collapseTagSize"
+          type="info"
+          disable-transitions
+        >
+          <span class="el-select__tags-text">+ {{ selected.length - 1 }}</span>
+        </el-tag>
+      </span>
+      <transition-group @after-leave="resetInputHeight" v-if="!collapseTags">
+        <el-tag
+          v-for="item in selected"
+          :key="getValueKey(item)"
+          :closable="!selectDisabled"
+          :size="collapseTagSize"
+          :hit="item.hitState"
+          type="info"
+          @close="deleteTag($event, item)"
+          disable-transitions
+        >
+          <span class="el-select__tags-text">{{ item.currentLabel }}</span>
+        </el-tag>
+      </transition-group>
+      <input
+        type="text"
+        class="el-select__input"
+        :class="[selectSize ? `is-${selectSize}` : '']"
+        :disabled="selectDisabled"
+        :autocomplete="autoComplete || autocomplete"
+        @focus="handleFocus"
+        @blur="softFocus = false"
+        @keyup="managePlaceholder"
+        @keydown="resetInputState"
+        @keydown.down.prevent="handleNavigate('next')"
+        @keydown.up.prevent="handleNavigate('prev')"
+        @keydown.enter.prevent="selectOption"
+        @keydown.esc.stop.prevent="visible = false"
+        @keydown.delete="deletePrevTag"
+        @keydown.tab="visible = false"
+        @compositionstart="handleComposition"
+        @compositionupdate="handleComposition"
+        @compositionend="handleComposition"
+        v-model="query"
+        @input="debouncedQueryChange"
+        v-if="filterable"
+        :style="{
+          'flex-grow': '1',
+          width: inputLength / (inputWidth - 32) + '%',
+          'max-width': inputWidth - 42 + 'px',
+        }"
+        ref="input"
+      />
+    </div>
+    <el-input
+      ref="reference"
+      v-model="selectedLabel"
+      type="text"
+      :placeholder="currentPlaceholder"
+      :name="name"
+      :id="id"
+      :autocomplete="autoComplete || autocomplete"
+      :size="selectSize"
+      :disabled="selectDisabled"
+      :readonly="readonly"
+      :validate-event="false"
+      :class="{ 'is-focus': visible }"
+      :tabindex="multiple && filterable ? '-1' : null"
+      @focus="handleFocus"
+      @blur="handleBlur"
+      @input="debouncedOnInputChange"
+      @keydown.native.down.stop.prevent="handleNavigate('next')"
+      @keydown.native.up.stop.prevent="handleNavigate('prev')"
+      @keydown.native.enter.prevent="selectOption"
+      @keydown.native.esc.stop.prevent="visible = false"
+      @keydown.native.tab="visible = false"
+      @compositionstart="handleComposition"
+      @compositionupdate="handleComposition"
+      @compositionend="handleComposition"
+      @mouseenter.native="inputHovering = true"
+      @mouseleave.native="inputHovering = false"
+    >
+      <template slot="prefix" v-if="$slots.prefix">
+        <slot name="prefix"></slot>
+      </template>
+      <template slot="suffix">
+        <i
+          v-show="!showClose"
+          :class="[
+            'el-select__caret',
+            'el-input__icon',
+            'el-icon-' + iconClass,
+          ]"
+        ></i>
+        <i
+          v-if="showClose"
+          class="el-select__caret el-input__icon el-icon-circle-close"
+          @click="handleClearClick"
+        ></i>
+      </template>
+    </el-input>
+    <transition
+      name="el-zoom-in-top"
+      @before-enter="handleMenuEnter"
+      @after-leave="doDestroy"
+    >
+      <el-select-menu
+        ref="popper"
+        :append-to-body="popperAppendToBody"
+        v-show="visible && emptyText !== false"
+      >
+        <el-scrollbar
+          tag="ul"
+          wrap-class="el-select-dropdown__wrap"
+          view-class="el-select-dropdown__list"
+          ref="scrollbar"
+          :class="{
+            'is-empty': !allowCreate && query && filteredOptionsCount === 0,
+          }"
+          v-show="options.length > 0 && !loading"
+        >
+          <el-option :value="query" created v-if="showNewOption"> </el-option>
+          <slot></slot>
+        </el-scrollbar>
+        <template
+          v-if="
+            emptyText &&
+            (!allowCreate || loading || (allowCreate && options.length === 0))
+          "
+        >
+          <slot name="empty" v-if="$slots.empty"></slot>
+          <p class="el-select-dropdown__empty" v-else>
+            {{ emptyText }}
+          </p>
+        </template>
+      </el-select-menu>
+    </transition>
+  </div>
+</template>
+<script>
+import Select from "element-ui/packages/select/src/select.vue";
+
+export default {
+  name: "ElSelect",
+  extends: Select,
+  methods: {
+    handleClose(flag = true) {
+      this.visible = !flag;
+      this.$emit("outClick");
+    },
+  },
+};
+</script>
+

package/src/common/selectTree/Filters/defaultFilterItems.js

@@ -0,0 +1,30 @@
+export const DEFAULT_FILTER_ITEMS = [
+  {
+    type: 'select',
+    label: '区域',
+    prop: 'bussRegionCode',
+    labelKey: 'name',
+    valueKey: 'code',
+    multiple: false,
+    multipleProp: 'bussRegionCodes',
+    options: [],
+    api: {
+      apiUrl: '/api/nstc-mdm/1.0/mdmDataDoc',
+      requestMethod: 'get',
+      headers: null,
+      reqKeys: {
+        isEnable: 1,
+        typeCode: 'aims.area'
+      }
+    }
+  }
+]
+
+export function cloneDefaultFilterItems() {
+  return DEFAULT_FILTER_ITEMS.map(item => ({
+    ...item,
+    options: Array.isArray(item.options) ? [...item.options] : item.options,
+    api: item.api ? { ...item.api, reqKeys: { ...(item.api.reqKeys || {}) } } : item.api
+  }))
+}
+

package/src/common/selectTree/Filters/index.vue

@@ -0,0 +1,169 @@
+<template>
+  <el-form v-if="componentVisible" ref="formRef" inline :model="searchForm">
+    <el-form-item v-for="(item, index) in searchList" :prop="item.prop" :key="item.prop + '_' + index">
+      <template v-if="item.type === 'select'">
+        <el-select
+          :popper-append-to-body="false"
+          clearable
+          filterable
+          :multiple="item.multiple"
+          v-model="searchForm[item.prop]"
+          :validate-event="false"
+          :placeholder="$t('common_t_0054') + item.label"
+          @change="(val) => handleSearch(val, item)"
+        >
+          <el-option
+            v-for="(opt, idx) in item.options"
+            :value="opt[item.valueKey]"
+            :label="opt[item.labelKey]"
+            :key="opt[item.valueKey] + '_' + idx"
+          />
+        </el-select>
+      </template>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import request from "@/utils/request"
+import getJsonc from "@/utils/getJsonc"
+import { cloneDefaultFilterItems } from "./defaultFilterItems"
+
+export default {
+  name: 'FILTERS',
+  props: {
+    /**
+     * 前端控制筛选项读取位置（默认读取组件内配置）
+     * - true：从业务模块 jsonc 读取筛选配置（通过 bizFilterConfigJsoncPath 指定路径）
+     */
+    readFilterConfigFromBiz: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 业务模块 jsonc 路径（例如：/config/selectTree/filters.jsonc）
+     * 仅在 readFilterConfigFromBiz=true 时生效
+     */
+    bizFilterConfigJsoncPath: {
+      type: String,
+      default: ''
+    },
+    useCommonConfigControl: { 
+      type: Boolean,
+      default: true
+    },
+    /**
+     * 是否启用财资公参配置控制
+     * - true：启用财资公参配置控制
+     * - false：未启用财资公参配置控制
+     */
+    isEnableCommonConfigControl: {
+      type: Boolean,
+      default: true
+    }
+  },
+  watch: {
+    isEnableCommonConfigControl: {
+      async handler(newVal) {
+        if (newVal) {
+          if (this.useCommonConfigControl) {
+            this.componentVisible = true
+            await this.loadBizFilterConfigIfNeeded()
+            this.init()
+          }
+        } else {
+          if (!this.useCommonConfigControl) {
+            this.componentVisible = true
+            await this.loadBizFilterConfigIfNeeded()
+            this.init()
+          }
+        }
+      },
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      componentVisible: false,
+      searchForm: {},
+      builtInFilterItems: cloneDefaultFilterItems(),
+      bizFilterConfig: null,
+      commonConfig: null
+    }
+  },
+  computed: {
+    effectiveFilterConfig() {
+      // 两种来源：
+      // - 组件内置配置：builtInFilterItems
+      // - 业务 jsonc 配置：bizFilterConfig（若启用且读取成功）
+      if (this.readFilterConfigFromBiz && this.bizFilterConfig) {
+        return {
+          filterList: Array.isArray(this.bizFilterConfig.filterList) ? this.bizFilterConfig.filterList : cloneDefaultFilterItems()
+        }
+      }
+
+      return {
+        filterList: this.builtInFilterItems || []
+      }
+    },
+    searchList() {
+      const { filterList = [] } = this.effectiveFilterConfig || {}
+      return (filterList || []).filter(config => config?.prop)
+    }
+  },
+  methods: {
+    async loadBizFilterConfigIfNeeded() {
+      if (!this.readFilterConfigFromBiz) return
+      const p = (this.bizFilterConfigJsoncPath || '').trim()
+      if (!p) return
+      try {
+        this.bizFilterConfig = await getJsonc(p, false)
+      } catch (e) {
+        this.bizFilterConfig = null
+      }
+    },
+   
+    init() {
+      const cfg = this.effectiveFilterConfig || {}
+      if (!Array.isArray(cfg.filterList) || !cfg.filterList.length) return
+      const flatSearchItems = this.searchList || []
+      flatSearchItems.map(async item => {
+        if (!item || !item.api) return
+        if (Array.isArray(item.options) && item.options.length) return
+        let res = null
+        if (["GET", "get"].includes(item.api?.requestMethod)){
+          res = await this.getDataForGet(item.api?.apiUrl, (item.api?.reqKeys || {}), item.api?.headers ?? item.headers)
+        }
+        if (["POST", "post"].includes(item?.api?.requestMethod)) {
+          res = await this.getDataForPost(item.api?.apiUrl, (item.api?.reqKeys || {}), item.api?.headers ?? item.headers)
+        }
+        const optionsData = Array.isArray(res) ? res : (res?.data || res?.list || [])
+        if (Array.isArray(optionsData)) {
+          this.$set(item, 'options', optionsData)
+        }
+      })
+    },
+    handleSearch(val, item) {
+      this.$emit('filterChange', val, item.searchKey)
+    },
+
+    getDataForGet(url, data, headers) {
+      return request({
+        url: url,
+        method:'GET',
+        params: data,
+        headers
+      })
+    },
+    getDataForPost(url, data, headers) {
+      return request({
+        url: url,
+        method:'POST',
+        data,
+        headers
+      })
+    }
+  }
+}
+</script>

package/src/common/selectTree/Tree/document.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>页面</title>
+    <g id="页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <path d="M16.6914062,5.63867188 C16.8085938,5.75585938 16.875,5.9140625 16.875,6.08007812 L16.875,18.125 C16.875,18.4707031 16.5957031,18.75 16.25,18.75 L3.75,18.75 C3.40429688,18.75 3.125,18.4707031 3.125,18.125 L3.125,1.875 C3.125,1.52929688 3.40429688,1.25 3.75,1.25 L12.0449219,1.25 C12.2109375,1.25 12.3710938,1.31640625 12.4882813,1.43359375 L16.6914062,5.63867188 Z M15.4335938,6.3671875 L11.7578125,2.69140625 L11.7578125,6.3671875 L15.4335938,6.3671875 Z M6.25,9.4140625 C6.16370551,9.4140625 6.09375,9.48401801 6.09375,9.5703125 L6.09375,10.5078125 C6.09375,10.594107 6.16370551,10.6640625 6.25,10.6640625 L13.75,10.6640625 C13.8362945,10.6640625 13.90625,10.594107 13.90625,10.5078125 L13.90625,9.5703125 C13.90625,9.48401801 13.8362945,9.4140625 13.75,9.4140625 L6.25,9.4140625 Z M6.25,12.0703125 C6.16370551,12.0703125 6.09375,12.140268 6.09375,12.2265625 L6.09375,13.1640625 C6.09375,13.250357 6.16370551,13.3203125 6.25,13.3203125 L9.84375,13.3203125 C9.93004449,13.3203125 10,13.250357 10,13.1640625 L10,12.2265625 C10,12.140268 9.93004449,12.0703125 9.84375,12.0703125 L6.25,12.0703125 Z" id="形状" fill="#1677FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/common/selectTree/Tree/folder.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文件</title>
+    <g id="文件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
+        <rect id="矩形" fill="#FFBF00" opacity="0.300000012" x="3" y="4" width="14" height="11"></rect>
+        <path d="M17.1875,5.828125 L10.1757812,5.828125 L7.88476562,3.63671875 C7.85546875,3.609375 7.81640625,3.59375 7.77734375,3.59375 L2.8125,3.59375 C2.46679688,3.59375 2.1875,3.87304688 2.1875,4.21875 L2.1875,15.78125 C2.1875,16.1269531 2.46679688,16.40625 2.8125,16.40625 L17.1875,16.40625 C17.5332031,16.40625 17.8125,16.1269531 17.8125,15.78125 L17.8125,6.453125 C17.8125,6.10742188 17.5332031,5.828125 17.1875,5.828125 Z" id="路径" fill="#FFBF00" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/common/selectTree/Tree/index.vue

@@ -0,0 +1,198 @@
+<template>
+  <el-tree
+    ref="tree"
+    class="cl-tree cl-tree-nstc"
+    :node-key="nodeKey"
+    :expand-on-click-node="showCheckbox?true:false"
+    :data="data"
+    check-strictly
+    :default-expanded-keys="defaultExpandedKeys"
+    :show-checkbox="showCheckbox && !single"
+    :props="props"
+    v-bind="$attrs"
+    v-on="$listeners"
+  >
+    <div
+      slot-scope="{ node, data }"
+      class="flex-box flex-lr flex-v w-100p cl-tree-item"
+      @mouseenter="mouseenterTree(node, data)"
+      @mouseleave="checkFlag = false"
+    >
+      <span class="flex-box flex-v">
+        <!-- <img :src="node.level == 1 ? folder : desc" class="m-r-ss" alt="" /> -->
+        {{
+          (data[props.value] ? "(" + data[props.value] + ") " : "") +
+          data[props.label]
+        }}
+      </span>
+      <div class="row-point" v-if="showAllCheck && !single && !isList">
+        <el-dropdown @click.stop="() => null">
+          <span class="el-dropdown-link"> ... </span>
+          <el-dropdown-menu slot="dropdown" class="nstc-unit-tree-drop">
+            <el-dropdown-item
+              @click.native.stop="handleCheckedBro(node, data)"
+              >{{ $t("common_a_0006") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'direct')"
+            >
+              {{ $t("common_a_0008") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'all')"
+              >{{ $t("common_a_0007") }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click.native.stop="handleCheckedChild(node, data, 'cancel')"
+              >{{ $t("common_a_0007_1") }}</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+    </div>
+  </el-tree>
+</template>
+<script>
+export default {
+  name: "Tree",
+  props: {
+    isList: {
+      type: Boolean,
+      default: false,
+    },
+    showAllCheck: {
+      type: Boolean,
+      default: true,
+    },
+    single: {
+      type: Boolean,
+      default: false,
+    },
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => [],
+    },
+    data: {
+      type: Array,
+      default: () => [],
+    },
+    props: {
+      type: Object,
+      default: () => ({}),
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: false,
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false,
+    },
+    nodeKey: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      folder: require("./folder.svg"),
+      desc: require("./document.svg"),
+      checkFlag: {},
+      showDropMenu: null,
+      list: [],
+    };
+  },
+  computed: {
+    checkStrictlyC: {
+      get() {
+        return this.checkStrictly;
+      },
+      set(v) {
+        // console.log(v, 123)
+        return this.$emit("update:checkStrictly", v);
+      },
+    },
+  },
+  mounted() {
+    this.setRefData();
+  },
+  methods: {
+    setRefData() {
+      const {
+        store,
+        filter,
+        updateKeyChildren,
+        getCheckedNodes,
+        setCheckedNodes,
+        getCheckedKeys,
+        setCheckedKeys,
+        setChecked,
+        getHalfCheckedNodes,
+        getHalfCheckedKeys,
+        getCurrentKey,
+        getCurrentNode,
+        setCurrentKey,
+        setCurrentNode,
+        getNode,
+        remove,
+        append,
+        insertBefore,
+        insertAfter,
+      } = this.$refs["tree"];
+
+      this.filter = filter;
+      this.updateKeyChildren = updateKeyChildren;
+      this.getCheckedNodes = getCheckedNodes;
+      this.setCheckedNodes = setCheckedNodes;
+      this.getCheckedKeys = getCheckedKeys;
+      this.setCheckedKeys = setCheckedKeys;
+      this.setChecked = setChecked;
+      this.getHalfCheckedNodes = getHalfCheckedNodes;
+      this.getHalfCheckedKeys = getHalfCheckedKeys;
+      this.getCurrentKey = getCurrentKey;
+      this.getCurrentNode = getCurrentNode;
+      this.setCurrentKey = setCurrentKey;
+      this.setCurrentNode = setCurrentNode;
+      this.getNode = getNode;
+      this.remove = remove;
+      this.append = append;
+      this.insertBefore = insertBefore;
+      this.insertAfter = insertAfter;
+      this.store = store;
+    },
+    handleChecked(node, data) {
+      // this.store.checkStrictly = true
+      this.setChecked(node.data, true);
+      this.$emit("check", data, {
+        checkedKeys: this.getCheckedKeys(),
+        checkedNodes: this.getCheckedNodes(),
+        halfCheckedNodes: this.getHalfCheckedNodes(),
+        halfCheckedKeys: this.getHalfCheckedKeys(),
+      });
+      // this.store.checkStrictly = false
+    },
+    handleCheckedBro(node, data) {
+      //勾选平级单位
+      this.$emit("checkedBro", data);
+    },
+    handleCheckedChild(node, data, type) {
+      //勾选平级单位
+      this.$emit("checkedChild", { node, data, type: type });
+    },
+    mouseenterTree(node, data) {
+      this.checkFlag = node;
+    },
+    handleClose(node, data) {
+      // this.store.checkStrictly = true
+      this.setChecked(node.data, false);
+      this.$emit("check", data, {
+        checkedKeys: this.getCheckedKeys(),
+        checkedNodes: this.getCheckedNodes(),
+        halfCheckedNodes: this.getHalfCheckedNodes(),
+        halfCheckedKeys: this.getHalfCheckedKeys(),
+      });
+      // this.store.checkStrictly = false
+    },
+  },
+};
+</script>

package/src/common/selectTree/forEachs.js

@@ -0,0 +1,16 @@
+function forEachs(arr, callback, branch = 'children', arrp = {}) {
+  if (typeof callback === 'function') {
+    _forEachs(arr, callback, branch, arrp)
+  }
+}
+
+function _forEachs(arr, callback, branch, arrp) {
+  arr.forEach(function (item, _i, _arr) {
+    callback(item, _i, _arr, arrp)
+    if (item[branch] && Array.isArray(item[branch])) {
+      _forEachs(item[branch], callback, branch, item)
+    }
+  })
+}
+
+export default forEachs

package/src/index.js

@@ -17,6 +17,8 @@ import TabPage from '../packages/tab-page/index.js'
 import InputNumber from '../packages/input-number/index.js'
 import DatePickerPor from '../packages/date-picker-por/index.js'
 import DynamicDescriptions from '../packages/dynamic-descriptions/index.js'
+import SelectTreeUnit from '../packages/select-tree-unit/index.js'
+import SelectTreeUnitForm from '../packages/select-tree-unit-form/index.js'
 
 // 存储组件列表
 const components = [
@@ -32,7 +34,9 @@ const components = [
   TabPage,
   InputNumber,
   DatePickerPor,
-  DynamicDescriptions
+  DynamicDescriptions,
+  SelectTreeUnit,
+  SelectTreeUnitForm
 ]
 
 // 定义 install 方法，接收 Vue 作为参数
@@ -74,6 +78,8 @@ export {
   InputNumber,
   DatePickerPor,
   DynamicDescriptions,
+  SelectTreeUnit,
+  SelectTreeUnitForm,
   // 工具方法
   repairEl,
   getColumnWidth,