最新版本541200007最新版本541200007
| | |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
| | | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
| | | <title>智慧园区安消一体化系统</title> |
| | | <title> |
| | | title: process.env.VUE_APP_TITLE,</title> |
| | | </head> |
| | | <body> |
| | | <noscript> |
| | | <strong>We're sorry but 智慧园区安消一体化系统 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
| | | <strong>We're sorry but 芜湖烟草智慧安消安全防范系统 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
| | | </noscript> |
| | | <div id="app"></div> |
| | | <!-- built files will be auto injected --> |
| | |
| | | <div class="common-header"> |
| | | <div class="header"> |
| | | <div class="logo"> |
| | | <div class="title"> <img src="@/assets/system.png" alt="" />{{ title }}</div> |
| | | <div class="title"> <img src="@/assets/system.png" alt="" />{{sysConfig.subtitle || title }}</div> |
| | | <div class="list"> |
| | | <div :class="index==currentIndex?'item active':'item'" v-for="(item,index) in topMenuList.list" :key="item.id" @click="getHeaderNav(item,index)" :index="index">{{item.label}} |
| | | <div v-if="index==currentIndex" class="linellae"></div> |
| | |
| | | show-password></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="新密码" prop="newPwd" required> |
| | | <el-input v-model="changePwdData.form.newPwd" type="password" placeholder="请输入新密码,密码需包含字母、数字及特殊字符中的至少两种" |
| | | <el-input v-model="changePwdData.form.newPwd" type="password" placeholder="请输入新密码,至少包括数字、大写字母、小写字母、特殊字符中的三种字符,且至少8位数" |
| | | maxlength="20" show-password></el-input> |
| | | </el-form-item> |
| | | <!-- <div style="font-size: 12px;color:#999999">密码需包含字母、数字及特殊字符中的至少两种</div> --> |
| | |
| | | <script> |
| | | import { mapState, mapMutations } from 'vuex' |
| | | import GlobalAlertWindow from './GlobalAlertWindow' |
| | | import { logout, updatePwd } from '@/api/system/common' |
| | | import { getSystemConfig, logout, updatePwd } from '@/api/system/common' |
| | | import { getAppHeaderNav } from '@/api' |
| | | export default { |
| | | name: 'CommonHeader', |
| | |
| | | return { |
| | | title: process.env.VUE_APP_TITLE, |
| | | headerNavData: {}, |
| | | currentIndex: 0, |
| | | visible: { |
| | | // 修改密码 |
| | | changePwd: false |
| | |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapState(['menuData', 'userInfo', 'topMenuList']) |
| | | ...mapState(['menuData', 'userInfo', 'topMenuList', 'currentIndex', 'sysConfig']) |
| | | // title () { |
| | | // return this.$route.meta.title |
| | | // } |
| | | }, |
| | | created () { |
| | | |
| | | this.getSystemConfig() |
| | | }, |
| | | mounted () { |
| | | // needChangePwd 0 : 默认密码需要修改,1 不需要 |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setUserInfo', 'switchCollapseMenu', 'clearUserInfo', 'setTopMenuCurrent']), |
| | | ...mapMutations(['setUserInfo', 'switchCollapseMenu', 'clearUserInfo', 'setTopMenuCurrent', 'setCurrentIndex', 'setSysconfig']), |
| | | // 修改密码 |
| | | changePwd () { |
| | | this.visible.changePwd = true |
| | |
| | | this.$refs.changePwdDataForm.resetFields() |
| | | }) |
| | | }, |
| | | getSystemConfig () { |
| | | if (!this.sysConfig.subTitle) { |
| | | getSystemConfig() |
| | | .then((res) => { |
| | | if (res && res.subtitle) { |
| | | this.setSysconfig(res) |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | validatePassword (rule, value, callback) { |
| | | if (!value) { |
| | | callback(new Error('请输入密码')) |
| | | } else { |
| | | const lengthValid = /^.{6,20}$/.test(value) |
| | | const hasLetter = /[a-zA-Z]/.test(value) |
| | | const hasNumber = /[0-9]/.test(value) |
| | | const hasSpecial = /[!@#$%^&*(),.?":{}|<>]/.test(value) |
| | | |
| | | const typesCount = [hasLetter, hasNumber, hasSpecial].filter(Boolean).length |
| | | |
| | | if (!lengthValid) { |
| | | callback(new Error('密码长度需为6到20个字符')) |
| | | } else if (typesCount < 2) { |
| | | callback(new Error('密码需包含字母、数字及特殊字符中的至少两种')) |
| | | // const lengthValid = /^.{6,20}$/.test(value) |
| | | // const hasLetter = /[a-zA-Z]/.test(value) |
| | | // const hasNumber = /[0-9]/.test(value) |
| | | // const hasSpecial = /[!@#$%^&*(),.?":{}|<>]/.test(value) |
| | | // |
| | | // const typesCount = [hasLetter, hasNumber, hasSpecial].filter(Boolean).length |
| | | // |
| | | // if (!lengthValid) { |
| | | // callback(new Error('密码长度需为6到20个字符')) |
| | | // } else if (typesCount < 2) { |
| | | // callback(new Error('密码需包含字母、数字及特殊字符中的至少两种')) |
| | | // } else { |
| | | // callback() // 验证通过 |
| | | // } |
| | | let typeCount = 0 |
| | | if (/[a-z]/.test(value)) typeCount++ // 小写字母 |
| | | if (/[A-Z]/.test(value)) typeCount++ // 大写字母 |
| | | if (/\d/.test(value)) typeCount++ // 数字 |
| | | if (/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(value)) typeCount++ // 特殊字符 |
| | | if (typeCount >= 3) { |
| | | callback() |
| | | } else { |
| | | callback() // 验证通过 |
| | | callback(new Error('至少包括数字、大写字母、小写字母、特殊字符中的三种字符,且至少8位数')) |
| | | } |
| | | } |
| | | }, |
| | | getHeaderNav (item,index) { |
| | | this.currentIndex = index |
| | | if(item.linkType === 0){ |
| | | getHeaderNav (item, index) { |
| | | this.setCurrentIndex(index) |
| | | if (item.linkType === 0) { |
| | | this.setTopMenuCurrent(item) |
| | | }else{ |
| | | } else { |
| | | if (item.url && item.url === 'goHKAF' && item.params != null) { |
| | | this.getHKAFHeaderNav(item.params, item.label) |
| | | } else if (item.url && item.url.indexOf('http') === 0) { |
| | |
| | | getHKAFHeaderNav (type, label) { |
| | | getAppHeaderNav(type).then(res => { |
| | | if (label === '安防中心') { |
| | | let openWindow = window.open(res, '_blank') |
| | | const openWindow = window.open(res, '_blank') |
| | | // setTimeout(() => { |
| | | // openWindow.close() |
| | | // }, 7 * 1000) |
| | |
| | | <div class="home_header"> |
| | | <div class="mb10 fs17">下午好,{{ userInfo.realname }}</div> |
| | | <div class="fs13"> |
| | | 今天是 {{ nowDate }} {{ nowWeek }},欢迎访问智慧物流园区安消一体化系统 |
| | | 今天是 {{ nowDate }} {{ nowWeek }},欢迎访问{{sysConfig.subtitle || title}} |
| | | </div> |
| | | </div> |
| | | <div class="main"> |
| | |
| | | import OperaCarUseBookWindow from '@/components/business/OperaCarUseBookWindow' |
| | | import OperaHiddenDangerWindow from '@/components/business/OperaHiddenDangerWindow' |
| | | import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' |
| | | import {mapState} from "vuex"; |
| | | const colors = ['#52a4f7', '#7678f7', '#5fc6d5'] |
| | | export default { |
| | | components: { |
| | |
| | | }, |
| | | data () { |
| | | return { |
| | | title: process.env.VUE_APP_TITLE, |
| | | tabPosition: 'right', |
| | | colors, |
| | | nowDate: '', |
| | |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapState(['sysConfig']), |
| | | userInfo () { |
| | | return this.$store.state.userInfo |
| | | } |
| | |
| | | <img src="@/assets/images/bg@2x.png" class="main_bg" alt=""> |
| | | <div class="login_wrap"> |
| | | <div class="login_img"> |
| | | <div class="h3" style="font-size: 30px; margin-left: 140px; margin-bottom: 0;">芜湖烟草</div> |
| | | <div class="h3">智慧物流园区安消一体化系统</div> |
| | | <div class="h3" style="font-size: 30px; margin-bottom: 0;">{{sysConfig.title || ''}}</div> |
| | | <div class="h3">{{sysConfig.subtitle || title}}</div> |
| | | </div> |
| | | <div class="form_wrap"> |
| | | <div class="tabs"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapMutations } from 'vuex' |
| | | import { getCaptcha, loginByPassword, sendSmsPost, loginByPhone } from '@/api/system/common' |
| | | import Cookies from "js-cookie" |
| | | import { mapMutations, mapState } from 'vuex' |
| | | import { getCaptcha, loginByPassword, sendSmsPost, loginByPhone, getSystemConfig } from '@/api/system/common' |
| | | import Cookies from 'js-cookie' |
| | | import { Message } from 'element-ui' |
| | | |
| | | export default { |
| | | name: 'Login', |
| | | data() { |
| | | data () { |
| | | return { |
| | | title: process.env.VUE_APP_TITLE, |
| | | loading: false, |
| | | isRemPsd: false, |
| | | username: '', |
| | | password: '', |
| | | phone: '', |
| | | downTime: 0, |
| | | |
| | | smsCode: '', |
| | | activeTab: '0', |
| | | // 验证码 |
| | |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | | computed: { |
| | | ...mapState(['sysConfig']) |
| | | }, |
| | | mounted () { |
| | | this.username = localStorage.getItem('username') || '' |
| | | this.password = localStorage.getItem('password') || '' |
| | | this.phone = localStorage.getItem('phone') || '' |
| | | const isRemPsd = localStorage.getItem('isRemPsd') || false |
| | | this.isRemPsd = JSON.parse(isRemPsd) |
| | | this.refreshCaptcha() |
| | | this.getSystemConfig() |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setUserInfo']), |
| | | ...mapMutations(['setUserInfo', 'setSysconfig']), |
| | | getSystemConfig () { |
| | | getSystemConfig() |
| | | .then((res) => { |
| | | if (res && res.subtitle) { |
| | | this.setSysconfig(res) |
| | | } |
| | | }) |
| | | }, |
| | | // 登录 |
| | | login() { |
| | | login () { |
| | | if (this.loading) { |
| | | return |
| | | } |
| | |
| | | this.loading = false |
| | | }) |
| | | } |
| | | |
| | | }, |
| | | getCode() { |
| | | getCode () { |
| | | console.log('getCode') |
| | | const { phone } = this |
| | | if (!phone || phone.length != 11) { |
| | |
| | | sendSmsPost({ phone, type: 0 }).then(res => { |
| | | Message.success('短信发送成功') |
| | | this.downTime = 60 |
| | | let timer = setInterval(() => { |
| | | const timer = setInterval(() => { |
| | | if (this.downTime == 0) { |
| | | return clearInterval(timer) |
| | | } |
| | |
| | | }, 1000) |
| | | }) |
| | | }, |
| | | tabClick(val) { |
| | | tabClick (val) { |
| | | this.activeTab = val |
| | | }, |
| | | // 刷新验证码 |
| | | refreshCaptcha() { |
| | | refreshCaptcha () { |
| | | this.captcha.loading = true |
| | | getCaptcha() |
| | | .then(data => { |
| | |
| | | }) |
| | | }, |
| | | // 登录前验证 |
| | | __check() { |
| | | __check () { |
| | | if (this.username.trim() === '') { |
| | | this.$tip.error('请输入用户名') |
| | | return false |
| | |
| | | } |
| | | return true |
| | | } |
| | | }, |
| | | } |
| | | |
| | | } |
| | | </script> |
| | |
| | | height: 600px; |
| | | background: url("../assets/images/login_img@2x.png"); |
| | | background-size: 100% 100%; |
| | | padding-left: 40px; |
| | | padding-top: 60px; |
| | | |
| | | .h2 { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | width: 208px; |
| | | display: flex; |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .h3 { |
| | | text-align: center; |
| | | font-size: 28px; |
| | | font-weight: 700; |
| | | color: #fff; |
| | |
| | | public static final String HK_PARAM ="HK_PARAM" ; |
| | | public static final String HK_WEBSITE_DOMAIN_URL ="HK_WEBSITE_DOMAIN_URL" ; |
| | | public static final String LED_CONTENT_SPEED ="LED_CONTENT_SPEED" ; |
| | | public static final String SYSTEM_TITLE ="SYSTEM_TITLE" ; |
| | | public static final String SYSTEM_SUBTITLE ="SYSTEM_SUBTITLE" ; |
| | | public static final String HK_HOST ="HK_HOST" ; |
| | | public static final String HK_APPKEY ="HK_APPKEY" ; |
| | | public static final String LOGIN_OUT_URL ="LOGIN_OUT" ; |