gcs-ui-lib 1.0.1

package/packages/AutoFillDetection/src/components/config.js

@@ -0,0 +1,359 @@
+import { $l } from "n20-common-lib/src/utils/i18n";
+import { FILL_METHOD_OPTIONS } from "^/AutoFillList/src/components/config";
+
+export const filterList = [
+  {
+    id: "accountType",
+    label: "账户类型",
+    type: "select",
+    value: "accountType",
+    options: [
+      { label: "银行账户", value: "BANK_ACCOUNT" },
+      { label: "第三方账户", value: "THIRD_ACCOUNT" },
+    ],
+    isDefault: true,
+    static: true,
+    isNotClose: true,
+    required: true,
+    rules: [
+      {
+        required: true,
+        message: "请选择",
+        trigger: ["blur", "change"],
+      },
+    ],
+  },
+  {
+    label: "明细ID",
+    value: "recordId",
+    type: "text",
+    isDefault: true,
+    id: "recordId",
+  },
+  {
+    label: "本方账号",
+    value: "accountNo",
+    type: "text",
+    isDefault: true,
+    id: "accountNo",
+  },
+  {
+    label: "摘要",
+    value: "explain",
+    type: "text",
+    isDefault: true,
+    id: "explain",
+  },
+  {
+    id: "startRecordDate",
+    label: "日期区间",
+    type: "daterange",
+    isDefault: true,
+    startDate: "startRecordDate",
+    endDate: "endRecordDate",
+  },
+  {
+    label: "对方账号",
+    value: "opAccountNo",
+    type: "text",
+    isDefault: true,
+    id: "opAccountNo",
+  },
+  {
+    label: "备注",
+    value: "remark",
+    type: "text",
+    id: "remark",
+    isDefault: true,
+  },
+  {
+    label: "附言",
+    value: "postScript",
+    type: "text",
+    isDefault: true,
+    id: "postScript",
+  },
+];
+
+export const tableHeader = [
+  {
+    slotName: "radio",
+    width: "50",
+    fixed: "left",
+    static: "pre", // 静态不被"显示列"显示的,且最终会被拼接到"显示列"排序后的表格的"前面"
+  },
+  {
+    type: "seq",
+    label: "序号",
+    width: "56",
+    fixed: "left",
+    align: "center",
+  },
+  {
+    label: "明细ID",
+    prop: "recordId",
+    align: "center",
+    minWidth: "144",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "单位编号",
+    prop: "unitNo",
+    align: "center",
+    minWidth: "144",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "单位名称",
+    prop: "unitName",
+    width: "230",
+    "show-overflow-tooltip": true,
+    align: "left",
+  },
+  {
+    label: "本方开户行",
+    prop: "branchBankName",
+    align: "left",
+    width: "268",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "本方账号",
+    prop: "accountNo",
+    align: "center",
+    width: "190",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "本方户名",
+    prop: "accountName",
+    align: "left",
+    width: "240",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "日期",
+    prop: "recordDate",
+    align: "center",
+    width: "120",
+    sortable: true,
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "币种",
+    prop: "currencyName",
+    align: "center",
+    width: "114",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "收支方向",
+    prop: "balanceDirName",
+    align: "center",
+    width: "114",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "金额",
+    prop: "amount",
+    align: "right",
+    width: "190",
+    sortable: true,
+    formatter: "formatAmount", // 时间格式化
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "对方账号",
+    prop: "opAccountNo",
+    align: "center",
+    width: "190",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "对方户名",
+    prop: "opAccountName",
+    align: "left",
+    width: "240",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "对方开户行",
+    prop: "opBranchBankName",
+    align: "left",
+    width: "268",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "摘要",
+    prop: "summary",
+    align: "left",
+    width: "170",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "附言",
+    prop: "postScript",
+    align: "left",
+    width: "170",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "备注",
+    prop: "remark",
+    align: "left",
+    width: "170",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "银行流水号",
+    prop: "hostId",
+    align: "center",
+    width: "170",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "银行单据号",
+    prop: "ticketNumber",
+    align: "center",
+    width: "170",
+    "show-overflow-tooltip": true,
+  },
+];
+export const ruleHitTableHeader = [
+  {
+    type: "index",
+    label: "序号",
+    width: "56",
+    fixed: "left",
+    align: "center",
+  },
+  {
+    label: "规则编号",
+    prop: "matchingId",
+    align: "center",
+    minWidth: "144",
+    slotName: "matchingId",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "规则名称",
+    prop: "matchingRuleName",
+    align: "center",
+    minWidth: "230",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "规则类型",
+    prop: "matchingRuleType",
+    align: "center",
+    minWidth: "140",
+    "show-overflow-tooltip": true,
+    formatter: (row) => {
+      let doc = {
+        GENERAL: $l(`预先补填`),
+        INDEPENDENT: $l(`完结补填`),
+      };
+      return doc[row.matchingRuleType] || "--";
+    },
+  },
+  {
+    label: "适用范围",
+    prop: "usedScope",
+    align: "center",
+    width: "200",
+    formatter: (row) => {
+      let doc = {
+        all: $l(`全集团`),
+        unit: $l(`所选单位`),
+        unit_and_sub: $l(`所选单位及所有下级`),
+      };
+      return doc[row.usedScope] || "--";
+    },
+  },
+  {
+    label: "适用单位",
+    prop: "usedUnit",
+    slotName: "usedUnit",
+    align: "center",
+    width: "200",
+  },
+  {
+    label: "适用业务",
+    prop: "usedBusiness",
+    align: "center",
+    width: "200",
+    render(h, row) {
+      const o = FILL_METHOD_OPTIONS.find(
+        (item) => item.value === row.usedBusiness
+      );
+      return h("div", o.label || "--");
+    },
+  },
+  {
+    label: "匹配优先级",
+    prop: "matchingPriority",
+    align: "center",
+    minWidth: "114",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "补填信息",
+    prop: "fillGroup",
+    align: "center",
+    minWidth: "144",
+    slotName: "fillGroup",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "生效时间",
+    prop: "updateTime",
+    align: "center",
+    minWidth: "180",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "操作人",
+    prop: "updator",
+    align: "center",
+    minWidth: "144",
+    "show-overflow-tooltip": true,
+  },
+];
+
+export const FillInfoTableHeader = [
+  {
+    type: "index",
+    label: "序号",
+    width: "56",
+    fixed: "left",
+    align: "center",
+  },
+  {
+    label: "补填字段",
+    prop: "fillFieldName",
+    align: "center",
+    minWidth: "144",
+    "show-overflow-tooltip": true,
+  },
+  {
+    label: "补填内容取值",
+    prop: "matchingValueType",
+    align: "center",
+    minWidth: "140",
+    "show-overflow-tooltip": true,
+    formatter: (row) => {
+      let doc = {
+        FIXED: $l(`固定值`),
+        DYNAMIC: $l(`动态值`),
+      };
+      return doc[row.matchingValueType] || "--";
+    },
+  },
+  {
+    label: "补填内容",
+    prop: "fillValue",
+    align: "center",
+    minWidth: "230",
+    "show-overflow-tooltip": true,
+  },
+];

package/packages/AutoFillDetection/src/demo/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <Trade setting-source="2"></Trade>
+</template>
+
+<script>
+import Trade from "../main.vue"; // 真正使用的时候不用导入 已全局use
+export default {
+  name: "trade",
+  components: {
+    Trade, // 真正使用的时候不用导入 已全局use
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/packages/AutoFillDetection/src/main.vue

@@ -0,0 +1,130 @@
+<template>
+  <Page class="auto-fill-detection">
+    <PageHeader
+      slot="header"
+      @back="goBackCommon"
+      class="m-b-s"
+      :content="$l('补填规则检测')"
+    />
+    <el-form class="label-width-8em description-b-s" label-width="5em">
+      <el-form-item :label="$l('数据来源')" prop="description">
+        <el-radio-group v-model="radio" @change="handleRadio">
+          <el-radio :label="'SelectEntries'">{{ $l("选择流水") }}</el-radio>
+          <el-radio :label="'HandEntred'">{{ $l("手动录入") }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+    <keep-alive>
+      <component
+        :is="radio"
+        @clear="handleRadio"
+        @handleSubmit="handleSubmit"
+        :settingSource="settingSource"
+      />
+    </keep-alive>
+    <RuleHit
+      class="mt-8"
+      :tableData="ruleData"
+      :settingSource="settingSource"
+    />
+    <FillInfo :tableData="fillData" :settingSource="settingSource" />
+  </Page>
+</template>
+
+<script>
+import {
+  PageHeader,
+  Page,
+  axios,
+  PageHeader as CLPageHeader,
+} from "n20-common-lib";
+import { goBackCommon } from "@/utils";
+
+export default {
+  name: "NstcAutoFillDetection",
+  props: {
+    settingSource: {
+      type: [Number, String],
+      default: 2,
+    },
+  },
+  components: {
+    CLPageHeader,
+    PageHeader,
+    Page,
+    HandEntred: () => import("./components/HandEntred.vue"),
+    SelectEntries: () => import("./components/SelectEntries.vue"),
+    RuleHit: () => import("./components/RuleHit.vue"),
+    FillInfo: () => import("./components/FillInfo.vue"),
+  },
+  data() {
+    return {
+      ruleData: [],
+      fillData: [],
+      radio: "SelectEntries",
+    };
+  },
+  methods: {
+    goBackCommon,
+    handleRadio() {
+      this.ruleData = [];
+      this.fillData = [];
+    },
+    async handleSubmit(row) {
+      try {
+        const res = await axios.post(
+          "/api/aims/record/record-matching/1.0/ruleChecking",
+          {
+            ...row,
+            balanceDir: this.settingSource == 2 ? 1 : 2, //支出1 收入2
+          }
+        ); //兼容3.0.0与3.1.0
+        if (Array.isArray(res.data)) {
+          const ruleData = [];
+          const fillData = [];
+          res.data.forEach((item) => {
+            item.matchingFillCommons.forEach((matching) => {
+              const fv = matching.fillValue
+                ? JSON.parse(matching.fillValue)
+                : {};
+              const o = {
+                ...matching,
+                fillValue: fv?.budgetAccountName || fv?.name,
+              };
+              fillData.push(o);
+              item[matching.fillFieldCode] = fv?.budgetAccountName || fv?.name;
+            });
+            ruleData.push(item);
+          });
+          this.ruleData = ruleData;
+          if (ruleData.length > 1) {
+            this.fillData = [];
+          } else {
+            this.fillData = fillData;
+          }
+          return;
+        }
+        this.fillData = (res.data?.fillCommons || []).map((item) => {
+          const fv = item.fillValue ? JSON.parse(item.fillValue) : {};
+          return {
+            ...item,
+            fillValue: fv?.budgetAccountName || fv?.name,
+          };
+        });
+        const ruleData = [];
+        res.data?.matchingVos?.forEach((item) => {
+          item.matchingFillCommons.forEach((row) => {
+            const fv = row.fillValue ? JSON.parse(row.fillValue) : {};
+            item[row.fillFieldCode] = fv?.budgetAccountName || fv?.name;
+          });
+          ruleData.push(item);
+        });
+        this.ruleData = ruleData;
+      } catch (err) {
+        this.ruleData = [];
+        this.fillData = [];
+      }
+    },
+  },
+};
+</script>

package/packages/AutoFillList/index.js

@@ -0,0 +1,7 @@
+import NstcAutoFillList from './src/main'
+
+NstcAutoFillList.install = function(Vue) {
+    Vue.component(NstcAutoFillList.name, NstcAutoFillList)
+}
+
+export default NstcAutoFillList