gcs-ui-lib 1.0.1

package/packages/AutoFillService/src/components/BudgetAccountSettingDialog.vue

@@ -0,0 +1,377 @@
+<template>
+  <select-dialog
+    ref="selectDialog"
+    v-model="showDialog"
+    single
+    width="1024px"
+    :columns="columns"
+    row-key="budgetAccountCode"
+    :title="title"
+    :query-api="queryApi"
+    :format-params="formatParams"
+    :format-data="formatTableData"
+    :warning="noselectmsg"
+    @comfirm="onComfirm"
+  >
+    <div slot="form" class="form-wrap">
+      <ClAdvancedFilter
+        v-if="isSameUnit"
+        :visible="true"
+        onlyKey="value"
+        filterId="BudgetAccountSettingDialog1-payment-filterId100"
+        :model="formSearch"
+        :filter-list="filterList1"
+        @search="searchClick"
+        @enter="searchClick"
+        @clear="queryReset"
+      >
+        <template slot="budgetUnitNo">
+          <el-select
+            v-model="formSearch.budgetUnitNo"
+            filterable
+            clearable
+            :placeholder="$l('请选择')"
+            @change="unitChange"
+          >
+            <el-option
+              :label="item.budgetUnitName"
+              :value="item.budgetUnitNo"
+              v-for="item in budgetUnitNameArr"
+              :key="item.budgetUnitNo"
+            ></el-option>
+          </el-select>
+        </template>
+        <template slot="groupId">
+          <el-select
+            v-model="formSearch.groupId"
+            filterable
+            clearable
+            @change="changeGroup"
+            :placeholder="$l('请选择')"
+          >
+            <el-option
+              :value="item.groupId"
+              :label="item.groupName"
+              v-for="item in groupNameArr"
+              :key="item.groupId"
+            ></el-option>
+          </el-select>
+        </template>
+      </ClAdvancedFilter>
+      <ClAdvancedFilter
+        v-if="!isSameUnit"
+        :visible="true"
+        onlyKey="value"
+        filterId="BudgetAccountSettingDialog2-payment-filterId"
+        :model="formSearch"
+        :filter-list="filterList2"
+        @search="searchClick"
+        @enter="searchClick"
+        @clear="queryReset"
+      >
+      </ClAdvancedFilter>
+    </div>
+  </select-dialog>
+</template>
+
+<script>
+import { randomString } from "@/utils/index";
+import SelectDialog from "./SelectDialog.vue";
+import {
+  getUnitBudgetAllPullDown,
+  getBudgetAccount,
+  getQuotaTerm,
+} from "@/api/common.js";
+import { Pagination, AdvancedFilter } from "n20-common-lib";
+export default {
+  props: {
+    value: {
+      type: Boolean,
+      default: false,
+    },
+    unitNo: {
+      type: String,
+      default: "",
+    },
+    isSameUnit: {
+      type: Boolean,
+      default: true,
+    },
+    isNeedQueryPlan: {
+      type: Boolean,
+      default: true,
+    },
+    rpDir: {
+      type: [String, Number],
+      default: "1",
+    },
+  },
+  components: {
+    ClPagination: Pagination,
+    ClAdvancedFilter: AdvancedFilter,
+    SelectDialog,
+  },
+  computed: {
+    showDialog: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    },
+  },
+  watch: {
+    value(show) {
+      if (show) {
+        this.init();
+      }
+    },
+  },
+  created() {
+    if (this.unitNo && this.form) {
+      this.form.budgetUnitNo = this.unitNo;
+    }
+  },
+  data(vm) {
+    return {
+      filterList1: [
+        {
+          id: randomString(9),
+          label: vm.$l("预算单位"), //预算单位
+          type: "select",
+          value: "budgetUnitNo",
+          slotName: "budgetUnitNo",
+          options: [],
+          isDefault: true,
+          // static: true,
+          props: {
+            filterable: true,
+            clearable: true,
+            labelKey: "budgetUnitName",
+            valueKey: "budgetUnitNo",
+          },
+        },
+        {
+          id: randomString(9),
+          label: vm.$l("预算系列"), //预算系列
+          type: "select",
+          value: "groupId",
+          slotName: "groupId",
+          options: [],
+          isDefault: true,
+          // static: true,
+          props: {
+            filterable: true,
+            clearable: true,
+            labelKey: "groupName",
+            valueKey: "groupId",
+          },
+        },
+        {
+          id: randomString(9),
+          label: vm.$l("预算科目名称"),
+          type: "text",
+          value: "budgetAccountNameLike",
+          isDefault: true,
+          // static: true,
+          props: {
+            clearable: true,
+          },
+        },
+      ],
+      filterList2: [
+        {
+          id: randomString(8),
+          label: vm.$l("预算科目名称"),
+          type: "text",
+          value: "budgetAccountNameLike",
+          isDefault: true,
+          // static: true,
+          props: {
+            clearable: true,
+          },
+        },
+      ],
+      title: this.$l("选择预算科目"),
+      noselectmsg: this.$l("请选择预算科目"),
+      formSearch: {
+        budgetUnitNo: "",
+        groupId: "",
+        budgetAccountNameLike: "",
+      },
+      columns: [
+        {
+          type: "index",
+          label: vm.$l("序号"),
+          width: "62",
+          fixed: "left",
+          align: "center",
+        },
+        {
+          prop: "budgetAccountCode",
+          label: this.$l("预算科目编码"),
+          align: "center",
+          minWidth: "144",
+        },
+        {
+          prop: "budgetAccountName",
+          label: this.$l("预算科目名称"),
+          minWidth: "230",
+        },
+      ],
+      budgetUnitNameArr: [],
+      groupNameArr: [],
+      rules: {
+        budgetUnitNo: [
+          {
+            required: true,
+            message: this.$l("请选择预算单位"),
+            trigger: "change",
+          },
+        ],
+        groupId: [
+          {
+            required: true,
+            message: this.$l("请选择预算系列"),
+            trigger: "change",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {},
+
+  methods: {
+    queryReset() {
+      this.formSearch = {
+        budgetUnitNo: "",
+        groupId: "",
+        budgetAccountNameLike: "",
+      };
+    },
+    clearValid() {},
+    init() {
+      this.clearValid();
+      this.getUnitList();
+      this.formSearch = {
+        budgetUnitNo: "",
+        groupId: "",
+        budgetAccountNameLike: "",
+      };
+      this.searchClick();
+    },
+    async getUnitList() {
+      await getUnitBudgetAllPullDown({ unitNo: this.unitNo }).then((res) => {
+        this.budgetUnitNameArr = res;
+        this.filterList1.forEach((item) => {
+          if (item.value == "budgetUnitNo") {
+            item.options = this.budgetUnitNameArr;
+          }
+        });
+        if (res.length == 1) {
+          let item = res[0];
+          this.formSearch.budgetUnitNo = item.budgetUnitNo;
+          this.formSearch.budgetUnitName = item.budgetUnitName || "";
+          this.groupNameArr = item.groupList;
+          if (this.groupNameArr.length == 1) {
+            let group = item.groupList[0];
+            this.formSearch.groupId = group.groupId;
+            this.formSearch.groupName = group.groupName;
+            this.budgetTypeId = group.budgetTypeId;
+          }
+        } else {
+          this.formSearch.groupId = "";
+          this.budgetTypeId = "";
+        }
+      });
+    },
+    changeGroup(val) {
+      let arr = this.groupNameArr.find((it) => {
+        return it.groupId == val;
+      });
+      this.formSearch.groupId = arr.groupId;
+      this.formSearch.groupName = arr.groupName;
+    },
+    unitChange(val) {
+      let arr = this.budgetUnitNameArr.find((it) => {
+        return it.budgetUnitNo == val;
+      });
+      this.formSearch.budgetUnitName = arr.budgetUnitName || "";
+      this.groupNameArr = arr.groupList || [];
+      if (this.groupNameArr.length == 1) {
+        this.formSearch.groupId = this.groupNameArr[0].groupId;
+        this.formSearch.groupName = this.groupNameArr[0].groupName;
+        this.budgetTypeId = this.groupNameArr[0].budgetTypeId;
+      } else {
+        this.formSearch.groupId = "";
+        this.budgetTypeId = "";
+      }
+      this.searchClick();
+    },
+    queryApi(params) {
+      return new Promise((resolve, reject) => {
+        getBudgetAccount({ ...params, reportWay: "INPUT" }).then((res) => {
+          resolve(res);
+        });
+      });
+    },
+    formatParams(pager) {
+      const { size, current } = pager;
+      let formData = this.formSearch;
+      let def = {
+        enabled: 2, //是否启用：1：是、0：否
+        rpdir: this.rpDir,
+        budgetAccountType: this.rpDir == 1 ? 0 : 1, //科目类型：0，收入；1：支出；2：其他；
+      };
+
+      let page = {
+        "page.size": size,
+        "page.current": current,
+      };
+
+      return { ...def, ...page, ...formData };
+    },
+    formatTableData(res) {
+      let { list, total } = res;
+      return { data: list || [], total };
+    },
+    searchClick() {
+      if (this.isSameUnit) {
+        // 指定单位的预算弹框需要校验是否选择了预算单位和预算系列
+        if (!this.formSearch.budgetUnitNo || !this.formSearch.groupId) {
+          return;
+        }
+        // this.$refs.form.validate((valid) => {
+        //   if (!valid) return;
+        this.$refs.selectDialog.queryData();
+        // });
+      } else {
+        this.$refs.selectDialog.queryData();
+      }
+    },
+    onComfirm(values, row) {
+      if (values && values.length > 0) {
+        this.$emit("select-row", values, row);
+        if (!this.isNeedQueryPlan) {
+          this.$emit("receive", { ...row, ...this.formSearch });
+        } else {
+          this.$emit("receive", { ...row, ...this.formSearch });
+        }
+        this.showDialog = false;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.form-wrap /deep/ .el-form .el-input,
+.form-wrap /deep/ .el-form .el-select,
+.form-wrap /deep/ .el-form-item__content .el-select .el-input {
+  width: 172px;
+}
+.form-wrap /deep/ .el-form--inline .el-form-item:last-child {
+  margin: 0;
+}
+</style>