From 35d789d04394900c2469d72b9de6e44bbb7b937e Mon Sep 17 00:00:00 2001 From: blp <2962632571@qq.com> Date: Wed, 1 Feb 2023 10:24:50 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=85=E5=80=BC=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/iot-card/Recharge/Detail.vue | 63 ++++++++++++++++++++++++++ src/views/iot-card/Recharge/index.vue | 16 ++++++- 2 files changed, 78 insertions(+), 1 deletion(-) create mode 100644 src/views/iot-card/Recharge/Detail.vue diff --git a/src/views/iot-card/Recharge/Detail.vue b/src/views/iot-card/Recharge/Detail.vue new file mode 100644 index 00000000..7e9531fd --- /dev/null +++ b/src/views/iot-card/Recharge/Detail.vue @@ -0,0 +1,63 @@ + + + diff --git a/src/views/iot-card/Recharge/index.vue b/src/views/iot-card/Recharge/index.vue index 27fdab16..33813bcf 100644 --- a/src/views/iot-card/Recharge/index.vue +++ b/src/views/iot-card/Recharge/index.vue @@ -70,6 +70,7 @@ + @@ -78,10 +79,13 @@ import moment from 'moment'; import type { ActionsType } from '@/components/Table'; import { queryRechargeList } from '@/api/iot-card/cardManagement'; import Save from './Save.vue'; +import Detail from './Detail.vue'; const rechargeRef = ref>({}); const params = ref>({}); const visible = ref(false); +const detailVisible = ref(false); +const current = ref>({}); const columns = [ { @@ -139,7 +143,10 @@ const getActions = (data: Partial>): ActionsType[] => { title: '查看', }, icon: 'EyeOutlined', - onClick: () => {}, + onClick: () => { + detailVisible.value = true; + current.value = data; + }, }, ]; }; @@ -159,6 +166,13 @@ const saveChange = (val: any) => { rechargeRef.value?.reload(); } }; + +/** + * 查看详情弹窗关闭 + */ +const close = () => { + detailVisible.value = false; +};