gcs-ui-lib 1.2.2 → 1.2.3

package/packages/CommonExport/src/main.vue

@@ -0,0 +1,76 @@
+<!--
+ * @Author: yuehong yuehong@nstc.com.cn
+ * @Date: 2024-05-11 15:50:15
+ * @LastEditors: yuehong yuehong@nstc.com.cn
+ * @LastEditTime: 2024-05-18 16:53:48
+ * @FilePath: \gcs-settle_webd:\workspace\G20\gcs-dms_web\code\src\components\CommonExport.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <el-dropdown
+    v-hasG="permission"
+    trigger="hover"
+    v-if="btn"
+    @command="handleExport"
+  >
+    <el-button plain size="mini">{{ $l("导出") }}</el-button>
+    <el-dropdown-menu style="margin-right: 0px" slot="dropdown">
+      <el-dropdown-item command="xls">{{ $l(".xls格式") }}</el-dropdown-item>
+      <el-dropdown-item command="xlsx">{{ $l(".xlsx格式") }}</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+  <el-dropdown
+    v-hasG="permission"
+    style="width:100%;cursor: pointer; min-width: 60px; text-align: center"
+    trigger="hover"
+    v-else
+    placement="right-start"
+    class="custom-drop"
+    :hide-timeout="2000"
+    @command="handleExport"
+  >
+    <el-link :underline="false" class="export-name">{{ $l("导出") }}</el-link>
+    <el-dropdown-menu style="margin-right: 0px" slot="dropdown">
+      <el-dropdown-item command="xls">{{ $l(".xls格式") }}</el-dropdown-item>
+      <el-dropdown-item command="xlsx">{{ $l(".xlsx格式") }}</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+<script>
+export default {
+  name: "NstcCommonExport",
+  props: {
+    permission: {
+      type: String,
+      required: true,
+      default: "",
+    },
+    btn: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  methods: {
+    handleExport(command) {
+      this.$emit("command", command);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.custom-drop {
+  padding: 4px 0;
+  text-align: start !important;
+  padding-left: 15px;
+  width: 50% !important;
+  &:hover {
+    background-color: var(--color-primary-light-9);
+  }
+}
+
+.export-name {
+  display: inline-block;
+  width: 100%;
+}
+</style>

package/packages/MergeAutoFill/demo/NstcMergeAutoFillList.vue

@@ -0,0 +1,47 @@
+<template>
+  <NstcMergeAutoFillList
+    :settingSource="'2'"
+    key="merageFill"
+    :type="'merageFill'"
+    :pageRelaNo="pageRelaNo"
+    :fList="filterList"
+    :hList="tableHeader"
+    class="payment-auto"
+  ></NstcMergeAutoFillList>
+</template>
+
+<script>
+import {
+  AutoFillListHeader,
+  AutoFillListFilter,
+} from "../../AutoFillList/src/components/config";
+import NstcMergeAutoFillList from "../merge/mergeFillList.vue"; // 真正使用的时候不用导入 已全局use
+export default {
+  name: "xxxx",
+  components: {
+    NstcMergeAutoFillList, // 真正使用的时候不用导入 已全局use
+  },
+   async mounted() {
+    this.tableHeader = AutoFillListHeader;
+    this.filterList = AutoFillListFilter;
+  },
+  data() {
+    return {
+      filterList: [],
+      tableHeader: [],
+      pageRelaNo: {
+        history: "payment00100100006002-01", //历史记录
+        add: "payment00100100006001001-01", //新增
+        delete: "payment00100100006001002-01", //删除
+        // detection: "payment00100100006001007-01", //检测
+        import: "payment00100100006001003-01", //导入
+        export: "payment00100100006001006-01", //导出
+        edit: "payment00100100006001004-01", //编辑
+        copy: "payment00100100006001005-01", //复制
+      },
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/packages/MergeAutoFill/index.js

@@ -0,0 +1,28 @@
+import NstcMergeAutoFillList from './merge/mergeFillList.vue'
+import NstcMergeAutoFillDetail from './merge/mergeFillDetail.vue'
+import NstcMergeAutoFillService from './merge/merageFillService.vue'
+import NstcMergeAutoFillRuleHistory from './merge/ExtendMergeHistory.vue'
+
+NstcMergeAutoFillList.install = function(Vue) {
+    Vue.component(NstcMergeAutoFillList.name, NstcMergeAutoFillList)
+}
+
+NstcMergeAutoFillDetail.install = function(Vue) {
+    Vue.component(NstcMergeAutoFillDetail.name, NstcMergeAutoFillDetail)
+}
+
+NstcMergeAutoFillService.install = function(Vue) {
+    Vue.component(NstcMergeAutoFillService.name, NstcMergeAutoFillService)
+}
+NstcMergeAutoFillRuleHistory.install = function(Vue) {
+    Vue.component(NstcMergeAutoFillRuleHistory.name, NstcMergeAutoFillRuleHistory)
+}
+
+
+
+export {
+    NstcMergeAutoFillList,
+    NstcMergeAutoFillDetail,
+    NstcMergeAutoFillService,
+    NstcMergeAutoFillRuleHistory
+}

package/packages/MergeAutoFill/merge/ExtendMergeHistory.vue

@@ -0,0 +1,62 @@
+<script>
+import  NstcAutoFillRuleHistory  from "../../AutoFillRuleHistory/src/main.vue";
+
+export default {
+  name: "NstcMergeAutoFillRuleHistory",
+  extends: NstcAutoFillRuleHistory,
+  props: {
+    type: {
+      type: String,
+      default: "merageFill",
+    },
+    fList: {
+      type: Array,
+      default: () => [],
+    },
+    hList: {
+      type: Array,
+      default: () => [],
+    },
+    // 1:收入  2: 支出
+    settingSource: {
+      type: [Number, String],
+      default: "2",
+    },
+    test: {
+      type: Boolean,
+      default: false,
+    },
+    pageRelaNo: {
+      type: Object,
+      default: () => {
+        return {
+          query: null,
+          export: null, //导出
+        };
+      },
+    },
+  },
+  activated() {},
+  async mounted() {
+    await this.$nextTick();
+    this.filterList = [...this.fList];
+    this.tableHeader = [...this.hList];
+    // this.queryData();
+  },
+  methods: {
+    handleClick(row) {
+      this.$router.push({
+        path: "/merageRulesDetail",
+        query: {
+          matchingHiId: row.matchingIdHi,
+        },
+      });
+    },
+    handleOrder(newVal) {
+      if (newVal) {
+        this.$set(this.detail, "isMatchChildOrder", newVal);
+      }
+    },
+  },
+};
+</script>

package/packages/MergeAutoFill/merge/merageBasic.vue

@@ -0,0 +1,390 @@
+<template>
+  <el-form
+    class="label-width-12em"
+    label-width="12em"
+    :model="form"
+    :rules="rules"
+    :key="form.refillBasis"
+    ref="formRef"
+  >
+    <!-- 匹配基本规则 -->
+    <n20-expandable-pane :title="$l('匹配基本规则')">
+      <!-- 适用范围 -->
+      <el-form-item
+        class="m-b-m auto-form-item"
+        :label="$l('适用范围')"
+        prop="usedScope"
+      >
+        <el-select
+          class="input-w"
+          v-model="form.usedScope"
+          clearable
+          filterable
+          disabled
+          @change="applyRangeChange"
+          :placeholder="$l('请选择')"
+        >
+          <el-option
+            v-for="item in scopeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <el-tooltip
+          class="m-l-ss"
+          effect="dark"
+          :content="$l('适用范围+适用单位确定规定该条规则适用的单位范围')"
+          placement="top"
+        >
+          <i
+            class="n20-icon-xinxitishi"
+            style="color: var(--color-text-secondary)"
+          ></i>
+        </el-tooltip>
+      </el-form-item>
+      <!-- 适用单位 -->
+      <el-form-item
+        :label="$l('适用单位')"
+        class="m-b-m auto-form-item"
+        prop="cltNo"
+        :rules="[
+          {
+            required: form.usedScope !== 'all',
+            message: $l('至少选择一个单位'),
+            trigger: ['blur'],
+          },
+        ]"
+      >
+        <SelectTreeUnitForm
+          ref="selectTreeUnitForm"
+          v-model="form.cltNo"
+          :searchUnitNo="userUnitNo"
+          showAllCheck
+          :multiple="true"
+          :placeholder="$l('请选择')"
+          :url="'/api/nstc-gtcp/1.0/fundTree'"
+          :moduleNo="settingSource == 1 ? 'CTMS' : 'PTMS'"
+          node-key="id"
+          :relaNo="'payment001'"
+          :upDateValue="defaultSelect"
+          :disabled="form.usedScope == 'all'"
+          @dataChange="dataChange"
+        />
+      </el-form-item>
+      <!-- 规则名称 -->
+      <el-form-item
+        :label="$l('规则名称')"
+        class="m-b-m auto-form-item"
+        prop="matchingRuleName"
+      >
+        <el-input
+          class="input-w"
+          clearable
+          v-title
+          :show-overflow-tooltip="true"
+          :maxlength="64"
+          :placeholder="$l('请输入')"
+          v-model="form.matchingRuleName"
+        />
+      </el-form-item>
+      <!-- 规则类型 -->
+      <el-form-item
+        :label="$l('规则类型')"
+        class="m-b-m auto-form-item"
+        prop="matchingRuleType"
+      >
+        <el-select
+          class="input-w"
+          v-model="form.matchingRuleType"
+          clearable
+          filterable
+          disabled
+          :placeholder="$l('请选择')"
+        >
+          <el-option
+            v-for="item in methodOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <!-- 匹配优先级 -->
+      <el-form-item
+        :label="$l('匹配优先级')"
+        class="m-b-m auto-form-item"
+        prop="matchingPriority"
+        :rules="[
+          {
+            pattern: /^\+?[0-9]\d*$/,
+            message: '请输入正确的数量',
+            trigger: 'blur',
+          },
+        ]"
+      >
+        <el-input
+          class="input-w"
+          v-model="form.matchingPriority"
+          placeholder="请输入"
+        />
+        <el-tooltip
+          class="m-l-ss"
+          effect="dark"
+          :content="$l('输入正整数，数字越大，匹配优先级越高')"
+          placement="top"
+        >
+          <i
+            class="n20-icon-xinxitishi"
+            style="color: var(--color-text-secondary)"
+          ></i
+        ></el-tooltip>
+      </el-form-item>
+      <!-- 是否自动确认 -->
+      <el-form-item
+        :label="$l('是否自动确认')"
+        class="m-b-m auto-form-item"
+        prop="isAutoConfirm"
+      >
+        <el-radio-group v-model="form.isAutoConfirm">
+          <el-radio :label="1">{{ $l("是") }}</el-radio>
+          <el-radio :label="0">{{ $l("否") }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item
+        :label="$l('合并频次')"
+        class="m-b-m auto-form-item"
+        prop="frequencyMergingName"
+      >
+        <el-input
+          class="input-w"
+          disabled
+          v-model="form.frequencyMergingName"
+          placeholder="请输入"
+        />
+      </el-form-item>
+      <el-form-item class="col-span-24" prop="dimensionsMergingList">
+        <template slot="label">
+          {{ $l("合并维度") }}
+          <i
+            class="n20-icon-xinxitishi"
+            v-title="$l('空视为特定值，全部为空则一致')"
+            style="color: var(--color-text-secondary)"
+          ></i>
+        </template>
+        <el-checkbox-group
+          v-model="form.dimensionsMergingList"
+          @change="changeDimensions"
+        >
+          <el-checkbox
+            :label="item.fieldCode"
+            :disabled="item.disabled"
+            v-for="item in dimensionsList"
+            :key="item.fieldCode"
+            >{{ item.fieldName }}</el-checkbox
+          >
+        </el-checkbox-group>
+      </el-form-item>
+    </n20-expandable-pane>
+  </el-form>
+</template>
+
+<script>
+import { SCOPE_OPTIONS } from "../../AutoFillService/src/components/config.js";
+import { getSession } from "@/utils/session";
+import { flatData } from "@/utils/index.js";
+import { $l } from "n20-common-lib/src/utils/i18n";
+import { axios } from "n20-common-lib";
+export default {
+  name: "merageBasic",
+  props: {
+    settingSource: {
+      type: [String, Number],
+      default: "2",
+    },
+
+    form: {
+      type: Object,
+      default: () => {},
+    },
+    // 禁用 适用业务 默认不禁用
+    disableFillBuss: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  created() {
+    this.$set(this.form, "usedAccountType", "THIRD_ACCOUNT");
+    this.$set(this.form, "frequencyMerging", "day");
+    this.$set(this.form, "frequencyMergingName", "日");
+    this.$set(this.form, "dimensionsMergingList", ["unitName", "currencyName"]);
+    this.$set(this.form, "matchingRuleType", "INDEPENDENT");
+    // this.extendInit();
+  },
+  components: {
+    SelectTreeUnitForm: () => import("../../SelectTreeUnitForm/src/main.vue"),
+    Bank: () => import("../../Bank/src/main.vue"),
+  },
+  data(vm) {
+    this.scopeOptions = SCOPE_OPTIONS;
+    return {
+      dimensionsList: [],
+      multipleHitOptions: [
+        { value: 1, label: $l("不命中") },
+        { value: 2, label: $l("命中实际付款日最早数据") },
+        { value: 3, label: $l("命中实际付款日最晚数据") },
+      ],
+      methodOptions: [
+        {
+          label: "预先补填",
+          value: "GENERAL",
+        },
+        {
+          label: "完结补填",
+          value: "INDEPENDENT",
+        },
+      ],
+      defaultSelect: [],
+      userUnitNo: getSession("userInfo").cltNo,
+      rules: {
+        frequencyMergingName: [
+          {
+            required: true,
+            message: vm.$l("请输入合并频次"),
+            trigger: "blur",
+          },
+        ],
+        dimensionsMergingList: [
+          {
+            required: true,
+            message: vm.$l("请选择合并维度"),
+            trigger: "change",
+          },
+        ],
+        matchingRuleType: [
+          {
+            required: true,
+            message: vm.$l("请选择规则类型"),
+            trigger: "change",
+          },
+        ],
+        usedScope: [
+          {
+            required: true,
+            message: vm.$l("请选择适用范围"),
+            trigger: "change",
+          },
+        ],
+        isAutoConfirm: [
+          {
+            required: true,
+            message: vm.$l("请选择是否自动确认"),
+            trigger: "change",
+          },
+        ],
+      },
+      unitOptions: [],
+    };
+  },
+  watch: {
+    "form.usedUnit": {
+      handler(val) {
+        try {
+          this.defaultSelect = JSON.parse(val);
+          this.$nextTick(() => {
+            this.$refs.selectTreeUnitForm?.upDateShowValue(true);
+          });
+        } catch {}
+      },
+      deep: true,
+    },
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    async init() {
+      this.$set(this.form, "usedScope", "all");
+      let res = await axios.get(
+        `/api/aims/record/record-matching/1.0/matching-field-setting/3/2`,
+        {
+          usedAccountType: "THIRD_ACCOUNT",
+        },
+      );
+      this.dimensionsList = (res.data || []).map((item) => {
+        return {
+          ...item,
+          disabled: ["unitName", "currencyName"].includes(item.fieldCode),
+        };
+      });
+      this.changeDimensions(this.form.dimensionsMergingList);
+    },
+    changeDimensions(val) {
+      if (!val || val.length === 0) return;
+      let temp = this.dimensionsList.filter((item) =>
+        val.includes(item.fieldCode),
+      );
+      this.$emit("changeDimensions", temp);
+    },
+    applyAccountChange(val) {
+      this.$emit("handleAccountChange", val);
+    },
+    handleBankChange(val) {
+      this.$set(
+        this.form,
+        "usedBanks",
+        val.map((item) => {
+          return {
+            bankCode: item.bankNo,
+            bankName: item.bankName,
+          };
+        }),
+      );
+    },
+    HandleRadioChange(val) {
+      this.$emit("radioChange", val);
+    },
+    extendInit() {
+      //   this.$set(this.form, "refillBasis", 1);
+    },
+    applyRangeChange(val) {
+      if (val === "all") {
+        this.defaultSelect = [];
+        this.$nextTick(() => {
+          this.$refs.selectTreeUnitForm?.upDateShowValue(true);
+        });
+        this.$refs.formRef.clearValidate("cltNo");
+        this.$emit("unitOptions", []);
+      }
+    },
+    dataChange(val, type) {
+      if (!type) return;
+      this.form.usedUnits = [...val].map((item) => {
+        return {
+          unitNo: item.unitNo,
+          unitName: item.unitName,
+          treeNo: item.treeNo,
+        };
+      });
+      if (this.form.usedScope === "unit_and_sub") {
+        let unita = [];
+        flatData(val, unita);
+        let unitData = [];
+        unita.forEach((item) => {
+          if (!unitData.find((a) => a.unitNo === item.unitNo)) {
+            unitData.push(item);
+          }
+        });
+        this.$emit("unitOptions", [...unitData]);
+        return;
+      }
+      this.$emit("unitOptions", [...val]);
+    },
+    async submit() {
+      await this.$refs.formRef.validate();
+    },
+  },
+};
+</script>