完成会员

src/views/member/components/add.vue

@@ -0,0 +1,73 @@
+<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>
+    </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { dayjs } from 'element-plus'
+
+const props = defineProps({
+    flowingwater: {
+        type: Object,
+        default: {}
+    }
+})
+</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;
+        }
+    }
+
+    .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;
+        }
+    }
+}
+</style>