add tid1509 style

src/subpackage/account/components/fixed_modal.vue

@@ -6,6 +6,7 @@
                 class="fc-close" 
                 @click="$emit('click:close')" 
                 mode="aspect" 
+                src="/subpackage/account/static/images/x_close.png"
             ></image>
             <view v-if="title" class="fc-title">{{ title }}</view>
             <slot></slot>
@@ -57,7 +58,6 @@ export default {
                 top: 30upx;
                 width: 34upx;
                 height: 34upx;
-                background: skyblue;
             }
             .fc-title{
                 text-align: center;

src/subpackage/account/components/trigger_icon.vue

@@ -0,0 +1,38 @@
+<template>
+    <view class="trigger-icon" @click="$emit('click')">
+        <image 
+            class="ti-selected" 
+            src="/subpackage/account/static/images/choose.png"
+            v-if="selected"
+        ></image>
+        <view class="ti-not" v-else></view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        selected: {
+            type: Boolean,
+            default: false
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+    .trigger-icon{
+        width: 40upx;
+        height: 40upx;
+        .ti-selected{
+            width: 100%;
+            height: 100%;
+        }
+        .ti-not{
+            border-radius: 50%;
+            width: 100%;
+            height: 100%;
+            border: 2upx solid #D8D8D8;
+        }
+    }
+</style>

src/subpackage/account/pages/list/modules/check_status_bar.vue

@@ -3,7 +3,11 @@
         <view class="csb-left">待审核账号</view>
         <view class="csb-right">
             <view class="cr-num">99</view>
-            <image class="cr-icon"></image>
+            <image 
+                class="cr-icon" 
+                mode="aspectFit"
+                src="/subpackage/account/static/images/arrow.png"
+            ></image>
         </view>
     </view>
 </template>
@@ -39,7 +43,6 @@ export default {
                 flex-shrink: 0;
                 width: 28upx;
                 height: 28upx;
-                background: skyblue;
             }
         }   
     }

src/subpackage/account/pages/list/modules/input_bar.vue

@@ -1,7 +1,11 @@
 <template>
     <view class="input-bar">
         <view class="ib-frame">
-            <image class="if-icon"></image>
+            <image 
+                class="if-icon"
+                mode="aspectFit"
+                src="/subpackage/account/static/images/search.png"
+            ></image>
             <input type="text" class="if-ipt" placeholder="输入账号/姓名查找">
         </view>
     </view>
@@ -9,7 +13,7 @@
 
 <script>
 export default {
-
+    
 }
 </script>
 
@@ -28,7 +32,6 @@ export default {
                 flex-shrink: 0;
                 width: 40upx;
                 height: 40upx;
-                background: skyblue;
             }
             .if-ipt{
                 flex: 1;

src/subpackage/account/pages/list/modules/item.vue

@@ -7,7 +7,11 @@
             <view class="lb-btn">消息订阅</view>
             <view class="lb-btn">账号权限</view>
         </view>
-        <image class="li-close"></image>
+        <image 
+            class="li-close"
+            mode="aspectFit"
+            src="/subpackage/account/static/images/delete.png"
+        ></image>
     </view>
 </template>
 
@@ -48,7 +52,6 @@ export default {
             top: 20upx;
             width: 36upx;
             height: 36upx;
-            background: skyblue;
         }
     }
 </style>

src/subpackage/account/pages/manage/check.vue

@@ -5,7 +5,9 @@
         </view>
         <view class="mc-list">
             <view class="ml-item" v-for="i in 10" :key="i">
-                <image class="mi-icon"></image>
+                <view class="mi-icon">
+                    <trigger-icon :selected="isSelect" @click="isSelect = !isSelect"></trigger-icon>
+                </view>
                 <view class="mi-content">
                     <view class="mc-line">姓名：周小雨</view>
                     <view class="mc-line">登录账号：yaigigi</view>
@@ -16,27 +18,44 @@
         </view>
         <view class="mc-fixed">
             <view class="mf-selector">
-                <image class="ms-icon"></image>
+                <view class="ms-icon">
+                    <trigger-icon :selected="isSelect"></trigger-icon>
+                </view>
                 <view class="ms-view">全选</view>
             </view>
-            <view class="mf-btn green">不通过</view>
-            <view class="mf-btn">不通过</view>
+            <view class="mf-btn green" @click="passBtn">审核通过</view>
+            <view class="mf-btn" @click="unPassBtn">不通过</view>
         </view>
+        <not-pass-modal ref="notPassModal"></not-pass-modal>
+        <pass-modal ref="passModal"></pass-modal>
     </view>
 </template>
 
 <script>
+import not_pass_modal from "./modules/check/not_pass_modal.vue";
+import pass_modal from "./modules/check/pass_modal.vue";
+import trigger_icon from "../../components/trigger_icon.vue";
 export default {
+    components: {
+        'not-pass-modal': not_pass_modal,
+        'pass-modal': pass_modal,
+        'trigger-icon': trigger_icon
+    },
     data(){
         return {
-            
+            isSelect: false
         }
     },
     onLoad(){
         
     },
     methods: {
-        
+        passBtn(){
+            this.$refs.passModal.show();
+        },
+        unPassBtn(){
+            this.$refs.notPassModal.show();
+        }
     }
 }
 </script>
@@ -64,9 +83,6 @@ page{
             .mi-icon{
                 flex-shrink: 0;
                 margin-right: 36upx;
-                width: 40upx;
-                height: 40upx;
-                background: skyblue;
             }
             .mi-content{
                 .mc-line{
@@ -90,9 +106,6 @@ page{
             .ms-icon{
                 margin-right: 20upx;
                 flex-shrink: 0;
-                width: 40upx;
-                height: 40upx;
-                background: skyblue;
             }
             .ms-view{
                 @include flcw(28upx, 40upx, #9C9C9F);

src/subpackage/account/pages/manage/modules/check/not_pass_modal.vue

@@ -0,0 +1,58 @@
+<template>
+    <fixed-modal :show="isShow">
+        <view class="not-pass-modal">
+            <image class="sm-icon" src="/subpackage/account/static/images/error.png"></image>
+            <view class="sm-txt">不通过</view>
+            <modal-button green @click="hide">返回</modal-button>
+        </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 {
+            isShow: false
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        show(){
+            this.isShow = true
+        },
+        hide(){
+            this.isShow = false
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .not-pass-modal{
+        .sm-icon{
+            display: block;
+            margin: 0 auto;
+            width: 100upx;
+            height: 100upx;
+        }
+        .sm-txt{
+            margin-top: 32upx;
+            margin-bottom: 68upx;
+            text-align: center;
+            @include flcw(36upx, 50upx, #1A1A1A);
+        }
+        .sm-tip{
+            margin-top: 38upx;
+            text-align: center;
+            @include flcw(28upx, 42upx, #9A9A9D);
+        }
+    }
+</style>

src/subpackage/account/pages/manage/modules/check/pass_modal.vue

@@ -0,0 +1,85 @@
+<template>
+    <fixed-modal close :show="isShow" @click:close="hide">
+        <view class="pass-modal">
+            <view class="pm-list" v-if="num <= 3">
+                <view class="pl-item" v-for="i in num" :key="i">
+                    <view class="pi-content">
+                        <view class="pc-txt">姓名：刘星</view>
+                        <view class="pc-txt">登录账号：yaigigi</view>
+                    </view>
+                    <view class="pi-btn">去配置权限</view>
+                </view>
+            </view>
+            <scroll-view class="pm-scroll-list" scroll-y v-else>
+                <view class="pl-item" v-for="i in num" :key="i">
+                    <view class="pi-content">
+                        <view class="pc-txt">姓名：刘星</view>
+                        <view class="pc-txt">登录账号：yaigigi</view>
+                    </view>
+                    <view class="pi-btn">去配置权限</view>
+                </view>
+            </scroll-view>
+        </view>
+    </fixed-modal>
+</template>
+
+<script>
+import fixedModal from "../../../../components/fixed_modal.vue";
+export default {
+    components: {
+        'fixed-modal': fixedModal,
+    },
+    data(){
+        return {
+            num: 3,
+            isShow: false
+        }
+    },
+    onLoad(){
+        
+    },
+    methods: {
+        show(){
+            this.isShow = true
+        },
+        hide(){
+            this.isShow = false
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .pass-modal{
+        padding: 40upx 20upx 0upx;
+        .pm-scroll-list{
+            height: 500upx;
+        }
+        .pl-item{
+            padding: 20upx;
+            border-radius: 10upx;
+            background: #F2F2F7;
+            @include ctf;
+            &+.pl-item{
+                margin-top: 20upx;
+            }
+            .pi-content{
+                flex-grow: 1;
+                .pc-txt{
+                    @include flcw(28upx, 52upx, #1A1A1A);
+                    @include tHide;
+                }
+            }
+            .pi-btn{
+                flex-shrink: 0;
+                margin-left: 12upx;
+                width: 160upx;
+                text-align: center;
+                border-radius: 10upx;
+                background: $mColor;
+                @include flcw(24upx, 64upx, #fff);
+            }
+        }
+        
+    }
+</style>