From fb7e1be9de1cfe52628da644143db8150c7d7d84 Mon Sep 17 00:00:00 2001
From: JayChou <2064936853@qq.com>
Date: Thu, 19 Sep 2024 16:13:17 +0800
Subject: [PATCH] =?UTF-8?q?'=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/loginmini/style/home.less      | 21 ++---
 .../views/system/loginmini/MiniForgotpad.vue  |  8 +-
 .../views/system/loginmini/MiniRegister.vue   | 89 +++++++++++--------
 3 files changed, 67 insertions(+), 51 deletions(-)

diff --git a/jeecgboot-vue3-master/src/assets/loginmini/style/home.less b/jeecgboot-vue3-master/src/assets/loginmini/style/home.less
index 8e1041de..e210bb68 100644
--- a/jeecgboot-vue3-master/src/assets/loginmini/style/home.less
+++ b/jeecgboot-vue3-master/src/assets/loginmini/style/home.less
@@ -30,7 +30,7 @@
 }
 .aui-form {
   width: 100%;
-  padding: 40px 30px;
+  padding: 20px 30px;
   background-color: transparent !important;
 }
 
@@ -117,7 +117,7 @@
   border: none;
   color: #333333;
   font-size: 14px;
-  background: unset;
+  // background: unset;
   padding-left: 40px;
 }
 
@@ -343,7 +343,7 @@
 .aui-inputClear {
   width: 100%;
   position: relative;
-  padding-left: 20px;
+  padding-left: 31px;
   // background: #fff;
   margin-bottom: 8px;
   margin-top: 20px;
@@ -352,7 +352,7 @@
 .aui-inputClear .icon {
   position: absolute;
   top: 10px;
-  left: 0;
+  left: 9px;
 }
 
 .aui-inputClear input {
@@ -418,17 +418,18 @@
 }
 
 .aui-formButton {
-  padding-top: 10px;
+  // padding-top: 10px;
 }
 
 .aui-formButton a {
+
   height: 42px;
   padding: 10px 15px;
   font-size: 14px;
   border-radius: 8px;
-  border-color: #67b5ff;
-  background: #1b90ff;
-  width: 100%;
+  border-color: #0bd7c6;
+  background: #0bd7c6;
+  width: 218px;
   cursor: pointer;
   border: none;
   color: #fff;
@@ -452,8 +453,8 @@
 }
 
 .aui-formButton .aui-linek-code:hover {
-  color: #1b90ff;
-  border: 1px solid #1b90ff;
+  color: #30e3ce;
+  border: 1px solid #30e3ce;
 }
 
 .aui-third-text {
diff --git a/jeecgboot-vue3-master/src/views/system/loginmini/MiniForgotpad.vue b/jeecgboot-vue3-master/src/views/system/loginmini/MiniForgotpad.vue
index 13eafd9f..d07109e9 100644
--- a/jeecgboot-vue3-master/src/views/system/loginmini/MiniForgotpad.vue
+++ b/jeecgboot-vue3-master/src/views/system/loginmini/MiniForgotpad.vue
@@ -2,11 +2,11 @@
   <div class="aui-content">
     <div class="aui-container">
       <div class="aui-form">
-        <div class="aui-image">
-          <!-- <div class="aui-image-text">
+        <!-- <div class="aui-image">
+          <div class="aui-image-text">
             <img :src="adTextImg" alt="" />
-          </div> -->
-        </div>
+          </div>
+        </div> -->
         <div class="aui-formBox">
           <div class="aui-formWell">
             <div class="aui-step-box">
diff --git a/jeecgboot-vue3-master/src/views/system/loginmini/MiniRegister.vue b/jeecgboot-vue3-master/src/views/system/loginmini/MiniRegister.vue
index d4c45cd1..f16921ac 100644
--- a/jeecgboot-vue3-master/src/views/system/loginmini/MiniRegister.vue
+++ b/jeecgboot-vue3-master/src/views/system/loginmini/MiniRegister.vue
@@ -4,24 +4,27 @@
       <div class="aui-form">
         <div class="aui-formBox">
           <div class="aui-formWell">
+            <div class="login-title">{{ t('sys.login.signUpFormTitle') }}</div>
             <a-form ref="formRef" :model="formData">
-              <div class="aui-flex aui-form-nav aui-clear-left" style="padding-bottom: 21px">
-                <div class="aui-flex-box activeNav on">{{ t('sys.login.signUpFormTitle') }}</div>
-              </div>
+
               <div class="aui-form-box">
                 <div class="aui-account aui-account-line">
                   <a-form-item>
-                    <div class="aui-input-line">
+                    <div style="display: flex;align-items: center;justify-content: space-between;">
+                       <div class="aui-input-line" style="flex: 1;">
                       <Icon class="aui-icon" icon="ant-design:user-outlined" />
                       <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.userName')" v-model:value="formData.username" />
                     </div>
-                  </a-form-item>
-                  <a-form-item>
-                    <div class="aui-input-line">
+                    <div class="aui-input-line" style="flex: 1;margin-left: 24px;">
                       <Icon class="aui-icon" icon="ant-design:mobile-outlined" />
                       <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.name')" v-model:value="formData.realname" />
                     </div>
+                    </div>
+                   
                   </a-form-item>
+                  <!-- <a-form-item>
+                    
+                  </a-form-item> -->
                   <a-form-item>
                     <div class="aui-input-line">
                       <Icon class="aui-icon" icon="ant-design:mobile-outlined" />
@@ -31,8 +34,8 @@
                   <a-form-item>
                     <div class="aui-input-line">
                       <!-- <Icon class="aui-icon" icon="ant-design:mobile-outlined" /> -->
-<!--                      <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.department')" />-->
-                      <JStuSelectDept   v-model:value="formData.department" :multiple="false"  />
+                      <!--                      <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.department')" />-->
+                      <JStuSelectDept v-model:value="formData.department" :multiple="false" />
                     </div>
                   </a-form-item>
 
@@ -81,33 +84,33 @@
                     </div>
                   </a-form-item>
                   <div class="aui-inputClear">
-                        <i class="icon icon-code"></i>
-                        <a-form-item>
-                          <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.inputCode')" v-model:value="formData.smscode" />
-                        </a-form-item>
-                        <div class="aui-code">
-                          <img v-if="randCodeData.requestCodeSuccess" :src="randCodeData.randCodeImage" @click="handleChangeCheckCode" />
-                          <img v-else style="margin-top: 2px; max-width: initial" :src="codeImg" @click="handleChangeCheckCode" />
-                        </div>
-                      </div>
-<!--                  <a-form-item name="policy">-->
-<!--                    <div class="aui-flex">-->
-<!--                      <div class="aui-flex-box">-->
-<!--                        <div class="aui-choice">-->
-<!--                          <a-checkbox v-model:checked="formData.policy" />-->
-<!--                          <span style="color: #1b90ff; margin-left: 4px">{{ t('sys.login.policy') }}</span>-->
-<!--                        </div>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                  </a-form-item>-->
+                    <i class="icon icon-code"></i>
+                    <a-form-item>
+                      <a-input class="fix-auto-fill" type="text" :placeholder="t('sys.login.inputCode')" v-model:value="formData.smscode" />
+                    </a-form-item>
+                    <div class="aui-code">
+                      <img v-if="randCodeData.requestCodeSuccess" :src="randCodeData.randCodeImage" @click="handleChangeCheckCode" />
+                      <img v-else style="margin-top: 2px; max-width: initial" :src="codeImg" @click="handleChangeCheckCode" />
+                    </div>
+                  </div>
+                  <!--                  <a-form-item name="policy">-->
+                  <!--                    <div class="aui-flex">-->
+                  <!--                      <div class="aui-flex-box">-->
+                  <!--                        <div class="aui-choice">-->
+                  <!--                          <a-checkbox v-model:checked="formData.policy" />-->
+                  <!--                          <span style="color: #1b90ff; margin-left: 4px">{{ t('sys.login.policy') }}</span>-->
+                  <!--                        </div>-->
+                  <!--                      </div>-->
+                  <!--                    </div>-->
+                  <!--                  </a-form-item>-->
                 </div>
               </div>
-              <div class="aui-formButton">
+              <div class="aui-formButton" style="display: flex;align-items: center;justify-content: center;">
                 <div class="aui-flex">
-                  <a class="aui-link-login aui-flex-box" @click="registerHandleClick"> {{ t('sys.login.registerButton') }}</a>
+                  <a class="aui-link-login aui-flex-box"  @click="registerHandleClick"> {{ t('sys.login.registerButton') }}</a>
                 </div>
                 <div class="aui-flex">
-                  <a class="aui-linek-code aui-flex-box" @click="goBackHandleClick">{{ t('sys.login.backSignIn') }}</a>
+                  <a class="aui-linek-code aui-flex-box" style="margin-left: 20px;" @click="goBackHandleClick">{{ t('sys.login.backSignIn') }}</a>
                 </div>
               </div>
             </a-form>
@@ -119,9 +122,8 @@
 </template>
 
 <script lang="ts" setup name="mini-register">
-
-  import { ref, reactive, unref, toRaw,onMounted } from 'vue';
-  import { getCaptcha, registerStu,getCodeInfo } from '/@/api/sys/user';
+  import { ref, reactive, unref, toRaw, onMounted } from 'vue';
+  import { getCaptcha, registerStu, getCodeInfo } from '/@/api/sys/user';
   import { SmsEnum } from '/@/views/sys/login/useLogin';
   import { useMessage } from '/@/hooks/web/useMessage';
   import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png';
@@ -167,8 +169,8 @@
     emit('go-back');
     initForm();
   }
-// 验证码
-const randCodeData = reactive<any>({
+  // 验证码
+  const randCodeData = reactive<any>({
     randCodeImage: '',
     requestCodeSuccess: false,
     checkKey: null,
@@ -293,7 +295,16 @@ const randCodeData = reactive<any>({
    * 初始化表单
    */
   function initForm() {
-    Object.assign(formData, { workno: '', username: '', mobile: '', realname: '', department: '', smscode: '', password: '', confirmPassword: ''/*, policy: false*/ });
+    Object.assign(formData, {
+      workno: '',
+      username: '',
+      mobile: '',
+      realname: '',
+      department: '',
+      smscode: '',
+      password: '',
+      confirmPassword: '' /*, policy: false*/,
+    });
     if (!unref(timer)) {
       showInterval.value = true;
       clearInterval(unref(timer));
@@ -335,4 +346,8 @@ const randCodeData = reactive<any>({
     left: 10px;
     font-size: 20px !important;
   }
+  :deep(.ant-btn-primary){
+    background-color: #0bd7c6;
+    border: none;
+  }
 </style>