gcs-ui-lib 1.0.1

package/packages/AutoFillList/src/main.vue

@@ -0,0 +1,559 @@
+<template>
+  <ClPage :style="{ height: test ? '100%' : '' }">
+    <div slot="header" ref="formWrap">
+      <div class="flex-box flex-r">
+        <el-button
+          icon="n20-icon-shuaxin"
+          plain
+          onlyicon
+          size="mini"
+          @click="refresh"
+        />
+        <el-button
+          icon="n20-icon-iconfontshaixuan "
+          plain
+          onlyicon
+          size="mini"
+          class="m-l-s"
+          @click="multiple = !multiple"
+        />
+        <el-button
+          type="primary"
+          size="mini"
+          class="m-l-s"
+          v-hasG="pageRelaNo.add"
+          @click="$router.push({ path: '/AddRules' })"
+          >{{ $l("新增") }}</el-button
+        >
+        <el-button
+          plain
+          class="m-l-s"
+          size="mini"
+          @click="delFnBatch"
+          v-hasG="pageRelaNo.delete"
+          >{{ $l("删除") }}</el-button
+        >
+        <el-button
+          plain
+          class="m-l-s"
+          size="mini"
+          @click="detection"
+          v-hasG="pageRelaNo.detection"
+          >{{ $l("检测") }}</el-button
+        >
+        <el-button
+          plain
+          size="mini"
+          class="m-l-s"
+          @click="visible = true"
+          v-if="false"
+          v-hasG="pageRelaNo.import"
+          >{{ $l("导入") }}</el-button
+        >
+        <el-dropdown trigger="click" class="m-l-s" @command="exportFn">
+          <span class="el-dropdown-link">
+            <el-button size="mini" plain v-hasG="pageRelaNo.export">
+              {{ $l("导出") }}<i class="el-icon-arrow-down"></i
+            ></el-button>
+          </span>
+          <el-dropdown-menu 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>
+      </div>
+      <ClAdvancedFilter
+        :visible.sync="multiple"
+        :filterId="`RulesManage-payment-filterIdNew-${settingSource}432-rf32-432`"
+        :model="formData"
+        onlyKey="id"
+        :key="filterKeys"
+        :filter-list="filterList"
+        @search="refresh"
+        @enter="refresh"
+        @clear="clearSearch"
+      />
+    </div>
+    <div style="flex: 1; position: relative; height: 100%">
+      <div style="position: absolute; width: 100%; height: 100%">
+        <CLTablePro
+          ref="vTable"
+          :loading="loading"
+          :data="tableData"
+          :columns="tableHeader"
+          :height="'100%'"
+          :clearSelect="false"
+          auto-resize
+          :rowConfig="{
+            keyField: 'matchingId',
+          }"
+          :checkboxConfig="{
+            reserve: true,
+          }"
+          :key="`table-pro-${fillField.length}`"
+          @selection-change-method="handleSelectionChange"
+          @sort-change-method="sortChange"
+        >
+          <vxe-column
+            slot="usedUnit"
+            slot-scope="{ column }"
+            v-bind="column"
+            :field="column.prop"
+            :title="column.label"
+          >
+            <template slot-scope="{ row }">
+              <div v-html="row.usedUnit || '--'" :title="row.usedUnits"></div>
+            </template>
+          </vxe-column>
+          <vxe-column
+            slot="matchingId"
+            slot-scope="{ column }"
+            v-bind="column"
+            :field="column.prop"
+            :title="column.label"
+          >
+            <template slot-scope="{ row }">
+              <el-button
+                type="text"
+                @click="
+                  $router.push({
+                    path: '/RulesDetail',
+                    query: { id: row.matchingId },
+                  })
+                "
+                >{{ row.matchingId }}</el-button
+              >
+            </template>
+          </vxe-column>
+          <vxe-colgroup
+            width="220"
+            slot="fillInfo"
+            :title="$l('补填信息')"
+            align="center"
+          >
+            <template v-for="item in fillField">
+              <vxe-column
+                v-if="fillField.length"
+                :key="item.fieldCode"
+                :field="item.fieldCode"
+                :title="item.fieldName"
+                align="center"
+                :width="200"
+              >
+                <template slot-scope="scope">
+                  <div v-if="item.fieldProperty == 'multiSelect'">
+                    {{ viewsMulti(scope.row[item.fieldCode]) }}
+                  </div>
+                  <div v-else-if="item.fieldProperty == 'bigDecimal'">
+                    {{ amountFormat(scope.row[item.fieldCode]) }}
+                  </div>
+                  <div v-else>{{ scope.row[item.fieldCode] || "--" }}</div>
+                </template>
+              </vxe-column>
+            </template>
+          </vxe-colgroup>
+          <TableProOperateColumn
+            slot="operate"
+            :btn-list="btns"
+            label="操作"
+            width="144"
+            fixed="right"
+            align="center"
+            @xg="editFn"
+            @fz="copyFn"
+            @sc="delFn"
+          />
+        </CLTablePro>
+      </div>
+    </div>
+    <div
+      class="page-footer-shadow flex-box flex-lr flex-v pt-4 pb-4"
+      slot="footer"
+    >
+      <div class="flex-box flex-v">
+        <StatisItem
+          :type="$l('已选合计')"
+          :list="[{ label: $l('笔数'), value: selectRows.length }]"
+        />
+        <StatisItem
+          :type="$l('全部合计')"
+          :list="[{ label: $l('笔数'), value: pagination.total }]"
+        />
+      </div>
+      <ClPagination
+        :page-obj="pagination"
+        :page-key="{ no: 'current', size: 'size', total: 'total' }"
+        @change="paginationChange"
+      />
+    </div>
+    <ImportRulesDialog
+      v-model="visible"
+      @refresh="refresh"
+      :settingSource="settingSource"
+    />
+    <CLDialog
+      :title="$l('检测')"
+      :visible.sync="Dvisible"
+      width="85%"
+      max-dialog
+    >
+      <AutoFillDetection :settingSource="settingSource" />
+    </CLDialog>
+  </ClPage>
+</template>
+
+<script>
+import ImportRulesDialog from "./components/ImportRulesDialog.vue";
+import { amountFormat } from "@/utils/index.js";
+import {
+  matchingSetting,
+  matchingList,
+  matchingDelete,
+  matchingExport,
+} from "@/api/setting.js";
+import { AutoFillListHeader, AutoFillListFilter } from "./components/config";
+import downloadBlob from "n20-common-lib/src/utils/downloadBlob.js";
+import {
+  Pagination,
+  AdvancedFilter,
+  Page,
+  dayjs,
+  TableSetSize,
+  StatisItem,
+  Dialog,
+  TablePro,
+  TableProOperateColumn,
+} from "n20-common-lib";
+export default {
+  name: "NstcAutoFillList",
+  components: {
+    ImportRulesDialog,
+    ClPage: Page,
+    CLTablePro: TablePro,
+    ClPagination: Pagination,
+    ClAdvancedFilter: AdvancedFilter,
+    TableSetSize,
+    StatisItem,
+    CLDialog: Dialog,
+    TableProOperateColumn,
+    AutoFillDetection: () => import("../../AutoFillDetection/src/main.vue"),
+  },
+  props: {
+    // 1:收入  2: 支出
+    settingSource: {
+      type: [Number, String],
+      default: "2",
+    },
+    test: {
+      type: Boolean,
+      default: false,
+    },
+    pageRelaNo: {
+      type: Object,
+      default: () => {
+        return {
+          add: null, //新增
+          delete: null, //删除
+          detection: null, //检测
+          import: null, //导入
+          export: null, //导出
+          edit: null, //编辑
+          copy: null, //复制
+        };
+      },
+    },
+  },
+  data(vm) {
+    return {
+      amountFormat,
+      Dvisible: false,
+      pagination: {
+        size: 50,
+        current: 1,
+        total: 0,
+      },
+      multiple: true,
+      visible: false,
+      btns: [
+        {
+          label: vm.$l("修改"),
+          isHas: (row) => vm.$hasG(vm.pageRelaNo.edit),
+          command: "xg",
+        },
+        {
+          label: vm.$l("复制"),
+          isHas: (row) => vm.$hasG(vm.pageRelaNo.copy),
+          command: "fz",
+        },
+        {
+          label: vm.$l("删除"),
+          isHas: (row) => vm.$hasG(vm.pageRelaNo.delete),
+          command: "sc",
+        },
+      ],
+      formData: {
+        cltNo: "",
+        getNo: "",
+        getName: "",
+        infos: "",
+        pacntNo: "",
+        pacntName: "",
+        ruleName: "",
+        applyRangeList: [],
+        fillWayList: [],
+        autoSubmitList: [],
+      },
+      loading: false,
+      tableData: [],
+      selectRowIds: [],
+      selectRows: [],
+      fillField: [], // 补填动态字段
+      filterList: AutoFillListFilter,
+      tableHeader: AutoFillListHeader,
+      fillCommonConditionList: [],
+      orders: { action: "DESC", key: "updateTime" },
+    };
+  },
+  computed: {
+    filterKeys() {
+      let props = this.filterList.map((item) => item.id);
+      return props.join(",");
+    },
+  },
+  async mounted() {
+    await this.matchingSetting();
+  },
+  activated() {
+    this.queryData();
+  },
+  methods: {
+    viewsMulti(val) {
+      if (val?.length) return val.join(",");
+      return "--";
+    },
+    detection() {
+      this.$router.push({
+        path: "/checkRules",
+      });
+    },
+    async paginationChange(val) {
+      this.pagination = val;
+      this.queryData();
+    },
+    clearSearch() {
+      for (const key in this.formData) {
+        const el = this.formData[key];
+        if (Array.isArray(el)) {
+          this.formData[key] = [];
+        } else {
+          this.formData[key] = "";
+        }
+      }
+    },
+    editFn(row) {
+      this.$router.push({
+        path: "/editeRules",
+        query: {
+          matchingId: row.matchingId,
+          type: "edit",
+        },
+      });
+    },
+    copyFn(row) {
+      this.$router.push({
+        path: "/AddRules",
+        query: {
+          matchingId: row.matchingId,
+          type: "copy",
+        },
+      });
+    },
+    // 后端导出
+    async exportFn(type) {
+      let params = {};
+      if (this.selectRowIds && this.selectRowIds.length > 0) {
+        params = {
+          matchingIdList: this.selectRowIds,
+        };
+      } else {
+        let map = { ...this.formData };
+        params = {
+          ...map,
+          settingSource: this.settingSource,
+          sort: this.orders,
+          page: {
+            current: 1,
+            size: -1,
+          },
+        };
+      }
+      params.type = type;
+      let res = await matchingExport(params);
+      let t = dayjs().format("YYYYMMDD");
+      let fn = this.$l("流水自动补填规则") + "-" + t + "." + type;
+      downloadBlob(res, fn);
+      return this.$message.success(this.$l("导出成功"));
+    },
+    // 获取动态匹配/补填字段
+    async matchingSetting(params, field) {
+      this.fillCommonConditionList = [];
+      this.fillField = await matchingSetting(2, this.settingSource);
+      this.fillField = this.fillField.filter(
+        (item) => !item.fieldCode.includes("Extend")
+      );
+      //1:收入  2: 支出
+      if (this.settingSource == "2") {
+        this.fillField = this.fillField.filter(
+          (item) => item.fieldCode != "paymentCategory"
+        );
+      }
+      // 收款排除付款类型
+      if (this.settingSource == "1") {
+        this.fillField = this.fillField.filter(
+          (item) => !["paymentTypeNo", "fundsUseCode"].includes(item.fieldCode)
+        );
+      }
+      for (let i of this.fillField) {
+        this.fillCommonConditionList.push({
+          fillFieldCode: i.fieldCode,
+          fillValueLike: "",
+        });
+        let flag = this.filterList.find((item) => item.value == i.fieldCode);
+        if (!flag) {
+          this.filterList.push({
+            id: i.fieldCode,
+            label: i.fieldName, //规则编号
+            type: "text",
+            value: i.fieldCode,
+            isDefault: false,
+            props: {
+              clearable: true,
+            },
+          });
+        }
+      }
+      console.log("fillField", this.fillField);
+    },
+    refresh() {
+      this.pagination.current = 1;
+      this.clearSelect();
+      this.queryData();
+    },
+    clearSelect() {
+      this.$refs["vTable"].$refs["vxeTable"].clearCheckboxRow();
+      this.$refs.vTable?.$refs?.[`vxeTable`]?.clearCheckboxReserve();
+      this.selectRows = [];
+    },
+    sortChange(data) {
+      if (!data.length) {
+        this.orders = { action: "DESC", key: "updateTime" };
+        return;
+      }
+      let obj = data[0] || {};
+      this.orders = {
+        action: obj.asc ? "ASC" : "DESC",
+        key: obj.column,
+      };
+      this.queryData();
+    },
+    async queryData() {
+      let map = { ...this.formData };
+      for (let i of this.fillCommonConditionList) {
+        if (map[i.fillFieldCode]) {
+          i.fillValueLike = map[i.fillFieldCode];
+        } else {
+          i.fillValueLike = undefined;
+        }
+      }
+      const params = {
+        page: {
+          current: this.pagination.current,
+          size: this.pagination.size,
+        },
+        settingSource: this.settingSource,
+        sort: this.orders,
+        fillCommonConditionList: this.fillCommonConditionList,
+        ...map,
+      };
+      try {
+        this.loading = true;
+        const { list, total } = await matchingList(params);
+        this.tableData = (list || []).map((item) => {
+          if (typeof item.usedUnit == "string") {
+            item.usedUnit = JSON.parse(item.usedUnit);
+            item.usedUnits = item.usedUnit;
+          }
+          if (item.usedUnit?.length > 5) {
+            item.usedUnit = item.usedUnit.slice(0, 5);
+            item.usedUnit.push({ unitName: "....." });
+          }
+          for (let i of item.matchingFillCommons) {
+            let fv = undefined;
+            try {
+              fv = JSON.parse(i.fillValue);
+            } catch {}
+            item[i.fillFieldCode] = fv?.budgetAccountName || fv?.name;
+          }
+          return {
+            ...item,
+            usedUnits: item.usedUnits?.map((item) => item.unitName)?.join("\n"),
+            usedUnit: item.usedUnit
+              ?.map((item) => item.unitName)
+              ?.join("<br/>"),
+          };
+        });
+        this.pagination.total = total || 0;
+      } catch (err) {
+        console.error(err);
+        this.tableData = [];
+        this.pagination.total = 0;
+      } finally {
+        this.loading = false;
+      }
+    },
+    delFnBatch() {
+      if (!this.selectRowIds.length) {
+        return this.$message.warning(this.$l("请至少选择一条数据进行删除。"));
+      }
+      this.delFn(this.selectRows);
+    },
+    handleSelectionChange(rows) {
+      const rowIds = [];
+      rows.forEach((item) => {
+        rowIds.push(item.matchingId);
+      });
+      this.selectRowIds = Object.freeze(rowIds);
+      this.selectRows = rows;
+    },
+    delFn(row) {
+      this.$msgboxPor({
+        title: this.$l("确认要删除吗？"),
+        message: this.$l("内容从页面删除，将不可恢复"),
+        type: "error",
+        confirmButtonText: this.$l("确定"),
+        cancelButtonText: this.$l("取消"),
+      }).then(async (res) => {
+        try {
+          let ids = "";
+          if (Array.isArray(row)) {
+            ids = row.map((r) => r.matchingId);
+          } else {
+            ids = [row.matchingId];
+          }
+          await matchingDelete({ matchingIds: ids });
+          this.$message.success(this.$l("删除成功"));
+          this.refresh();
+        } catch (error) {
+          this.$message.error(this.$l("删除失败"));
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/packages/AutoFillRuleHistory/index.js

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

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

@@ -0,0 +1,23 @@
+<template>
+  <Trade :setting-source="settingSource" test :pageRelaNo="pageRelaNo"></Trade>
+</template>
+
+<script>
+import Trade from "../main.vue"; // 真正使用的时候不用导入 已全局use
+export default {
+  name: "trade",
+  components: {
+    Trade, // 真正使用的时候不用导入 已全局use
+  },
+  data() {
+    return {
+      settingSource: 1, //1：收款 2：付款
+      pageRelaNo: {
+        submmit: 'payee00100200200100801',//新增
+      }
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>