审核

.gitignore

@@ -21,4 +21,3 @@ yarn-error.log*
 *.lock
 
 *.lock
-.env.development

project.config.json

@@ -173,6 +173,12 @@
           "name": "店铺申请",
           "pathName": "/pages/store/apply",
           "scene": null
+        },
+        {
+          "id": -1,
+          "name": "认证审核进度",
+          "pathName": "/pages/store/review",
+          "scene": null
         }
       ]
     }

src/components/ReviewSuccess.vue

@@ -0,0 +1,72 @@
+<template>
+    <van-overlay :show="show">
+        <div class="box" @click="show = false">
+            <div class="content" @click.stop="">
+                <van-image width="100%" src="/native/imgs/img_tongguo.png" fit="widthFix" />
+
+                <div class="text">
+                    在个人中心点击“<span>查看我的店铺</span>” 即可管理店铺商品及交易
+                </div>
+
+                <van-button :radius="8" class="go" type="primary">立即进入</van-button>
+            </div>
+
+            <van-button type="info" icon="cross" plaint round> </van-button>
+        </div>
+    </van-overlay>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            show: false
+        };
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.box {
+    width: 100vw;
+    height: 100%;
+    .flex-col();
+    justify-content: center;
+    align-items: center;
+    padding: 0 43px;
+    box-sizing: border-box;
+}
+
+.content {
+    position: relative;
+    align-self: stretch;
+    .text {
+        position: absolute;
+        padding: 0 45px;
+        top: 132px;
+        left: 0;
+        right: 0;
+        font-size: 13px;
+        color: #939599;
+        line-height: 22px;
+        text-align: center;
+        span {
+            color: @prim;
+        }
+    }
+
+    .go {
+        position: absolute;
+        bottom: 22px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+}
+
+/deep/ .van-button--info {
+    --button-info-background-color: transparent;
+    --button-default-height: 40px;
+    width: 40px;
+    margin-top: 30px;
+}
+</style>

src/main.js

@@ -51,7 +51,8 @@ export default {
             'pages/mineFollow',
             'pages/changeText',
             'pages/chooseAddress',
-            'pages/store/apply'
+            'pages/store/apply',
+            'pages/store/review'
         ],
         tabBar: {
             color: '#7E7E80',

src/pages/mine.vue

@@ -86,12 +86,16 @@
             </div>
             <van-button type="default" size="small">立即邀请</van-button>
         </div> -->
+
+        <review-success></review-success>
     </div>
 </template>
 
 <script>
 import { mapState } from 'vuex';
+import ReviewSuccess from '../components/ReviewSuccess.vue';
 export default {
+    components: { ReviewSuccess },
     name: 'Mine',
     computed: {
         ...mapState(['userInfo']),

src/pages/store/homePage.vue

@@ -0,0 +1,13 @@
+<config>
+{
+    "navigationStyle": "custom",
+    "navigationBarTextStyle": "white",
+}
+</config>
+<template>
+    <div></div>
+</template>
+
+<script>
+export default {};
+</script>

src/pages/store/review.vue

@@ -0,0 +1,73 @@
+<config>
+{
+    "navigationBarTitleText": "认证审核进度",
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTextStyle": "black"
+}
+</config>
+<template>
+    <div class="review">
+        <van-image width="100%" :src="img" fit="widthFix" />
+        <div class="content">
+            <div class="text1">{{ title }}</div>
+            <div class="text2">{{ desc }}</div>
+
+            <van-button type="primary" block>返回</van-button>
+            <van-button type="primary" plain block>取消申请</van-button>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {};
+    },
+    computed: {
+        img() {
+            const imgs = ['/native/imgs/kong_png_shenghezhong.png', '/native/imgs/kong_png_shengheshibai.png'];
+            return imgs[0];
+        },
+        title() {
+            const list = ['资料审核中！', '资料审核失败'];
+            return list[0];
+        },
+        desc() {
+            const list = [
+                '平台将于3日内完成资料审核，并将审核结果以短信的形式通知您',
+                '很遗憾，您的资料审核失败，请检查您填写的资料是否正确以及上传照片是否清晰'
+            ];
+            return list[0];
+        }
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.review {
+    .flex-col();
+    padding: 22px 26px 100px;
+    .content {
+        .flex-col();
+        padding: 0 15px;
+        text-align: center;
+
+        .text1 {
+            font-size: 22px;
+            color: #000000;
+            line-height: 32px;
+        }
+
+        .text2 {
+            font-size: 14px;
+            color: #939599;
+            line-height: 24px;
+            padding: 16px 0 60px;
+        }
+
+        ._van-button + ._van-button {
+            margin-top: 20px;
+        }
+    }
+}
+</style>