|
|
@ -3,9 +3,9 @@ |
|
|
<div class="header"> |
|
|
<div class="header"> |
|
|
<p class="title"><img src="../../assets/loginImg/logo.png"/>安瑞集团信息化平台</p> |
|
|
<p class="title"><img src="../../assets/loginImg/logo.png"/>安瑞集团信息化平台</p> |
|
|
<div class="head_info"> |
|
|
<div class="head_info"> |
|
|
<!-- <p>{{Orgname}},</p>--> |
|
|
<!-- <p>{{Orgname}},</p>--> |
|
|
<!--<p>{{$store.getters.userInfo.Orgname}}</p>--> |
|
|
<!--<p>{{$store.getters.userInfo.Orgname}}</p>--> |
|
|
<p>欢迎您，{{pNameAndDepartmentNameAndPostName}} {{ roleName }} {{name}}</p> |
|
|
<p>欢迎您，{{ pNameAndDepartmentNameAndPostName }} {{ roleName }} {{ name }}</p> |
|
|
<!--<img src="@/assets/images/info.png" />--> |
|
|
<!--<img src="@/assets/images/info.png" />--> |
|
|
<p @click="logout()" class="dy"><img src="@/assets/images/dy.png"/></p> |
|
|
<p @click="logout()" class="dy"><img src="@/assets/images/dy.png"/></p> |
|
|
</div> |
|
|
</div> |
|
|
@ -16,7 +16,7 @@ |
|
|
<ul class="grid-content bg-ltop"> |
|
|
<ul class="grid-content bg-ltop"> |
|
|
<li @click="todowork"> |
|
|
<li @click="todowork"> |
|
|
<div style="position: relative"> |
|
|
<div style="position: relative"> |
|
|
<el-badge v-if="shuliang.workCount !== 0" :value="shuliang.workCount" size="mini" class="mark" /> |
|
|
<el-badge v-if="shuliang.workCount !== 0" :value="shuliang.workCount" size="mini" class="mark"/> |
|
|
<img src="@/assets/home/ltIcon1.png"> |
|
|
<img src="@/assets/home/ltIcon1.png"> |
|
|
</div> |
|
|
</div> |
|
|
<p>待办工作</p> |
|
|
<p>待办工作</p> |
|
|
@ -72,7 +72,7 @@ |
|
|
<ul class="bg-bottom"> |
|
|
<ul class="bg-bottom"> |
|
|
<li @click="toNav(index)" v-for="(item,index) in menus" :key='index'> |
|
|
<li @click="toNav(index)" v-for="(item,index) in menus" :key='index'> |
|
|
<img :src="item.imgUrl"> |
|
|
<img :src="item.imgUrl"> |
|
|
<p>{{item.title}}</p> |
|
|
<p>{{ item.title }}</p> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
<p class="copy">Copyright © {{ year }} 安瑞集团 All Rights Reserved</p> |
|
|
<p class="copy">Copyright © {{ year }} 安瑞集团 All Rights Reserved</p> |
|
|
@ -162,342 +162,428 @@ |
|
|
<p>系统管理</p> |
|
|
<p>系统管理</p> |
|
|
</li> --> |
|
|
</li> --> |
|
|
<!--</ul>--> |
|
|
<!--</ul>--> |
|
|
|
|
|
<el-dialog center :visible.sync="dialogVisible" width="40%" :show-close="false" :close-on-click-modal="false"> |
|
|
|
|
|
<el-form :model="form" class="formadd"> |
|
|
|
|
|
<el-row style="border-top: 1px solid #e0e3eb"> |
|
|
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
|
|
<span>原密码</span> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="20"> |
|
|
|
|
|
<el-form-item><el-input v-model="form.original" type="password" show-password/></el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
|
|
<span>新密码</span> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="20"> |
|
|
|
|
|
<el-form-item><el-input v-model="form.password" type="password" show-password/></el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
|
|
<span>确认密码</span> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="20"> |
|
|
|
|
|
<el-form-item><el-input v-model="form.confirmPassword" type="password" show-password/></el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
|
|
<el-button type="primary" size="small" @click="handleConirm">确 定</el-button> |
|
|
|
|
|
<el-button size="small" @click="handleQuXiao">取 消</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import {getToken, removeToken, getStorage, removeStorage} from '@/utils/auth' |
|
|
import { getToken, removeToken, getStorage, removeStorage } from '@/utils/auth' |
|
|
import {sourcesofrole} from '@/api/system/Role/role.js' |
|
|
import {sourcesofrole} from '@/api/system/Role/role.js' |
|
|
import User from '@/api/User/login.js' |
|
|
import User from '@/api/User/login.js' |
|
|
import { getTodoNum } from '@/api/system/home/home' |
|
|
import { getTodoNum } from '@/api/system/home/home' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
menus: [{ |
|
|
menus: [{ |
|
|
imgUrl: require('@/assets/home/bIcon1.png'), |
|
|
imgUrl: require('@/assets/home/bIcon1.png'), |
|
|
title: '业务管理' |
|
|
title: '业务管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/scm.png'), |
|
|
imgUrl: require('@/assets/home/scm.png'), |
|
|
title: '供应链管理' |
|
|
title: '供应链管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon2.png'), |
|
|
imgUrl: require('@/assets/home/bIcon2.png'), |
|
|
title: '风控管理' |
|
|
title: '风控管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon3.png'), |
|
|
imgUrl: require('@/assets/home/bIcon3.png'), |
|
|
title: '审计管理' |
|
|
title: '审计管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon4.png'), |
|
|
imgUrl: require('@/assets/home/bIcon4.png'), |
|
|
title: '财务管理' |
|
|
title: '财务管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon5.png'), |
|
|
imgUrl: require('@/assets/home/bIcon5.png'), |
|
|
title: '行政管理' |
|
|
title: '行政管理' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon6.png'), |
|
|
imgUrl: require('@/assets/home/bIcon6.png'), |
|
|
title: '报表中心' |
|
|
title: '报表中心' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon7.png'), |
|
|
imgUrl: require('@/assets/home/bIcon7.png'), |
|
|
title: '基础信息' |
|
|
title: '基础信息' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/notice.png'), |
|
|
imgUrl: require('@/assets/home/notice.png'), |
|
|
title: '消息中心' |
|
|
title: '消息中心' |
|
|
}, { |
|
|
}, { |
|
|
imgUrl: require('@/assets/home/bIcon8.png'), |
|
|
imgUrl: require('@/assets/home/bIcon8.png'), |
|
|
title: '系统管理' |
|
|
title: '系统管理' |
|
|
}], |
|
|
}], |
|
|
userInfo: {}, |
|
|
userInfo: {}, |
|
|
shuliang: { |
|
|
shuliang: { |
|
|
workCount: '' |
|
|
workCount: '' |
|
|
}, |
|
|
}, |
|
|
timer: '', |
|
|
dialogVisible: false, |
|
|
Orgname: '', |
|
|
form: { |
|
|
departmentName: '', |
|
|
original: '', |
|
|
name: '', |
|
|
password: '', |
|
|
pNameAndDepartmentNameAndPostName: '', |
|
|
confirmPassword: '', |
|
|
roleName: '', |
|
|
userSid: '' |
|
|
year: '' |
|
|
}, |
|
|
} |
|
|
timer: '', |
|
|
}, |
|
|
Orgname: '', |
|
|
beforeCreate() { |
|
|
departmentName: '', |
|
|
|
|
|
name: '', |
|
|
|
|
|
pNameAndDepartmentNameAndPostName: '', |
|
|
|
|
|
roleName: '', |
|
|
|
|
|
year: '' |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
beforeCreate() { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getNum() |
|
|
this.getsPasswordByUserSid() |
|
|
this.timer = setInterval(this.getNum, 20000) |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.Orgname = window.sessionStorage.getItem('Orgname') |
|
|
this.Orgname = window.sessionStorage.getItem('Orgname') |
|
|
this.departmentName = window.sessionStorage.getItem('departmentName') |
|
|
this.departmentName = window.sessionStorage.getItem('departmentName') |
|
|
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName') |
|
|
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName') |
|
|
this.roleName = window.sessionStorage.getItem('roleName') |
|
|
this.roleName = window.sessionStorage.getItem('roleName') |
|
|
this.name = window.sessionStorage.getItem('name') |
|
|
this.name = window.sessionStorage.getItem('name') |
|
|
var nowDate = new Date() |
|
|
var nowDate = new Date() |
|
|
this.year = nowDate.getFullYear() |
|
|
this.year = nowDate.getFullYear() |
|
|
|
|
|
// sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => { |
|
|
// sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => { |
|
|
// this.menus = res.data |
|
|
// this.menus = res.data |
|
|
// }) |
|
|
// }) |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
getsPasswordByUserSid() { |
|
|
|
|
|
User.selectPasswordByUserSid(window.sessionStorage.getItem('userSid')).then((resp) => { |
|
|
|
|
|
if (resp.success && resp.data) { |
|
|
|
|
|
this.dialogVisible = true |
|
|
|
|
|
} else { |
|
|
|
|
|
this.getNum() |
|
|
|
|
|
this.timer = setInterval(this.getNum, 20000) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
getNum() { |
|
|
getNum() { |
|
|
getTodoNum(window.sessionStorage.getItem('userSid')).then((resp) => { |
|
|
getTodoNum(window.sessionStorage.getItem('userSid')).then((resp) => { |
|
|
if (resp.success) { |
|
|
if (resp.success) { |
|
|
this.shuliang.workCount = resp.data |
|
|
this.shuliang.workCount = resp.data |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
handleConirm() { |
|
|
todowork() { |
|
|
if (this.form.original === '') { |
|
|
window.open('/#/todo' + '?token=' + getStorage(), '_blank') |
|
|
this.$message({ showClose: true, type: 'error', message: '原密码不能为空' }) |
|
|
// this.$router.push({ path: '/todo' + '?token=' + getStorage() }) |
|
|
return |
|
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
|
|
} |
|
|
}, |
|
|
if (this.form.password !== this.form.confirmPassword) { |
|
|
donework() { |
|
|
this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' }) |
|
|
window.open('/#/done' + '?token=' + getStorage(), '_blank') |
|
|
return |
|
|
// this.$router.push({ path: '/done' + '?token=' + getStorage() }) |
|
|
} |
|
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
|
|
this.form.userSid = window.sessionStorage.getItem('userSid') |
|
|
}, |
|
|
User.updatePassword(this.form).then((resp) => { |
|
|
logout() { |
|
|
if (resp.success) { |
|
|
this.$confirm('确定要退出吗, 是否继续?', '提示', { |
|
|
this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', { |
|
|
confirmButtonText: '确定', |
|
|
confirmButtonText: '确定', |
|
|
cancelButtonText: '取消', |
|
|
callback: action => { |
|
|
type: 'warning' |
|
|
this.handleQuXiao() |
|
|
}).then(() => { |
|
|
} |
|
|
User.logout({ token: getStorage() }).then(res => { |
|
|
|
|
|
removeStorage() |
|
|
|
|
|
this.$store.commit('user/SET_UESRINFO', '') |
|
|
|
|
|
this.$router.push({ path: '/login' }) |
|
|
|
|
|
}) |
|
|
}) |
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
xxzx() { |
|
|
|
|
|
this.$alert('项目正在开发中', '提示', { |
|
|
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
toNavbar(name) { |
|
|
|
|
|
let myPopup = window.open(name + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
}, |
|
|
|
|
|
toNav(index, name, titleName) { |
|
|
|
|
|
if (index == '9') { |
|
|
|
|
|
// this.$router.push({path: '/index'}) |
|
|
|
|
|
let myPopup = window.open('/#/index', '_blank') |
|
|
|
|
|
} else if (index == '7') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '8') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '1') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/scm/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '4') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/fin/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '5') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/manage/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '0') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/buscenter/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} |
|
|
} |
|
|
// const page = this.$router.resolve({name: name}) |
|
|
}) |
|
|
// window.open(page.href,'_blank') |
|
|
}, |
|
|
|
|
|
handleQuXiao() { |
|
|
|
|
|
this.dialogVisible = false |
|
|
|
|
|
this.form = { |
|
|
|
|
|
original: '', |
|
|
|
|
|
password: '', |
|
|
|
|
|
confirmPassword: '' |
|
|
} |
|
|
} |
|
|
|
|
|
User.logout({ token: getStorage() }).then((res) => { |
|
|
|
|
|
if (res.success) { |
|
|
|
|
|
removeStorage() |
|
|
|
|
|
this.$store.commit('user/SET_UESRINFO', '') |
|
|
|
|
|
this.$router.push({ path: '/login' }) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
todowork() { |
|
|
|
|
|
window.open('/#/todo' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
// this.$router.push({ path: '/todo' + '?token=' + getStorage() }) |
|
|
|
|
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
|
|
|
|
|
}, |
|
|
|
|
|
donework() { |
|
|
|
|
|
window.open('/#/done' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
// this.$router.push({ path: '/done' + '?token=' + getStorage() }) |
|
|
|
|
|
// window.open('http://127.0.0.1/message'+'?token='+getStorage(),'_blank') |
|
|
|
|
|
}, |
|
|
|
|
|
logout() { |
|
|
|
|
|
this.$confirm('确定要退出吗, 是否继续?', '提示', { |
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
type: 'warning' |
|
|
|
|
|
}).then(() => { |
|
|
|
|
|
User.logout({token: getStorage()}).then(res => { |
|
|
|
|
|
removeStorage() |
|
|
|
|
|
this.$store.commit('user/SET_UESRINFO', '') |
|
|
|
|
|
this.$router.push({ path: '/login' }) |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
xxzx() { |
|
|
|
|
|
this.$alert('项目正在开发中', '提示', { |
|
|
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
toNavbar(name) { |
|
|
|
|
|
let myPopup = window.open(name + '?token=' + getStorage(), '_blank') |
|
|
}, |
|
|
}, |
|
|
beforeDestroy() { |
|
|
toNav(index, name, titleName) { |
|
|
clearInterval(this.timer) |
|
|
if (index == '9') { |
|
|
|
|
|
// this.$router.push({path: '/index'}) |
|
|
|
|
|
let myPopup = window.open('/#/index', '_blank') |
|
|
|
|
|
} else if (index == '7') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '8') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '1') { |
|
|
|
|
|
let myPopup = window.open('http://anrui.yyundong.com/scm/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '4') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/fin/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '5') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/manage/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} else if (index == '0') { |
|
|
|
|
|
let myPopup = window.open('http://120.46.172.184/buscenter/#/' + '?token=' + getStorage(), '_blank') |
|
|
|
|
|
} |
|
|
|
|
|
// const page = this.$router.resolve({name: name}) |
|
|
|
|
|
// window.open(page.href,'_blank') |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
beforeDestroy() { |
|
|
|
|
|
clearInterval(this.timer) |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style scoped="scoped"> |
|
|
<style scoped="scoped"> |
|
|
li:hover, |
|
|
li:hover, |
|
|
p:hover { |
|
|
p:hover { |
|
|
cursor: pointer |
|
|
cursor: pointer |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
p { |
|
|
p { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.header { |
|
|
.header { |
|
|
background-color: #0294d7; |
|
|
background-color: #0294d7; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
height: 60px; |
|
|
height: 60px; |
|
|
line-height: 60px; |
|
|
line-height: 60px; |
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
|
img { |
|
|
|
|
|
width: 70px; |
|
|
|
|
|
vertical-align: middle; |
|
|
|
|
|
font-family: Adobe Heiti Std; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
float: left; |
|
|
.title { |
|
|
font-size: 34px; |
|
|
img { |
|
|
margin-left: 35px; |
|
|
width: 70px; |
|
|
height: 60px; |
|
|
vertical-align: middle; |
|
|
line-height: 60px; |
|
|
font-family: Adobe Heiti Std; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.head_info { |
|
|
float: left; |
|
|
float: right; |
|
|
font-size: 34px; |
|
|
margin-top: 0; |
|
|
margin-left: 35px; |
|
|
font-size: 17px; |
|
|
height: 60px; |
|
|
} |
|
|
line-height: 60px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
p { |
|
|
.head_info { |
|
|
float: left; |
|
|
float: right; |
|
|
} |
|
|
margin-top: 0; |
|
|
|
|
|
font-size: 17px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.head_info img { |
|
|
p { |
|
|
width: 25px; |
|
|
|
|
|
margin-top: 20px; |
|
|
|
|
|
margin-left: 30px; |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.head_info .dy { |
|
|
.head_info img { |
|
|
margin-left: 10px; |
|
|
width: 25px; |
|
|
margin-right: 20px; |
|
|
margin-top: 20px; |
|
|
} |
|
|
margin-left: 30px; |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
float: left; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.container1 { |
|
|
.head_info .dy { |
|
|
background: #E9F1F7; |
|
|
margin-left: 10px; |
|
|
padding: 20px; |
|
|
margin-right: 20px; |
|
|
width: 100%; |
|
|
} |
|
|
height: calc(100% - 60px); |
|
|
|
|
|
margin: 0; |
|
|
|
|
|
|
|
|
|
|
|
.bg-ltop { |
|
|
.container1 { |
|
|
margin: 0; |
|
|
background: #E9F1F7; |
|
|
padding: 0 20px; |
|
|
padding: 20px; |
|
|
background-image: url(../../assets/home/ltBg.png); |
|
|
width: 100%; |
|
|
border-radius: 10px; |
|
|
height: calc(100% - 60px); |
|
|
overflow: hidden; |
|
|
margin: 0; |
|
|
height: 190px; |
|
|
|
|
|
|
|
|
|
|
|
li { |
|
|
.bg-ltop { |
|
|
float: left; |
|
|
margin: 0; |
|
|
list-style: none; |
|
|
padding: 0 20px; |
|
|
width: 25%; |
|
|
background-image: url(../../assets/home/ltBg.png); |
|
|
text-align: center; |
|
|
border-radius: 10px; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
height: 190px; |
|
|
|
|
|
|
|
|
img { |
|
|
li { |
|
|
width: 70px; |
|
|
float: left; |
|
|
margin: 45px auto 10px auto; |
|
|
list-style: none; |
|
|
} |
|
|
width: 25%; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
|
width: 70px; |
|
|
|
|
|
margin: 45px auto 10px auto; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.bg-rtop { |
|
|
.bg-rtop { |
|
|
background-image: url(../../assets/home/rtBg.png); |
|
|
background-image: url(../../assets/home/rtBg.png); |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
height: 190px; |
|
|
height: 190px; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.anrui { |
|
|
.anrui { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 40px; |
|
|
height: 40px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.rt_title { |
|
|
.rt_title { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 10px; |
|
|
top: 10px; |
|
|
left: 15px; |
|
|
left: 15px; |
|
|
font-size: 18px; |
|
|
font-size: 18px; |
|
|
font-family: SourceHanSerifCN; |
|
|
font-family: SourceHanSerifCN; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
color: #191919; |
|
|
color: #191919; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
ul { |
|
|
ul { |
|
|
margin: 0px auto; |
|
|
margin: 0px auto; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
height: 148px; |
|
|
height: 148px; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
|
|
|
li { |
|
|
li { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
height: 33px; |
|
|
height: 33px; |
|
|
line-height: 28px; |
|
|
line-height: 28px; |
|
|
list-style: none; |
|
|
list-style: none; |
|
|
text-decoration: underline; |
|
|
text-decoration: underline; |
|
|
border-bottom: 1px solid #666; |
|
|
border-bottom: 1px solid #666; |
|
|
width: calc(100% - 70px); |
|
|
width: calc(100% - 70px); |
|
|
margin-left: 40px; |
|
|
margin-left: 40px; |
|
|
position: relative; |
|
|
position: relative; |
|
|
padding-top: 10px; |
|
|
padding-top: 10px; |
|
|
font-family: SimSun; |
|
|
font-family: SimSun; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
width: 16px; |
|
|
width: 16px; |
|
|
margin: 5px 10px; |
|
|
margin: 5px 10px; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: -30px; |
|
|
left: -30px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.notice { |
|
|
.notice { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
width: 65%; |
|
|
width: 65%; |
|
|
text-overflow: ellipsis; |
|
|
text-overflow: ellipsis; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.anrui_time { |
|
|
.anrui_time { |
|
|
float: right; |
|
|
float: right; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
margin-right: 5px; |
|
|
margin-right: 5px; |
|
|
line-height: 30px; |
|
|
line-height: 30px; |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.bg-bottom { |
|
|
.bg-bottom { |
|
|
background-image: url(../../assets/home/bottomBg.png); |
|
|
background-image: url(../../assets/home/bottomBg.png); |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
margin: 20px 0 0 0; |
|
|
margin: 20px 0 0 0; |
|
|
padding: 10px 20px; |
|
|
padding: 10px 20px; |
|
|
|
|
|
|
|
|
li { |
|
|
li { |
|
|
float: left; |
|
|
float: left; |
|
|
list-style: none; |
|
|
list-style: none; |
|
|
width: 11.6%; |
|
|
width: 11.6%; |
|
|
margin: 10px 2.5%; |
|
|
margin: 10px 2.5%; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
border-radius: 40px; |
|
|
border-radius: 40px; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
padding: 10px 25px 15px; |
|
|
padding: 10px 25px 15px; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
width: 80%; |
|
|
width: 80%; |
|
|
margin: 10px auto; |
|
|
margin: 10px auto; |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.copy { |
|
|
.copy { |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
width: calc(100% - 40px); |
|
|
width: calc(100% - 40px); |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 40px; |
|
|
line-height: 40px; |
|
|
border-top: 2px solid #4E74A6; |
|
|
border-top: 2px solid #4E74A6; |
|
|
background: #E9F1F7; |
|
|
background: #E9F1F7; |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #666; |
|
|
color: #666; |
|
|
} |
|
|
} |
|
|
.mark { |
|
|
|
|
|
position: absolute; |
|
|
.mark { |
|
|
top: 38%; |
|
|
position: absolute; |
|
|
margin-left: 58px; |
|
|
top: 38%; |
|
|
} |
|
|
margin-left: 58px; |
|
|
.mark { |
|
|
} |
|
|
::v-deep .el-badge__content { |
|
|
|
|
|
font-size: 14px !important; |
|
|
.mark { |
|
|
} |
|
|
::v-deep .el-badge__content { |
|
|
|
|
|
font-size: 14px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
yxt_djz
3 years ago