Browse Source

项目模块

zhanglei
yunuo970428 3 weeks ago
parent
commit
f5b18a4b45
  1. 223
      anrui-system-ui/src/views/Home/Home.vue

223
anrui-system-ui/src/views/Home/Home.vue

@ -1,14 +1,12 @@
<template>
<div style="height: 100%;">
<div class="header">
<p class="title"><img src="../../assets/loginImg/logo.png" />安瑞集团信息化平台</p>
<div class="head_info"
style="display: flex;flex-direction: row;justify-content:space-between;align-items: center">
<p class="title"><img src="../../assets/loginImg/logo.png"/>安瑞集团信息化平台</p>
<div class="head_info" style="display: flex;flex-direction: row;justify-content:space-between;align-items: center">
<div>欢迎您</div>
<div>
<el-select v-model="defaultOrgPathName" class="selectStyle" size="small" placeholder="" @change="changeOrg"
filterable>
<el-option v-for="item in orgDept_list" :key="item.orgPath" :label="item.orgName" :value="item.orgName" />
<el-select v-model="defaultOrgPathName" class="selectStyle" size="small" placeholder="" @change="changeOrg" filterable>
<el-option v-for="item in orgDept_list" :key="item.orgPath" :label="item.orgName" :value="item.orgName"/>
</el-select>
</div>
<div style="padding-right: 5px">
@ -18,10 +16,7 @@
</el-tooltip>
</div>
<div>{{ name }}</div>
<div @click="logout()"
style="display: flex;flex-direction: row;justify-content:center;align-items: center;padding-left: 20px;padding-right: 10px">
<img src="@/assets/images/dy.png" />
</div>
<div @click="logout()" style="display: flex;flex-direction: row;justify-content:center;align-items: center;padding-left: 20px;padding-right: 10px"><img src="@/assets/images/dy.png"/></div>
</div>
</div>
<div class="container1">
@ -30,7 +25,7 @@
<ul class="grid-content bg-ltop">
<li @click="todowork">
<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">
</div>
<p>待办工作</p>
@ -41,8 +36,7 @@
</li>
<li @click="tobereadwork">
<div style="position: relative">
<el-badge v-if="shuliang.toBeReadCount !== 0" :value="shuliang.toBeReadCount" size="mini"
class="mark" />
<el-badge v-if="shuliang.toBeReadCount !== 0" :value="shuliang.toBeReadCount" size="mini" class="mark"/>
<img src="@/assets/home/ltIcon4.png">
</div>
<p>待阅工作</p>
@ -55,11 +49,11 @@
</el-col>
<el-col :span="10">
<div class="grid-content bg-rtop">
<img class="anrui" src="@/assets/home/anrui.png" />
<img class="anrui" src="@/assets/home/anrui.png"/>
<p class="rt_title">通知公告</p>
<ul>
<li v-for="(item, index) in noticeandannouncement" :key="index" @click="lookInfo(item)">
<img class="rtImg" src="../../assets/home/notice.png" />
<img class="rtImg" src="../../assets/home/notice.png"/>
<span class="notice bluezi">{{ item.title }}</span>
<span class="anrui_time">{{ item.createTime }}</span>
</li>
@ -82,7 +76,7 @@
<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-form-item><el-input v-model="form.original" type="password" show-password/></el-form-item>
</el-col>
</el-row>
<el-row>
@ -90,7 +84,7 @@
<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-form-item><el-input v-model="form.password" type="password" show-password/></el-form-item>
</el-col>
</el-row>
<el-row>
@ -98,7 +92,7 @@
<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-form-item><el-input v-model="form.confirmPassword" type="password" show-password/></el-form-item>
</el-col>
</el-row>
</el-form>
@ -112,16 +106,12 @@
<div style="text-align: center;font-weight: bold;font-size: 20px">{{ formobj.title }}</div>
<el-row style="border-left: 0px;margin-top: 10px">
<el-col :span="12" style="border-right: 0px;border-bottom: 0px">
<div class="span-sty" style="border-right: 0px;font-family: 'SimSun';font-size: 10px;">发布日期:
</div>
<el-form-item><span
style="font-family: 'SimSun';font-weight: bold;margin-left: 60px">{{ formobj.createTime }}</span></el-form-item>
<div class="span-sty" style="border-right: 0px;font-family: 'SimSun';font-size: 10px;">发布日期:</div>
<el-form-item><span style="font-family: 'SimSun';font-weight: bold;margin-left: 60px">{{ formobj.createTime }}</span></el-form-item>
</el-col>
<el-col :span="12" style="border-right: 0px;border-bottom: 0px">
<div class="span-sty" style="border-right: 0px;font-family: 'SimSun';font-size: 10px;">有效期至:
</div>
<el-form-item><span
style="font-family: 'SimSun';font-weight: bold;margin-left: 60px">{{ formobj.validityDate }}</span></el-form-item>
<div class="span-sty" style="border-right: 0px;font-family: 'SimSun';font-size: 10px;">有效期至:</div>
<el-form-item><span style="font-family: 'SimSun';font-weight: bold;margin-left: 60px">{{ formobj.validityDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row style="border-left: 0px">
@ -132,9 +122,7 @@
<el-row style="border-left: 0px">
<el-col :span="24" style="border-right: 0px;border-bottom: 0px">
<div class="span-sty" style="border-right: 0px;font-family: 'SimSun';font-size: 10px;">附件:</div>
<el-form-item><span class="bluezi" style="font-family: 'SimSun';font-weight: bold;margin-left: 60px"
v-for="(item, index) in formobj.filesList" :key="index"
@click="handleDownLoad(item.url)">{{ item.name }}</span></el-form-item>
<el-form-item><span class="bluezi" style="font-family: 'SimSun';font-weight: bold;margin-left: 60px" v-for="(item, index) in formobj.filesList" :key="index" @click="handleDownLoad(item.url)">{{ item.name }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
@ -143,23 +131,13 @@
</template>
<script>
import {
getStorage,
removeStorage
} from '@/utils/auth'
import User from '@/api/User/login.js'
import {
getLists,
getTodoNum
} from '@/api/system/home/home'
import {
getToBeReadNum
} from '@/api/flow/read'
import {
details
} from '@/api/notificationannouncement/notificationannouncement'
import { getStorage, removeStorage } from '@/utils/auth'
import User from '@/api/User/login.js'
import { getLists, getTodoNum } from '@/api/system/home/home'
import { getToBeReadNum } from '@/api/flow/read'
import { details } from '@/api/notificationannouncement/notificationannouncement'
export default {
export default {
data() {
return {
menus: [{
@ -264,9 +242,7 @@
this.timer = setInterval(this.getNum, 20000)
}
})
User.getOrgListByUserSid({
userSid: window.sessionStorage.getItem('userSid')
}).then((res) => {
User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
if (res.success) {
this.orgDept_list = res.data
}
@ -312,9 +288,7 @@
userSid: ''
}
this.TZGGVisible = true
details({
sid: item.sid
}).then((res) => {
details({ sid: item.sid }).then((res) => {
if (res.success) {
this.formobj = res.data
}
@ -327,19 +301,11 @@
},
handleConirm() {
if (this.form.original === '') {
this.$message({
showClose: true,
type: 'error',
message: '原密码不能为空'
})
this.$message({ showClose: true, type: 'error', message: '原密码不能为空' })
return
}
if (this.form.password !== this.form.confirmPassword) {
this.$message({
showClose: true,
type: 'error',
message: '两次输入密码不一致'
})
this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' })
return
}
this.form.userSid = window.sessionStorage.getItem('userSid')
@ -361,15 +327,11 @@
password: '',
confirmPassword: ''
}
User.logout({
token: getStorage()
}).then((res) => {
User.logout({ token: getStorage() }).then((res) => {
if (res.success) {
removeStorage()
this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({
path: '/login'
})
this.$router.push({ path: '/login' })
}
})
},
@ -395,14 +357,10 @@
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
User.logout({
token: getStorage()
}).then(res => {
User.logout({ token: getStorage() }).then(res => {
removeStorage()
this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({
path: '/login'
})
this.$router.push({ path: '/login' })
})
})
},
@ -422,88 +380,72 @@
defaultOrgPath: this.defaultOrgPath
}
if (index == '0') {
// let myPopup = window.open('http://192.168.0.112:9531/buscenter/#/' + '?token=' + getStorage() +
// '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/buscenter/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://127.0.0.1:9531/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/buscenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '1') {
// let myPopup = window.open('http://192.168.0.112:9532/scm/#/' + '?token=' + getStorage() +
// '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/scm/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://127.0.0.1:9531/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/scm/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '2') {
// let myPopup = window.open('http://192.168.0.112:9531/riskcenter/#/' + '?token=' + getStorage() +
// '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/riskcenter/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://127.0.0.1:9531/riskcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/riskcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/riskcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '3') { //
// let myPopup = window.open('http://192.168.0.112:9531/vehfleet/#/' + '?token=' + getStorage() +
// '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/vehfleet/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '3') {
// let myPopup = window.open('http://127.0.0.1:9531/vehfleet/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/vehfleet/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/vehfleet/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '4') {
}
else if (index == '4') {
// let myPopup = window.open('http://127.0.0.1:9531/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/fin/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/fin/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '5') {
// let myPopup = window.open('http://127.0.0.1:9531/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/manage/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/manage/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '6') {
// let myPopup = window.open('http://127.0.0.1:9531/reportcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/reportcenter/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/reportcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/reportcenter/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '7') {
// let myPopup = window.open('http://127.0.0.1:9531/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/base/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/base/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '8') {
// let myPopup = window.open('http://127.0.0.1:9531/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/message/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/message/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '9') {
let myPopup = window.open('http://192.168.0.112:9531/as/#/' + '?token=' + getStorage() +
'&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://anrui.yyundong.com/as/#/' + '?token=' + getStorage() +
// '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://127.0.0.1:9531/as/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
let myPopup = window.open('http://anrui.yyundong.com/as/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
// let myPopup = window.open('http://120.46.172.184/as/#/' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
} else if (index == '10') {
// this.$router.push({path: '/index'})
let myPopup = window.open('/#/index' + '?token=' + getStorage() + '&organizationData=' + encodeURI((
JSON
.stringify(organizationData))), '_blank')
let myPopup = window.open('/#/index' + '?token=' + getStorage() + '&organizationData=' + encodeURI((JSON.stringify(organizationData))), '_blank')
}
// const page = this.$router.resolve({name: name})
// window.open(page.href,'_blank')
// const page = this.$router.resolve({name: name})
// window.open(page.href,'_blank')
}
},
beforeDestroy() {
clearInterval(this.timer)
}
}
}
</script>
<style scoped="scoped">
li:hover,
p:hover {
li:hover,
p:hover {
cursor: pointer
}
}
</style>
<style lang="scss" scoped>
p {
p {
margin: 0;
padding: 0;
}
}
.header {
.header {
background-color: #0294d7;
color: #fff;
overflow: hidden;
@ -533,22 +475,22 @@
p {
float: left;
}
}
}
//.head_info img {
// width: 25px;
// margin-top: 20px;
// margin-left: 30px;
// margin-right: 10px;
// float: left;
//}
//
//.head_info .dy {
// margin-left: 10px;
// margin-right: 20px;
//}
//.head_info img {
// width: 25px;
// margin-top: 20px;
// margin-left: 30px;
// margin-right: 10px;
// float: left;
//}
//
//.head_info .dy {
// margin-left: 10px;
// margin-right: 20px;
//}
.container1 {
.container1 {
background: #E9F1F7;
padding: 20px;
width: 100%;
@ -665,9 +607,9 @@
}
}
}
}
}
.copy {
.copy {
position: fixed;
bottom: 0;
width: calc(100% - 40px);
@ -678,26 +620,25 @@
background: #E9F1F7;
font-size: 14px;
color: #666;
}
}
.mark {
.mark {
position: absolute;
top: 38%;
margin-left: 58px;
}
}
.mark {
.mark {
::v-deep .el-badge__content {
font-size: 14px !important;
}
}
.selectStyle {
}
.selectStyle {
::v-deep .el-input__inner {
border: 0px !important;
background-color: #0294d7 !important;
font-size: 17px;
color: #FFFFFF;
}
}
}
</style>

Loading…
Cancel
Save