|
@@ -1,125 +1,125 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
- xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
-<head>
|
|
|
- <title>采美365网</title>
|
|
|
- <template th:replace="components/head-link"></template>
|
|
|
- <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <link th:href="@{/css/account/bind.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <template th:replace="components/analysis"></template>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
-<!-- 引用头部 -->
|
|
|
-<template th:replace="account/components/header"></template>
|
|
|
-
|
|
|
-<!-- 绑定运营人员 -->
|
|
|
-<div id="bindPage">
|
|
|
- <div class="signAccount bind">
|
|
|
- <div class="title center">绑定运营人员</div>
|
|
|
- <div class="title-tips">
|
|
|
- <p>您的微信尚未绑定任何账号,请输入您的账号密码,并填写自己的基本信息提交后即可微信扫码直接登录</p>
|
|
|
- </div>
|
|
|
- <div class="registerClub clear">
|
|
|
- <form>
|
|
|
- <div class="form-step">
|
|
|
- <span class="step one active">1</span>
|
|
|
- <span class="step two" :class="activeNum == 1 ? 'active':''">2</span>
|
|
|
- </div>
|
|
|
- <template v-if="activeNum === 0">
|
|
|
- <div class="title">确认公司账号</div>
|
|
|
- <div class="formLine-tabs">
|
|
|
- <a class="tabs-item" :class="{ current: loginTabs === 1 }" href="javascript:void(0);" @click="handleTabsClick(1)">验证码确认</a>
|
|
|
- <a class="tabs-item" :class="{ current: loginTabs === 0 }" href="javascript:void(0);" @click="handleTabsClick(0)">账号密码确认</a>
|
|
|
- </div>
|
|
|
- <template v-if="loginTabs === 1">
|
|
|
- <div class="formLine" >
|
|
|
- <p><em>*</em>手机号:</p>
|
|
|
- <input class="codeParamsMobile" type="text" autocomplete="off" v-model.trim="codeParams.mobile" placeholder="请输入已注册的手机号" @input="handleInputPhone" :rule="rule.mobile" maxlength="11" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入正确格式的手机号"></span>
|
|
|
- </div>
|
|
|
- <div class="formLine smscode">
|
|
|
- <p><em>*</em>验证码:</p>
|
|
|
- <input type="text" class="smscode" v-model.trim="codeParams.code" autocomplete="off" placeholder="请输入短信验证码" @input="handleInputSmsCode" :rule="rule.code" maxlength="6" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入短信验证码"></span>
|
|
|
- <a class="code-btn" href="javascript:void(0);" @click="handleShowImage" :class="[isMobileDisabled1 ? 'disabled' : '']">{{ mobileCodeText1 }}</a>
|
|
|
- </div>
|
|
|
- <div class="subLine">
|
|
|
- <button class="btn" type="button" :class="isDisabled ? 'disabled' : ''" @click="handleStepNext">下一步</button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-if="loginTabs === 0">
|
|
|
- <div class="formLine">
|
|
|
- <p><em>*</em>账号:</p>
|
|
|
- <input class="mobileOrEmail" type="text" autocomplete="off" v-model.trim="userParams.mobileOrEmail" placeholder="请输入邮箱/手机号" @input="handleInputMobileOrEmail" :rule="rule.mobileOrEmail" maxlength="50" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入邮箱/手机号"></span>
|
|
|
- </div>
|
|
|
- <div class="formLine">
|
|
|
- <p><em>*</em>登录密码:</p>
|
|
|
- <input type="password" v-model.trim="userParams.password" autocomplete="new-password" placeholder="请输入8-16位数字和字母组合" @input="handleInputPassword" :rule="rule.password" maxlength="32" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
|
|
|
- </div>
|
|
|
- <div class="subLine">
|
|
|
- <button class="btn" type="button" :class="isDisabled ? 'disabled' : ''" @click="handleStepNext">下一步</button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-if="activeNum === 1">
|
|
|
- <div class="title">填写运营人员信息</div>
|
|
|
- <div class="formLine">
|
|
|
- <p><em>*</em>姓名:</p>
|
|
|
- <input type="text" v-model.trim="userParams.linkName" @input="handleInputLinkName" placeholder="请输入真实姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
|
|
|
- </div>
|
|
|
- <div class="formLine" >
|
|
|
- <p><em>*</em>手机号:</p>
|
|
|
- <input class="massageBtn" type="text" autocomplete="off" @input="handleInputMobile" v-model.trim="userParams.mobile" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="11" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
|
|
|
- </div>
|
|
|
- <div class="formLine smscode">
|
|
|
- <p><em>*</em>短信验证码:</p>
|
|
|
- <input class="smscode" type="text" v-model.trim="userParams.smsCode" @input="handleInputSmsCodee" placeholder="请输入短信验证码" :rule="rule.code" maxlength="6" @blur="blurHandle($event)" needverify>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
|
|
|
- <a class="code-btn" href="javascript:void(0);" @click="handleShowImage" :class="[isMobileDisabled ? 'disabled' : '']">{{ mobileCodeText }}</a>
|
|
|
- </div>
|
|
|
- <div class="subLine">
|
|
|
- <button class="btn" type="button" :class="isSubDisabled ? 'disabled':''" @click="handleBindConfirm">提交</button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="content-model" :class="isCodeModel ? 'active' : ''">
|
|
|
- <div class="model-main">
|
|
|
- <div class="model-title"><p>获取短信验证码</p><i class="icon mIcon icon-close" @click="closeCodeModel"></i></div>
|
|
|
- <div class="model-content">
|
|
|
- <div class="model-form">
|
|
|
- <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="bindCodeParams.imgCode" maxlength="4" needverify>
|
|
|
- <div class="image"><img :src="codeImagePath" alt=""></div>
|
|
|
- <div class="refresh" @click="handleRefreshCodeImage">
|
|
|
- <i class="icon mIcon"></i>
|
|
|
- <span>刷新</span>
|
|
|
- </div>
|
|
|
- <i class="checked icon mIcon"></i>
|
|
|
- <span class="errTips icon mIcon" tips="请输入图形验证码"></span>
|
|
|
- </div>
|
|
|
- <div class="model-button">
|
|
|
- <div class="button" @click="getMobileCodeFn">获取短信验证码</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<!-- 引入底部 -->
|
|
|
-<template th:replace="article/components/article-footer"></template>
|
|
|
-<template th:replace="components/foot-link"></template>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/account/bind.js(v=${version})}"></script>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
+ xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+<head>
|
|
|
+ <title>采美365网-绑定运营人员</title>
|
|
|
+ <template th:replace="components/head-link"></template>
|
|
|
+ <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <link th:href="@{/css/account/bind.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <template th:replace="components/analysis"></template>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="account/components/header"></template>
|
|
|
+
|
|
|
+<!-- 绑定运营人员 -->
|
|
|
+<div id="bindPage">
|
|
|
+ <div class="signAccount bind">
|
|
|
+ <div class="title center">绑定运营人员</div>
|
|
|
+ <div class="title-tips">
|
|
|
+ <p>您的微信尚未绑定任何账号,请输入您的账号密码,并填写自己的基本信息提交后即可微信扫码直接登录</p>
|
|
|
+ </div>
|
|
|
+ <div class="registerClub clear">
|
|
|
+ <form>
|
|
|
+ <div class="form-step">
|
|
|
+ <span class="step one active">1</span>
|
|
|
+ <span class="step two" :class="activeNum == 1 ? 'active':''">2</span>
|
|
|
+ </div>
|
|
|
+ <template v-if="activeNum === 0">
|
|
|
+ <div class="title">确认公司账号</div>
|
|
|
+ <div class="formLine-tabs">
|
|
|
+ <a class="tabs-item" :class="{ current: loginTabs === 1 }" href="javascript:void(0);" @click="handleTabsClick(1)">验证码确认</a>
|
|
|
+ <a class="tabs-item" :class="{ current: loginTabs === 0 }" href="javascript:void(0);" @click="handleTabsClick(0)">账号密码确认</a>
|
|
|
+ </div>
|
|
|
+ <template v-if="loginTabs === 1">
|
|
|
+ <div class="formLine" >
|
|
|
+ <p><em>*</em>手机号:</p>
|
|
|
+ <input class="codeParamsMobile" type="text" autocomplete="off" v-model.trim="codeParams.mobile" placeholder="请输入已注册的手机号" @input="handleInputPhone" :rule="rule.mobile" maxlength="11" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确格式的手机号"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine smscode">
|
|
|
+ <p><em>*</em>验证码:</p>
|
|
|
+ <input type="text" class="smscode" v-model.trim="codeParams.code" autocomplete="off" placeholder="请输入短信验证码" @input="handleInputSmsCode" :rule="rule.code" maxlength="6" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入短信验证码"></span>
|
|
|
+ <a class="code-btn" href="javascript:void(0);" @click="handleShowImage" :class="[isMobileDisabled1 ? 'disabled' : '']">{{ mobileCodeText1 }}</a>
|
|
|
+ </div>
|
|
|
+ <div class="subLine">
|
|
|
+ <button class="btn" type="button" :class="isDisabled ? 'disabled' : ''" @click="handleStepNext">下一步</button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="loginTabs === 0">
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>账号:</p>
|
|
|
+ <input class="mobileOrEmail" type="text" autocomplete="off" v-model.trim="userParams.mobileOrEmail" placeholder="请输入邮箱/手机号" @input="handleInputMobileOrEmail" :rule="rule.mobileOrEmail" maxlength="50" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入邮箱/手机号"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>登录密码:</p>
|
|
|
+ <input type="password" v-model.trim="userParams.password" autocomplete="new-password" placeholder="请输入8-16位数字和字母组合" @input="handleInputPassword" :rule="rule.password" maxlength="32" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
|
|
|
+ </div>
|
|
|
+ <div class="subLine">
|
|
|
+ <button class="btn" type="button" :class="isDisabled ? 'disabled' : ''" @click="handleStepNext">下一步</button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-if="activeNum === 1">
|
|
|
+ <div class="title">填写运营人员信息</div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>姓名:</p>
|
|
|
+ <input type="text" v-model.trim="userParams.linkName" @input="handleInputLinkName" placeholder="请输入真实姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine" >
|
|
|
+ <p><em>*</em>手机号:</p>
|
|
|
+ <input class="massageBtn" type="text" autocomplete="off" @input="handleInputMobile" v-model.trim="userParams.mobile" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="11" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine smscode">
|
|
|
+ <p><em>*</em>短信验证码:</p>
|
|
|
+ <input class="smscode" type="text" v-model.trim="userParams.smsCode" @input="handleInputSmsCodee" placeholder="请输入短信验证码" :rule="rule.code" maxlength="6" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
|
|
|
+ <a class="code-btn" href="javascript:void(0);" @click="handleShowImage" :class="[isMobileDisabled ? 'disabled' : '']">{{ mobileCodeText }}</a>
|
|
|
+ </div>
|
|
|
+ <div class="subLine">
|
|
|
+ <button class="btn" type="button" :class="isSubDisabled ? 'disabled':''" @click="handleBindConfirm">提交</button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-model" :class="isCodeModel ? 'active' : ''">
|
|
|
+ <div class="model-main">
|
|
|
+ <div class="model-title"><p>获取短信验证码</p><i class="icon mIcon icon-close" @click="closeCodeModel"></i></div>
|
|
|
+ <div class="model-content">
|
|
|
+ <div class="model-form">
|
|
|
+ <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="bindCodeParams.imgCode" maxlength="4" needverify>
|
|
|
+ <div class="image"><img :src="codeImagePath" alt=""></div>
|
|
|
+ <div class="refresh" @click="handleRefreshCodeImage">
|
|
|
+ <i class="icon mIcon"></i>
|
|
|
+ <span>刷新</span>
|
|
|
+ </div>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入图形验证码"></span>
|
|
|
+ </div>
|
|
|
+ <div class="model-button">
|
|
|
+ <div class="button" @click="getMobileCodeFn">获取短信验证码</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- 引入底部 -->
|
|
|
+<template th:replace="article/components/article-footer"></template>
|
|
|
+<template th:replace="components/foot-link"></template>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/account/bind.js(v=${version})}"></script>
|
|
|
+</body>
|
|
|
+</html>
|