修改登录页

src/styles/view/new-login.scss

@@ -11,7 +11,7 @@
     .hc-new-login-main .hc-new-login-content .hc-new-login-form-card {
         position: relative;
         border-radius: 13px;
-        height: 552px;
+        height: 500px;
     }
     .hc-new-login-copyright {
         position: absolute;
@@ -33,14 +33,14 @@
     .form-left {
         .form-img {
             position: absolute;
-            width: 376px;
-            bottom: 40px;
-            left: 40px;
+            width: 370px;
+            bottom: 16px;
+            left: 60px;
         }
         &:before {
             content: '';
             position: absolute;
-            width: 5px;
+            width: 2px;
             height: 90%;
             right: 0;
             top: 5%;
@@ -56,6 +56,7 @@
             height: 100%;
             .title {
                 color: #041015;
+                margin-bottom: 40px;
             }
             .el-form .el-form-item {
                 .el-input {
@@ -88,6 +89,10 @@
                         }
                     }
                 }
+                &.login-btn {
+                    margin-top: 50px;
+                    margin-bottom: 0;
+                }
             }
         }
     }

src/views/login/new.vue

@@ -11,7 +11,7 @@
                     </div>
                     <div class="form-right relative flex-1">
                         <div class="form-main">
-                            <div class="title font-bold text-center text-[24px] mb-8">登 录</div>
+                            <div class="title font-bold text-center text-[24px]">登&nbsp;&nbsp;录</div>
                             <el-form ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px" size="large">
                                 <el-form-item prop="tenantId">
                                     <el-input v-model="formValue.tenantId" clearable placeholder="请输入区域号">
@@ -44,8 +44,8 @@
                                 <el-form-item class="checkbox-2">
                                     <el-checkbox v-model="checkbox" label="记住密码" />
                                 </el-form-item>
-                                <el-form-item class="mt-8">
-                                    <el-button :loading="loading" block type="primary" @click="formValidateClick">登 录</el-button>
+                                <el-form-item class="login-btn">
+                                    <el-button class="text-[18px]" :loading="loading" block color="#186DA5" @click="formValidateClick">登 录</el-button>
                                 </el-form-item>
                             </el-form>
                         </div>
@@ -125,6 +125,10 @@ const loading = ref(false)
 const formValidateClick = async () => {
     const formRes = await formValidate(formRef.value)
     if (!formRes) return false
+    if (protocolCheckbox.value) {
+        window?.$message?.warning('请先同意软件产品用户使用服务协议')
+        return false
+    }
     //登录请求
     loading.value = true
     const { error, msg } = await useAppLogin(formValue.value)