111

src/views/member/index.vue

@@ -54,7 +54,7 @@
                     </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 />
@@ -72,10 +72,8 @@
             </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>
@@ -92,15 +90,9 @@ import { ElMessage } from 'element-plus'
 const route = useRoute()
 
 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 stored = ref(true)//储值余额
+const handleClose = () => {
+    stored.value = !stored.value
 }
 const tableData = [
     {
@@ -193,38 +185,6 @@ const tableData = [
 
     }
 
-    .orderbox_rightbox {
-        position: relative;
-        width: 40%;
-        padding: 20px;
-        margin-left: 10px;
-        background: #fff;
-        border-radius: 10px;
-
-        .orderbox_rightbox_top:nth-child(1) {
-            margin-top: 0;
-        }
-
-        .orderbox_rightbox_top {
-            margin-top: 10px;
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-            padding: 10px 16px;
-            width: 100%;
-            border-radius: 10px;
-            background: #e7e5e5;
-
-            .orderbox_rightbox_top_div {
-                margin-left: 10px;
-                display: flex;
-                flex-direction: column;
-                justify-content: space-around;
-            }
-        }
-
-    }
-
     .orderbox_right {
         position: relative;
         width: 40%;
@@ -250,15 +210,6 @@ const tableData = [
                 justify-content: space-between;
             }
 
-            // .orderbox_right_top_item::after(1){
-            //     position: absolute;
-            //     top: 2px;
-            //     content: '';
-            //     display: inline-block;
-            //     height: 2px;
-            //     width: 100%;
-            //     background: #fff;
-            // }
             .orderbox_right_top_item {
                 position: relative;
                 background: #fff;
@@ -290,34 +241,6 @@ const tableData = [
         }
 
 
-        .orderbox_right_list_item {
-            display: flex;
-            font-size: 14px;
-            justify-content: space-between;
-            align-items: center;
-            padding-bottom: 10px;
-
-            div:nth-child(1) {
-                text-align: left;
-                width: 45%;
-            }
-
-            div:nth-child(2) {
-                width: 15%;
-                align-items: center;
-            }
-
-            div:nth-child(3) {
-                width: 15%;
-                align-items: center;
-            }
-
-            div:nth-child(4) {
-                text-align: right;
-                width: 25%;
-            }
-        }
-
         .orderbox_right_button {
             position: absolute;
             width: 90%;