修改 修改端登陆界面

VUECODE/smart-property-manage/src/views/login/index.vue

@@ -29,6 +29,7 @@
         </el-form-item>
         <div class="pwdSend">
           <el-form-item prop="password">
+            <!--@blur.prevent="getUserCommunity"-->
             <el-input
               v-model="loginForm.password"
               name="password"
@@ -36,7 +37,6 @@
               auto-complete="on"
               placeholder="请输入验证码"
               @keyup.enter.native="handleLogin"
-              @blur.prevent="getUserCommunity"
             />
           </el-form-item>
           <el-button v-if="isCodeNum == false" type="primary" @click="sendCode();">发送验证码</el-button>
@@ -47,27 +47,32 @@
             <div v-if="isSelectCommunity" class="select-community">
               <i class="el-icon-circle-close-outline" style="margin-left: 60px;"/>  当前手机号未绑定任何社区
             </div>
-            <div v-else class="select-community" >
-              <el-select v-model="loginForm.communityId" placeholder="请选择小区">
-                <el-option
-                  v-for="item in communityArr"
-                  :key="item.id"
-                  :label="item.communityName"
-                  :value="item.id"/>
-              </el-select>
-            </div>
           </el-form-item>
         </div>
+        <!-- @click.native.prevent="handleLogin" -->
+        <!-- v-if="isLoginButton" -->
         <el-button
-          v-if="isLoginButton"
           :loading="loading"
           type="primary"
           style="width:100%;"
-          @click.native.prevent="handleLogin"
+          @click.native.prevent="getUserCommunity"
         >登录</el-button>
-        <el-button v-else type="primary" style="width:100%;" disabled>登录</el-button>
+        <!--<el-button v-else type="primary" style="width:100%;" disabled>登录</el-button>-->
       </el-form>
     </div>
+    <el-dialog :visible.sync="dialogFormVisible" title="小区" width="20%" append-to-body>
+      <el-select v-model="loginForm.communityId" placeholder="请选择小区">
+        <el-option
+          v-for="item in communityArr"
+          :key="item.id"
+          :label="item.communityName"
+          :value="item.id"/>
+      </el-select>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="handleLogin">确 定</el-button>
+      </div>
+    </el-dialog>
     <span class="bottom-desc">Copyright © 南京锦城佳业网络科技有限公司, All Rights Reserved.</span>
   </div>
 </template>
@@ -99,6 +104,7 @@ export default {
       isSelectDiv: false,
       isSelectCommunity: false, // 是否显示 社区选项
       isLoginButton: false, // 默认按钮为不可点击
+      dialogFormVisible: false, // 显示小区选择
       communityArr: [], // 小区集合
       loginForm: {
         username: '',
@@ -133,6 +139,8 @@ export default {
       'UserCommunity'
     ]),
     handleLogin() {
+      // 隐藏选择小区弹框
+      this.dialogFormVisible = false
       this.$refs.loginForm.validate(valid => {
         if (valid) {
           this.loading = true
@@ -189,6 +197,7 @@ export default {
       })
       this.UserCommunity(this.loginForm).then((res) => {
         if (res.code === '0') {
+          this.dialogFormVisible = true
           this.communityArr = res.data
           this.loading = false
           loading.close()
@@ -226,22 +235,22 @@ export default {
       } else if (communitys.length === 1) {
         // 只有一个小区的时候, 默认选中
         // 显示 div
-        this.isCommunityDiv = true
-        this.isWidSelectDiv = true
+        // this.isCommunityDiv = true
+        this.isCommunityDiv = false
+        this.isWidSelectDiv = false
         this.isSelectCommunity = false
-        this.isWidSelectDiv = true
         this.isSelectDiv = false
-        this.isLoginButton = true
         this.loginForm.communityId = communitys[0].id
+        // 执行登陆方法
+        this.handleLogin()
       } else {
         // 让用户选择
         // 显示 div
-        this.isCommunityDiv = true
+        // this.isCommunityDiv = true
+        this.isCommunityDiv = false
         this.isWidSelectDiv = true
         this.isSelectCommunity = false
-        this.isWidSelectDiv = true
         this.isSelectDiv = false
-        this.isLoginButton = true
       }
     }
   }