From 1667091380717e3dbf1c54c21e2dbaaae4bedc92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Mon, 26 Feb 2024 11:47:08 +0800
Subject: [PATCH] 11

---
 src/views/member/index.vue | 40 +++++++++++++++++++++++++++-----------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/views/member/index.vue b/src/views/member/index.vue
index 8c73b19..049604e 100644
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -45,16 +45,16 @@
                     </div>
                     <div class="orderbox_right_top_item_tow">0</div>
                 </div>
-                <div class="orderbox_right_top_item">
+                <div class="orderbox_right_top_item" @click="stored = true">
                     <div class="orderbox_right_top_item_one">
                         <el-icon :size="24" style="color:#00b58d ;">
                             <Box />
                         </el-icon>
-                        <span class="orderbox_right_top_item_onespan">储值会员</span>
+                        <span class="orderbox_right_top_item_onespan">储值余额</span>
                     </div>
                     <div class="orderbox_right_top_item_tow">0</div>
                 </div>
-                <div class="orderbox_right_top_item">
+                <div class="orderbox_right_top_item" >
                     <div class="orderbox_right_top_item_one">
                         <el-icon :size="24" style="color:#00b58d ;">
                             <CopyDocument />
@@ -71,7 +71,17 @@
 
             </div>
         </div>
-
+        <el-dialog v-model="stored" title="Tips" width="500" :before-close="handleClose">
+            <span>This is a message</span>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="stored = false">Cancel</el-button>
+                    <el-button type="primary" @click="stored = false">
+                        Confirm
+                    </el-button>
+                </div>
+            </template>
+        </el-dialog>
     </div>
 </template>
 
@@ -80,12 +90,18 @@ import { ref } from 'vue'
 import { useRoute } from "vue-router"
 import { ElMessage } from 'element-plus'
 const route = useRoute()
-console.log(route)
-const itemboxshow = ref(false)
-const handleClick = (Name) => {
-    console.log(Name)
-}
+
 const firstinput = ref('')//搜索输入框
+const stored = ref(false)//储值余额
+const handleClose = (done) => {
+    ElMessage.confirm('Are you sure to close this dialog?')
+        .then(() => {
+            done()
+        })
+        .catch(() => {
+            // catch error
+        })
+}
 const tableData = [
     {
         date: '2016-05-03',
@@ -233,7 +249,8 @@ const tableData = [
                 margin-top: 10px;
                 justify-content: space-between;
             }
-            // .orderbox_right_top_item::after:nth-child(1){
+
+            // .orderbox_right_top_item::after(1){
             //     position: absolute;
             //     top: 2px;
             //     content: '';
@@ -311,4 +328,5 @@ const tableData = [
 
 
     }
-}</style>
\ No newline at end of file
+}
+</style>
\ No newline at end of file