需求-登录页底部加备案信息

.env.development

@@ -1,5 +1,5 @@
 # 接口地址http://8.136.199.33:8610/v1   http://8.136.199.33:7778/adminapi
-VITE_APP_API_URL="http://8.136.199.33:7778/adminapi"
+VITE_APP_API_URL="http://8.136.199.33:8610/v1"
 # 路由根地址
 VITE_APP_BASE_URL="/"
 # 打包输入文件名

src/api/user.js

@@ -91,6 +91,13 @@ export const _apiLogin = {
     getPhoneAreaCode:(params)=>{
         return get('/user_login/area_code/list',params)
     },
+    /**
+     * 获取备案信息
+     * @returns 
+    */
+    getICPLicense:(params)=>{
+        return get('/user_login/icp_license',params)
+    },
 }
 
 

src/views/Login.vue

@@ -131,77 +131,98 @@ function userLogin(params,values){
         router.replace('/')
     })
 }
+
+let recordInformation=ref([])
+
+function getRecordInfo(){
+    _apiLogin.getICPLicense().then(res=>{
+        if(res.Ret == 200){
+            // 两个空格以上截一段
+            recordInformation.value = res.Data.ConfVal.split(/\s{2,}/)
+        }
+    })
+
+}
+
+getRecordInfo();//获取备案信息
 </script>
 
 <template>
-    <div class="login-page">
-        <van-form class="form-box" ref="loginForm" v-if="activeModel!=='forgetPassModel'">
-            <div class="logo-wrap">
-                <img class="logo" src="@/assets/imgs/logo_icon.png" alt="">
-                <div class="title">Bind on account,</div>
-                <div class="sub-title">sign in to continue</div>
-            </div>
-            <div class="ordinaryModel" v-show="activeModel==='ordinaryModel'">
-                <ordinary-model :activeModel="activeModel" @change-model="changeModel('forgetPassModel')"/>
-            </div>
-            <div class="mobileModel" v-show="activeModel==='mobileModel'">
-                <mobile-model ref="mobileModel"
-                    :activeModel="activeModel"/>
-            </div>
-            <div class="emailModel" v-show="activeModel==='emailModel'">
-                <email-model ref="emailModel"
-                    :activeModel="activeModel"/>
-            </div>
-            <div class="btn-box">
-                <van-button 
-                    round 
-                    block 
-                    type="primary" 
-                    @click="onSubmit2"
-                >登录</van-button>
-            </div>
-            <!-- 选择其他登陆方法 -->
-            <div class="model-icon-box">
-                <div class="model-item" 
-                    @click="changeModel('ordinaryModel')"
-                    v-show="activeModel!=='ordinaryModel'">
-                    <div class="model-item-icon">
-                        <img src="@/assets/imgs/login/account-icon.png"/>
-                    </div>
+    <div>
+        <div class="login-page">
+            <van-form class="form-box" ref="loginForm" v-if="activeModel!=='forgetPassModel'">
+                <div class="logo-wrap">
+                    <img class="logo" src="@/assets/imgs/logo_icon.png" alt="">
+                    <div class="title">Bind on account,</div>
+                    <div class="sub-title">sign in to continue</div>
                 </div>
-                <div class="model-item" 
-                    @click="changeModel('mobileModel')"
-                    v-show="activeModel!=='mobileModel'">
-                    <div class="model-item-icon">
-                        <img src="@/assets/imgs/login/phone-icon.png"/>
-                    </div>
-                    
+                <div class="ordinaryModel" v-show="activeModel==='ordinaryModel'">
+                    <ordinary-model :activeModel="activeModel" @change-model="changeModel('forgetPassModel')"/>
+                </div>
+                <div class="mobileModel" v-show="activeModel==='mobileModel'">
+                    <mobile-model ref="mobileModel"
+                        :activeModel="activeModel"/>
+                </div>
+                <div class="emailModel" v-show="activeModel==='emailModel'">
+                    <email-model ref="emailModel"
+                        :activeModel="activeModel"/>
                 </div>
-                <div class="model-item" 
-                    @click="changeModel('emailModel')"
-                    v-show="activeModel!=='emailModel'">
-                    <div class="model-item-icon">
-                        <img src="@/assets/imgs/login/email-icon.png"/>
+                <div class="btn-box">
+                    <van-button 
+                        round 
+                        block 
+                        type="primary" 
+                        @click="onSubmit2"
+                    >登录</van-button>
+                </div>
+                <!-- 选择其他登陆方法 -->
+                <div class="model-icon-box">
+                    <div class="model-item" 
+                        @click="changeModel('ordinaryModel')"
+                        v-show="activeModel!=='ordinaryModel'">
+                        <div class="model-item-icon">
+                            <img src="@/assets/imgs/login/account-icon.png"/>
+                        </div>
+                    </div>
+                    <div class="model-item" 
+                        @click="changeModel('mobileModel')"
+                        v-show="activeModel!=='mobileModel'">
+                        <div class="model-item-icon">
+                            <img src="@/assets/imgs/login/phone-icon.png"/>
+                        </div>
+                        
+                    </div>
+                    <div class="model-item" 
+                        @click="changeModel('emailModel')"
+                        v-show="activeModel!=='emailModel'">
+                        <div class="model-item-icon">
+                            <img src="@/assets/imgs/login/email-icon.png"/>
+                        </div>
                     </div>
                 </div>
+            </van-form>
+            <div class="form-box" v-else>
+                <forget-pass-model ref="forgetPassModel"
+                    :autoAccount="autoAccount"
+                    @change-model="changeModel('ordinaryModel')"/>
             </div>
-        </van-form>
-        <div class="form-box" v-else>
-            <forget-pass-model ref="forgetPassModel"
-                :autoAccount="autoAccount"
-                @change-model="changeModel('ordinaryModel')"/>
+            <img class="pad-img" src="https://hzstatic.hzinsights.com/static/ETA_mobile/login_img.png" alt="">
+        </div>
+
+        <!-- <div class="mobile-bot-text">Long time&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;More profit</div> -->
+        <div class="record-info">
+            <span v-for="(item,index) in recordInformation" :key="index">{{ item }}</span>
         </div>
-        <img class="pad-img" src="https://hzstatic.hzinsights.com/static/ETA_mobile/login_img.png" alt="">
-        <div class="mobile-bot-text">Long time&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;More profit</div>
     </div>
 </template>
 
 <style lang="scss" scoped>
 .login-page{
-    padding: 0 80px;
+    padding: 220px 80px 0;
+    min-height: calc(100vh - 52PX);
 }
 .logo-wrap{
-    margin-top: 220px;
+    // margin-top: 220px;
     margin-bottom: 180px;
     .logo{
         width: 225px;
@@ -236,14 +257,27 @@ function userLogin(params,values){
         }
     }
 }
-.mobile-bot-text{
-    margin-top: 200px;
-    text-align: center;
-    color: #999;
-}
+// .mobile-bot-text{
+//     margin-top: 200px;
+//     text-align: center;
+//     color: #999;
+// }
 .pad-img{
     display: none;
 }
+.record-info{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin: 16PX 0;
+    font-size: 13PX;
+    color: #C0C4CC;
+    text-align: center;
+    width: 100%;
+    span{
+        margin: 0 6PX;
+    }
+}
 
 @media screen and (min-width:$media-width) {
     .login-page{
@@ -251,7 +285,7 @@ function userLogin(params,values){
         padding: 30px;
         display: flex;
         justify-content: space-between;
-        align-items: center;
+        // align-items: center;
         .form-box{
             flex-shrink: 0;
             width: 47%;
@@ -285,9 +319,9 @@ function userLogin(params,values){
         }
     }
 
-    .mobile-bot-text{
-        display: none;
-    }
+    // .mobile-bot-text{
+    //     display: none;
+    // }
     .model-icon-box{
         margin-top: 50px;
         display: flex;
@@ -306,5 +340,8 @@ function userLogin(params,values){
             }
         }
     }
+    .record-info{
+        font-size: 15PX;
+    }
 }
 </style>