add tid1509 style

1 year ago · da70b5d10c
7 changed files with 207 additions and 6 deletions
--- a/src/pages.json
+++ b/src/pages.json
@ -905,6 +905,12 @@
 					"style" : {
 						"navigationBarTitleText": "手动添加账号"
 					}
+				},
+				{
+					"path": "pages/manage/check",
+					"style" : {
+						"navigationBarTitleText": "审核账号"
+					}
 				}
 			]
 		}
--- a/src/subpackage/account/components/fixed_modal.vue
+++ b/src/subpackage/account/components/fixed_modal.vue
@ -18,7 +18,7 @@ export default {
    props: {
        close: {
            type: Boolean,
-            default: true
+            default: false
        },
        title: {
            type: String,
--- a/src/subpackage/account/pages/manage/apply.vue
+++ b/src/subpackage/account/pages/manage/apply.vue
@ -5,7 +5,9 @@
        <account-form></account-form>
        <fixed-button>提交</fixed-button>
        
-        <success-modal></success-modal>
+        <!-- <success-modal></success-modal> -->
+        <!-- <tip-modal></tip-modal> -->
+        <info-modal></info-modal>
    </view>
 </template>

@ -14,12 +16,16 @@ import stadium_info from "./modules/stadium_info.vue";
 import account_form from "./modules/account_form.vue";
 import fixedButton from "../../components/fixed_button.vue";
 import success_modal from "./modules/apply/success_modal.vue";
+import tip_modal from "./modules/apply/tip_modal.vue";
+import info_modal from "./modules/apply/info_modal.vue";
 export default {
    components: {
        'stadium-info': stadium_info,
        'account-form': account_form,
        'fixed-button': fixedButton,
-        'success-modal': success_modal
+        'success-modal': success_modal,
+        'tip-modal': tip_modal,
+        'info-modal': info_modal
    },
    data(){
        return {
--- a/src/subpackage/account/pages/manage/check.vue
+++ b/src/subpackage/account/pages/manage/check.vue
@ -1,6 +1,27 @@
 <template>
-    <view>
-        
+    <view class="manage-check">
+        <view class="mc-num-bar">
+            <view class="mc-txt">审核 3 人</view>
+        </view>
+        <view class="mc-list">
+            <view class="ml-item" v-for="i in 10" :key="i">
+                <image class="mi-icon"></image>
+                <view class="mi-content">
+                    <view class="mc-line">姓名：周小雨</view>
+                    <view class="mc-line">登录账号：yaigigi</view>
+                    <view class="mc-line">手机号码：18316362586</view>
+                    <view class="mc-line">申请时间：2024-12-09 11:21:40</view>
+                </view>
+            </view>
+        </view>
+        <view class="mc-fixed">
+            <view class="mf-selector">
+                <image class="ms-icon"></image>
+                <view class="ms-view">全选</view>
+            </view>
+            <view class="mf-btn green">不通过</view>
+            <view class="mf-btn">不通过</view>
+        </view>
    </view>
 </template>

@ -21,5 +42,75 @@ export default {
 </script>

 <style lang="scss">
+page{
+    background: #fff;
+}
+.manage-check{
+    @include isPd(384upx);
+    .mc-num-bar{
+        padding: 44upx 26upx;
+        border-bottom: 1px solid #E1E1E1;
+        .mc-txt{
+            @include flcw(32upx, 44upx, #1A1A1A);
+            @include tHide;
+        }
+    }
+    .mc-list{
+        padding: 0 24upx;
+        .ml-item{
+            display: flex;
+            padding: 30upx 0upx;
+            border-bottom: 1upx solid #D8D8D8;
+            .mi-icon{
+                flex-shrink: 0;
+                margin-right: 36upx;
+                width: 40upx;
+                height: 40upx;
+                background: skyblue;
+            }
+            .mi-content{
+                .mc-line{
+                    @include flcw(28upx, 52upx, #333333);
+                    @include tHide;
+                }
+            }

+        }
+    }
+    .mc-fixed{
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        padding: 10upx 24upx;
+        @include isPd(10upx);
+        background: #fff;
+        .mf-selector{
+            @include ctf;
+            .ms-icon{
+                margin-right: 20upx;
+                flex-shrink: 0;
+                width: 40upx;
+                height: 40upx;
+                background: skyblue;
+            }
+            .ms-view{
+                @include flcw(28upx, 40upx, #9C9C9F);
+            }
+        }
+        .mf-btn{
+            margin-top: 40upx;
+            height: 112upx;
+            text-align: center;
+            border: 2upx solid $mColor;
+            border-radius: 10upx;
+            background: #fff;
+            @include flcw(32upx, 108upx, $mColor, 500);
+            &.green{
+                background: $mColor;
+                color: #fff;
+            }
+        }
+    }
+}
 </style>
--- a/src/subpackage/account/pages/manage/modules/apply/info_modal.vue
+++ b/src/subpackage/account/pages/manage/modules/apply/info_modal.vue
@ -0,0 +1,45 @@
+<template>
+    <fixed-modal close title="申请详情">
+        <view class="info-modal">
+            <view class="im-line">状态：<text class="il-txt">待审核</text></view>
+            <view class="im-line">账号：yaiogjl</view>
+            <view class="im-line">密码：******</view>
+            <view class="im-line">姓名：张晓钰</view>
+            <view class="im-line">手机号码：15816542312</view>
+        </view>
+    </fixed-modal>
+</template>
+
+<script>
+import fixedModal from "../../../../components/fixed_modal.vue";
+import modalButton from "../../../../components/modal_button.vue";
+export default {
+    components: {
+        'fixed-modal': fixedModal,
+        'modal-button': modalButton
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss">
+.info-modal{
+    padding: 42upx 66upx 0;
+    .im-line{
+        @include flcw(28upx, 58upx, #1A1A1A);
+        .il-txt{
+            color: #EA5061;
+        }
+    }
+}
+</style>
--- a/src/subpackage/account/pages/manage/modules/apply/success_modal.vue
+++ b/src/subpackage/account/pages/manage/modules/apply/success_modal.vue
@ -3,7 +3,10 @@
        <view class="success-modal">
            <image class="sm-icon"></image>
            <view class="sm-txt">账号创建成功</view>
-            <modal-button green>确认修改</modal-button>
+            <view class="sm-btn" v-if="false">
+                <modal-button green>确认修改</modal-button>
+            </view>
+            <view class="sm-tip">请耐心等待管理员审核</view>
        </view>
    </fixed-modal>
 </template>
@ -44,5 +47,13 @@ export default {
            text-align: center;
            @include flcw(36upx, 50upx, #1A1A1A);
        }
+        .sm-btn{
+            margin-top: 96upx;
+        }
+        .sm-tip{
+            margin-top: 38upx;
+            text-align: center;
+            @include flcw(28upx, 42upx, #9A9A9D);
+        }
    }
 </style>
--- a/src/subpackage/account/pages/manage/modules/apply/tip_modal.vue
+++ b/src/subpackage/account/pages/manage/modules/apply/tip_modal.vue
@ -0,0 +1,42 @@
+<template>
+    <fixed-modal>
+        <view class="tip-modal">
+            <view class="tm-txt">您已绑定账号，无需重复绑定</view>
+            <view class="tm-btn">
+                <modal-button green>知道了</modal-button>
+            </view>
+        </view>
+    </fixed-modal>
+</template>
+
+<script>
+import fixedModal from "../../../../components/fixed_modal.vue";
+import modalButton from "../../../../components/modal_button.vue";
+export default {
+    components: {
+        'fixed-modal': fixedModal,
+        'modal-button': modalButton
+    },
+    data(){
+        return {
+            
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss">
+    .tm-txt{
+        text-align: center;
+        @include flcw(28upx, 58upx, #1A1A1A);
+    }
+    .tm-btn{
+        margin-top: 60upx;
+    }
+</style>