gcs-ui-lib 1.0.1

package/packages/AutoFillRuleHistory/src/main.vue

@@ -0,0 +1,422 @@
+<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-dropdown trigger="click" class="m-l-s" @command="exportFn">
+          <span class="el-dropdown-link">
+            <el-button size="mini" plain>
+              {{ $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-filter-rules-${settingSource}432-rf3231`"
+          :model="formData"
+          onlyKey="id"
+          :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: 'md5Code'
+            }"
+            :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: '/RulesDetailHiId',
+                    query: { id: row.matchingIdHi },
+                  })
+                "
+              >{{ row.matchingId }}-{{ row.matchingIdHi }}
+              </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>
+                    {{ scope.row[item.fieldCode] || "--" }}
+                  </div>
+                </template>
+              </vxe-column>
+            </template>
+          </vxe-colgroup>
+        </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="queryData"
+      />
+    </div>
+  </ClPage>
+</template>
+
+<script>
+import {
+  StatisItem,
+  AdvancedFilter as ClAdvancedFilter, dayjs,
+  Dialog as CLDialog,
+  Page as ClPage,
+  Pagination as ClPagination, TablePro as CLTablePro
+} from "n20-common-lib";
+import {AutoFillListFilter, AutoFillListHeader} from "^/AutoFillList/src/components/config";
+import {matchingHisList, matchingSetting} from "@/api/setting";
+import downloadBlob from "n20-common-lib/src/utils/downloadBlob";
+
+export default {
+  name: "NstcAutoFillRuleHistory",
+  components: {CLTablePro, ClPagination, CLDialog, ClPage, ClAdvancedFilter, StatisItem},
+
+  props: {
+    // 1:收入  2: 支出
+    settingSource: {
+      type: [Number, String],
+      default: "2",
+    },
+    test: {
+      type: Boolean,
+      default: false,
+    },
+    pageRelaNo: {
+      type: Object,
+      default: () => {
+        return {
+          query: null,
+          export: null, //导出
+        };
+      },
+    },
+  },
+  data(vm) {
+    return {
+      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: [],
+      fillCommonConditionList: [],
+      orders: {action: "DESC", key: "updateTime"},
+    };
+  },
+
+  async mounted() {
+    this.tableHeader = [...AutoFillListHeader]
+    this.tableHeader.splice(10, 1,
+        {
+          label: "生效时间",
+          prop: "effectiveTime",
+          align: "center",
+          width: "180",
+          sortable: true,
+          "show-overflow-tooltip": true,
+        },
+        {
+          label: "失效时间",
+          prop: "updateTime",
+          align: "center",
+          width: "180",
+          sortable: true,
+          "show-overflow-tooltip": true,
+        },
+        );
+    console.log(this.tableHeader)
+    await this.matchingSetting();
+  },
+  activated() {
+    this.queryData();
+  },
+  methods: {
+    clearSearch() {
+      for (const key in this.formData) {
+        const el = this.formData[key];
+        if (Array.isArray(el)) {
+          this.formData[key] = [];
+        } else {
+          this.formData[key] = "";
+        }
+      }
+    },
+    // 后端导出
+    async exportFn(type) {
+      let params = {};
+      if (this.selectRowIds && this.selectRowIds.length > 0) {
+        params = {
+          matchingIdList: this.selectRowIds,
+        };
+      } else {
+        params = {
+          ...this.formData,
+          settingSource: this.settingSource,
+          sort: this.orders,
+          page: {
+            current: 1,
+            size: -1,
+          },
+        };
+      }
+      params.exportType = type;
+      let res = await this.$axios.post('/api/aims/record/record-matching/1.0/history/export', params, {responseType: "blob"});
+      let t = dayjs().format("YYYYMMDD");
+      let fn = this.$l("历史规则查询") + "-" + t + "." + type;
+      downloadBlob(res, fn);
+      return this.$message.success(this.$l("导出成功"));
+    },
+    // 获取动态匹配/补填字段
+    async matchingSetting() {
+      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) => item.fieldCode != 'paymentTypeNo');
+      }
+      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",
+            isDefault: false,
+            value: i.fieldCode,
+            props: {
+              clearable: true,
+            },
+          });
+        }
+      }
+    },
+    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 {records, total} = await matchingHisList(params);
+        this.tableData = (records || []).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;
+          }
+          console.log(window.btoa(`${item.matchingId}${item.updateTime}`))
+          return {
+            ...item,
+            md5Code: window.btoa(`${item.matchingId}${item.updateTime}`),
+            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
+      }
+    },
+    handleSelectionChange(rows) {
+      const rowIds = [];
+      rows.forEach((item) => {
+        rowIds.push(item.matchingIdHi);
+      });
+      this.selectRowIds = Object.freeze(rowIds);
+      this.selectRows = rows;
+    },
+  },
+}
+</script>

package/packages/AutoFillService/index.js

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