diff --git a/src/pages/finance-bill-manage/billStock.vue b/src/pages/finance-bill-manage/billStock.vue index 595b7d0..7227e58 100644 --- a/src/pages/finance-bill-manage/billStock.vue +++ b/src/pages/finance-bill-manage/billStock.vue @@ -13,7 +13,7 @@ >
- + @@ -80,14 +80,14 @@ theme="default" variant="text" size="small" - @click="look(slotProps)" - >查看修改 删除 @@ -299,6 +299,9 @@ const tableList = async () => { data.value = await stockList.getStockList(); pagination.value.total = tableData.value.length; }; +const refresh = () => { + tableList(); +}; const dialogData = ref({ billserial: "", @@ -327,7 +330,7 @@ const resetting = () => { tableList(); }; -const headerQuery = ({ validateResult, firstError }) => { +const headerQuery = () => { tableData.value = data.value; if ( formData.value.billserial === "" && @@ -357,16 +360,27 @@ const headerQuery = ({ validateResult, firstError }) => { } return arrList; }); - console.log(list); - tableData.value = list; // @ts-expect-error pagination.value.total = list.length; } }; - +// 打开窗口 const addStock = () => { visiblePost.value = true; + dialogData.value = { + billserial: "", + stockNum: "", + unit: "", + operator: "", + remark: "", + stockDate: "", + }; +}; + +// 关闭窗口 +const closePost = () => { + visiblePost.value = false; }; // 表单校验 const FORM_RULES = { @@ -381,10 +395,49 @@ const FORM_RULES = { ], operator: [{ required: true, message: "请输入操作员", trigger: "blur" }], }; -const stockAdd = () => {}; + +// 新增 +const stockAdd = async ({ validateResult, firstError }) => { + if (validateResult === true) { + await stockList.addStockList(dialogData.value); + getNewTable(); + MessagePlugin.success("提交成功"); + visiblePost.value = false; + } else { + console.log("Validate Errors: ", firstError, validateResult); + } +}; + +// 修改 +const stockEdit = (item) => { + visiblePost.value = true; + tableData.value.forEach((itemTable) => { + if (itemTable.id === item.row.id) { + dialogData.value = itemTable; + } + }); +}; + +// 删除 +const stockDelete = async (itme) => { + await stockList.deleteStockList(itme.row); + getNewTable(); +}; + +const onReset = () => {}; + +const getNewTable = () => { + let arr = JSON.parse(localStorage.getItem("menuManagement")); + if (arr) { + tableData.value = arr.stockList; + pagination.value.total = tableData.value.length; + } else { + tableList(); + } +}; onMounted(() => { - tableList(); + getNewTable(); }); diff --git a/src/stores/billStock.js b/src/stores/billStock.js index f4e1ba2..7460d5e 100644 --- a/src/stores/billStock.js +++ b/src/stores/billStock.js @@ -15,12 +15,16 @@ export const useStock = defineStore("menuManagement", { }, addStockList(arr) { const index = this.stockList.findIndex((item) => item.id === arr.id); + console.log(arr); if (index !== -1) { this.stockList[index] = arr; + console.log(this.stockList, "222"); } else { arr.id = new Date().getTime(); this.stockList.unshift(arr); + localStorage.setItem("stockList", JSON.stringify(this.stockList)); } + return this.stockList; }, deleteStockList(item) { let arr = this.stockList.filter((i) => i.id !== item.id); diff --git a/src/style/index.css b/src/style/index.css index e2a5cde..dc6c1ab 100644 --- a/src/style/index.css +++ b/src/style/index.css @@ -186,7 +186,7 @@ pre { .back-color { background-color: #f5f7fb; padding: 16px 24px; - height: calc(94vh - 64px); + height: calc(94vh - 50px); overflow-y: auto; overflow-x: hidden; }