✨ feat: 票据退领管理

2024-04-08 14:08:50 +08:00 · 2024-04-08 14:08:50 +08:00 · c03aed34df
commit c03aed34df
parent 61ea10ecf3
5 changed files with 146 additions and 96 deletions
--- a/mock/modules/ycy.js
+++ b/mock/modules/ycy.js
@ -67,6 +67,60 @@ const ReceiptList = Mock.mock([
    ],
  },
 ]);
+const quitneckList = Mock.mock([
+  {
+    list: [
+      {
+        "id|+1": 0,
+        billserial: "@integer(100000000,199999999)1",
+        proposer: "孙东宇",
+        billType: "@integer(0,4)",
+        receiptNum: "@integer(1,10)",
+        receiptDate: "@date",
+        useInfo: "@csentence",
+      },
+    ],
+  },
+  {
+    list: [
+      {
+        "id|+1": 0,
+        billserial: "@integer(100000000,199999999)1",
+        proposer: "杨春宇",
+        billType: "@integer(0,4)",
+        receiptNum: "@integer(1,10)",
+        receiptDate: "@date",
+        useInfo: "@csentence",
+      },
+    ],
+  },
+  {
+    list: [
+      {
+        "id|+1": 0,
+        billserial: "@integer(100000000,199999999)1",
+        proposer: "吕才卓",
+        billType: "@integer(0,4)",
+        receiptNum: "@integer(1,10)",
+        receiptDate: "@date",
+        useInfo: "@csentence",
+      },
+    ],
+  },
+  {
+    list: [
+      {
+        "id|+1": 0,
+        billserial: "@integer(100000000,199999999)1",
+        proposer: "刘欣宇",
+        billType: "@integer(0,4)",
+        receiptNum: "@integer(1,10)",
+        receiptDate: "@date",
+        useInfo: "@csentence",
+      },
+    ],
+  },
+]);

 const personName = () => {
  return [
--- a/src/pages/finance-bill-manage/billQuitneck.vue
+++ b/src/pages/finance-bill-manage/billQuitneck.vue
@ -36,8 +36,8 @@
                  ></t-input>
                </t-form-item>

-                <t-form-item label="退领时间:" name="receiptDate">
-                  <t-date-picker v-model="scarchData.receiptDate" clearable />
+                <t-form-item label="退领时间:" name="quitneckDate">
+                  <t-date-picker v-model="scarchData.quitneckDate" clearable />
                </t-form-item>
                <t-form-item
                  label="票据类型:"
@ -97,8 +97,8 @@
                  }}</span>
                </div>
              </template>
-              <template #receiptNum="{ row }">
-                {{ `${row.receiptNum}张` }}
+              <template #quitneckNum="{ row }">
+                {{ `${row.quitneckNum}张` }}
              </template>
            </t-base-table>
          </t-content>
@ -112,14 +112,16 @@
 import { ref, onMounted, nextTick } from "vue";
 import { MessagePlugin } from "tdesign-vue-next";
 import { LoadIcon } from "tdesign-icons-vue-next";
+import { useQuitneckList } from "@/stores/billQuitneck";
 import { useReceiptList } from "@/stores/billReceipt";

+const quitneckList = useQuitneckList();
 const receiptList = useReceiptList();
 const personName = ref([]);
 const tableData = ref([]);
 const data = ref([]);
+const rowItem = ref({});
 const loading = ref(false);
-const visiblePost = ref(false);
 const columns = ref([
  {
    colKey: "serial-number",
@ -157,8 +159,8 @@ const columns = ref([
    width: 100,
  },
  {
-    colKey: "quitneckInfo",
-    title: "退领原来",
+    colKey: "quitneckReason",
+    title: "退领原因",
    ellipsis: true,
    align: "center",
    width: 200,
@ -172,16 +174,9 @@ const billType = ref([
  { label: "票据类型4", value: 3 },
  { label: "票据类型5", value: 4 },
 ]);
-const dialogData = ref({
-  quitneckDate: "",
-  quitneckReason: "",
-  quitneckNum: "",
-});

 // 查询表单
-const scarchData = ref({
-  billserial: "",
-});
+const scarchData = ref({});

 // 分页
 const pagination = ref({
@ -195,33 +190,23 @@ const personList = async () => {
  personName.value = await receiptList.getPersonNameList();
 };

-// 效验规则
-const FORM_RULES = {
-  quitneckNum: [{ required: true, message: "请输入退领张数", trigger: "blur" }],
-  quitneckDate: [
-    { required: true, message: "请选择退领日期", trigger: "change" },
-  ],
-  quitneckReason: [
-    { required: true, message: "请输入退领原因", trigger: "blur" },
-  ],
-};
-
 // 查询
 const headerQuery = () => {
  tableData.value = data.value;
  console.log(
    scarchData.value.billserial,
    scarchData.value.billType,
-    scarchData.value.receiptDate
+    scarchData.value.quitneckDate
  );
  if (
    scarchData.value.billserial === "" &&
    (scarchData.value.billType === undefined ||
      scarchData.value.billType === "") &&
-    (scarchData.value.receiptDate === undefined ||
-      scarchData.value.receiptDate === "")
+    (scarchData.value.quitneckDate === undefined ||
+      scarchData.value.quitneckDate === "")
  ) {
-    getNewTable();
+    tableData.value = data.value;
+    pagination.value.total = tableData.value.length;
  } else {
    const list = tableData.value.filter((item) => {
      let arrList;
@ -231,16 +216,17 @@ const headerQuery = () => {
      if (scarchData.value.billType === item.billType) {
        arrList = item;
      }
-      if (scarchData.value.receiptDate === item.receiptDate) {
+      if (scarchData.value.quitneckDate === item.quitneckDate) {
        arrList = item;
      }
      if (
        scarchData.value.billserial === "" &&
        scarchData.value.billType === "" &&
-        scarchData.value.receiptDate === ""
+        scarchData.value.quitneckDate === ""
      ) {
        arrList = item;
      }
+      console.log(arrList);
      return arrList;
    });
    tableData.value = list;
@ -252,11 +238,13 @@ const resetting = () => {
  scarchData.value = {
    billserial: "",
    billType: "",
-    receiptDate: "",
+    quitneckDate: "",
  };
-  getNewTable();
+  tableData.value = data.value;
+  pagination.value.total = tableData.value.length;
 };
-const rowItem = ref({});
+
+// 表单重置
 const Quitneck = (value) => {
  dialogData.value = {
    quitneckDate: "",
@ -266,23 +254,6 @@ const Quitneck = (value) => {
  visiblePost.value = true;
  rowItem.value = value;
 };
-//  表单提交
-const quitneckAdd = async ({ validateResult, firstError }) => {
-  if (validateResult === true) {
-    if (rowItem.value.row.receiptNum - dialogData.value.quitneckNum < 0) {
-      return MessagePlugin.error("退领数量不能大于领用数量");
-    }
-    dialogData.value.quitneckNum =
-      rowItem.value.row.receiptNum - dialogData.value.quitneckNum;
-    dialogData.value.id = rowItem.value.row.id;
-    await receiptList.getquitneckNum(dialogData.value);
-    getTableData();
-    MessagePlugin.success("提交成功");
-    visiblePost.value = false;
-  } else {
-    console.log("Validate Errors: ", firstError, validateResult);
-  }
-};
 const onClick = async (context) => {
  // 判断是否为顶层节点（无父节点）
  if (context.node.value === "t1") {
@ -290,12 +261,8 @@ const onClick = async (context) => {
  }
  loading.value = true;
  // 获取票据列表
-  tableData.value = await receiptList.getReceiptList({
-    name: context.node.label,
-  });
-  data.value = await receiptList.getReceiptList({
-    name: context.node.label,
-  });
+  tableData.value = await quitneckList.getQuitneckList(context.node.label);
+  data.value = await quitneckList.getQuitneckList(context.node.label);
  pagination.value.total = tableData.value.length;
  const timerId = setTimeout(() => {
    loading.value = false;
@ -305,8 +272,9 @@ const onClick = async (context) => {
 // 刷新列表
 const refresh = () => {
  getTableData();
+  pagination.value.total = tableData.value.length;
 };
-// 判断menuManagement里面是否存在数据
+// 判断ReceiptList里面是否存在数据
 const getPersonName = () => {
  let arr = JSON.parse(localStorage.getItem("ReceiptList"));
  if (arr) {
@ -315,38 +283,8 @@ const getPersonName = () => {
    personList();
  }
 };
-// 判断menuManagement里面是否存在数据
-const getTableData = async () => {
-  let arr = JSON.parse(localStorage.getItem("ReceiptList"));
-  if (arr.receiptList.length > 0) {
-    loading.value = true;
-    tableData.value = arr.receiptList;
-    pagination.value.total = tableData.value.length;
-    const timerId = setTimeout(() => {
-      loading.value = false;
-      clearInterval(timerId);
-    }, 300);
-  } else {
-    await nextTick();
-    // 找到第一个具有子节点的节点并模拟点击
-    const firstNodeWithChildren = personName.value.find(
-      (node) => Array.isArray(node.children) && node.children.length > 0
-    );
-    if (firstNodeWithChildren) {
-      const simulatedContext = {
-        node: {
-          label: "孙东宇",
-        },
-      };
-      onClick(simulatedContext);
-    }
-  }
-};
-
 onMounted(async () => {
  getPersonName();
-  getTableData();
-  // 等待 personName 数据加载完成
 });
 </script>

--- a/src/pages/finance-bill-manage/billReceipt.vue
+++ b/src/pages/finance-bill-manage/billReceipt.vue
@ -196,6 +196,8 @@ const tableData = ref([]);
 const data = ref([]);
 const loading = ref(false);
 const visiblePost = ref(false);
+const rowItem = ref({});
+
 const columns = ref([
  {
    colKey: "serial-number",
@ -339,7 +341,6 @@ const resetting = () => {
  };
  getNewTable();
 };
-const rowItem = ref({});
 const Quitneck = (value) => {
  dialogData.value = {
    quitneckDate: "",
@ -355,9 +356,10 @@ const quitneckAdd = async ({ validateResult, firstError }) => {
    if (rowItem.value.row.receiptNum - dialogData.value.quitneckNum < 0) {
      return MessagePlugin.error("退领数量不能大于领用数量");
    }
-    dialogData.value.quitneckNum =
-      rowItem.value.row.receiptNum - dialogData.value.quitneckNum;
    dialogData.value.id = rowItem.value.row.id;
+    dialogData.value.billserial = rowItem.value.row.billserial;
+    dialogData.value.billType = rowItem.value.row.billType;
+    dialogData.value.proposer = rowItem.value.row.proposer;
    await receiptList.getquitneckNum(dialogData.value);
    getTableData();
    MessagePlugin.success("提交成功");
@ -429,7 +431,6 @@ const getTableData = async () => {
 onMounted(async () => {
  getPersonName();
  getTableData();
-  // 等待 personName 数据加载完成
 });
 </script>

--- a/src/stores/billQuitneck.js
+++ b/src/stores/billQuitneck.js
@ -0,0 +1,56 @@
+import { defineStore } from "pinia";
+
+export const useQuitneckList = defineStore("QuitneckList", {
+  state: () => {
+    return {
+      sdyList: [],
+      ycyList: [],
+      lczList: [],
+      lxyList: [],
+    };
+  },
+  actions: {
+    getQuitneckList(name) {
+      this.sdyList = [];
+      this.ycyList = [];
+      this.lczList = [];
+      this.lxyList = [];
+      const allArr = JSON.parse(
+        localStorage.getItem("ReceiptList")
+      ).quitneckList;
+      if (name === "孙东宇") {
+        allArr.forEach((item) => {
+          if (item.proposer === "孙东宇") {
+            this.sdyList.push(item);
+          }
+        });
+        return this.sdyList;
+      }
+      if (name === "杨春宇") {
+        allArr.forEach((item) => {
+          if (item.proposer === "杨春宇") {
+            this.ycyList.push(item);
+          }
+        });
+        return this.ycyList;
+      }
+      if (name === "吕才卓") {
+        allArr.forEach((item) => {
+          if (item.proposer === "吕才卓") {
+            this.lczList.push(item);
+          }
+        });
+        return this.lczList;
+      }
+      if (name === "刘欣宇") {
+        allArr.forEach((item) => {
+          if (item.proposer === "刘欣宇") {
+            this.lxyList.push(item);
+          }
+        });
+        return this.lxyList;
+      }
+    },
+  },
+  persist: true,
+});
--- a/src/stores/billReceipt.js
+++ b/src/stores/billReceipt.js
@ -9,6 +9,7 @@ export const useReceiptList = defineStore("ReceiptList", {
    return {
      personName: [],
      receiptList: [],
+      quitneckList: [],
    };
  },
  actions: {
@ -25,12 +26,12 @@ export const useReceiptList = defineStore("ReceiptList", {
      return this.receiptList;
    },
    async getquitneckNum(obj) {
-      console.log(obj);
      const index = this.receiptList.findIndex((item) => item.id === obj.id);
      if (index !== -1) {
-        this.receiptList[index].receiptNum = obj.quitneckNum;
+        this.receiptList[index].receiptNum =
+          this.receiptList[index].receiptNum - obj.quitneckNum;
      }
-      console.log(this.receiptList);
+      this.quitneckList.push(obj);
    },
  },
  persist: true,