<template>
|
<div id="login" class="login" style="position: relative;">
|
|
<div class="header">
|
<!-- <header>
|
<div><img src="../../assets/images/homeLogin.png" style="width: 168px;height: 38px;margin-left: 32px;"
|
@click="goLoginPage" alt=""></div>
|
<div style="margin-left: 27px;border-bottom: 1px solid #fff;display: flex;width: calc(100% - 168px);">
|
<ul>
|
<li v-for="(item, index) in menuList" :class="{ active: activeIndex == index }"
|
@click="changeMenu(item, index)">
|
<Dropdown v-if="item.children.length > 0" transfer>
|
<div style="display: flex;">
|
<img :src="item.icon" alt="">
|
<div @click="chooseRoute(item)">{{ item.title }}</div>
|
</div>
|
<template #list>
|
<DropdownMenu>
|
<DropdownItem v-for="children in item.children" >
|
<div @click="chooseRoute(children)">{{ children.title }}</div>
|
</DropdownItem>
|
</DropdownMenu>
|
</template>
|
</Dropdown>
|
<div style="display: flex;" v-else>
|
<img :src="item.icon" alt="">
|
<div>
|
{{ item.title }}
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div style="display: flex;margin-left: 80px;cursor: pointer;position: absolute;right: 0;">
|
<img src="../../assets/images/home44.png" style="width: 34px;height: 34px;" alt="">
|
<div style="color: #F0F9FF;line-height: 35px;margin-left: 11px;width: 50px;" @click="openLoginModal"> 登录</div>
|
</div>
|
|
</div>
|
|
</header> -->
|
<LoginHeader></LoginHeader>
|
|
<img src="../../assets/images/home/home44_1.png"
|
style="width: 544px;margin: 123px auto 79px;position: relative;left:calc(50% - 272px);" alt="">
|
<div style="width: 910px;position: relative;left:calc(50% - 455px);">
|
<Input v-model="search" placeholder="输入关键词搜索" size="large">
|
<template #prepend>
|
<div>
|
<img src="../../assets/images/home/home_18.png" style="width: 24px;height: 24px;" alt="">
|
</div>
|
</template>
|
<template #append>
|
<div
|
style="width: 100px;background-color: #FFB13D;color: #fff;font-size: 18px; font-weight: bold;text-align: center;cursor: pointer;">
|
搜一搜</div>
|
</template>
|
</Input>
|
</div>
|
|
<div class="hot">
|
|
<div class="left"><img src="../../assets//images/home/hot.png" style="width: 67px;height: 27px;" alt="">
|
<div style="width: 1px;height: 27px;background-color: #fff;margin: 0 20px;"></div>
|
<ul>
|
<li v-for="item in hotSearch">
|
{{ item }}
|
</li>
|
</ul>
|
</div>
|
</div>
|
|
|
</div>
|
<main>
|
<section>
|
<div class="titleImg">
|
<img src="../../assets/images/home/home_hot.png" style="width: 214px;height: 40px;" alt="">
|
</div>
|
<ul>
|
<li>
|
<img src="../../assets/images/home/home_zu16.png" alt="">
|
<div>
|
<div class="type1">
|
<div>企业评估</div>
|
<div>标准版</div>
|
</div>
|
<div class="type2">智能生成风险评估报告</div>
|
</div>
|
</li>
|
<li>
|
<img src="../../assets/images/home/home_zu16.png" alt="">
|
<div>
|
<div class="type1">
|
<div>企业评估</div>
|
<div>标准版</div>
|
</div>
|
<div class="type2">智能生成风险评估报告</div>
|
</div>
|
</li>
|
<li>
|
<img src="../../assets/images/home/home_zu16.png" alt="">
|
<div>
|
<div class="type1">
|
<div>企业评估</div>
|
<div>标准版</div>
|
</div>
|
<div class="type2">智能生成风险评估报告</div>
|
</div>
|
</li>
|
</ul>
|
|
|
</section>
|
<section>
|
<div class="titleImg">
|
<img src="../../assets/images/home/home47.png" style="width: 214px;height: 40px;" alt="">
|
</div>
|
<ul class="allRqquest">
|
<li>热门问题</li>
|
<li>会员权益</li>
|
<li>账号问题</li>
|
<li>其它问题</li>
|
</ul>
|
<ul class="requestList">
|
<li>
|
<div></div>
|
<div>常见问题如何处理？</div>
|
</li>
|
<li>
|
<div></div>
|
<div>常见问题如何处理？</div>
|
</li>
|
<li>
|
<div></div>
|
<div>常见问题如何处理？</div>
|
</li>
|
</ul>
|
</section>
|
|
<section>
|
<div class="lineKF">
|
<div class="left">
|
<img src="../../assets/images/home/home_47.png" alt="">
|
<div class="kf">
|
<div class="type1">在线客服</div>
|
<div class="type2">服务时间：工作日9:00~20:00</div>
|
</div>
|
</div>
|
<div class="right1 pointer">
|
联系客服
|
</div>
|
</div>
|
<div class="phoneKF">
|
<div class="left">
|
<img src="../../assets/images/home/home_48.png" alt="">
|
<div class="kf">
|
<div class="type1">
|
电话客服
|
</div>
|
<div class="type2">服务时间：工作日9:00~20:00</div>
|
</div>
|
</div>
|
<div class="right2">
|
400-10000000
|
</div>
|
</div>
|
</section>
|
|
</main>
|
<footer>
|
<div class="info">
|
<div class="left">
|
<img src="../../assets/images/home/home_zu49.png" style="width: 113px;height: 106px;margin-right: 50px;"
|
alt="">
|
<div>
|
<p style="font-size: 18px;font-weight: 400;margin-bottom: 5px;">客服中心</p>
|
<p style="font-size: 14px;font-weight: 400;margin-bottom: 5px;">服务时间：工作日9:00~20:00</p>
|
<p style="font-size: 14px;font-weight: 400;margin-bottom: 5px;">电话客服：400-5000000</p>
|
<p style="font-size: 14px;font-weight: 400;margin-bottom: 5px;">公司地址：上海市xxxxxxxx</p>
|
</div>
|
</div>
|
<div class="right">
|
<div>
|
<div>企业微信</div>
|
<img src="../../assets/images/home/home_zu49.png" style="width: 72px;height: 72px;" alt="">
|
</div>
|
</div>
|
|
</div>
|
<div class="copyRight"
|
style=" position: absolute;width: 100%;bottom: 0;text-align: center;height: 100px;line-height: 100px;">
|
<!-- <div>
|
<p></p>
|
<p></p>
|
</div>
|
<img src="" alt=""> -->
|
{{ `维优信息@版权所有 | 2018-2023 |` }}
|
<a href="http://beian.miit.gov.cn" style="color: white;" target="_blank">津ICP备19009024号-1</a>
|
</div>
|
|
|
</footer>
|
<!-- <Modal v-model="loginModal" footer-hide width="500" :styles="{ top: '70px' }" draggable sticky reset-drag-position
|
:closable="false" transfer :mask="true" :mask-closable="false">
|
|
<Spin v-if="loading_go" fix></Spin>
|
<div style="position:relative;background-color: rgba(0,0,0,0);">
|
<img src="../../assets/images/home/home66.png"
|
style="width: 38px;height: 38px;position: absolute;top: 0;right: 0;cursor: pointer;"
|
@click="closeLoginModal" alt="">
|
<img src="../../assets/images/home/home61.png" style="width: 202px;height: 46px;margin: 30px 137px 50px;">
|
<div class="form-con">
|
<div>
|
|
<div style="display: flex;justify-content: space-between;margin-top: 5px;color: #1183A7;"
|
v-if="accountLogin">
|
|
<RadioGroup v-model="userType">
|
<Radio label="个人用户"></Radio>
|
<Radio label="企业用户"></Radio>
|
</RadioGroup>
|
<div @click="accountRegister" style="cursor: pointer;">注册账号</div>
|
</div>
|
<div v-show="accountLogin">
|
<login-form @on-success-valid="handleSubmit" :loading="loading"></login-form>
|
</div>
|
<div v-show="wechatQR" style="height: 338px">
|
<div style="text-align: center;padding-top: 24px;">
|
<span>请使用微信扫一扫登陆</span>
|
<span style="margin-left: 15px">刷新
|
<span @click="refreshFun" class="switchset"
|
:class="clickrefresh ? 'refreshclass' : 'noswitch'">
|
<Icon custom="custom custom-shuaxin1" style="font-size:18px"></Icon>
|
</span></span>
|
<div id="login_container">
|
|
</div>
|
</div>
|
</div>
|
<div style="height:100px" v-show="accountLogin">
|
<div style="height: 16px;
|
font-size: 16px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #999999;text-align: center;">第三方账号登录</div>
|
|
<div style="width: 52px;margin: 15px auto 0;cursor: pointer;" @click="wechatLoginfun"><img
|
src="../../assets/images/wechat.png" alt=""></div>
|
</div>
|
<div style="" v-show="wechatQR">
|
<div style="height: 24px;cursor: pointer;
|
font-size: 16px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #999999;text-align: center;" @click="accountLoginfun">账号密码登陆</div>
|
</div>
|
<div style="text-align: center;">
|
<p>如需了解或试用产品，请点击下方链接</p>
|
<Poptip placement="bottom" trigger="hover">
|
<p style="cursor: pointer;color: #1183a7;">联系维优产品顾问</p>
|
<div slot="content">
|
<img src="../../assets/images/companyWechat.png" alt="">
|
</div>
|
</Poptip>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</Modal> -->
|
|
|
</div>
|
</template>
|
|
<script>
|
import LoginForm from '_c/login-form'
|
import { mapActions } from 'vuex'
|
import $ from 'jquery'
|
import axios from '@/libs/api.request'
|
import wexinchat from '@/view/diligenceTools/wexinchatPoptip.vue'
|
import Cookies from "js-cookie";
|
import LoginHeader from './loginHeader.vue'
|
|
export default {
|
components: {
|
LoginForm,
|
wexinchat,
|
LoginHeader
|
},
|
data() {
|
return {
|
// loginModal: false,
|
hotSearch: ['政信大数据', '企业大数据'],
|
search: '',
|
userType: '个人用户',
|
loading_go: false,
|
loading: false,
|
tipsModal: false,// 提示为IE浏览器
|
accountLogin: true,
|
wechatQR: false,
|
clickrefresh: false,
|
count: 0,
|
wxerweima: {},
|
code: '',
|
needbingModal: false,
|
codehave: '',
|
openid: "",
|
unionid: "",
|
year: '',//当前年份
|
|
|
}
|
},
|
created() {
|
this.year = new Date().getFullYear()
|
},
|
watch: {
|
// $route(data) {
|
// let href = window.location.href
|
// let code = ""
|
// let fronturl
|
// let behindurl
|
// if (href.indexOf('code') >= 0) {
|
// this.loading_go = true
|
// code = href.split('?').pop().split('=')[1].split('&')[0]
|
// localStorage.setItem('code', code)
|
// this.code = code
|
// this.haveCode()
|
// // window.location.href='https://www.weycredit.com/Pages/index.html/#/login'
|
// // return false
|
// }
|
// // else{
|
// // if(localStorage.getItem('code')){
|
// // this.codehave=localStorage.getItem('code')
|
// // this.code=localStorage.getItem('code')
|
// // localStorage.removeItem('code')
|
// // this.loading_go=true
|
// // this.haveCode()
|
// // }
|
// // }
|
// },
|
|
},
|
mounted() {
|
this.code = ""
|
this.codehave = ""
|
let userAgent = navigator.userAgent // 取得浏览器的userAgent字符串
|
if (userAgent.indexOf('IE') != -1) {
|
this.tipsModal = true
|
} else if (userAgent.indexOf('Trident') != -1) {
|
this.tipsModal = true
|
}
|
let href = window.location.href
|
let code = ""
|
let fronturl
|
let behindurl
|
// window.addEventListener('history',function (){
|
// if(href.indexOf('code')>=0){
|
// this.loading_go=true
|
// code=href.split('?').pop().split('=')[1].split('&')[0]
|
// localStorage.setItem('code',code)
|
// // window.location.href='https://www.weycredit.com/Pages/index.html/#/login'
|
// window.location.reload();
|
// // return false
|
// }else{
|
// if(localStorage.getItem('code')){
|
// this.codehave=localStorage.getItem('code')
|
// this.code=localStorage.getItem('code')
|
// localStorage.removeItem('code')
|
// this.loading_go=true
|
// this.haveCode()
|
// }
|
// }
|
// })
|
this.geterweima()
|
// else if (userAgent.indexOf('Firefox') != -1) {
|
// alert('您使用的的Firefox浏览器')
|
// } else if (userAgent.indexOf('OPR') != -1) {
|
// alert('您使用的的OPR浏览器')
|
// } else if (userAgent.indexOf('Chrome') != -1) {
|
// alert('您使用的的Chrome浏览器')
|
// } else if (userAgent.indexOf('Safari') != -1) {
|
// alert('您使用的的Safari浏览器')
|
// }
|
|
},
|
methods: {
|
openLoginModal() {
|
this.$store.commit('openloginModal', true)
|
},
|
closeLoginModal() {
|
this.$store.commit('openloginModal', false)
|
// console.log(this.loginModal);
|
},
|
requestuser(token) {
|
return axios.request({
|
url: '/User/GetUserInfo',
|
params: {
|
token,
|
Name: 'newdiligenceTools'
|
},
|
method: 'post'
|
})
|
},
|
haveCode() {
|
let p = []
|
let state
|
let commit
|
let data = {
|
userName: '',
|
password: '',
|
companyRemark: '',
|
code: this.code
|
}
|
axios.request({
|
url: '/User/Login',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
if (res.data.Data.indexOf('NeedBind') >= 0) {
|
this.needbingModal = true
|
let p = res.data.Data.split(":").pop().split("|")
|
this.openid = p[0]
|
this.unionid = p[1]
|
this.loading_go = false
|
} else {
|
state = res.data.Data
|
this.loading_go = false
|
return new Promise((resolve, reject) => {
|
try {
|
this.requestuser(state).then(res => {
|
const data = res.data
|
if (data.Check) {
|
let ran = Math.random()
|
this.$store.commit('setToken', data.Data.token)
|
this.$store.commit('setRateGradeFlag', data.Data.defaultrategrade)
|
this.$store.commit('setAvator', data.Data.avator)
|
this.$store.commit('setUserName', data.Data.name)
|
this.$store.commit('setUserId', data.Data.user_id)
|
this.$store.commit('setDefaultworkflow', data.Data.defaultworkflow)
|
this.$store.commit('setAccess', data.Data.access)
|
this.$store.commit('setRealName', data.Data.releName + ran)
|
this.$store.commit('redirectList', data.Data.redirectList)
|
this.$store.commit('companyRedirect', data.Data.currentRedirect)
|
this.$store.commit('companyRedirect2', data.Data.currentRedirect)
|
localStorage.setItem('localAccess', data.Data.access)
|
localStorage.setItem('RateGradeFlag', data.Data.defaultrategrade)
|
localStorage.setItem('RiskProjectId', data.Data.defaultproj_id)
|
localStorage.setItem('RiskCompanyId', data.Data.company_id)
|
localStorage.setItem('userId', data.Data.user_id)
|
localStorage.setItem('RealName', data.Data.releName)
|
localStorage.setItem('companyStore', data.Data.access[0])
|
localStorage.setItem('defaultworkflow', data.Data.defaultworkflow)
|
localStorage.setItem('defaultmoneymonitorflag', data.Data.defaultmoneymonitorflag)
|
localStorage.setItem('RateGradeFlag', '')
|
localStorage.setItem('inputType', '')
|
localStorage.setItem('inputType_g', '')
|
localStorage.setItem('BelongLtdId', '')
|
localStorage.setItem('BelongLtdId_g', '')
|
localStorage.setItem('projectMessage', null)
|
localStorage.setItem('companyStore', data.Data.access[0])
|
localStorage.setItem('setUrlRec', data.Data.currentRedirect)
|
localStorage.setItem('powerAccess', data.Data.currentRedirect)
|
this.$store.commit('TypeId', this.$store.state.user.TypeId)
|
if (data.Data.access.indexOf('super_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement_s')
|
this.$router.push({
|
name: 'accountManagement_s'
|
})
|
} else if (data.Data.access.indexOf('company_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement')
|
this.$router.push({
|
name: 'accountManagement'
|
})
|
} else {
|
this.$store.commit('setMainTag', 'login')
|
this.$router.push({
|
name: 'login'
|
})
|
}
|
resolve(data)
|
} else {
|
this.$store.commit('setToken', '')
|
this.$store.commit('setAccess', [])
|
resolve()
|
}
|
}).catch(err => {
|
this.$store.commit('setToken', '')
|
reject(err)
|
})
|
} catch (error) {
|
reject(error)
|
}
|
})
|
}
|
localStorage.removeItem('code')
|
} else {
|
|
}
|
}, res => {
|
})
|
},
|
geterweima() {
|
let ID = "login_container"
|
let APPID = "wx3a6c408d13d014a0"
|
let SCOPE = "snsapi_login"
|
let REDIRECT = "https%3A%2F%2Fwww.weycredit.com%2FPages%2Findex.html%23%2Flogin"
|
let STYLE = "white"
|
let HREF = "https://www.weycredit.com/Pages/wechatQR.css"
|
let obj = new WxLogin({
|
self_redirect: false,
|
id: ID,
|
appid: APPID,
|
scope: SCOPE,
|
redirect_uri: REDIRECT,
|
state: Math.ceil(Math.random() * 1000),
|
style: STYLE,
|
href: HREF
|
})
|
// location.href="https://www.weycredit.com/Pages/index.html"
|
// // url: 'https://open.weixin.qq.com/connect/qrconnect?appid=wx3a6c408d13d014a0&redirect_uri=https://www.weycredit.com/Pages/index.html&response_type=code&scope=snsapi_login&state=c1f906995e0745ad8a869fadfc96c827#wechat_redirect',
|
// axios.request({
|
// url: 'https://open.weixin.qq.com/connect/qrconnect?appid=wx3a6c408d13d014a0&redirect_uri=https://www.weycredit.com/Pages/index.html&response_type=code&scope=snsapi_login&state=c1f906995e0745ad8a869fadfc96c827#wechat_redirect',
|
// data,
|
// method: 'post'
|
// }).then(res => {
|
// if (res.data) {
|
// this.clickrefresh=false
|
// } else {
|
//
|
// }
|
// }, res => {
|
// })
|
},
|
refreshFun() {
|
this.clickrefresh = true
|
this.geterweima()
|
},
|
accountLoginfun() {
|
this.accountLogin = true
|
this.wechatQR = false
|
},
|
wechatLoginfun() {
|
this.accountLogin = false
|
this.wechatQR = true
|
this.refreshFun()
|
// window.location.href="https://open.weixin.qq.com/connect/qrconnect?appid=wx3a6c408d13d014a0&redirect_uri=https%3A%2F%2Fwww.weycredit.com%2FPages%2Findex.html&response_type=code&scope=snsapi_login&state=c1f906995e0745ad8a869fadfc96c827#wechat_redirect"
|
},
|
...mapActions([
|
'handleLogin',
|
'handleLoginwechat',
|
'getUserUrl',
|
'getUserInfo',
|
'setMainTag'
|
]),
|
handleSubmitwechat({ CompanyRemark, userName, password, code, openid, unionid }) {
|
this.loading = true
|
this.handleLoginwechat({ CompanyRemark, userName, password, code, openid, unionid }).then(res => {
|
this.loading = false
|
console.log(this.$store.state.user.token);
|
if (!this.$store.state.user.token) {
|
return false
|
}
|
let p = ''
|
// this.getUserUrl(p).then(res => {
|
// this.$store.commit('userUrl', res.Data[0].Path)
|
// this.$store.commit('TypeId', res.Data[0].TypeId)
|
// if (this.$store.state.user.userUrl != '') {
|
localStorage.setItem('powerAccess', "newdiligenceTools")
|
this.getUserInfo().then(res => {
|
this.$store.state.user.current = ''
|
localStorage.setItem('CompanyRemark', CompanyRemark)
|
localStorage.setItem('RateGradeFlag', '')
|
localStorage.setItem('inputType', '')
|
localStorage.setItem('inputType_g', '')
|
localStorage.setItem('BelongLtdId', '')
|
localStorage.setItem('BelongLtdId_g', '')
|
localStorage.setItem('projectMessage', null)
|
localStorage.setItem('companyStore', res.Data.access[0])
|
localStorage.setItem('setUrlRec', res.Data.currentRedirect)
|
this.$store.commit('TypeId', this.$store.state.user.TypeId)
|
if (res.Data.access.indexOf('super_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement_s')
|
this.$router.push({
|
name: 'accountManagement_s'
|
})
|
} else if (res.Data.access.indexOf('company_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement')
|
this.$router.push({
|
name: 'accountManagement'
|
})
|
} else {
|
this.$store.commit('setMainTag', 'login')
|
this.$router.push({
|
// name: this.$config.homeName
|
name: 'login'
|
})
|
// this.$router.push({
|
// name: res.Data.currentRedirect
|
// })
|
}
|
})
|
// } else {
|
// return false
|
// }
|
// })
|
// this.getUserInfo().then(res => {
|
// this.$store.state.user.current = ''
|
// localStorage.setItem('CompanyRemark', CompanyRemark)
|
// localStorage.setItem('RateGradeFlag', '')
|
// localStorage.setItem('inputType', '')
|
// localStorage.setItem('inputType_g', '')
|
// localStorage.setItem('BelongLtdId', '')
|
// localStorage.setItem('BelongLtdId_g', '')
|
// localStorage.setItem('projectMessage', null)
|
// if (res.Data.access.indexOf('super_admin') > -1) {
|
// this.$store.commit('setMainTag', 'AccountManagement_s')
|
// this.$router.push({
|
// name: 'accountManagement_s'
|
// })
|
// } else if (res.Data.access.indexOf('company_admin') > -1) {
|
// this.$store.commit('setMainTag', 'AccountManagement')
|
// this.$router.push({
|
// name: 'accountManagement'
|
// })
|
// } else {
|
// this.$store.commit('setMainTag', '_home')
|
// this.$router.push({
|
// name: this.$config.homeName
|
// })
|
// }
|
// })
|
}, res => {
|
this.loading = false
|
})
|
},
|
handleSubmit({ CompanyRemark, userName, password }) {
|
this.loading = true
|
this.handleLogin({ CompanyRemark, userName, password }).then(res => {
|
this.loading = false
|
if (!this.$store.state.user.token) {
|
return false
|
}
|
let p = ''
|
// this.getUserUrl(p).then(res => {
|
// this.$store.commit('userUrl', res.Data[0].Path)
|
// this.$store.commit('TypeId', res.Data[0].TypeId)
|
// if (this.$store.state.user.userUrl != '') {
|
localStorage.setItem('powerAccess', "newdiligenceTools")
|
this.getUserInfo().then(res => {
|
this.$store.state.user.current = ''
|
localStorage.setItem('CompanyRemark', CompanyRemark)
|
localStorage.setItem('RateGradeFlag', '')
|
localStorage.setItem('inputType', '')
|
localStorage.setItem('inputType_g', '')
|
localStorage.setItem('BelongLtdId', '')
|
localStorage.setItem('BelongLtdId_g', '')
|
localStorage.setItem('projectMessage', null)
|
localStorage.setItem('companyStore', res.Data.access[0])
|
localStorage.setItem('setUrlRec', res.Data.currentRedirect)
|
this.$store.commit('TypeId', this.$store.state.user.TypeId)
|
if (res.Data.access.indexOf('super_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement_s')
|
this.$router.push({
|
name: 'accountManagement_s'
|
})
|
} else if (res.Data.access.indexOf('company_admin') > -1) {
|
this.$store.commit('setMainTag', 'AccountManagement')
|
this.$router.push({
|
name: 'accountManagement'
|
})
|
} else {
|
this.$store.commit('setMainTag', 'login')
|
this.$router.push({
|
// name: this.$config.homeName
|
name: 'login'
|
})
|
// this.$router.push({
|
// name: res.Data.currentRedirect
|
// })
|
}
|
})
|
// } else {
|
// return false
|
// }
|
// })
|
// this.getUserInfo().then(res => {
|
// this.$store.state.user.current = ''
|
// localStorage.setItem('CompanyRemark', CompanyRemark)
|
// localStorage.setItem('RateGradeFlag', '')
|
// localStorage.setItem('inputType', '')
|
// localStorage.setItem('inputType_g', '')
|
// localStorage.setItem('BelongLtdId', '')
|
// localStorage.setItem('BelongLtdId_g', '')
|
// localStorage.setItem('projectMessage', null)
|
// if (res.Data.access.indexOf('super_admin') > -1) {
|
// this.$store.commit('setMainTag', 'AccountManagement_s')
|
// this.$router.push({
|
// name: 'accountManagement_s'
|
// })
|
// } else if (res.Data.access.indexOf('company_admin') > -1) {
|
// this.$store.commit('setMainTag', 'AccountManagement')
|
// this.$router.push({
|
// name: 'accountManagement'
|
// })
|
// } else {
|
// this.$store.commit('setMainTag', '_home')
|
// this.$router.push({
|
// name: this.$config.homeName
|
// })
|
// }
|
// })
|
}, res => {
|
this.loading = false
|
})
|
}
|
},
|
computed: {
|
// loginModal() {
|
// console.log(this.loginModal);
|
// console.log(this.$store.state.user.loginModal);
|
// return this.$store.state.user.loginModal
|
// }
|
},
|
|
|
}
|
</script>
|
<style lang="less" scoped>
|
.pointer {
|
cursor: pointer;
|
}
|
|
#login {
|
min-width: 1450px;
|
background-color: #F6FBFE;
|
}
|
|
|
|
.header {
|
width: 100%;
|
height: 603px;
|
background: url(../../assets/images/topBack.png) 100% 603px no-repeat;
|
background-position: center;
|
position: relative;
|
.ivu-input-group>.ivu-input:last-child,
|
/deep/ .ivu-input-group-append {
|
background-color: #FFB13D;
|
|
}
|
|
/deep/ .ivu-input-group-large .ivu-input,
|
.ivu-input-group-large>.ivu-input-group-prepend,
|
.ivu-input-group-large>.ivu-input-group-append {
|
|
height: 41px;
|
border-top-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
}
|
|
|
.ivu-input-group>span>.ivu-input:first-child,
|
.ivu-input-group>.ivu-input:first-child,
|
/deep/ .ivu-input-group-prepend {
|
display: none;
|
}
|
}
|
|
.hot {
|
width: 910px;
|
margin: 20px auto;
|
display: flex;
|
justify-content: space-between;
|
|
.left {
|
display: flex;
|
|
ul {
|
width: 500px;
|
// margin-left: 20px;
|
// padding-left: 20px;
|
// border-left: 1px solid #fff;
|
display: flex;
|
flex-wrap: nowrap;
|
|
li {
|
margin-right: 10px;
|
color: #FFFFFF;
|
cursor: pointer;
|
}
|
}
|
}
|
|
.right {
|
display: flex;
|
|
div {
|
width: 28px;
|
|
height: 28px;
|
font-size: 14px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #FFFFFF;
|
line-height: 16px;
|
margin-right: 5px;
|
}
|
}
|
|
|
}
|
|
main {
|
margin: 0 auto;
|
width: 1200px;
|
padding-bottom: 50px;
|
// height: 881px;
|
background: #FFFFFF;
|
border-radius: 20px;
|
position: relative;
|
top: -80px;
|
|
.titleImg {
|
img {
|
width: 214px;
|
height: 40px;
|
margin: 50px 0 30px 30px;
|
}
|
}
|
|
section:nth-child(1) {
|
|
|
ul {
|
margin: 0 auto;
|
width: 1138px;
|
display: flex;
|
justify-content: space-between;
|
|
li {
|
width: 370px;
|
height: 150px;
|
display: flex;
|
|
img {
|
width: 60px;
|
height: 60px;
|
margin: 48px 13px 42px 40px;
|
background-color: #fff;
|
}
|
|
.type1 {
|
display: flex;
|
margin-top: 53px;
|
|
div:nth-child(1) {
|
width: 84px;
|
height: 21px;
|
font-size: 20px;
|
font-family: Microsoft YaHei;
|
font-weight: bold;
|
color: #333333;
|
line-height: 21px;
|
}
|
|
div:nth-child(2) {
|
padding: 2px 3px;
|
// width: 60px;
|
// height: 24px;
|
border: 1px solid #FFB13D;
|
border-radius: 5px;
|
font-size: 14px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #FFB13D;
|
text-align: center;
|
|
|
}
|
}
|
|
.type2 {
|
width: 170px;
|
height: 17px;
|
margin-top: 10px;
|
font-size: 16px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #999999;
|
}
|
|
}
|
|
li:nth-child(1) {
|
background: url('../../assets/images/home/home_type1.png') no-repeat;
|
}
|
|
li:nth-child(2) {
|
background: url('../../assets/images/home/home_type2.png') no-repeat;
|
}
|
|
li:nth-child(3) {
|
background: url('../../assets/images/home/home_type3.png') no-repeat;
|
}
|
|
}
|
}
|
|
section:nth-child(2) {
|
|
.allRqquest {
|
margin: 0 auto;
|
width: 1138px;
|
display: flex;
|
|
li {
|
width: 95px;
|
height: 32px;
|
background: #F2F8FE;
|
border-radius: 5px;
|
line-height: 32px;
|
text-align: center;
|
margin-right: 20px;
|
cursor: pointer;
|
}
|
}
|
|
.requestList {
|
margin: 30px auto;
|
width: 1138px;
|
display: flex;
|
justify-content: space-between;
|
flex-wrap: nowrap;
|
|
li {
|
// width: 33%;
|
// width: 33%;
|
text-align: left;
|
display: flex;
|
cursor: pointer;
|
|
|
div:nth-child(1) {
|
width: 10px;
|
height: 10px;
|
background-color: #CCCCCC;
|
border-radius: 50%;
|
margin-top: 5px;
|
margin-right: 5px;
|
}
|
}
|
}
|
|
|
}
|
|
section:nth-child(3) {
|
margin: 0 auto;
|
width: 1138px;
|
display: flex;
|
justify-content: space-between;
|
|
.lineKF,
|
.phoneKF {
|
width: 560px;
|
height: 120px;
|
padding: 35px 60px 35px 48px;
|
display: flex;
|
justify-content: space-between;
|
background: url('../../assets/images/home/home_zu47.png') no-repeat;
|
|
.left {
|
display: flex;
|
|
img {
|
width: 40px;
|
height: 40px;
|
margin-top: 5px;
|
// margin: 48px 13px 42px 40px;
|
background-color: #fff;
|
}
|
|
.kf .type1 {
|
font-size: 20px;
|
font-family: Microsoft YaHei;
|
font-weight: bold;
|
color: #333333;
|
|
}
|
|
.kf .type2 {
|
|
|
|
font-size: 14px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #999999;
|
}
|
|
}
|
|
.right1 {
|
width: 95px;
|
height: 36px;
|
background: #0050BA;
|
border-radius: 5px;
|
font-size: 14px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #FFFFFF;
|
text-align: center;
|
line-height: 36px;
|
}
|
|
.right2 {
|
width: 136px;
|
height: 15px;
|
font-size: 18px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #0050BA;
|
padding-top: 15px;
|
}
|
|
}
|
|
}
|
}
|
|
footer {
|
width: 100%;
|
height: 250px;
|
background: #0050BA;
|
color: #fff;
|
margin-top: -50px;
|
|
.info {
|
width: 1138px;
|
margin: 0px auto 30px;
|
padding-top: 30px;
|
display: flex;
|
justify-content: space-between;
|
|
.left {
|
display: flex;
|
|
}
|
|
.right {
|
display: flex;
|
}
|
|
}
|
}
|
</style>
|
