|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="newLogin">
|
|
|
<div class="logoBox">
|
|
|
- <img class="logo" src="./newLoginImage/LOGO.svg">
|
|
|
+ <img class="logo" src="./newLoginImage/base.png">
|
|
|
<span style="margin-left: 0.5vw">无锡市安居投资发展有限公司</span>
|
|
|
</div>
|
|
|
<div class="QRcodeBody">
|
|
@@ -10,300 +10,300 @@
|
|
|
</div>
|
|
|
<div class="loginBox">
|
|
|
<div class="objectName">
|
|
|
- 保障管理系统
|
|
|
+ 保障房管理系统
|
|
|
</div>
|
|
|
<div class="tabBody">
|
|
|
-<!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
|
|
|
-<!-- <el-tab-pane label="领导小组" name="领导小组">-->
|
|
|
-<!-- <div class="MsgBox">-->
|
|
|
-<!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
-<!-- <el-form-->
|
|
|
-<!-- ref="loginForm"-->
|
|
|
-<!-- :model="loginForm"-->
|
|
|
-<!-- :rules="loginRules"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- class="inputBox"-->
|
|
|
-<!-- label-position="left"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-form-item prop="username">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="username"-->
|
|
|
-<!-- v-model="loginForm.username"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- placeholder="请输入用户名"-->
|
|
|
-<!-- prefix-icon="el-icon-user"-->
|
|
|
-<!-- tabindex="1"-->
|
|
|
-<!-- type="text"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <div class="forgetBox">-->
|
|
|
-<!-- <el-form-item prop="password">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="password"-->
|
|
|
-<!-- v-model="loginForm.password"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- placeholder="请输入密码"-->
|
|
|
-<!-- prefix-icon="el-icon-lock"-->
|
|
|
-<!-- show-password-->
|
|
|
-<!-- tabindex="2"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="yzBox">-->
|
|
|
-<!-- <el-form-item prop="validateCode">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="validateCode"-->
|
|
|
-<!-- v-model="loginForm.validateCode"-->
|
|
|
-<!-- placeholder="验证码"-->
|
|
|
-<!-- prefix-icon="el-icon-key"-->
|
|
|
-<!-- tabindex="3"-->
|
|
|
-<!-- @keyup.enter.native="handleLogin"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <img-->
|
|
|
-<!-- id="codeImg"-->
|
|
|
-<!-- :src="captchaImage"-->
|
|
|
-<!-- alt="点击更换"-->
|
|
|
-<!-- class="yzm"-->
|
|
|
-<!-- title="点击更换"-->
|
|
|
-<!-- @click="codeImageRefresh"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <!–记住密码 待接驳–>-->
|
|
|
-<!-- <div class="remeber"><el-checkbox v-model="checked">-->
|
|
|
-<!-- <span style="font-size: 0.633vw;"> 记住密码</span>-->
|
|
|
-<!-- </el-checkbox>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- class="eBtn"-->
|
|
|
-<!-- @click.native.prevent="handleLogin"-->
|
|
|
-<!-- >登 录</el-button>-->
|
|
|
-<!-- </el-form>-->
|
|
|
-<!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
-<!-- <!– 联系管理员 待接驳 –>-->
|
|
|
-<!-- 还没有账户?-->
|
|
|
-<!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
-<!-- <span class="ljzc">联系管理员</span>-->
|
|
|
-<!-- </el-tooltip>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="ljzcBox">-->
|
|
|
-<!-- 技术支持:城云智慧科技 | 超管解锁-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <!– <div class="ljzcBox">–>-->
|
|
|
-<!-- <!– 联系电话:(0510) 6661 9939–>-->
|
|
|
-<!-- <!– </div>–>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </el-tab-pane>-->
|
|
|
-<!-- <el-tab-pane label="行业监管" name="行业监管">-->
|
|
|
-<!-- <div class="MsgBox">-->
|
|
|
-<!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
-<!-- <el-form-->
|
|
|
-<!-- ref="loginForm"-->
|
|
|
-<!-- :model="loginForm"-->
|
|
|
-<!-- :rules="loginRules"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- class="inputBox"-->
|
|
|
-<!-- label-position="left"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-form-item prop="industry">-->
|
|
|
-<!-- <el-select v-model="selIndustry" placeholder="请选择行业">-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in options"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item prop="username">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="username"-->
|
|
|
-<!-- v-model="loginForm.username"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- placeholder="请输入用户名"-->
|
|
|
-<!-- prefix-icon="el-icon-user"-->
|
|
|
-<!-- tabindex="1"-->
|
|
|
-<!-- type="text"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <div class="forgetBox">-->
|
|
|
-<!-- <el-form-item prop="password">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="password"-->
|
|
|
-<!-- v-model="loginForm.password"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- placeholder="请输入密码"-->
|
|
|
-<!-- prefix-icon="el-icon-lock"-->
|
|
|
-<!-- show-password-->
|
|
|
-<!-- tabindex="2"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="yzBox">-->
|
|
|
-<!-- <el-form-item prop="validateCode">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- ref="validateCode"-->
|
|
|
-<!-- v-model="loginForm.validateCode"-->
|
|
|
-<!-- placeholder="验证码"-->
|
|
|
-<!-- prefix-icon="el-icon-key"-->
|
|
|
-<!-- tabindex="3"-->
|
|
|
-<!-- @keyup.enter.native="handleLogin2"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <img-->
|
|
|
-<!-- id="codeImg"-->
|
|
|
-<!-- :src="captchaImage"-->
|
|
|
-<!-- alt="点击更换"-->
|
|
|
-<!-- class="yzm"-->
|
|
|
-<!-- title="点击更换"-->
|
|
|
-<!-- @click="codeImageRefresh"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <!–记住密码 待接驳–>-->
|
|
|
-<!-- <div class="remeber"><el-checkbox v-model="checked">-->
|
|
|
-<!-- <span style="font-size: 0.633vw;"> 记住密码</span>-->
|
|
|
-<!-- </el-checkbox>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- class="eBtn"-->
|
|
|
-<!-- @click.native.prevent="handleLogin2"-->
|
|
|
-<!-- >登 录</el-button>-->
|
|
|
-<!-- </el-form>-->
|
|
|
-<!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
-<!-- <!– 联系管理员 待接驳 –>-->
|
|
|
-<!-- 还没有账户?-->
|
|
|
-<!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
-<!-- <span class="ljzc">联系管理员</span>-->
|
|
|
-<!-- </el-tooltip>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="ljzcBox">-->
|
|
|
-<!-- 技术支持:无锡市大数据集团有限公司-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="ljzcBox">-->
|
|
|
-<!-- 联系电话:(0510) 6661 9939-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </el-tab-pane>-->
|
|
|
-<!-- <el-tab-pane label="企业" name="企业">-->
|
|
|
-<!-- <div class="MsgBox">-->
|
|
|
-<!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
-<!-- <el-form-->
|
|
|
-<!-- ref="loginForm"-->
|
|
|
-<!-- :model="loginForm"-->
|
|
|
-<!-- :rules="loginRules"-->
|
|
|
-<!-- auto-complete="on"-->
|
|
|
-<!-- class="inputBox"-->
|
|
|
-<!-- label-position="left"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-form-item prop="industry">-->
|
|
|
-<!-- <el-select v-model="selIndustry" placeholder="请选择">-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in options"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- class="eBtn"-->
|
|
|
-<!-- @click.native.prevent="handleLogin3"-->
|
|
|
-<!-- >去 登 录</el-button>-->
|
|
|
-<!-- </el-form>-->
|
|
|
-<!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
-<!-- <!– 联系管理员 待接驳 –>-->
|
|
|
-<!-- 还没有账户?-->
|
|
|
-<!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
-<!-- <span class="ljzc">联系管理员</span>-->
|
|
|
-<!-- </el-tooltip>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="ljzcBox">-->
|
|
|
-<!-- 技术支持:无锡市大数据集团有限公司-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="ljzcBox">-->
|
|
|
-<!-- 联系电话:(0510) 6661 9939-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </el-tab-pane>-->
|
|
|
-<!-- </el-tabs>-->
|
|
|
- <div class="MsgBox">
|
|
|
- <div style="color: #777777;font-size: 1vw">欢迎登录</div>
|
|
|
- <el-form
|
|
|
- ref="loginForm"
|
|
|
- :model="loginForm"
|
|
|
- :rules="loginRules"
|
|
|
+ <!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
|
|
|
+ <!-- <el-tab-pane label="领导小组" name="领导小组">-->
|
|
|
+ <!-- <div class="MsgBox">-->
|
|
|
+ <!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
+ <!-- <el-form-->
|
|
|
+ <!-- ref="loginForm"-->
|
|
|
+ <!-- :model="loginForm"-->
|
|
|
+ <!-- :rules="loginRules"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- class="inputBox"-->
|
|
|
+ <!-- label-position="left"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <el-form-item prop="username">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="username"-->
|
|
|
+ <!-- v-model="loginForm.username"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- placeholder="请输入用户名"-->
|
|
|
+ <!-- prefix-icon="el-icon-user"-->
|
|
|
+ <!-- tabindex="1"-->
|
|
|
+ <!-- type="text"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <div class="forgetBox">-->
|
|
|
+ <!-- <el-form-item prop="password">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="password"-->
|
|
|
+ <!-- v-model="loginForm.password"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- placeholder="请输入密码"-->
|
|
|
+ <!-- prefix-icon="el-icon-lock"-->
|
|
|
+ <!-- show-password-->
|
|
|
+ <!-- tabindex="2"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="yzBox">-->
|
|
|
+ <!-- <el-form-item prop="validateCode">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="validateCode"-->
|
|
|
+ <!-- v-model="loginForm.validateCode"-->
|
|
|
+ <!-- placeholder="验证码"-->
|
|
|
+ <!-- prefix-icon="el-icon-key"-->
|
|
|
+ <!-- tabindex="3"-->
|
|
|
+ <!-- @keyup.enter.native="handleLogin"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <img-->
|
|
|
+ <!-- id="codeImg"-->
|
|
|
+ <!-- :src="captchaImage"-->
|
|
|
+ <!-- alt="点击更换"-->
|
|
|
+ <!-- class="yzm"-->
|
|
|
+ <!-- title="点击更换"-->
|
|
|
+ <!-- @click="codeImageRefresh"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <!–记住密码 待接驳–>-->
|
|
|
+ <!-- <div class="remeber"><el-checkbox v-model="checked">-->
|
|
|
+ <!-- <span style="font-size: 0.633vw;"> 记住密码</span>-->
|
|
|
+ <!-- </el-checkbox>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- class="eBtn"-->
|
|
|
+ <!-- @click.native.prevent="handleLogin"-->
|
|
|
+ <!-- >登 录</el-button>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
+ <!-- <!– 联系管理员 待接驳 –>-->
|
|
|
+ <!-- 还没有账户?-->
|
|
|
+ <!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
+ <!-- <span class="ljzc">联系管理员</span>-->
|
|
|
+ <!-- </el-tooltip>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 技术支持:城云智慧科技 | 超管解锁-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <!– <div class="ljzcBox">–>-->
|
|
|
+ <!-- <!– 联系电话:(0510) 6661 9939–>-->
|
|
|
+ <!-- <!– </div>–>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </el-tab-pane>-->
|
|
|
+ <!-- <el-tab-pane label="行业监管" name="行业监管">-->
|
|
|
+ <!-- <div class="MsgBox">-->
|
|
|
+ <!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
+ <!-- <el-form-->
|
|
|
+ <!-- ref="loginForm"-->
|
|
|
+ <!-- :model="loginForm"-->
|
|
|
+ <!-- :rules="loginRules"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- class="inputBox"-->
|
|
|
+ <!-- label-position="left"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <el-form-item prop="industry">-->
|
|
|
+ <!-- <el-select v-model="selIndustry" placeholder="请选择行业">-->
|
|
|
+ <!-- <el-option-->
|
|
|
+ <!-- v-for="item in options"-->
|
|
|
+ <!-- :key="item.value"-->
|
|
|
+ <!-- :label="item.label"-->
|
|
|
+ <!-- :value="item.value"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item prop="username">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="username"-->
|
|
|
+ <!-- v-model="loginForm.username"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- placeholder="请输入用户名"-->
|
|
|
+ <!-- prefix-icon="el-icon-user"-->
|
|
|
+ <!-- tabindex="1"-->
|
|
|
+ <!-- type="text"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <div class="forgetBox">-->
|
|
|
+ <!-- <el-form-item prop="password">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="password"-->
|
|
|
+ <!-- v-model="loginForm.password"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- placeholder="请输入密码"-->
|
|
|
+ <!-- prefix-icon="el-icon-lock"-->
|
|
|
+ <!-- show-password-->
|
|
|
+ <!-- tabindex="2"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="yzBox">-->
|
|
|
+ <!-- <el-form-item prop="validateCode">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- ref="validateCode"-->
|
|
|
+ <!-- v-model="loginForm.validateCode"-->
|
|
|
+ <!-- placeholder="验证码"-->
|
|
|
+ <!-- prefix-icon="el-icon-key"-->
|
|
|
+ <!-- tabindex="3"-->
|
|
|
+ <!-- @keyup.enter.native="handleLogin2"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <img-->
|
|
|
+ <!-- id="codeImg"-->
|
|
|
+ <!-- :src="captchaImage"-->
|
|
|
+ <!-- alt="点击更换"-->
|
|
|
+ <!-- class="yzm"-->
|
|
|
+ <!-- title="点击更换"-->
|
|
|
+ <!-- @click="codeImageRefresh"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <!–记住密码 待接驳–>-->
|
|
|
+ <!-- <div class="remeber"><el-checkbox v-model="checked">-->
|
|
|
+ <!-- <span style="font-size: 0.633vw;"> 记住密码</span>-->
|
|
|
+ <!-- </el-checkbox>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- class="eBtn"-->
|
|
|
+ <!-- @click.native.prevent="handleLogin2"-->
|
|
|
+ <!-- >登 录</el-button>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
+ <!-- <!– 联系管理员 待接驳 –>-->
|
|
|
+ <!-- 还没有账户?-->
|
|
|
+ <!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
+ <!-- <span class="ljzc">联系管理员</span>-->
|
|
|
+ <!-- </el-tooltip>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 技术支持:无锡市大数据集团有限公司-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 联系电话:(0510) 6661 9939-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </el-tab-pane>-->
|
|
|
+ <!-- <el-tab-pane label="企业" name="企业">-->
|
|
|
+ <!-- <div class="MsgBox">-->
|
|
|
+ <!-- <div style="color: #777777;font-size: 1vw">欢迎登录</div>-->
|
|
|
+ <!-- <el-form-->
|
|
|
+ <!-- ref="loginForm"-->
|
|
|
+ <!-- :model="loginForm"-->
|
|
|
+ <!-- :rules="loginRules"-->
|
|
|
+ <!-- auto-complete="on"-->
|
|
|
+ <!-- class="inputBox"-->
|
|
|
+ <!-- label-position="left"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <el-form-item prop="industry">-->
|
|
|
+ <!-- <el-select v-model="selIndustry" placeholder="请选择">-->
|
|
|
+ <!-- <el-option-->
|
|
|
+ <!-- v-for="item in options"-->
|
|
|
+ <!-- :key="item.value"-->
|
|
|
+ <!-- :label="item.label"-->
|
|
|
+ <!-- :value="item.value"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- class="eBtn"-->
|
|
|
+ <!-- @click.native.prevent="handleLogin3"-->
|
|
|
+ <!-- >去 登 录</el-button>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- <div class="ljzcBox" style="margin-top: 1.5vw">-->
|
|
|
+ <!-- <!– 联系管理员 待接驳 –>-->
|
|
|
+ <!-- 还没有账户?-->
|
|
|
+ <!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
+ <!-- <span class="ljzc">联系管理员</span>-->
|
|
|
+ <!-- </el-tooltip>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 技术支持:无锡市大数据集团有限公司-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 联系电话:(0510) 6661 9939-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </el-tab-pane>-->
|
|
|
+ <!-- </el-tabs>-->
|
|
|
+ <div class="MsgBox">
|
|
|
+ <div style="color: #777777;font-size: 1vw">欢迎登录</div>
|
|
|
+ <el-form
|
|
|
+ ref="loginForm"
|
|
|
+ :model="loginForm"
|
|
|
+ :rules="loginRules"
|
|
|
+ auto-complete="on"
|
|
|
+ class="inputBox"
|
|
|
+ label-position="left"
|
|
|
+ >
|
|
|
+ <el-form-item prop="username">
|
|
|
+ <el-input
|
|
|
+ ref="username"
|
|
|
+ v-model="loginForm.username"
|
|
|
+ auto-complete="on"
|
|
|
+ placeholder="请输入用户名"
|
|
|
+ prefix-icon="el-icon-user"
|
|
|
+ tabindex="1"
|
|
|
+ type="text"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <div class="forgetBox">
|
|
|
+ <el-form-item prop="password">
|
|
|
+ <el-input
|
|
|
+ ref="password"
|
|
|
+ v-model="loginForm.password"
|
|
|
auto-complete="on"
|
|
|
- class="inputBox"
|
|
|
- label-position="left"
|
|
|
+ placeholder="请输入密码"
|
|
|
+ prefix-icon="el-icon-lock"
|
|
|
+ show-password
|
|
|
+ tabindex="2"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="yzBox">
|
|
|
+ <el-form-item prop="validateCode">
|
|
|
+ <el-input
|
|
|
+ ref="validateCode"
|
|
|
+ v-model="loginForm.validateCode"
|
|
|
+ placeholder="验证码"
|
|
|
+ prefix-icon="el-icon-key"
|
|
|
+ tabindex="3"
|
|
|
+ @keyup.enter.native="handleLogin"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <img
|
|
|
+ id="codeImg"
|
|
|
+ :src="captchaImage"
|
|
|
+ alt="点击更换"
|
|
|
+ class="yzm"
|
|
|
+ title="点击更换"
|
|
|
+ @click="codeImageRefresh"
|
|
|
>
|
|
|
- <el-form-item prop="username">
|
|
|
- <el-input
|
|
|
- ref="username"
|
|
|
- v-model="loginForm.username"
|
|
|
- auto-complete="on"
|
|
|
- placeholder="请输入用户名"
|
|
|
- prefix-icon="el-icon-user"
|
|
|
- tabindex="1"
|
|
|
- type="text"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <div class="forgetBox">
|
|
|
- <el-form-item prop="password">
|
|
|
- <el-input
|
|
|
- ref="password"
|
|
|
- v-model="loginForm.password"
|
|
|
- auto-complete="on"
|
|
|
- placeholder="请输入密码"
|
|
|
- prefix-icon="el-icon-lock"
|
|
|
- show-password
|
|
|
- tabindex="2"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="yzBox">
|
|
|
- <el-form-item prop="validateCode">
|
|
|
- <el-input
|
|
|
- ref="validateCode"
|
|
|
- v-model="loginForm.validateCode"
|
|
|
- placeholder="验证码"
|
|
|
- prefix-icon="el-icon-key"
|
|
|
- tabindex="3"
|
|
|
- @keyup.enter.native="handleLogin"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <img
|
|
|
- id="codeImg"
|
|
|
- :src="captchaImage"
|
|
|
- alt="点击更换"
|
|
|
- class="yzm"
|
|
|
- title="点击更换"
|
|
|
- @click="codeImageRefresh"
|
|
|
- >
|
|
|
- </div>
|
|
|
- <!--记住密码 待接驳-->
|
|
|
- <div class="remeber"><el-checkbox v-model="checked">
|
|
|
- <span style="font-size: 0.633vw;"> 记住密码</span>
|
|
|
- </el-checkbox>
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- class="eBtn"
|
|
|
- @click.native.prevent="handleLogin"
|
|
|
- >登 录</el-button>
|
|
|
- </el-form>
|
|
|
- <div class="ljzcBox" style="margin-top: 1.5vw">
|
|
|
- <!-- 联系管理员 待接驳 -->
|
|
|
- 还没有账户?
|
|
|
- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">
|
|
|
- <span class="ljzc">联系管理员</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div class="ljzcBox">
|
|
|
- 技术支持:城云智慧科技 | 超管解锁
|
|
|
- </div>
|
|
|
- <!-- <div class="ljzcBox">-->
|
|
|
- <!-- 联系电话:(0510) 6661 9939-->
|
|
|
- <!-- </div>-->
|
|
|
+ </div>
|
|
|
+ <!--记住密码 待接驳-->
|
|
|
+ <div class="remeber"><el-checkbox v-model="checked">
|
|
|
+ <span style="font-size: 0.633vw;"> 记住密码</span>
|
|
|
+ </el-checkbox>
|
|
|
+ </div>
|
|
|
+ <el-button
|
|
|
+ class="eBtn"
|
|
|
+ @click.native.prevent="handleLogin"
|
|
|
+ >登 录</el-button>
|
|
|
+ </el-form>
|
|
|
+ <div class="ljzcBox" style="margin-top: 1.5vw">
|
|
|
+ <!-- 联系管理员 待接驳 -->
|
|
|
+ 还没有账户?
|
|
|
+<!-- <el-tooltip class="item" content="电话:(0510) 6661 9939" effect="dark" placement="right">-->
|
|
|
+ <span class="ljzc">联系管理员</span>
|
|
|
+<!-- </el-tooltip>-->
|
|
|
</div>
|
|
|
+ <div class="ljzcBox">
|
|
|
+ 技术支持:城云智慧科技 | <span @click="adminUnlock">超管解锁</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="ljzcBox">-->
|
|
|
+ <!-- 联系电话:(0510) 6661 9939-->
|
|
|
+ <!-- </div>-->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="linkBody">-->
|