diff --git a/mock/modules/ycy.js b/mock/modules/ycy.js index 1885209..2141287 100644 --- a/mock/modules/ycy.js +++ b/mock/modules/ycy.js @@ -1,4 +1,6 @@ import Mock from "mockjs"; + +// 入库列表 const StockList = Mock.mock({ "list|20-30": [ { @@ -13,6 +15,8 @@ const StockList = Mock.mock({ }, ], }); + +// 领用列表 const ReceiptList = Mock.mock([ { "list|20-30": [ @@ -67,6 +71,8 @@ const ReceiptList = Mock.mock([ ], }, ]); + +// 退领列表 const quitneckList = Mock.mock([ { list: [ @@ -122,6 +128,7 @@ const quitneckList = Mock.mock([ }, ]); +// 人员名单 const personName = () => { return [ { @@ -144,6 +151,7 @@ const personName = () => { ]; }; +// 退库列表 const CancelList = Mock.mock({ "list|20-30": [ { @@ -159,6 +167,21 @@ const CancelList = Mock.mock({ ], }); +// 报损列表 +const breakageList = Mock.mock({ + "list|20-30": [ + { + "id|+1": 0, + billserial: "@integer(100000000,199999999)1", + billType: "@integer(0,4)", + breakNum: "@integer(1,2)", + breakDate: "@date", + operator: "@cname", + breakStatus: "@integer(0,2)", + }, + ], +}); + export default [ { url: "/api/stockList", @@ -218,4 +241,14 @@ export default [ } }, }, + { + url: "/api/breakageList", + method: "get", + response: () => { + return { + code: 200, + data: breakageList, + }; + }, + }, ]; diff --git a/src/api/finance-bill-manage/breakageList.js b/src/api/finance-bill-manage/breakageList.js new file mode 100644 index 0000000..1d6e577 --- /dev/null +++ b/src/api/finance-bill-manage/breakageList.js @@ -0,0 +1,7 @@ +import request from "@/utils/requestMock"; + +const API = { + BACKAGE_LIST: "/breakageList", +}; + +export const reqBreakageList = () => request.get(API.BACKAGE_LIST); diff --git a/src/layout/components/LayoutAside.vue b/src/layout/components/LayoutAside.vue index d5287c3..83ee151 100644 --- a/src/layout/components/LayoutAside.vue +++ b/src/layout/components/LayoutAside.vue @@ -25,6 +25,9 @@ 票据退领管理 + + 票据报损管理 + diff --git a/src/pages/finance-bill-manage/billBreakage.vue b/src/pages/finance-bill-manage/billBreakage.vue new file mode 100644 index 0000000..c653c4d --- /dev/null +++ b/src/pages/finance-bill-manage/billBreakage.vue @@ -0,0 +1,540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + 查询 + 重置 + + + + + + + 票据报损列表 + + + + + 新增报损票据 + + + + + + + + + {{ `${row.breakNum}张` }} + + + + {{ item.label }} + + + + + + {{ item.label }} + + + + + 修改 + + 删除 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 提交 + 重置 + + + + + + + + + + + + + diff --git a/src/pages/finance-bill-manage/billCancel.vue b/src/pages/finance-bill-manage/billCancel.vue index d63ec30..4c1281c 100644 --- a/src/pages/finance-bill-manage/billCancel.vue +++ b/src/pages/finance-bill-manage/billCancel.vue @@ -234,8 +234,9 @@ const scarchData = ref({ const loading = ref(false); const visiblePost = ref(false); const cancelList = useCancel(); -const tableData = ref(); -const data = ref(); +const tableData = ref([]); +const data = ref([]); +const headerTiTle = ref(""); // 表格表头 const columns = ref([ { diff --git a/src/pages/finance-bill-manage/billQuitneck.vue b/src/pages/finance-bill-manage/billQuitneck.vue index d08b829..99f44df 100644 --- a/src/pages/finance-bill-manage/billQuitneck.vue +++ b/src/pages/finance-bill-manage/billQuitneck.vue @@ -16,7 +16,10 @@ - + + + 请点击左侧员工名单 + @@ -122,6 +128,7 @@ const tableData = ref([]); const data = ref([]); const rowItem = ref({}); const loading = ref(false); +const pageJudge = ref(false); const columns = ref([ { colKey: "serial-number", @@ -255,6 +262,7 @@ const Quitneck = (value) => { rowItem.value = value; }; const onClick = async (context) => { + pageJudge.value = true; // 判断是否为顶层节点(无父节点) if (context.node.value === "t1") { return; @@ -318,6 +326,18 @@ onMounted(async () => { align-items: center; } } +.layoutPage { + height: 100%; + background-color: #fff; + display: flex; + justify-content: center; + align-items: center; + span { + font-size: 20px; + font-weight: 800; + color: #191919; + } +} :deep(.t-tree--transition .t-tree__label) { width: 10rem; } diff --git a/src/pages/finance-bill-manage/billStock.vue b/src/pages/finance-bill-manage/billStock.vue index ccda063..c9593bb 100644 --- a/src/pages/finance-bill-manage/billStock.vue +++ b/src/pages/finance-bill-manage/billStock.vue @@ -88,13 +88,14 @@ @click="stockEdit(slotProps)" >修改 - 删除 + 删除 + @@ -163,7 +164,7 @@ @@ -191,7 +192,7 @@ diff --git a/src/router/modules/financeBillManage.js b/src/router/modules/financeBillManage.js index 0e8b947..c4aff91 100644 --- a/src/router/modules/financeBillManage.js +++ b/src/router/modules/financeBillManage.js @@ -3,6 +3,7 @@ import BillStockURL from "@/pages/finance-bill-manage/billStock.vue"; import BillCancelURL from "@/pages/finance-bill-manage/billCancel.vue"; import BillReceiptURL from "@/pages/finance-bill-manage/billReceipt.vue"; import BillQuitneckURL from "@/pages/finance-bill-manage/billQuitneck.vue"; +import BillBreakagekURL from "@/pages/finance-bill-manage/billBreakage.vue"; const financeBillManage = [ { @@ -43,6 +44,14 @@ const financeBillManage = [ title: "票据退领", }, }, + { + path: "BillBreakagek", + name: "billBreakagek", + component: BillBreakagekURL, + meta: { + title: "票据报损", + }, + }, ], }, ]; diff --git a/src/stores/billBreakage.js b/src/stores/billBreakage.js new file mode 100644 index 0000000..9569d3e --- /dev/null +++ b/src/stores/billBreakage.js @@ -0,0 +1,33 @@ +import { defineStore } from "pinia"; +import { reqBreakageList } from "@/api/finance-bill-manage/breakageList"; + +export const useBreakage = defineStore("breakageList", { + state: () => { + return { + breakageList: [], + }; + }, + actions: { + async getBreakageList() { + let { data } = await reqBreakageList(); + this.breakageList = data.list; + return this.breakageList; + }, + addBreakageList(arr) { + const index = this.breakageList.findIndex((item) => item.id === arr.id); + if (index !== -1) { + this.breakageList[index] = arr; + } else { + arr.id = new Date().getTime(); + this.breakageList.unshift(arr); + localStorage.setItem("breakageList", JSON.stringify(this.breakageList)); + } + return this.breakageList; + }, + deleteBreakageList(item) { + let arr = this.breakageList.filter((i) => i.id !== item.id); + this.breakageList = arr; + }, + }, + persist: true, +});