11

src/views/member/components/add.vue

@@ -1,12 +1,14 @@
 <template>
-    <div class="dialog_footer" v-for="(item, index) in props.flowingwater.list" :key="index">
-        <div class="dialog_footer_left">
-            <span>{{ item.biz_name }}</span>
-            <span>{{ dayjs(item.create_time).format("YYYY-MM-DD") }}</span>
-        </div>
-        <div class="dialog_footer_right">
-            <span>{{ item.balance }}</span>
-            <span>{{ item.amount }}</span>
+    <div class="box">
+        <div class="dialog_footer" v-for="(item, index) in props.flowingwater.list" :key="index">
+            <div class="dialog_footer_left">
+                <span>{{ item.biz_name }}</span>
+                <span>{{ dayjs(item.create_time).format("YYYY-MM-DD") }}</span>
+            </div>
+            <div class="dialog_footer_right">
+                <span>{{ item.balance }}</span>
+                <span>{{ item.amount }}</span>
+            </div>
         </div>
     </div>
 </template>
@@ -24,49 +26,53 @@ const props = defineProps({
 </script>
 
 <style scoped lang="scss">
-.dialog_footer:nth-child(1) {
-    margin-top: 0;
-}
-
-.dialog_footer {
-    margin-top: 10px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #ccc;
-    padding-bottom: 6px;
-
-    .dialog_footer_left {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-
-        span:nth-child(1) {
-            font-size: 18px;
-            font-weight: 500;
-
-        }
-
-        span:nth-child(2) {
-            margin-top: 10px;
-            color: #333;
-        }
+.box {
+    height: 400px;
+    overflow: auto;
+    .dialog_footer:nth-child(1) {
+        margin-top: 0;
     }
 
-    .dialog_footer_right {
+    .dialog_footer {
+        margin-top: 10px;
         display: flex;
-        flex-direction: column;
-        align-items: flex-end;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #ccc;
+        padding-bottom: 6px;
 
-        span:nth-child(1) {
-            color: #fc3d3d;
-            font-size: 16px;
+        .dialog_footer_left {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
 
+            span:nth-child(1) {
+                font-size: 18px;
+                font-weight: 500;
+
+            }
+
+            span:nth-child(2) {
+                margin-top: 10px;
+                color: #333;
+            }
         }
 
-        span:nth-child(2) {
-            margin-top: 10px;
-            font-size: 14px;
+        .dialog_footer_right {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-end;
+
+            span:nth-child(1) {
+                color: #fc3d3d;
+                font-size: 16px;
+
+            }
+
+            span:nth-child(2) {
+                margin-top: 10px;
+                font-size: 14px;
+            }
         }
     }
 }

src/views/member/index.vue

@@ -82,9 +82,9 @@
             <keyboard v-if="props.membershow == '1'" @consumeFees="consumeFees"></keyboard>
             <div class="orderbox_right_button" v-if="props.membershow == '0'">
                 <router-link to="/" style="width: 35%;">
-                    <el-button style="width: 100%;" @click="recharge = true">创建订单</el-button>
+                    <el-button style="width: 100%;" >创建订单</el-button>
                 </router-link>
-                <el-button style="width: 60%;" type="primary">账户充值</el-button>
+                <el-button style="width: 60%;" type="primary" @click="recharge = true">账户充值</el-button>
             </div>
             <div class="orderbox_right_button" v-if="props.membershow == '1'">
                 <router-link to="/" style="width: 35%;">
@@ -209,6 +209,7 @@ const confirmEvent = async () => {//子组件  确认按钮
         })
         if (res == null) {
             recharge.value = false
+            moneys.value = 0
             ElMessage({
                 message: '充值成功',
                 type: 'success',
@@ -273,9 +274,11 @@ const asyncqueryMembermember = async () => {//会员列表数据
         phone: tableData.phone
     })
     if (res) {
-        tableData.list = res.list
+        if (res.list.length != 0) {
+            tableData.list = res.list
+            MemberAccount()
+        }
         tableData.total = res.total
-        MemberAccount()
     }
 }