2023-9-11

src/pages/account/login/index.vue

@@ -1,835 +1,791 @@
 <template>
-	<!-- 登录 -->
-	<div class="page-account">
-		<div class="container" :class="[fullWidth > 768 ? 'containerSamll' : 'containerBig']">
-			<swiper :options="swiperOption" class="swiperPross" v-if="fullWidth > 768">
-				<swiper-slide class="swiperPic" v-for="(item, index) in swiperList" :key="index">
-					<img :src="item" style="object-fit: fill;">
-				</swiper-slide>
-				<div class="swiper-pagination" slot="pagination"></div>
-			</swiper>
-			<div class="index_from page-account-container">
-				<div class="page-account-top ">
-					<div class="page-account-top-logo">
-						<img :src="login_logo" alt="logo">
-					</div>
-				</div>
-				<div v-if="this.resetStatus" class="login_tab flex">
-					<div class="login_tab_item" v-for="(item, index) in loginTab" :key="index"
-						:class="active == index ? 'active_tab' : ''" @click="loginTabSwitch(index)">{{ item }}</div>
-				</div>
-				<Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
-					v-show="!active && resetStatus">
-					<FormItem prop="username">
-						<Input type="text" v-model="formInline.username" prefix="ios-contact-outline"
-							placeholder="请输入用户名" size="large" />
-					</FormItem>
-					<FormItem prop="password">
-						<Input type="password" v-model="formInline.password" prefix="ios-lock-outline"
-							placeholder="请输入密码" size="large" />
-					</FormItem>
-					<!-- <FormItem prop="code">
+<!-- 登录 -->
+    <div class="page-account">
+        <div class="container" :class="[fullWidth > 768 ? 'containerSamll' : 'containerBig']">
+            <swiper :options="swiperOption" class="swiperPross" v-if="fullWidth > 768">
+                <swiper-slide class="swiperPic" v-for="(item, index) in swiperList" :key="index">
+                    <img :src="item" style="object-fit: fill;">
+                </swiper-slide>
+                <div class="swiper-pagination" slot="pagination"></div>
+            </swiper>
+            <div class="index_from page-account-container">
+                <div class="page-account-top ">
+                    <div class="page-account-top-logo">
+                        <img :src="login_logo" alt="logo">
+                    </div>
+                </div>
+                <div v-if="this.resetStatus" class="login_tab flex">
+                    <div class="login_tab_item" v-for="(item, index) in loginTab" :key="index"
+                        :class="active == index ? 'active_tab' : ''" @click="loginTabSwitch(index)">{{ item }}</div>
+                </div>
+                <Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
+                    v-show="!active && resetStatus">
+                    <FormItem prop="username">
+                        <Input type="text" v-model="formInline.username" prefix="ios-contact-outline"
+                            placeholder="请输入用户名" size="large" />
+                    </FormItem>
+                    <FormItem prop="password">
+                        <Input type="password" v-model="formInline.password" prefix="ios-lock-outline"
+                            placeholder="请输入密码" size="large" />
+                    </FormItem>
+                    <!-- <FormItem prop="code">
                         <div class="code">
                             <Input type="text" v-model="formInline.code" prefix="ios-keypad-outline"
                                 placeholder="请输入验证码" size="large" />
                             <img :src="imgcode" class="pictrue" @click="captchas" />
                         </div>
                     </FormItem> -->
-					<FormItem>
-						<Button type="primary" long size="large" @click="handleSubmit('formInline')" class="btn">{{
+                    <FormItem>
+                        <Button type="primary" long size="large" @click="handleSubmit('formInline')" class="btn">{{
                                 $t('page.login.submit')
                         }}
-						</Button>
-					</FormItem>
-					<div class="primary" @click="resetUpwd()" v-show="resetStatus">忘记密码</div>
-				</Form>
-				<Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
-					v-show="active && resetStatus">
-					<FormItem prop="phone">
-						<Input style="width:100%" maxlength="11" type="text" v-model="formInline.phone"
-							prefix="ios-contact-outline" placeholder="请输入手机号" size="large" />
-					</FormItem>
-					<FormItem prop="code">
-						<div class="code">
-							<Input type="text" v-model="formInline.code" prefix="ios-keypad-outline"
-								placeholder="请输入验证码" size="large" class="captch_input" />
-							<Button class="send_code" :disabled="disabled" size="large" @click="code">{{ text
+                        </Button>
+                    </FormItem>
+                    <div class="primary" @click="resetUpwd()" v-show="resetStatus">忘记密码</div>
+                </Form>
+                <Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
+                    v-show="active && resetStatus">
+                    <FormItem prop="phone">
+                        <Input style="width:100%" maxlength="11" type="text"  v-model="formInline.phone" prefix="ios-contact-outline" placeholder="请输入手机号"
+                            size="large" />
+                    </FormItem>
+                    <FormItem prop="code">
+                        <div class="code">
+                            <Input type="text" v-model="formInline.code" prefix="ios-keypad-outline"
+                                placeholder="请输入验证码" size="large" class="captch_input" />
+                            <Button class="send_code" :disabled="disabled" size="large" @click="code">{{ text
                             }}</Button>
-						</div>
-					</FormItem>
-					<FormItem>
-						<Button type="primary" long size="large" @click="handleSubmit('formInline')" class="btn">{{
+                        </div>
+                    </FormItem>
+                    <FormItem>
+                        <Button type="primary" long size="large" @click="handleSubmit('formInline')" class="btn">{{
                                 $t('page.login.submit')
                         }}
-						</Button>
-					</FormItem>
-				</Form>
-				<Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
-					v-show="!resetStatus">
-					<FormItem>
-						<Input type="text" maxlength="11" v-model="formInline.phone" prefix="ios-contact-outline"
-							placeholder="请输入手机号" size="large" />
-					</FormItem>
-					<FormItem prop="code">
-						<div class="code">
-							<Input type="text" v-model="formInline.code" prefix="ios-keypad-outline"
-								placeholder="请输入验证码" size="large" class="captch_input" />
-							<Button class="send_code" :disabled="disabled" size="large" @click="code">{{ text
+                        </Button>
+                    </FormItem>
+                </Form>
+                <Form ref="formInline" :model="formInline" :rules="ruleInline" @keyup.enter="handleSubmit('formInline')"
+                    v-show="!resetStatus">
+                    <FormItem>
+                        <Input type="text" maxlength="11" v-model="formInline.phone" prefix="ios-contact-outline" placeholder="请输入手机号"
+                            size="large" />
+                    </FormItem>
+                    <FormItem prop="code">
+                        <div class="code">
+                            <Input type="text" v-model="formInline.code" prefix="ios-keypad-outline"
+                                placeholder="请输入验证码" size="large" class="captch_input" />
+                            <Button class="send_code" :disabled="disabled" size="large" @click="code">{{ text
                             }}</Button>
-						</div>
-					</FormItem>
-					<FormItem>
-						<Input type="text" v-model="formInline.new_pwd" prefix="ios-contact-outline" placeholder="请输入密码"
-							size="large" />
-					</FormItem>
-					<FormItem>
-						<Button type="primary" long size="large" @click="resetPwd('formInline')" class="btn">提交</Button>
-					</FormItem>
-					<div class="primary" @click="resetUpwd()" v-show="!resetStatus">返回登录</div>
-				</Form>
-			</div>
-		</div>
-		<!-- <vcode :show="isShow" @success="onSuccess()" @close="onClose()" successText="行为验证通过" /> -->
-		<Verify @success="success" captchaType="blockPuzzle" :imgSize="{ width: '330px', height: '155px' }"
-			ref="verify"></Verify>
-		<div class="footer">
-			<div class="pull-right" v-if="copyright">{{copyright}}</div>
-			<!-- <div class="pull-right" v-else>Copyright ©2014-2023 <a class="infoUrl" href="https://www.crmeb.com" target="_blank">{{version}}</a></div> -->
-		</div>
-		<!--  :imgs="[Img1, Img2]" 支持自定义背景图片，详见 https://juejin.cn/post/6978777429447966757 -->
-	</div>
+                        </div>
+                    </FormItem>
+                    <FormItem>
+                        <Input type="text" v-model="formInline.new_pwd" prefix="ios-contact-outline" placeholder="请输入密码"
+                            size="large" />
+                    </FormItem>
+                    <FormItem>
+                        <Button type="primary" long size="large" @click="resetPwd('formInline')" class="btn">提交</Button>
+                    </FormItem>
+                    <div class="primary" @click="resetUpwd()" v-show="!resetStatus">返回登录</div>
+                </Form>
+            </div>
+        </div>
+        <!-- <vcode :show="isShow" @success="onSuccess()" @close="onClose()" successText="行为验证通过" /> -->
+        <Verify
+            @success="success"
+            captchaType="blockPuzzle"
+            :imgSize="{ width: '330px', height: '155px' }"
+            ref="verify"
+        ></Verify>
+      <div class="footer">
+        <div class="pull-right" v-if="copyright">{{copyright}}</div>
+        <!-- <div class="pull-right" v-else>Copyright ©2014-2023 <a class="infoUrl" href="https://www.crmeb.com" target="_blank">{{version}}</a></div> -->
+      </div>
+        <!--  :imgs="[Img1, Img2]" 支持自定义背景图片，详见 https://juejin.cn/post/6978777429447966757 -->
+    </div>
 </template>
 <script>
-	import {
-		AccountLogin,
-		loginInfoApi,
-		mobilLogin,
-		resetPassword,
-		copyrightInfoApi,
-		isCaptcha
-	} from '@/api/account';
-	import {
-		getHeaderName,
-		getHeaderSider,
-		getMenuSider,
-		getSiderSubmenu
-	} from '@/libs/system';
-	import mixins from '../mixins';
-	import Setting from '@/setting';
-	import util from '@/libs/util';
-	import axios from 'axios';
-	// import Vcode from "vue-puzzle-vcode";
-	import Verify from "@/components/verifition/Verify";
-	export default {
-		mixins: [mixins],
-		components: {
-			Verify,
-			// Vcode
-		},
-		data() {
-			return {
-				fullWidth: document.documentElement.clientWidth,
-				swiperOption: {
-					pagination: '.swiper-pagination',
-					autoplay: true
-				},
-				isShow: false, // 验证码模态框是否出现
-				loading: false,
-				autoLogin: true,
-				imgcode: '',
-				iscaptcha: false,
-				formInline: {
-					username: '',
-					password: '',
-					phone: '',
-					// code: '',
-					new_pwd: ''
-				},
-				ruleInline: {
-					username: [{
-						required: true,
-						message: '请输入用户名',
-						trigger: 'blur'
-					}],
-					password: [{
-						required: true,
-						message: '请输入密码',
-						trigger: 'blur'
-					}],
-					// code: [
-					//     { required: true, message: '请输入验证码', trigger: 'blur' }
-					// ],
-					phone: [{
-							required: true,
-							message: '请填写手机号码',
-							trigger: 'change'
-						},
-						{
-							pattern: /^1[3456789]\d{9}$/,
-							message: "手机号码格式不正确",
-							trigger: "change"
-						}
-					],
-
-				},
-				errorNum: 0,
-				login_logo: '',
-				swiperList: [],
-				defaultSwiperList: require('@/assets/images/sw.jpg'),
-				loginTab: ['账号登录', '短信登录'],
-				active: 0,
-				isSms: false,
-				disabled: false,
-				text: "获取验证码",
-				resetStatus: true,
-				copyright: '',
-				version: ''
-			}
-		},
-		created() {
-			var _this = this;
-			top != window && (top.location.href = location.href);
-			document.onkeydown = function(e) {
-				if (_this.$route.name === 'login') {
-					let key = window.event.keyCode;
-					if (key === 13) {
-						_this.handleSubmit('formInline');
-					}
-				}
-			};
-			window.addEventListener('resize', this.handleResize)
-		},
-		watch: {
-			fullWidth(val) {
-				// 为了避免频繁触发resize函数导致页面卡顿，使用定时器
-				if (!this.timer) {
-					// 一旦监听到的screenWidth值改变，就将其重新赋给data里的screenWidth
-					this.screenWidth = val
-					this.timer = true
-					let that = this
-					setTimeout(function() {
-						// 打印screenWidth变化的值
-						that.timer = false
-					}, 400)
-				}
-			},
-			$route(n) {
-				this.captchas();
-			}
-		},
-		mounted: function() {
-			this.$nextTick(() => {
-				if (this.screenWidth < 768) {
-					document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0]
-						.removeAttribute('class', 'index_bg') : '';
-				} else {
-					document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0]
-						.className = 'index_bg' : '';
-				}
-				this.swiperData();
-			});
-			this.captchas();
-			this.getCopyright();
-		},
-		methods: {
-			//切换登录方式
-			loginTabSwitch(index) {
-				this.active = index;
-				this.formInline.code = "";
-			},
-			//发送验证码
-
-			sendCode(params) {
-				if (this.disabled) {
-					this.closeModel(params);
-				}
-				// if (this.disabled) return;
-				this.disabled = true;
-				let n = 60;
-				this.text = "剩余 " + n + "s";
-				const run = setInterval(() => {
-					n = n - 1;
-					if (n < 0) {
-						clearInterval(run);
-					}
-					this.text = "剩余 " + n + "s";
-					if (this.text < "剩余 " + 0 + "s") {
-						this.disabled = false;
-						this.text = "重新获取";
-					}
-				}, 1000);
-			},
-			code() {
-				this.isSms = true;
-				if (!this.formInline.phone) return this.$Message.error('请填写手机号码');
-				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(this.formInline.phone)) return this.$Message.error('请输入正确的手机号码');
-				this.$refs.verify.show()
-
-			},
-			//忘记密码
-			resetUpwd() {
-				if (this.resetStatus) {
-					this.$set(this, 'loginTab', ['忘记密码']);
-					this.resetStatus = false;
-				} else {
-					this.$set(this, 'loginTab', ['账号登录', '短信登录']);
-					this.resetStatus = true;
-					this.active = 0;
-				}
-				this.$refs['formInline'].resetFields();
-			},
-			swiperData() {
-				loginInfoApi().then(res => {
-					let data = res.data || {};
-					this.login_logo = data.login_logo ? data.login_logo : require('@/assets/images/logo.png');
-					this.swiperList = data.slide.length ? data.slide : [this.defaultSwiperList];
-					// this.swiperList = data.slide.length ? data.slide : [{ slide: this.defaultSwiperList }];
-					this.$cache.local.setJSON('file_size_max', data.upload_file_size_max);
-				}).catch(res => {
-					this.$Message.error(res.msg)
-				})
-			},
-			getChilden(data) {
-				if (data.length && data[0].children) {
-					return this.getChilden(data[0].children)
-				}
-				return data[0].path
-			},
-			getCopyright() {
-				copyrightInfoApi().then(res => {
-					let data = res.data;
-					this.copyright = data.copyrightContext;
-					this.version = data.version;
-				}).catch(res => {
-					this.$Message.error(res.msg)
-				})
-			},
-			// 关闭模态框
-			closeModel(params) {
-				if (this.resetStatus == false) {
-					if (this.formInline.phone == "") return this.$Message.error("手机号不能为空");
-					if (this.formInline.new_pwd == "") return this.$Message.error("新密码不能为空");
-					resetPassword({
-						phone: this.formInline.phone,
-						code: this.formInline.code,
-						new_pwd: this.formInline.new_pwd,
-						// captchaType: 'blockPuzzle',
-						// captchaVerification: params.captchaVerification,
-					}).then(res => {
-						this.$Message.success(res.msg);
-						this.$set(this, 'loginTab', ['账号登录', '短信登录']);
-						this.resetStatus = true;
-						this.active = 0;
-						this.$refs['formInline'].resetFields();
-					}).catch(err => {
-						this.$Message.error(err.msg)
-					})
-				} else if (this.resetStatus == true && this.active == 0) {
-					if (this.formInline.username == "") return this.$Message.error("账号不能为空");
-					if (this.formInline.password == "") return this.$Message.error("密码不能为空");
-					let msg = this.$Message.loading({
-						content: '登录中...',
-						duration: 0
-					});
-					AccountLogin({
-						account: this.formInline.username,
-						pwd: this.formInline.password,
-						// imgcode: this.formInline.code,
-						captchaType: 'blockPuzzle',
-						captchaVerification: params.captchaVerification,
-					}).then(async res => {
-						msg();
-						if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
-						this.$store.dispatch('admin/account/setPageTitle')
-						let expires = res.data.expires_time;
-						// 记录用户登陆信息
-						util.cookies.set('uuid', res.data.user_info.id, {
-							expires: expires
-						});
-						util.cookies.set('token', res.data.token, {
-							expires: expires
-						});
-						util.cookies.set('expires_time', res.data.expires_time, {
-							expires: expires
-						});
-						const db = await this.$store.dispatch('admin/db/database', {
-							user: true
-						});
-						// 保存菜单信息
-						// db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
-						db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info)
-						.write();
-						util.makeMenu(Setting.roterPre, res.data.menus);
-						const menuSider = res.data.menus;
-						this.$store.commit('admin/menus/getmenusNav', menuSider);
-						let headerSider = getHeaderSider(res.data.menus);
-						this.$store.commit('admin/menu/setHeader', headerSider);
-						let toPath = this.getChilden(res.data.menus);
-						// 获取侧边栏菜单
-						const headerName = getHeaderName({
-							path: toPath,
-							query: {},
-							params: {},
-						}, menuSider);
-						const filterMenuSider = getMenuSider(menuSider, headerName);
-						// 指定当前显示的侧边菜单
-						this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
-						//设置首页path
-						this.$store.commit('admin/menus/setIndexPath', toPath);
-						// 记录用户信息
-						this.$store.dispatch('admin/user/set', {
-							name: res.data.user_info.account,
-							avatar: res.data.user_info.head_pic,
-							access: res.data.unique_auth,
-							logo: res.data.logo,
-							logoSmall: res.data.logo_square,
-							version: res.data.version,
-							newOrderAudioLink: res.data.newOrderAudioLink
-						});
-						// if (this.jigsaw) this.jigsaw.reset();
-
-
-						return this.$router.replace({
-							path: this.$route.query.redirect || toPath || '/'
-						});
-					}).catch(res => {
-						msg();
-						let data = res === undefined ? {} : res;
-						this.errorNum++;
-						this.captchas();
-						this.$Message.error(data.msg || '登录失败');
-					});
-				} else {
-					let msg = this.$Message.loading({
-						content: '登录中...',
-						duration: 0
-					});
-					mobilLogin({
-						phone: this.formInline.phone,
-						code: this.formInline.code,
-					}).then(async res => {
-						msg();
-						if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
-						this.$store.dispatch('admin/account/setPageTitle')
-						let expires = res.data.expires_time;
-						// 记录用户登陆信息
-						util.cookies.set('uuid', res.data.user_info.id, {
-							expires: expires
-						});
-						util.cookies.set('token', res.data.token, {
-							expires: expires
-						});
-						util.cookies.set('expires_time', res.data.expires_time, {
-							expires: expires
-						});
-						const db = await this.$store.dispatch('admin/db/database', {
-							user: true
-						});
-						// 保存菜单信息
-						// db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
-						db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info)
-						.write();
-						util.makeMenu(Setting.roterPre, res.data.menus);
-						const menuSider = res.data.menus;
-						this.$store.commit('admin/menus/getmenusNav', menuSider);
-						let headerSider = getHeaderSider(res.data.menus);
-						this.$store.commit('admin/menu/setHeader', headerSider);
-						let toPath = this.getChilden(res.data.menus);
-						// 获取侧边栏菜单
-						const headerName = getHeaderName({
-							path: toPath,
-							query: {},
-							params: {},
-						}, menuSider);
-						const filterMenuSider = getMenuSider(menuSider, headerName);
-						// 指定当前显示的侧边菜单
-						this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
-						//设置首页path
-						this.$store.commit('admin/menus/setIndexPath', toPath);
-						// 记录用户信息
-						this.$store.dispatch('admin/user/set', {
-							name: res.data.user_info.account,
-							avatar: res.data.user_info.head_pic,
-							access: res.data.unique_auth,
-							logo: res.data.logo,
-							logoSmall: res.data.logo_square,
-							version: res.data.version,
-							newOrderAudioLink: res.data.newOrderAudioLink
-						});
-						return this.$router.replace({
-							path: this.$route.query.redirect || toPath || '/'
-						});
-					}).catch(res => {
-						msg();
-						let data = res === undefined ? {} : res;
-						this.errorNum++;
-						this.captchas();
-						this.$Message.error(data.msg || '登录失败');
-					});
-				}
-			},
-			getExpiresTime(expiresTime) {
-				let nowTimeNum = Math.round(new Date() / 1000);
-				let expiresTimeNum = expiresTime - nowTimeNum;
-				return parseFloat(parseFloat(parseFloat(expiresTimeNum / 60) / 60) / 24);
-			},
-			handleResize(event) {
-				this.fullWidth = document.documentElement.clientWidth
-				if (this.fullWidth < 768) {
-					document.getElementsByTagName('canvas')[0].removeAttribute('class', 'index_bg');
-				} else {
-					document.getElementsByTagName('canvas')[0].className = 'index_bg';
-				}
-			},
-			captchas: function() {
-				this.imgcode = Setting.apiBaseURL + '/captcha_pro?' + Date.parse(new Date());
-			},
-			getLogin() {
-				if (this.formInline.username == "") return this.$Message.error("账号不能为空");
-				if (this.formInline.password == "") return this.$Message.error("密码不能为空");
-				let msg = this.$Message.loading({
-					content: '登录中...',
-					duration: 0
-				});
-				let data = {}
-				// console.log('+++++++',this.iscaptcha);
-				// if(this.iscaptcha === true) {
-				//     data= {
-				//         account: this.formInline.username,
-				//         pwd: this.formInline.password,
-				//         captchaType: 'blockPuzzle',
-				//         captchaVerification: params.captchaVerification,
-				//     }
-				// } else {
-				data = {
-					account: this.formInline.username,
-					pwd: this.formInline.password,
-					captchaType: '',
-					captchaVerification: '',
-				}
-				// }
-				// console.log(data,'-------****');
-				AccountLogin(data).then(async res => {
-					msg();
-					if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
-					this.$store.dispatch('admin/account/setPageTitle')
-					let expires = res.data.expires_time;
-					// 记录用户登陆信息
-					util.cookies.set('uuid', res.data.user_info.id, {
-						expires: expires
-					});
-					util.cookies.set('token', res.data.token, {
-						expires: expires
-					});
-					util.cookies.set('expires_time', res.data.expires_time, {
-						expires: expires
-					});
-					const db = await this.$store.dispatch('admin/db/database', {
-						user: true
-					});
-					// 保存菜单信息
-					// db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
-					db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
-					util.makeMenu(Setting.roterPre, res.data.menus);
-					const menuSider = res.data.menus;
-					this.$store.commit('admin/menus/getmenusNav', menuSider);
-					let headerSider = getHeaderSider(res.data.menus);
-					this.$store.commit('admin/menu/setHeader', headerSider);
-					let toPath = this.getChilden(res.data.menus);
-					// 获取侧边栏菜单
-					const headerName = getHeaderName({
-						path: toPath,
-						query: {},
-						params: {},
-					}, menuSider);
-					const filterMenuSider = getMenuSider(menuSider, headerName);
-					// 指定当前显示的侧边菜单
-					this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
-					//设置首页path
-					this.$store.commit('admin/menus/setIndexPath', toPath);
-					// 记录用户信息
-					this.$store.dispatch('admin/user/set', {
-						name: res.data.user_info.account,
-						avatar: res.data.user_info.head_pic,
-						access: res.data.unique_auth,
-						logo: res.data.logo,
-						logoSmall: res.data.logo_square,
-						version: res.data.version,
-						newOrderAudioLink: res.data.newOrderAudioLink
-					});
-					// if (this.jigsaw) this.jigsaw.reset();
-
-
-					return this.$router.replace({
-						path: this.$route.query.redirect || toPath || '/'
-					});
-				}).catch(res => {
-					msg();
-					let data = res === undefined ? {} : res;
-					this.errorNum++;
-					this.captchas();
-					this.$Message.error(data.msg || '登录失败');
-				});
-			},
-			handleSubmit(name) {
-				this.$refs[name].validate((valid) => {
-					if (valid && this.active == 0) {
-						isCaptcha({
-							account: this.formInline.username,
-						}).then(res => {
-							this.iscaptcha = res.data.is_captcha
-							if (this.iscaptcha === true) {
-								this.$refs.verify.show()
-							} else {
-								this.getLogin()
-							}
-						})
-					} else {
-						this.closeModel()
-					}
-				})
-			},
-			resetPwd(name) {
-				this.$refs[name].validate((valid) => {
-					if (valid) {
-						this.$refs.verify.show()
-						// if (this.formInline.phone == "") return this.$Message.error("手机号不能为空");
-						// if (this.formInline.new_pwd == "") return this.$Message.error("新密码不能为空");
-						// resetPassword({
-						//     phone: this.formInline.phone,
-						//     code: this.formInline.code,
-						//     new_pwd: this.formInline.new_pwd,
-						//     captchaType: 'blockPuzzle',
-						//     captchaVerification: params.captchaVerification,
-						// }).then(res => {
-						//     this.$Message.success(res.msg);
-						//     this.$set(this, 'loginTab', ['账号登录', '短信登录']);
-						//     this.resetStatus = true;
-						//     this.active = 0;
-						//     this.$refs['formInline'].resetFields();
-						// }).catch(err => {
-						//     this.$Message.error(err.msg)
-						// })
-					}
-				})
-			},
-			success(params) {
-				if (this.isSms) {
-					let verification = Setting.apiBaseURL.replace(/adminapi/, 'api');
-					axios.get(verification + '/verify_code').then(res => {
-						let codeData = {
-							type: "login",
-							phone: this.formInline.phone,
-							key: res.data.data.key,
-							code: '',
-							captchaType: 'blockPuzzle',
-							captchaVerification: params.captchaVerification,
-						};
-						fetch(verification + '/register/verify', {
-							method: 'POST',
-							headers: {
-								"Content-Type": "application/json"
-							},
-							body: JSON.stringify(codeData)
-						}).then(response => {
-							this.sendCode();
-						}).catch(err => {
-							this.$Message.error(err.msg);
-						})
-					})
-				} else {
-					this.closeModel(params);
-					//可执行通过验证后的操作
-				}
-
-			},
-			// 用户点击遮罩层，应该关闭模态框
-			onClose() {
-				this.isShow = false;
-			},
-		},
-		beforeCreate() {
-			if (this.fullWidth < 768) {
-				document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].removeAttribute(
-					'class', 'index_bg') : '';
-			} else {
-				document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].className =
-					'index_bg' : '';
-			}
-		},
-		beforeDestroy: function() {
-			window.removeEventListener('resize', this.handleResize);
-			document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].removeAttribute(
-				'class', 'index_bg') : '';
-		}
-	};
+import { AccountLogin, loginInfoApi, mobilLogin, resetPassword, copyrightInfoApi, isCaptcha} from '@/api/account';
+import { getHeaderName, getHeaderSider, getMenuSider, getSiderSubmenu } from '@/libs/system';
+import mixins from '../mixins';
+import Setting from '@/setting';
+import util from '@/libs/util';
+import axios from 'axios';
+// import Vcode from "vue-puzzle-vcode";
+import Verify from "@/components/verifition/Verify";
+export default {
+    mixins: [mixins],
+    components: {
+        Verify,
+        // Vcode
+    },
+    data() {
+        return {
+            fullWidth: document.documentElement.clientWidth,
+            swiperOption: {
+                pagination: '.swiper-pagination',
+                autoplay: true
+            },
+            isShow: false, // 验证码模态框是否出现
+            loading: false,
+            autoLogin: true,
+            imgcode: '',
+            iscaptcha: false,
+            formInline: {
+                username: '',
+                password: '',
+                phone: '',
+                // code: '',
+                new_pwd: ''
+            },
+            ruleInline: {
+                username: [
+                    { required: true, message: '请输入用户名', trigger: 'blur' }
+                ],
+                password: [
+                    { required: true, message: '请输入密码', trigger: 'blur' }
+                ],
+                // code: [
+                //     { required: true, message: '请输入验证码', trigger: 'blur' }
+                // ],
+                phone: [
+                    { required: true, message: '请填写手机号码', trigger: 'change' },
+                    { pattern: /^1[3456789]\d{9}$/, message: "手机号码格式不正确", trigger: "change" }
+                ],
+
+            },
+            errorNum: 0,
+            login_logo: '',
+            swiperList: [],
+            defaultSwiperList: require('@/assets/images/sw.jpg'),
+            loginTab: ['账号登录', '短信登录'],
+            active: 0,
+            isSms: false,
+            disabled: false,
+            text: "获取验证码",
+            resetStatus: true,
+            copyright: '',
+            version:''
+        }
+    },
+    created() {
+        var _this = this;
+        top != window && (top.location.href = location.href);
+        document.onkeydown = function (e) {
+            if (_this.$route.name === 'login') {
+                let key = window.event.keyCode;
+                if (key === 13) {
+                    _this.handleSubmit('formInline');
+                }
+            }
+        };
+        window.addEventListener('resize', this.handleResize)
+    },
+    watch: {
+        fullWidth(val) {
+            // 为了避免频繁触发resize函数导致页面卡顿，使用定时器
+            if (!this.timer) {
+                // 一旦监听到的screenWidth值改变，就将其重新赋给data里的screenWidth
+                this.screenWidth = val
+                this.timer = true
+                let that = this
+                setTimeout(function () {
+                    // 打印screenWidth变化的值
+                    that.timer = false
+                }, 400)
+            }
+        },
+        $route(n) {
+            this.captchas();
+        }
+    },
+    mounted: function () {
+        this.$nextTick(() => {
+            if (this.screenWidth < 768) {
+                document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].removeAttribute('class', 'index_bg') : '';
+            } else {
+                document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].className = 'index_bg' : '';
+            }
+            this.swiperData();
+        });
+        this.captchas();
+        this.getCopyright();
+    },
+    methods: {
+        //切换登录方式
+        loginTabSwitch(index) {
+            this.active = index;
+            this.formInline.code = "";
+        },
+        //发送验证码
+        
+        sendCode(params) {
+            if(this.disabled) {
+                this.closeModel(params);
+            }
+            // if (this.disabled) return;
+            this.disabled = true;
+            let n = 60;
+            this.text = "剩余 " + n + "s";
+            const run = setInterval(() => {
+                n = n - 1;
+                if (n < 0) {
+                    clearInterval(run);
+                }
+                this.text = "剩余 " + n + "s";
+                if (this.text < "剩余 " + 0 + "s") {
+                    this.disabled = false;
+                    this.text = "重新获取";
+                }
+            }, 1000);
+        },
+        code() {
+            this.isSms = true;
+            if (!this.formInline.phone) return this.$Message.error('请填写手机号码');
+            if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(this.formInline.phone)) return this.$Message.error('请输入正确的手机号码');
+            this.$refs.verify.show()    
+
+        },
+        //忘记密码
+        resetUpwd() {
+            if (this.resetStatus) {
+                this.$set(this, 'loginTab', ['忘记密码']);
+                this.resetStatus = false;
+            } else {
+                this.$set(this, 'loginTab', ['账号登录', '短信登录']);
+                this.resetStatus = true;
+                this.active = 0;
+            }
+            this.$refs['formInline'].resetFields();
+        },
+        swiperData() {
+            loginInfoApi().then(res => {
+                let data = res.data || {};
+                this.login_logo = data.login_logo ? data.login_logo : require('@/assets/images/logo.png');
+                this.swiperList = data.slide.length ? data.slide : [this.defaultSwiperList];
+                // this.swiperList = data.slide.length ? data.slide : [{ slide: this.defaultSwiperList }];
+                this.$cache.local.setJSON( 'file_size_max',data.upload_file_size_max);
+            }).catch(res => {
+                this.$Message.error(res.msg)
+            })
+        },
+        getChilden(data) {
+            if(data.length && data[0].children) {
+                return this.getChilden(data[0].children)
+            }
+            return data[0].path
+        },
+        getCopyright() {
+          copyrightInfoApi().then(res => {
+            let data = res.data;
+            this.copyright = data.copyrightContext;
+            this.version = data.version;
+          }).catch(res => {
+            this.$Message.error(res.msg)
+          })
+        },
+        // 关闭模态框
+        closeModel(params) {    
+            if(this.resetStatus == false) {
+                if (this.formInline.phone == "") return this.$Message.error("手机号不能为空");
+                if (this.formInline.new_pwd == "") return this.$Message.error("新密码不能为空");
+                resetPassword({
+                    phone: this.formInline.phone,
+                    code: this.formInline.code,
+                    new_pwd: this.formInline.new_pwd,
+                    // captchaType: 'blockPuzzle',
+                    // captchaVerification: params.captchaVerification,
+                }).then(res => {
+                    this.$Message.success(res.msg);
+                    this.$set(this, 'loginTab', ['账号登录', '短信登录']);
+                    this.resetStatus = true;
+                    this.active = 0;
+                    this.$refs['formInline'].resetFields();
+                }).catch(err => {
+                    this.$Message.error(err.msg)
+                })
+            }else if (this.resetStatus == true && this.active == 0) {
+                if (this.formInline.username == "") return this.$Message.error("账号不能为空");
+                if (this.formInline.password == "") return this.$Message.error("密码不能为空");
+                let msg = this.$Message.loading({
+                    content: '登录中...',
+                    duration: 0
+                });
+                AccountLogin({
+                    account: this.formInline.username,
+                    pwd: this.formInline.password,
+                    // imgcode: this.formInline.code,
+                    captchaType: 'blockPuzzle',
+                    captchaVerification: params.captchaVerification,
+                }).then(async res => {
+                    msg();
+                    if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
+                    this.$store.dispatch('admin/account/setPageTitle')
+                    let expires = res.data.expires_time;
+                    // 记录用户登陆信息
+                    util.cookies.set('uuid', res.data.user_info.id, {
+                        expires: expires
+                    });
+                    util.cookies.set('token', res.data.token, {
+                        expires: expires
+                    });
+                    util.cookies.set('expires_time', res.data.expires_time, {
+                        expires: expires
+                    });
+                    const db = await this.$store.dispatch('admin/db/database', {
+                        user: true
+                    });
+                    // 保存菜单信息
+                    // db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    util.makeMenu(Setting.roterPre, res.data.menus);
+                    const menuSider = res.data.menus;
+                    this.$store.commit('admin/menus/getmenusNav', menuSider);
+                    let headerSider = getHeaderSider(res.data.menus);
+                    this.$store.commit('admin/menu/setHeader', headerSider);
+                    let toPath = this.getChilden(res.data.menus);
+                    // 获取侧边栏菜单
+                    const headerName = getHeaderName({
+                        path: toPath,
+                        query:{},
+                        params:{},
+                    }, menuSider);
+                    const filterMenuSider = getMenuSider(menuSider, headerName);
+                    // 指定当前显示的侧边菜单
+                    this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
+                    //设置首页path
+                    this.$store.commit('admin/menus/setIndexPath', toPath);
+                    // 记录用户信息
+                    this.$store.dispatch('admin/user/set', {
+                        name: res.data.user_info.account,
+                        avatar: res.data.user_info.head_pic,
+                        access: res.data.unique_auth,
+                        logo: res.data.logo,
+                        logoSmall: res.data.logo_square,
+                        version: res.data.version,
+                        newOrderAudioLink: res.data.newOrderAudioLink
+                    });
+                    // if (this.jigsaw) this.jigsaw.reset();
+
+
+                    return this.$router.replace({ path: this.$route.query.redirect || toPath || '/' });
+                }).catch(res => {
+                    msg();
+                    let data = res === undefined ? {} : res;
+                    this.errorNum++;
+                    this.captchas();
+                    this.$Message.error(data.msg || '登录失败');
+                });
+            } else {
+                let msg = this.$Message.loading({
+                    content: '登录中...',
+                    duration: 0
+                });
+                mobilLogin({
+                    phone: this.formInline.phone,
+                    code: this.formInline.code,
+                }).then(async res => {
+                    msg();
+                    if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
+                    this.$store.dispatch('admin/account/setPageTitle')
+                    let expires = res.data.expires_time;
+                    // 记录用户登陆信息
+                    util.cookies.set('uuid', res.data.user_info.id, {
+                        expires: expires
+                    });
+                    util.cookies.set('token', res.data.token, {
+                        expires: expires
+                    });
+                    util.cookies.set('expires_time', res.data.expires_time, {
+                        expires: expires
+                    });
+                    const db = await this.$store.dispatch('admin/db/database', {
+                        user: true
+                    });
+                    // 保存菜单信息
+                    // db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    util.makeMenu(Setting.roterPre, res.data.menus);
+                    const menuSider = res.data.menus;
+                    this.$store.commit('admin/menus/getmenusNav', menuSider);
+                    let headerSider = getHeaderSider(res.data.menus);
+                    this.$store.commit('admin/menu/setHeader', headerSider);
+                    let toPath = this.getChilden(res.data.menus);
+                    // 获取侧边栏菜单
+                    const headerName = getHeaderName({
+                        path: toPath,
+                        query:{},
+                        params:{},
+                    }, menuSider);
+                    const filterMenuSider = getMenuSider(menuSider, headerName);
+                    // 指定当前显示的侧边菜单
+                    this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
+                    //设置首页path
+                    this.$store.commit('admin/menus/setIndexPath', toPath);
+                    // 记录用户信息
+                    this.$store.dispatch('admin/user/set', {
+                        name: res.data.user_info.account,
+                        avatar: res.data.user_info.head_pic,
+                        access: res.data.unique_auth,
+                        logo: res.data.logo,
+                        logoSmall: res.data.logo_square,
+                        version: res.data.version,
+                        newOrderAudioLink: res.data.newOrderAudioLink
+                    });
+                    return this.$router.replace({ path: this.$route.query.redirect || toPath || '/' });
+                }).catch(res => {
+                    msg();
+                    let data = res === undefined ? {} : res;
+                    this.errorNum++;
+                    this.captchas();
+                    this.$Message.error(data.msg || '登录失败');
+                });
+            }
+        },
+        getExpiresTime(expiresTime) {
+            let nowTimeNum = Math.round(new Date() / 1000);
+            let expiresTimeNum = expiresTime - nowTimeNum;
+            return parseFloat(parseFloat(parseFloat(expiresTimeNum / 60) / 60) / 24);
+        },
+        handleResize(event) {
+            this.fullWidth = document.documentElement.clientWidth
+            if (this.fullWidth < 768) {
+                document.getElementsByTagName('canvas')[0].removeAttribute('class', 'index_bg');
+            } else {
+                document.getElementsByTagName('canvas')[0].className = 'index_bg';
+            }
+        },
+        captchas: function () {
+            this.imgcode = Setting.apiBaseURL + '/captcha_pro?' + Date.parse(new Date());
+        },
+        getLogin() {
+            if (this.formInline.username == "") return this.$Message.error("账号不能为空");
+            if (this.formInline.password == "") return this.$Message.error("密码不能为空");
+            let msg = this.$Message.loading({
+                content: '登录中...',
+                duration: 0
+            });
+            let data = {}
+            // console.log('+++++++',this.iscaptcha);
+            // if(this.iscaptcha === true) {
+            //     data= {
+            //         account: this.formInline.username,
+            //         pwd: this.formInline.password,
+            //         captchaType: 'blockPuzzle',
+            //         captchaVerification: params.captchaVerification,
+            //     }
+            // } else {
+                data= {
+                    account: this.formInline.username,
+                    pwd: this.formInline.password,
+                    captchaType: '',
+                    captchaVerification: '',
+                }
+            // }
+            // console.log(data,'-------****');
+            AccountLogin(data).then(async res => {
+                    msg();
+                    if (!res.data.unique_auth.length) return this.$Message.error('您暂无任何菜单权限');
+                    this.$store.dispatch('admin/account/setPageTitle')
+                    let expires = res.data.expires_time;
+                    // 记录用户登陆信息
+                    util.cookies.set('uuid', res.data.user_info.id, {
+                        expires: expires
+                    });
+                    util.cookies.set('token', res.data.token, {
+                        expires: expires
+                    });
+                    util.cookies.set('expires_time', res.data.expires_time, {
+                        expires: expires
+                    });
+                    const db = await this.$store.dispatch('admin/db/database', {
+                        user: true
+                    });
+                    // 保存菜单信息
+                    // db.set('menus', res.data.menus).set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    db.set('unique_auth', res.data.unique_auth).set('user_info', res.data.user_info).write();
+                    util.makeMenu(Setting.roterPre, res.data.menus);
+                    const menuSider = res.data.menus;
+                    this.$store.commit('admin/menus/getmenusNav', menuSider);
+                    let headerSider = getHeaderSider(res.data.menus);
+                    this.$store.commit('admin/menu/setHeader', headerSider);
+                    let toPath = this.getChilden(res.data.menus);
+                    // 获取侧边栏菜单
+                    const headerName = getHeaderName({
+                        path: toPath,
+                        query:{},
+                        params:{},
+                    }, menuSider);
+                    const filterMenuSider = getMenuSider(menuSider, headerName);
+                    // 指定当前显示的侧边菜单
+                    this.$store.commit('admin/menu/setSider', filterMenuSider[0].children);
+                    //设置首页path
+                    this.$store.commit('admin/menus/setIndexPath', toPath);
+                    // 记录用户信息
+                    this.$store.dispatch('admin/user/set', {
+                        name: res.data.user_info.account,
+                        avatar: res.data.user_info.head_pic,
+                        access: res.data.unique_auth,
+                        logo: res.data.logo,
+                        logoSmall: res.data.logo_square,
+                        version: res.data.version,
+                        newOrderAudioLink: res.data.newOrderAudioLink
+                    });
+                    // if (this.jigsaw) this.jigsaw.reset();
+
+
+                    return this.$router.replace({ path: this.$route.query.redirect || toPath || '/' });
+                }).catch(res => {
+                msg();
+                let data = res === undefined ? {} : res;
+                this.errorNum++;
+                this.captchas();
+                this.$Message.error(data.msg || '登录失败');
+            });
+        },
+        handleSubmit(name) {
+            this.$refs[name].validate((valid) => {
+                if (valid && this.active == 0) {
+                    isCaptcha({
+                        account: this.formInline.username,
+                    }).then(res => {
+                        this.iscaptcha = res.data.is_captcha
+                        if (this.iscaptcha === true) {
+                            this.$refs.verify.show()
+                        } else {
+                            this.getLogin()
+                        }
+                    })
+                } else {
+                    this.closeModel()
+                }
+            })
+        },
+        resetPwd(name) {
+            this.$refs[name].validate((valid) => {
+                if (valid) {
+                    this.$refs.verify.show()
+                    // if (this.formInline.phone == "") return this.$Message.error("手机号不能为空");
+                    // if (this.formInline.new_pwd == "") return this.$Message.error("新密码不能为空");
+                    // resetPassword({
+                    //     phone: this.formInline.phone,
+                    //     code: this.formInline.code,
+                    //     new_pwd: this.formInline.new_pwd,
+                    //     captchaType: 'blockPuzzle',
+                    //     captchaVerification: params.captchaVerification,
+                    // }).then(res => {
+                    //     this.$Message.success(res.msg);
+                    //     this.$set(this, 'loginTab', ['账号登录', '短信登录']);
+                    //     this.resetStatus = true;
+                    //     this.active = 0;
+                    //     this.$refs['formInline'].resetFields();
+                    // }).catch(err => {
+                    //     this.$Message.error(err.msg)
+                    // })
+                }
+            })
+        },
+        success(params) {
+            if (this.isSms) {
+                let verification = Setting.apiBaseURL.replace(/adminapi/, 'api');
+                axios.get(verification + '/verify_code').then(res => {
+                    let codeData = {
+                        type: "login",
+                        phone: this.formInline.phone,
+                        key: res.data.data.key,
+                        code: '',
+                        captchaType: 'blockPuzzle',
+                        captchaVerification: params.captchaVerification,
+                    };
+                    fetch(verification + '/register/verify', {
+                        method: 'POST',
+                        headers: {
+                            "Content-Type": "application/json"
+                        },
+                        body: JSON.stringify(codeData)
+                    }
+                    ).then(response => {
+                        this.sendCode();
+                    }).catch(err => {
+                        this.$Message.error(err.msg);
+                    })
+                })
+            } else {
+                this.closeModel(params);
+                //可执行通过验证后的操作
+            }
+
+        },
+        // 用户点击遮罩层，应该关闭模态框
+        onClose() {
+            this.isShow = false;
+        },
+    },
+    beforeCreate() {
+        if (this.fullWidth < 768) {
+            document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].removeAttribute('class', 'index_bg') : '';
+        } else {
+            document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].className = 'index_bg' : '';
+        }
+    },
+    beforeDestroy: function () {
+        window.removeEventListener('resize', this.handleResize);
+        document.getElementsByTagName('canvas')[0] ? document.getElementsByTagName('canvas')[0].removeAttribute('class', 'index_bg') : '';
+    }
+};
 </script>
 <style scoped lang="stylus">
-	.page-account {
-		display: flex;
-	}
-
-	.page-account .code {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.page-account .code .pictrue {
-		height: 40px;
-		margin-left: 10px;
-	}
-
-	.swiperPross {
-		border-radius: 6px 0px 0px 6px;
-	}
-
-	.swiperPross,
-	.swiperPic,
-	.swiperPic img {
-		width: 510px;
-		height: 100%;
-	}
-
-	.swiperPic img {
-		width: 100%;
-		height: 100%;
-	}
-
-	.container {
-		height: 420px !important;
-		padding: 0 !important;
-		/*overflow: hidden;*/
-		border-radius: 6px;
-		z-index: 1;
-		display: flex;
-	}
-
-	.containerSamll {
-		/*width: 56% !important;*/
-		background: #fff !important;
-	}
-
-	.containerBig {
-		width: auto !important;
-		background: #f7f7f7 !important;
-	}
-
-	.index_from {
-		padding: 0 40px 0 40px;
-		box-sizing: border-box;
-	}
-
-	.page-account-top {
-		padding: 20px 0 !important;
-		box-sizing: border-box !important;
-		display: flex;
-		justify-content: center;
-	}
-
-	.page-account-container {
-		border-radius: 0px 6px 6px 0px;
-	}
-
-	.btn {
-		background: linear-gradient(90deg, rgba(25, 180, 241, 1) 0%, rgba(14, 115, 232, 1) 100%) !important;
-	}
-
-	.captchaBox {
-		width: 310px;
-	}
-
-	input {
-		display: block;
-		width: 290px;
-		line-height: 40px;
-		margin: 10px 0;
-		padding: 0 10px;
-		outline: none;
-		border: 1px solid #c8cccf;
-		border-radius: 4px;
-		color: #6a6f77;
-	}
-
-	#msg {
-		width: 100%;
-		line-height: 40px;
-		font-size: 14px;
-		text-align: center;
-	}
-
-	a:link,
-	a:visited,
-	a:hover,
-	a:active {
-		margin-left: 100px;
-		color: #0366D6;
-	}
-
-	.index_from>>>.ivu-input-large font-size:14px !important .flex {
-		display: flex;
-	}
-
-	.login_tab {
-		font-size: 16px;
-		margin: 0 0 20px;
-		justify-content: center;
-	}
-
-	.login_tab_item {
-		width: 50%;
-		text-align: center;
-		padding-bottom: 15px;
-		border-bottom: 1px solid #eee;
-		cursor: pointer;
-	}
-
-	.active_tab {
-		border-bottom: 2px solid #1495ED;
-		color: #1495ED;
-		font-weight: 600;
-	}
-
-	.captch_input {
-		width: 200px;
-	}
-
-	.send_code {
-		flex: 1;
-		border: 1px solid #eee;
-		cursor: pointer;
-		margin-left: 10px;
-	}
-
-	.primary {
-		color: #1495ED;
-		font-size: 12px;
-		cursor: pointer;
-	}
-
-	.pull-right {
-		float: right !important;
-
-		.infoUrl {
-			margin 0;
-			color #515a6e !important;
-
-			&:hover {
-				color #1890ff !important;
-			}
-		}
-	}
-
-	.footer {
-		position: fixed;
-		bottom: 0;
-		width: 100%;
-		left: 0;
-		margin: 0;
-		background: rgba(255, 255, 255, .8);
-		border-top: 1px solid #e7eaec;
-		overflow: hidden;
-		padding: 10px 20px;
-		height: 36px;
-	}
-</style>
+    .page-account {
+        display: flex;
+    }
+
+    .page-account .code {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .page-account .code .pictrue {
+        height: 40px;
+        margin-left: 10px;
+    }
+
+    .swiperPross {
+        border-radius: 6px 0px 0px 6px;
+    }
+
+    .swiperPross, .swiperPic, .swiperPic img {
+        width: 510px;
+        height: 100%;
+    }
+
+    .swiperPic img {
+        width: 100%;
+        height: 100%;
+    }
+
+    .container {
+        height: 420px !important;
+        padding: 0 !important;
+        /*overflow: hidden;*/
+        border-radius: 6px;
+        z-index: 1;
+        display: flex;
+    }
+
+    .containerSamll {
+        /*width: 56% !important;*/
+        background: #fff !important;
+    }
+
+    .containerBig {
+        width: auto !important;
+        background: #f7f7f7 !important;
+    }
+
+    .index_from {
+        padding: 0 40px 0 40px;
+        box-sizing: border-box;
+    }
+
+    .page-account-top {
+        padding: 20px 0 !important;
+        box-sizing: border-box !important;
+        display: flex;
+        justify-content: center;
+    }
+
+    .page-account-container {
+        border-radius: 0px 6px 6px 0px;
+    }
+
+    .btn {
+        background: linear-gradient(90deg, rgba(25, 180, 241, 1) 0%, rgba(14, 115, 232, 1) 100%) !important;
+    }
+
+    .captchaBox {
+        width: 310px;
+    }
+
+    input {
+        display: block;
+        width: 290px;
+        line-height: 40px;
+        margin: 10px 0;
+        padding: 0 10px;
+        outline: none;
+        border: 1px solid #c8cccf;
+        border-radius: 4px;
+        color: #6a6f77;
+    }
+
+    #msg {
+        width: 100%;
+        line-height: 40px;
+        font-size: 14px;
+        text-align: center;
+    }
+
+    a:link, a:visited, a:hover, a:active {
+        margin-left: 100px;
+        color: #0366D6;
+    }
+
+    .index_from >>> .ivu-input-large
+        font-size:14px!important
+    .flex{
+        display: flex;
+    }
+    .login_tab{
+        font-size: 16px;
+        margin:0 0 20px;
+        justify-content: center;
+    }
+    .login_tab_item{
+        width:50%;
+        text-align:center;
+        padding-bottom:15px;
+        border-bottom:1px solid #eee;
+        cursor :pointer;
+    }
+    .active_tab{
+        border-bottom:2px solid #1495ED;
+        color:#1495ED;
+        font-weight:600;
+    }
+    .captch_input{
+        width:200px;
+    }
+    .send_code{
+        flex:1;
+        border:1px solid #eee;
+        cursor: pointer;
+        margin-left: 10px;
+    }
+    .primary{
+        color:#1495ED;
+        font-size:12px;
+        cursor: pointer;
+    }
+    .pull-right {
+      float: right!important;
+      .infoUrl{
+        margin 0;
+        color #515a6e !important;
+        &:hover{
+           color #1890ff!important;
+        }
+      }
+    }
+    .footer{
+      position: fixed;
+      bottom: 0;
+      width: 100%;
+      left: 0;
+      margin: 0;
+      background: rgba(255,255,255,.8);
+      border-top: 1px solid #e7eaec;
+      overflow: hidden;
+      padding: 10px 20px;
+      height: 36px;
+    }
+</style>

src/pages/app/wechat/card/index.vue

@@ -67,7 +67,8 @@
 							<div class="custom_link" v-if="formValidate.custom_cell != ''">
 								<div class="link" v-for="(item,index) in formValidate.custom_cell">
 									{{item.name ||' 自定义入口(选填)'}}<span class="you"><span
-											class="guide">{{item.tips}}</span>></span></div>
+											class="guide">{{item.tips}}</span>></span>
+								</div>
 							</div>
 							<div class="custom_link" v-else>
 								<div class="link">自定义入口<span class="tip">(选填)</span><span class="you">></span></div>
@@ -748,40 +749,44 @@
 			border 1px solid #e7e7eb;
 
 			img {
-				width 320px display inline-block margin 5px 0px;
+				width: 320px;
+				display: inline-block;
+				margin: 5px 0px;
 
 			}
 
 			.legal {
-				width 266px;
-				margin 0px auto;
-				margin-bottom 20px;
-				display flex;
-				justify-content space-around;
-				text-align center;
+				width: 266px;
+				margin: 0px auto;
+				margin-bottom: 20px;
+				display: flex;
+				justify-content: space-around;
+				text-align: center;
 
 				// padding 0px 20px;
 				.legal_box {
-					cursor pointer;
+					cursor: pointer;
 
 					.legal_top {
-						color #9a9a9a;
-						font-size 12px;
+						color: #9a9a9a;
+						font-size: 12px;
 					}
 
 					.legal_bottom {
-						color #63b359;
-						font-size 15px;
+						color: #63b359;
+						font-size: 15px;
 					}
 				}
 			}
 
 			.entry {
 				// width 266px;
-				margin 20px auto;
+				margin: 20px auto;
 
 				// margin-bottom 20px;
-				text-align center .entry_btn {
+				text-align center;
+
+				.entry_btn {
 					width: fit-content;
 					padding 0px 30px;
 					height 40px;
@@ -832,19 +837,22 @@
 							width 40px;
 							height 40px;
 							border 1px solid #FFFFFF;
-							border-radius 50% overflow hidden;
+							border-radius 50%;
+							overflow hidden;
 							background-color #FFFFFF;
 						}
 
 						.info_box {
-							margin-left 5px font-weight bold;
-
-							margin-top 5px .info {
-								max-width 150px;
-								font-size 15px;
-								overflow hidden;
-								text-overflow ellipsis;
-								white-space nowrap;
+							margin-left: 5px;
+							font-weight: bold;
+							margin-top: 5px;
+
+							.info {
+								max-width: 150px;
+								font-size: 15px;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								white-space: nowrap;
 							}
 						}
 					}
@@ -852,37 +860,39 @@
 
 				.bottom {
 					display flex;
-					justify-content space-between;
-					font-size 18px
+					justify-content: space-between;
+					font-size 18px;
 				}
 			}
 
 			.card_link {
-				padding 0px 5px;
+				padding: 0px 5px;
 
 				.link {
-					height 40px;
-					line-height 40px;
+					height: 40px;
+					line-height: 40px;
 					border-bottom 1px solid #e7e7eb;
 
 				}
 
 				.link:nth-last-child(1) {
-					border none
+					border: none;
 				}
 			}
 
 			.custom_card {
-				height 222px;
-				background-color #f6f6f8;
-				padding 15px 0px 50px;
+				height: 222px;
+				background-color: #f6f6f8;
+				padding: 15px 0px 50px;
 
 				.custom_link {
-					background-color #FFFFFF padding 0px 5px;
+					background-color: #FFFFFF;
+					padding: 0px 5px;
 
 					.link {
 						height 40px;
-						line-height 40px border-bottom 1px solid #e7e7eb;
+						line-height: 40px;
+						border-bottom: 1px solid #e7e7eb;
 					}
 
 					.link:nth-last-child(1) {
@@ -983,8 +993,8 @@
 				}
 
 				.right {
-					display flex;
-					justify-content start;
+					display: flex;
+					justify-content: start;
 					position: relative;
 
 					&.logoPictrue {
@@ -993,7 +1003,7 @@
 					}
 
 					.tit {
-						display inline-block;
+						display: inline-block;
 						margin-top 10px;
 					}
 
@@ -1005,7 +1015,7 @@
 						border 1px solid #e6e9eb;
 						background-color #FFFFFF;
 						line-height 30px;
-						cursor pointer;
+						cursor: pointer;
 					}
 
 					img {
@@ -1014,30 +1024,41 @@
 					}
 
 					.img-boxs {
-						position relative width: 60px;
+						position relative;
+						width: 60px;
 						height: 60px;
 						background: rgba(0, 0, 0, 0);
 						border-radius: 6px;
+						overflow: hidden;
 
-						overflow hidden img {
-							width 100% height 100%
+						img {
+							width: 100%;
+							height: 100%;
 						}
 
 						.img_font {
-							position absolute bottom 0 left 0 width 100% height: 24px;
+							position: absolute;
+							bottom: 0;
+							left: 0;
+							width: 100%;
+							height: 24px;
 							background: #000000;
 							opacity: 0.4;
 							border-radius: 0px 0px 6px 6px;
 						}
 
 						.img_fonts {
-							position absolute bottom 0 left 0 width 100% height: 24px;
+							position: absolute;
+							bottom: 0;
+							left: 0;
+							width: 100%;
+							height: 24px;
 							border-radius: 0px 0px 6px 6px;
-							color #FFFFFF text-align center line-height 24px
+							color: #FFFFFF;
+							text-align: center;
+							line-height: 24px;
 						}
 					}
-
-
 				}
 			}
 		}

src/pages/kefu/appChat/index.vue

@@ -273,9 +273,9 @@
 			},
 		},
 		created() {
-			if (location.href.indexOf(`${Setting.routePreKF}`) != -1)
-				this.uploadAction =
-				Setting.apiBaseURL.replace(/adminapi/, "kefuapi") + "/tourist/upload";
+			if (location.href.indexOf(`${Setting.routePreKF}`) != -1) {
+				this.uploadAction = Setting.apiBaseURL.replace(/adminapi/, "kefuapi") + "/tourist/upload";
+			}
 			let token = Cookies.get("auth._token.local1");
 			this.kufuToken = token ? token.split("Bearer%20")[1] : "";
 		},
@@ -286,8 +286,9 @@
 					that.emojiShow = false;
 				}
 			});
-			if (this.$wechat._isMobile())
+			if (this.$wechat._isMobile()) {
 				this.$router.replace(`${this.routePreKF}/mobile_user_chat`);
+			}
 			this.getService();
 			this.pageWs = Socket(true, this.kufuToken, this.tourist_uid);
 			this.text = this.replace_em("[em-smiling_imp]");
@@ -533,8 +534,7 @@
 				}
 				this.recordList.push(data);
 				this.$nextTick(() => {
-					this.$refs.record.scrollTop =
-						this.$refs.record.scrollHeight - this.$refs.record.clientHeight;
+					this.$refs.record.scrollTop = this.$refs.record.scrollHeight - this.$refs.record.clientHeight;
 				});
 			},
 			sendGoods() {

src/pages/kefu/index.vue

@@ -242,7 +242,9 @@
 					this.errorNum++;
 					this.captchas();
 					this.$Message.error(data.msg || '登录失败');
-					if (this.jigsaw) this.jigsaw.reset();
+					if (this.jigsaw) {
+						this.jigsaw.reset();
+					}
 				});
 			},
 			getExpiresTime(expiresTime) {
@@ -378,14 +380,74 @@
 		align-items: center;
 		height: 100vh;
 		overflow: auto;
-		flex-direction: row
+		flex-direction: row;
+	}
+
+	.code-box {
+
+		position relative;
+		display flex;
+		align-items center;
+		justify-content center;
+
+		.qrcode {
+
+			display flex;
+			align-items center;
+			justify-content center;
+			width 180px;
+			height 180px;
+			border 1px solid #E5E5E6;
+		}
+
+		.rxpired-box {
+
+			display flex;
+			flex-direction column;
+			align-items center;
+			justify-content center;
+			position absolute;
+			left 50%;
+			top 50%;
+			transform translate(-50%, -50%);
+			width 160px;
+			height 160px;
+			background rgba(0, 0, 0, 0.6);
+
+			p {
+				margin-bottom 10px;
+				font-size 15px;
+				color #fff;
+			}
+		}
+	}
+
+	.page-account-top-logo {
+
+		color #000000;
+		font-size 21px;
 	}
 
-	.code-box position relative display flex align-items center justify-content center .qrcode display flex align-items center justify-content center width 180px height 180px border 1px solid #E5E5E6 .rxpired-box display flex flex-direction column align-items center justify-content center position absolute left 50% top 50% transform translate(-50%, -50%) width 160px height 160px background rgba(0, 0, 0, 0.6) p margin-bottom 10px font-size 15px color #fff .page-account-top-logo color #000000 font-size 21px .wrapper-box display flex flex-direction column height: 100vh .foot-box padding: 10px 20px;
+	.wrapper-box {
 
-	font-size 14px color #666666 text-align right box-sizing border-box background-color rgba(249, 248, 254, 0.8) .page-account {
+		display flex;
+		flex-direction column;
+		height: 100vh;
+
+		.foot-box {
+
+			padding: 10px 20px;
+			font-size 14px;
+			color #666666;
+			text-align right;
+			box-sizing border-box;
+			background-color rgba(249, 248, 254, 0.8);
+		}
+	}
+
+	.page-account {
 		display: flex;
-		flex 1
+		flex 1;
 	}
 
 	.infoUrl {
@@ -440,25 +502,39 @@
 
 	.containerBig {
 		width: 90%;
-		padding-bottom 20px margin-top: 84px;
+		padding-bottom 20px;
+		margin-top: 84px;
 		background: #f7f7f7 !important;
-		height auto !important box-shadow: 0px 3px 20px rgba(0, 20, 41, 0.06);
+		height auto !important;
+		box-shadow: 0px 3px 20px rgba(0, 20, 41, 0.06);
 	}
 
 	.index_from {
 		position: relative;
 		padding: 40px 40px 32px 40px;
 		height: 400px;
-		width 100% box-sizing: border-box;
+		width: 100%;
+		box-sizing: border-box;
 	}
 
 	.containerBig .index_from {
-		padding 20px height auto !important
+		padding: 20px;
+		height: auto !important;
 	}
 
-	.index_from .qh_box position:absolute;
+	.index_from .qh_box {
+		position: absolute;
+		right: 12px;
+		top: 0;
+		cursor: pointer;
+
+		.iconfont {
+			color: #265BED;
+			font-size: 36px;
+		}
+	}
 
-	right 12px top 0 cursor pointer .iconfont color #265BED font-size 36px .page-account-top {
+	.page-account-top {
 		padding: 20px 0 50px !important;
 		box-sizing: border-box !important;
 		display: flex;
@@ -504,7 +580,9 @@
 		color: #0366D6;
 	}
 
-	.index_from>>>.ivu-input-large font-size:14px !important
+	.index_from>>>.ivu-input-large {
+		font-size: 14px !important
+	}
 </style>
 <style>
 	@media screen and (min-width:320px) and (max-width:960px) {
@@ -548,7 +626,6 @@
 
 		.btn {
 			background: linear-gradient(90deg, #3875EA 0%, #1890FC 100%) !important;
-
 			border-radius: .41rem;
 		}
 

src/pages/system/maintain/systemFile/opendir.vue

@@ -196,5 +196,26 @@
 </script>
 
 <style scoped lang="stylus">
-	.mt20>>>.ivu-icon-ios-folder-outline font-size 14px !important>>>.ivu-icon-ios-document-outline font-size 18px !important>>>.ivu-table-row cursor pointer .mr5 margin-right 5px .backs cursor pointer display inline-block
+	.mt20 {
+		>>>.ivu-icon-ios-folder-outline {
+			font-size 14px !important
+		}
+
+		>>>.ivu-icon-ios-document-outline {
+			font-size 18px !important
+		}
+
+		>>>.ivu-table-row {
+			cursor pointer;
+		}
+	}
+
+	.mr5 {
+		margin-right 5px;
+	}
+
+	.backs {
+		cursor pointer;
+		display inline-block;
+	}
 </style>