yxt_group
/
supervise
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改主框架页面样式 

修改监控中心页面样式
master
guoxing 2 years ago
parent
d07e50af17
commit
dd7981e67d
6 changed files with 622 additions and 436 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      supervise-monitor-ui/.env.development
  2. 224
      supervise-monitor-ui/src/views/monitor/videos/index.vue
  3. 4
      supervise-organizational-ui/.env.development
  4. 4
      supervise-uniapp/pages.json
  5. 3
      yxt-portal-ui/.env.development
  6. 821
      yxt-portal-ui/src/views/Home/Home.vue

2
supervise-monitor-ui/.env.development
View File

@ -5,5 +5,5 @@ ENV = 'development'
VUE_APP_BASE_API = '/api'
## 配置测试和本地开发时的 接口地址
VUE_APP_URL = "http://127.0.0.1:8112"
VUE_APP_URL = "http://8.130.39.13:8112"
##VUE_APP_URL = "http://120.46.172.184:8111"

224
supervise-monitor-ui/src/views/monitor/videos/index.vue
View File

@ -1,48 +1,200 @@
<template>
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>环境监控-视频中心</div>
<!-- start 添加修改按钮 -->
<div />
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
<div>
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="环境监控-视频中心" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<el-row style="margin-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
</el-row>
<el-row style="margin-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
<el-col style="margin-left: 20px;margin-right: 20px;" :span="5">
<div >
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
</div>
<img src="../../../assets/home/bIcon8.png"/>
</el-card>
</div>
</el-col>
</el-row>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'MonitorVideos',
data() {
return {
submitdisabled: false,
viewTitle: '视频中心',
tableKey: 0,
index: 0,
totalQuantity: '', // 合计数量
amountInTotal: '', // 合计金额
formobj: {},
rules: {}
}
},
created() {},
methods: {
handleReturn() {
this.formobj = {}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
submitdisabled: false,
btnList: [
// {
// type: 'primary',
// size: 'small',
// icon: 'plus',
// btnKey: 'toAdd',
// btnLabel: '新增'
// },
// {
// type: 'danger',
// size: 'small',
// icon: 'del',
// btnKey: 'doDel',
// btnLabel: '删除'
// },
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {},
methods: {
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
}
}
}
</script>
<style scoped>
.title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
<style lang="scss">
.wrap {
padding: 12px;
}
.demo-layout {
height: 25px;
border-radius: 4px;
}
.bg-purple {
background: #CED7E1;
}
.bg-purple-light {
background: #e5e9f2;
}
.bg-purple-dark {
background: #99a9bf;
}
</style>

4
supervise-organizational-ui/.env.development
View File

@ -5,5 +5,5 @@ ENV = 'development'
VUE_APP_BASE_API = '/api'
## 配置测试和本地开发时的 接口地址
VUE_APP_URL = "http://127.0.0.1:8112"
##VUE_APP_URL = "http://120.46.172.184:8111"
##VUE_APP_URL = "http://192.168.3.108:8112"
VUE_APP_URL = "http://122.14.222.186:8112"

4
supervise-uniapp/pages.json
View File

@ -58,12 +58,12 @@
"pagePath": "pages/home/FindFragment",
"iconPath": "static/bottom-icon/find_normal.png",
"selectedIconPath": "static/bottom-icon/find_press.png",
"text": "发现"
"text": "业务"
}, {
"pagePath": "pages/home/AddFragment",
"iconPath": "static/bottom-icon/add_normal.png",
"selectedIconPath": "static/bottom-icon/add_press.png",
"text": "发布"
"text": "消息"
}, {
"pagePath": "pages/home/UserFragment",
"iconPath": "static/bottom-icon/mine_normal.png",

3
yxt-portal-ui/.env.development
View File

@ -5,4 +5,5 @@ ENV = 'development'
VUE_APP_BASE_API = '/api'
## 配置测试和本地开发时的 接口地址
VUE_APP_URL = "http://192.168.3.9:8112"
##VUE_APP_URL = "http://192.168.3.108:8112"
VUE_APP_URL = "http://8.130.39.13:8112"

821
yxt-portal-ui/src/views/Home/Home.vue
View File

@ -17,8 +17,8 @@
</div>
</div>
<div class="container1">
<el-row :gutter="20">
<el-col :span="14">
<el-row style="margin-top: 20px;margin-left: 10px;">
<el-col :span="13">
<ul class="grid-content bg-ltop">
<li @click="todowork">
<div style="position: relative">
@ -41,16 +41,12 @@
</li>
</ul>
</el-col>
<el-col :span="10">
<el-col style="margin-left: 70px;" :span="10">
<div class="grid-content bg-rtop">
<img class="anrui" src="@/assets/home/anrui.png">
<p class="rt_title">预警中心</p>
<ul>
<li>
<img class="rtImg" src="../../assets/home/notice.png">
<span class="notice">2023-01-29订单未通过审核.</span>
<span class="anrui_time">2023-01-21 09:31</span>
</li>
<!-- <img class="anrui" src="@/assets/home/anrui.png"> -->
<span class="rt_title">预警中心</span>
<ul style="margin-top: 40px;">
<li>
<img src="../../assets/home/notice.png">
<span class="notice">编号01021供应商出现工商风险</span>
@ -173,19 +169,25 @@
<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-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-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-form-item>
<el-input v-model="form.confirmPassword" type="password" show-password />
</el-form-item>
</el-col>
</el-row>
</el-form>
@ -198,439 +200,470 @@
</template>
<script>
import { getToken, removeToken, getStorage, removeStorage } from '@/utils/auth'
import { sourcesofrole } from '@/api/system/Role/role.js'
import User from '@/api/User/login.js'
import { getTodoNum } from '@/api/system/home/home'
import {
getToken,
removeToken,
getStorage,
removeStorage
} from '@/utils/auth'
import {
sourcesofrole
} from '@/api/system/Role/role.js'
import User from '@/api/User/login.js'
import {
getTodoNum
} from '@/api/system/home/home'
export default {
data() {
return {
menus: [
{
imgUrl: require('@/assets/home/bIcon5.png'),
title: '客户中心'
},
{
imgUrl: require('@/assets/home/bIcon6.png'),
title: '数据报表'
},
{
imgUrl: require('@/assets/home/scm.png'),
title: '业务审批'
},
{
imgUrl: require('@/assets/home/bIcon2.png'),
title: '风控管理'
},
{
imgUrl: require('@/assets/home/bIcon1.png'),
title: '工作调度'
export default {
data() {
return {
menus: [{
imgUrl: require('@/assets/home/bIcon5.png'),
title: '客户中心'
},
{
imgUrl: require('@/assets/home/bIcon6.png'),
title: '数据报表'
},
{
imgUrl: require('@/assets/home/scm.png'),
title: '业务审批'
},
{
imgUrl: require('@/assets/home/bIcon2.png'),
title: '风控管理'
},
{
imgUrl: require('@/assets/home/bIcon1.png'),
title: '工作调度'
},
{
imgUrl: require('@/assets/home/monitor.png'),
title: '环境监控'
},
{
imgUrl: require('@/assets/home/notice.png'),
title: '消息中心'
},
{
imgUrl: require('@/assets/home/bIcon7.png'),
title: '组织结构'
},
{
imgUrl: require('@/assets/home/bIcon9.png'),
title: '客户管理'
},
{
imgUrl: require('@/assets/home/bIcon8.png'),
title: '系统管理'
}
// {
// imgUrl: require('@/assets/home/bIcon3.png'),
// title: '审计管理'
// },
// {
// imgUrl: require('@/assets/home/bIcon4.png'),
// title: '财务管理'
// },
],
userInfo: {},
orgDept_list: [],
shuliang: {
workCount: ''
},
{
imgUrl: require('@/assets/home/monitor.png'),
title: '环境监控'
dialogVisible: false,
form: {
original: '',
password: '',
confirmPassword: '',
userSid: ''
},
{
imgUrl: require('@/assets/home/notice.png'),
title: '消息中心'
},
{
imgUrl: require('@/assets/home/bIcon7.png'),
title: '组织结构'
},
{
imgUrl: require('@/assets/home/bIcon9.png'),
title: '客户管理'
},
{
imgUrl: require('@/assets/home/bIcon8.png'),
title: '系统管理'
}
// {
// imgUrl: require('@/assets/home/bIcon3.png'),
// title: '审计管理'
// },
// {
// imgUrl: require('@/assets/home/bIcon4.png'),
// title: '财务管理'
// },
],
userInfo: {},
orgDept_list: [],
shuliang: {
workCount: ''
timer: '',
Orgname: '',
departmentName: '',
name: '',
pNameAndDepartmentNameAndPostName: '',
defaultOrgPathName: '',
defaultOrgPath: '',
roleName: '',
year: ''
}
},
beforeCreate() {},
created() {
this.getsPasswordByUserSid()
},
mounted() {
this.Orgname = window.sessionStorage.getItem('Orgname')
this.departmentName = window.sessionStorage.getItem('departmentName')
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
this.defaultOrgPathName = window.sessionStorage.getItem('defaultOrgPathName')
this.defaultOrgPath = window.sessionStorage.getItem('defaultOrgPath')
this.roleName = window.sessionStorage.getItem('roleName')
this.name = window.sessionStorage.getItem('name')
var nowDate = new Date()
this.year = nowDate.getFullYear()
// sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => {
// this.menus = res.data
// })
},
beforeDestroy() {
clearInterval(this.timer)
},
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)
}
})
// User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then(res => {
// if (res.success) {
// this.orgDept_list = res.data
// }
// })
},
dialogVisible: false,
form: {
original: '',
password: '',
confirmPassword: '',
userSid: ''
getNum() {
// getTodoNum(window.sessionStorage.getItem('userSid')).then(resp => {
// if (resp.success) {
// this.shuliang.workCount = resp.data
// }
// })
},
timer: '',
Orgname: '',
departmentName: '',
name: '',
pNameAndDepartmentNameAndPostName: '',
defaultOrgPathName: '',
defaultOrgPath: '',
roleName: '',
year: ''
}
},
beforeCreate() {},
created() {
this.getsPasswordByUserSid()
},
mounted() {
this.Orgname = window.sessionStorage.getItem('Orgname')
this.departmentName = window.sessionStorage.getItem('departmentName')
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName')
this.defaultOrgPathName = window.sessionStorage.getItem('defaultOrgPathName')
this.defaultOrgPath = window.sessionStorage.getItem('defaultOrgPath')
this.roleName = window.sessionStorage.getItem('roleName')
this.name = window.sessionStorage.getItem('name')
var nowDate = new Date()
this.year = nowDate.getFullYear()
// sourcesofrole({ psid: '0', roleSid: this.$store.getters.userInfo.roleSid }).then(res => {
// this.menus = res.data
// })
},
beforeDestroy() {
clearInterval(this.timer)
},
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)
handleConirm() {
if (this.form.original === '') {
this.$message({
showClose: true,
type: 'error',
message: '原密码不能为空'
})
return
}
})
// User.getOrgListByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then(res => {
// if (res.success) {
// this.orgDept_list = res.data
// }
// })
},
getNum() {
// getTodoNum(window.sessionStorage.getItem('userSid')).then(resp => {
// if (resp.success) {
// this.shuliang.workCount = resp.data
// }
// })
},
handleConirm() {
if (this.form.original === '') {
this.$message({ showClose: true, type: 'error', message: '原密码不能为空' })
return
}
if (this.form.password !== this.form.confirmPassword) {
this.$message({ showClose: true, type: 'error', message: '两次输入密码不一致' })
return
}
this.form.userSid = window.sessionStorage.getItem('userSid')
User.updatePassword(this.form).then(resp => {
if (resp.success) {
this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', {
confirmButtonText: '确定',
callback: action => {
this.handleQuXiao()
}
if (this.form.password !== this.form.confirmPassword) {
this.$message({
showClose: true,
type: 'error',
message: '两次输入密码不一致'
})
return
}
})
},
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' })
this.form.userSid = window.sessionStorage.getItem('userSid')
User.updatePassword(this.form).then(resp => {
if (resp.success) {
this.$alert('密码修改成功！请重新登录点击确定后退出。', '修改成功', {
confirmButtonText: '确定',
callback: action => {
this.handleQuXiao()
}
})
}
})
},
handleQuXiao() {
this.dialogVisible = false
this.form = {
original: '',
password: '',
confirmPassword: ''
}
})
},
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' })
User.logout({
token: getStorage()
}).then(res => {
if (res.success) {
removeStorage()
this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({
path: '/login'
})
}
})
})
},
xxzx() {
this.$alert('项目正在开发中', '提示', {
dangerouslyUseHTMLString: true
})
},
toNavbar(name) {
const myPopup = window.open(name + '?token=' + getStorage(), '_blank')
},
changeOrg(value) {
const choose = this.orgDept_list.filter(item => item.orgName === value)
this.defaultOrgPathName = choose[0].orgName
this.defaultOrgPath = choose[0].orgPath
},
toNav(index, name, titleName) {
const organizationData = {
defaultOrgPathName: this.defaultOrgPathName,
defaultOrgPath: this.defaultOrgPath
}
if (index === 9) {
window.open('/#/index', '_blank')
} else if (index === 0) {
window.open('http://jianguan.yyundong.com/customer/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 1) {
window.open('http://jianguan.yyundong.com/report/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 2) {
window.open('http://jianguan.yyundong.com/business/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 3) {
window.open('http://jianguan.yyundong.com/risk/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 4) {
window.open('http://jianguan.yyundong.com/work/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 5) {
window.open('http://jianguan.yyundong.com/monitor/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 6) {
window.open('http://jianguan.yyundong.com/message/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 7) {
window.open('http://192.168.3.8:9531/#/index' + '?token=' + getStorage(), '_blank')
} else if (index === 8) {
window.open('http://jianguan.yyundong.com/crm/#/' + '?token=' + getStorage(), '_blank')
},
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) {
const myPopup = window.open(name + '?token=' + getStorage(), '_blank')
},
changeOrg(value) {
const choose = this.orgDept_list.filter(item => item.orgName === value)
this.defaultOrgPathName = choose[0].orgName
this.defaultOrgPath = choose[0].orgPath
},
toNav(index, name, titleName) {
const organizationData = {
defaultOrgPathName: this.defaultOrgPathName,
defaultOrgPath: this.defaultOrgPath
}
if (index === 9) {
window.open('/#/index', '_blank')
} else if (index === 0) {
window.open('/customer/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 1) {
window.open('/report/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 2) {
window.open('/business/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 3) {
window.open('/risk/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 4) {
window.open('/work/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 5) {
window.open('http://192.168.3.8:9531#/' + '?token=' + getStorage(), '_blank')
} else if (index === 6) {
window.open('/message/#/' + '?token=' + getStorage(), '_blank')
} else if (index === 7) {
window.open('/#/index' + '?token=' + getStorage(), '_blank')
} else if (index === 8) {
window.open('/crm/#/' + '?token=' + getStorage(), '_blank')
}
}
}
}
}
</script>
<style scoped="scoped">
li:hover,
p:hover {
cursor: pointer;
}
li:hover,
p:hover {
cursor: pointer;
}
</style>
<style lang="scss" scoped>
p {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
.header {
background-color: #0294d7;
color: #fff;
overflow: hidden;
height: 60px;
line-height: 60px;
.header {
background-color: #0294d7;
color: #fff;
overflow: hidden;
height: 60px;
line-height: 60px;
.title {
img {
width: 70px;
vertical-align: middle;
font-family: Adobe Heiti Std;
.title {
img {
width: 70px;
vertical-align: middle;
font-family: Adobe Heiti Std;
}
float: left;
font-size: 34px;
margin-left: 35px;
height: 60px;
line-height: 60px;
}
float: left;
font-size: 34px;
margin-left: 35px;
height: 60px;
line-height: 60px;
}
.head_info {
float: right;
margin-top: 0;
font-size: 17px;
}
.head_info {
float: right;
margin-top: 0;
font-size: 17px;
p {
float: left;
}
}
p {
.head_info img {
width: 25px;
margin-top: 20px;
margin-left: 30px;
margin-right: 10px;
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;
}
.container1 {
background: #e9f1f7;
padding: 20px;
width: 100%;
height: calc(100% - 60px);
margin: 0;
.head_info .dy {
margin-left: 10px;
margin-right: 20px;
}
.bg-ltop {
.container1 {
background: #e9f1f7;
padding: 20px;
width: 100%;
height: calc(100% - 60px);
margin: 0;
padding: 0 20px;
background-image: url(../../assets/home/ltBg.png);
border-radius: 10px;
overflow: hidden;
height: 190px;
li {
float: left;
list-style: none;
width: 25%;
text-align: center;
.bg-ltop {
margin: 0;
padding: 0;
background-image: url(../../assets/home/ltBg.png);
border-radius: 10px;
overflow: hidden;
background-size: 100% 100%;
height: 200px;
img {
width: 70px;
margin: 45px auto 10px auto;
li {
float: left;
list-style: none;
width: 25%;
text-align: center;
img {
width: 70px;
margin: 45px auto 10px auto;
}
}
}
}
.bg-rtop {
background-image: url(../../assets/home/rtBg.png);
border-radius: 10px;
height: 190px;
overflow: hidden;
position: relative;
.bg-rtop {
background-image: url(../../assets/home/rtBg.png);
border-radius: 10px;
height: 200px;
overflow: hidden;
position: relative;
background-size: 100% 100%;
.anrui {
width: 100%;
height: 40px;
}
.anrui {
width: 100%;
height: 40px;
}
.rt_title {
position: absolute;
top: 10px;
left: 15px;
font-size: 18px;
font-family: SourceHanSerifCN;
font-weight: 600;
color: #191919;
}
.rt_title {
position: absolute;
font-size: 18px;
padding-top: 10px;
padding-left: 20px;
width: 100%;
height: 40px;
font-family: SourceHanSerifCN;
font-weight: 600;
color: #191919;
background-color: #0294d7;
}
ul {
margin: 0px auto;
padding: 0;
height: 148px;
width: 100%;
ul {
margin: 0px auto;
padding: 0;
height: 148px;
width: 100%;
li {
font-size: 14px;
height: 33px;
line-height: 28px;
list-style: none;
text-decoration: underline;
border-bottom: 1px solid #666;
width: calc(100% - 70px);
margin-left: 40px;
position: relative;
padding-top: 10px;
font-family: SimSun;
li {
font-size: 14px;
height: 37px;
line-height: 28px;
list-style: none;
text-decoration: underline;
border-bottom: 1px solid #666;
width: calc(100% - 70px);
margin-left: 40px;
position: relative;
padding-top: 10px;
font-family: SimSun;
img {
width: 16px;
margin: 5px 10px;
position: absolute;
left: -30px;
}
img {
width: 16px;
margin: 5px 10px;
position: absolute;
left: -30px;
}
.notice {
display: inline-block;
width: 65%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.notice {
display: inline-block;
width: 65%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.anrui_time {
float: right;
display: inline-block;
margin-right: 5px;
line-height: 30px;
.anrui_time {
float: right;
display: inline-block;
margin-right: 5px;
line-height: 30px;
}
}
}
}
}
.bg-bottom {
background-image: url(../../assets/home/bottomBg.png);
border-radius: 10px;
overflow: hidden;
margin: 20px 0 0 0;
padding: 10px 20px;
.bg-bottom {
background-image: url(../../assets/home/bottomBg.png);
border-radius: 10px;
overflow: hidden;
margin: 40px 10px 0 10px;
padding: 20px 10px;
background-size: 100% 100%;
li {
float: left;
list-style: none;
width: 11.6%;
margin: 10px 2.5%;
background: #fff;
border-radius: 40px;
text-align: center;
padding: 10px 25px 15px;
li {
float: left;
list-style: none;
width: 11.6%;
margin: 10px 2.5%;
background: #fff;
border-radius: 40px;
text-align: center;
padding: 10px 25px 15px;
img {
width: 80%;
margin: 10px auto;
img {
width: 80%;
margin: 10px auto;
}
}
}
}
}
.copy {
position: fixed;
bottom: 0;
width: calc(100% - 40px);
margin: auto;
text-align: center;
line-height: 40px;
border-top: 2px solid #4e74a6;
background: #e9f1f7;
font-size: 14px;
color: #666;
}
.copy {
position: fixed;
bottom: 0;
width: calc(100% - 40px);
margin: auto;
text-align: center;
line-height: 40px;
border-top: 2px solid #4e74a6;
background: #e9f1f7;
font-size: 14px;
color: #666;
}
.mark {
position: absolute;
top: 38%;
margin-left: 58px;
}
.mark {
position: absolute;
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;
}
}
}
.selectStyle {
::v-deep .el-input__inner {
border: 0px !important;
background-color: #0294d7 !important;
font-size: 17px;
color: #ffffff;
.selectStyle {
::v-deep .el-input__inner {
border: 0px !important;
background-color: #0294d7 !important;
font-size: 17px;
color: #ffffff;
}
}
}
</style>

Write Preview
Loading…
Cancel
Save