From 0b1f4c62aaa8028678a88ee4a3da5b20963abd34 Mon Sep 17 00:00:00 2001 From: huangchenhao <123673748@qq.com> Date: Fri, 14 Nov 2025 17:53:43 +0800 Subject: [PATCH] =?UTF-8?q?pc=E7=AB=AF=20=E6=9C=8D=E5=8A=A1=E7=AB=99?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ServiceStationManagePage/detailDrawer.vue | 52 ++++ .../views/ServiceStationManagePage/index.js | 276 ++++++++++-------- 2 files changed, 207 insertions(+), 121 deletions(-) create mode 100644 packages/screen/src/views/ServiceStationManagePage/detailDrawer.vue diff --git a/packages/screen/src/views/ServiceStationManagePage/detailDrawer.vue b/packages/screen/src/views/ServiceStationManagePage/detailDrawer.vue new file mode 100644 index 0000000..fbb48cb --- /dev/null +++ b/packages/screen/src/views/ServiceStationManagePage/detailDrawer.vue @@ -0,0 +1,52 @@ + + + + + \ No newline at end of file diff --git a/packages/screen/src/views/ServiceStationManagePage/index.js b/packages/screen/src/views/ServiceStationManagePage/index.js index 62b0adf..1142d98 100644 --- a/packages/screen/src/views/ServiceStationManagePage/index.js +++ b/packages/screen/src/views/ServiceStationManagePage/index.js @@ -1,6 +1,7 @@ import { h, ref, onMounted, reactive, watch, toRaw, nextTick } from "vue"; import { request } from "@/utils/request"; -import { useRoute } from 'vue-router' +import { useRoute, useRouter } from 'vue-router' +import DetailDrawer from "./detailDrawer.vue"; const tableData = ref([]); // 表格数据 const filterData = reactive({ @@ -77,129 +78,159 @@ const getTableData = async (filterData) => { } }; - -const columns = [ - { - prop: "mc", - label: "服务站名称", - }, - { - prop: "sbsl", - label: "设备数量", - render: (row) => () => - h( - ElButton, - { - link: true, - type: "primary", - onClick: () => handleClickSb(row), - }, - () => row.sbsl - ), - }, - { - prop: "wzsl", - label: "物资数量", - render: (row) => () => - h( - ElButton, - { - link: true, - type: "primary", - onClick: () => handleClickWz(row), - }, - () => row.wzsl - ), - }, - { - prop: "rysl", - label: "人员数量", - }, - { - prop: "qxmc", - label: "区县名称", - }, - { - label: "操作", - fixed: "right", - width: 150, - render: (row) => () => - h("div", { class: "action-btns" }, [ - h( - ElButton, - { - type: "primary", - link: true, - onClick: async () => { - - }, - }, - () => "详情" - ), - h( - ElButton, - { - type: "success", - link: true, - style: "margin-left: 10px;", - onClick: async () => { - - }, - }, - () => "编辑" - ), - h( - ElButton, - { - type: "danger", - link: true, - style: "margin-left: 10px;", - onClick: async () => { - try { - await ElMessageBox.confirm("确定要删除该站点吗？", "删除确认", { - confirmButtonText: "确定", - cancelButtonText: "取消", - type: "warning", - }); - const res = await request({ - url: `/snow-ops-platform/yhz/delete`, - method: "POST", - data: { - id: row.id, - }, - }); - if (res.code === "00000") { - ElMessage.success("删除成功"); - getTableData(); - } - } catch (error) { - if (error instanceof Error) { - ElMessage.error(error.message || "删除失败"); - } - } - }, - }, - () => "删除" - ), - ]), - }, -]; -const router = useRoute(); -const handleClickSb = (row) => { - router.push({ - path: `/yhzsb/${encodeURIComponent(JSON.stringify(row))}`, - }); +// 获取养护站详情 +const getYhzDetail = async (row) => { + try { + console.log('row',toRaw(row)); + const res = await request({ + url: `/snow-ops-platform/yhz/getById?id=${row.id}`, + method: "GET", + }); + if (res.code === "00000") { + if (drawerType.value === "detail"){ + drawer.title = '详情' + drawer.props = { + basicData: res.data, + }; + drawer.onCancel = () => { + drawerType.value = ''; + drawerVisible.value = false; + }; + drawer.onConfirm = () => { + drawerType.value = ''; + drawerVisible.value = false; + }; + drawer.content = DetailDrawer; + drawerVisible.value = true; + } + } + } catch (error) { + + } }; -const handleClickWz = (row) => { - router.push({ - path: `/yhzwz/${encodeURIComponent(JSON.stringify(row))}`, - }); -}; - - - export default () => { + const router = useRouter(); + const handleClickSb = (row) => { + router.push({ + path: `/yhzsb/${encodeURIComponent(JSON.stringify(row))}`, + }); + }; + const handleClickWz = (row) => { + router.push({ + path: `/yhzwz/${encodeURIComponent(JSON.stringify(row))}`, + }); + }; + + const columns = [ + { + prop: "mc", + label: "服务站名称", + }, + { + prop: "sbsl", + label: "设备数量", + render: (row) => () => + h( + ElButton, + { + link: true, + type: "primary", + onClick: () => handleClickSb(row), + }, + () => row.sbsl + ), + }, + { + prop: "wzsl", + label: "物资数量", + render: (row) => () => + h( + ElButton, + { + link: true, + type: "primary", + onClick: () => handleClickWz(row), + }, + () => row.wzsl + ), + }, + { + prop: "rysl", + label: "人员数量", + }, + { + prop: "qxmc", + label: "区县名称", + }, + { + label: "操作", + fixed: "right", + width: 150, + render: (row) => () => + h("div", { class: "action-btns" }, [ + h( + ElButton, + { + type: "primary", + link: true, + onClick: async () => { + drawerType.value = "detail"; + await getYhzDetail(row); + }, + }, + () => "详情" + ), + h( + ElButton, + { + type: "success", + link: true, + style: "margin-left: 10px;", + onClick: async () => { + + }, + }, + () => "编辑" + ), + h( + ElButton, + { + type: "danger", + link: true, + style: "margin-left: 10px;", + onClick: async () => { + try { + await ElMessageBox.confirm("确定要删除该站点吗？", "删除确认", { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning", + }); + const res = await request({ + url: `/snow-ops-platform/yhz/delete`, + method: "POST", + data: { + id: row.id, + }, + }); + if (res.code === "00000") { + ElMessage.success("删除成功"); + getTableData(); + } + } catch (error) { + if (error instanceof Error) { + ElMessage.error(error.message || "删除失败"); + } + } + }, + }, + () => "删除" + ), + ]), + }, + ]; + + // 监听过滤条件变化 watch( @@ -213,12 +244,15 @@ export default () => { onMounted(async () => { await getTableData() }); + return { tableData, filterData, zdlxOptions, pagination, columns, + handleClickSb, + handleClickWz, modelVisible, model,