Skip to content

html / jinmao-community-platform

Go to a project
Commit 0d4cd60b by changjin
Options

按照ui修改样式

parent 9baff00b
Showing with 423 additions and 149 deletions
src/components/common/Header.vue
<template>
<div class="header">
<div class="logo" @click="goIndex()">智慧社区后台管理系统</div>
<div class="logo">智慧社区后台管理系统</div>
<div class="user-info">
<el-dropdown :hide-on-click="false">
<el-dropdown :hide-on-click="false" class="projectStyle">
<span class="el-dropdown-link">
北府三期
<i class="el-icon-arrow-down el-icon--right"></i>
<i class="el-icon-sort"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>北府1期</el-dropdown-item>
......@@ -15,9 +15,9 @@
</el-dropdown>
<el-dropdown :hide-on-click="false">
<span class="el-dropdown-link">
<!-- {{userInfo.userName}} -->
<span class="head"></span>
欢迎您，张三
<i class="el-icon-arrow-down el-icon--right"></i>
<i class="el-icon-caret-bottom"></i>
</span>
<el-dropdown-menu slot="dropdown">
......@@ -29,10 +29,7 @@
</div>
<div class="breadcrumb">
<el-breadcrumb separator-class="el-icon-arrow-right">
<!-- <el-breadcrumb-item class="indexPage"></el-breadcrumb-item> -->
<el-breadcrumb-item class="indexPage pointer" :to="{ path:'/index'}">首页</el-breadcrumb-item>
<el-breadcrumb-item track-by="$index" v-if="pageNameList.length > 1 && pageNameList[1].pageName!='首页' && page.pageName"
v-for="(page, index) in pageNameList" :key="page.pageName" v-show="index != 0" >{{page.pageName}}
<el-breadcrumb-item track-by="$index" v-for="(page, index) in pageNameList" :key="page.pageName" v-show="index != 0" >{{page.pageName}}
</el-breadcrumb-item>
</el-breadcrumb>
</div>
......@@ -84,13 +81,8 @@ export default {
}
},
update (){
// this.changeMenu()
},
methods: {
goIndex () {
this.curMenu = ''
this.menuActive = ''
},
loginout () {
var that = this
that.$confirm('是否退出当前账号?', '温馨提示', {
......@@ -98,12 +90,12 @@ export default {
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$axios.get('/auth/user/exit').then((res) =>{
if(res.data.code === '0') {
// this.$axios.get('/auth/user/exit').then((res) =>{
// if(res.data.code === '0') {
window.sessionStorage.clear()
this.$router.push('/login')
}
})
// }
// })
}).catch(() => {})
},
changePwd () {
......@@ -123,7 +115,7 @@ export default {
width: 100%;
position: relative;
background-color: #FFFFFF;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #E9EFF3;
float: left;
}
.header .logo{
......@@ -161,8 +153,29 @@ export default {
float: right;
font-size: 16px;
margin-top: 18px;
padding-right: 30px;
}
.head{
width: 20px;
height: 20px;
display: inline-block;
background: url(../../../static/img/head.png) no-repeat;
background-size: 100%;
float: left;
position: relative;
margin-right: 10px;
top: -1px;
}
.projectStyle{
border-right: 1px solid #CBD4DD;
padding-right: 20px;
}
.projectStyle .el-dropdown-link{
padding: 5px 10px;
border-radius: 5px;
box-shadow: 0px 0px 2px rgba(69, 84, 103, 0.15), 0px 2px 6px rgba(141, 158, 174, 0.1);
}
.el-icon-sort{transform: rotate(90deg);}
.el-dropdown{margin-right: 20px;font-size: 12px!important;color: #4F5D6F!important;}
.user-info .el-dropdown-link{
cursor: pointer;
}
......@@ -175,8 +188,11 @@ export default {
border-radius: 50%;
}
.breadcrumb{
margin-top: 67px;
margin-left: 110px;
margin-top: 56px;
margin-left: 170px;
background: #fff;
padding: 15px 20px;
overflow: hidden;
}
.el-breadcrumb__item{
font-size: 12px;
......
src/components/common/Sidebar.vue
......@@ -5,12 +5,28 @@
<li v-for="(menu,index) in items" v-on:click="changeMenu(menu, 1)" :class="{'cur':curMenu == menu.id}" :key="index">{{menu.name}}</li>
</ul>
</div>
<div class="sidebarLeft">
<div class="sidebarLeft" v-if="sideMenu.length > 0">
<div class="sideMenu">
<el-menu theme="dark" :default-active="onRoutes" class="el-menu-demo" unique-opened router>
<template v-for="(item,index) in sideMenu">
<el-menu-item :index="item.url" v-on:click="menuActive = item.name"
:class="{'color':menuActive==item.name}" :key="index">
<el-menu-item :index="item.url" v-on:click="menuActive = item.name" :key="index">
<span class="icon icon1" v-if="item.name == '全部设备'"></span>
<span class="icon icon2" v-if="item.name == '设备报警'"></span>
<span class="icon icon3" v-if="item.name == '车辆审核'"></span>
<span class="icon icon4" v-if="item.name == '审核记录'"></span>
<span class="icon icon5" v-if="item.name == '车辆记录'"></span>
<span class="icon icon6" v-if="item.name == '审核设置'"></span>
<span class="icon icon7" v-if="item.name == '公告管理'"></span>
<span class="icon icon8" v-if="item.name == '活动管理'"></span>
<span class="icon icon9" v-if="item.name == '广告管理'"></span>
<span class="icon icon10" v-if="item.name == '菜谱管理'"></span>
<span class="icon icon11" v-if="item.name == '绿植管理'"></span>
<span class="icon icon12" v-if="item.name == '出售车位管理'"></span>
<span class="icon icon13" v-if="item.name == '数据管理'"></span>
<span class="icon icon14" v-if="item.name == '项目管理'"></span>
<span class="icon icon15" v-if="item.name == '角色管理'"></span>
<span class="icon icon16" v-if="item.name == '用户管理'"></span>
<span class="icon icon17" v-if="item.name == '日志管理'"></span>
<div>{{item.name}}</div>
</el-menu-item>
</template>
......@@ -55,40 +71,107 @@ export default {
id: 2,
url: '/vehicle/list',
childNodes:[
{
name:'客户管理',
url:'/smartPhone/customer',
id:'111'
},
{
name:'设备管理',
url:'/smartPhone/facility',
id:'222'
},
{
name:'车辆审核',
url:'/vehicle/vehicleAudit',
id:'1111'
},
{
name:'审核记录',
url:'/vehicle/auditRecords',
id:'2222'
},
{
name:'车辆记录',
url:'/vehicle/vehicleRecords',
id:'3333'
},
{
name:'审核设置',
url:'/vehicle/auditSet',
id:'4444'
},
]
},
{
name: 'IOC后台管理',
id: 3,
url: '/vehicle/list',
childNodes:[]
childNodes:[
{
name:'公告管理',
url:'/equipment/list',
id:'1111'
},
{
name:'活动管理',
url:'/equipment/deviceAlert',
id:'2222'
},
{
name:'广告管理',
url:'/equipment/deviceAlert',
id:'3333'
},
{
name:'菜谱管理',
url:'/equipment/deviceAlert',
id:'4444'
},
{
name:'绿植管理',
url:'/equipment/deviceAlert',
id:'4444'
},
{
name:'出售车位管理',
url:'/equipment/deviceAlert',
id:'4444'
},
{
name:'数据管理',
url:'/equipment/deviceAlert',
id:'4444'
},
]
},
{
name: '外部系统管理',
id: 4,
url: '/vehicle/list',
url: '/equipment/list',
childNodes:[]
},
{
name: '系统设置',
id: 5,
url: '/vehicle/list',
childNodes:[]
childNodes:[
{
name:'项目管理',
url:'/equipment/list',
id:'1111'
},
{
name:'角色管理',
url:'/equipment/deviceAlert',
id:'2222'
},
{
name:'用户管理',
url:'/equipment/deviceAlert',
id:'3333'
},
{
name:'日志管理',
url:'/equipment/deviceAlert',
id:'4444'
},
]
},
{
name: '接口文档',
id: 5,
url: '/vehicle/list',
id: 6,
url: '/equipment/list',
childNodes:[]
},
],
......@@ -125,12 +208,19 @@ export default {
},
methods: {
changeMenu (menu, type) {
if (type && menu && menu.childNodes) {
if (type && menu) {
console.log(menu.name)
this.menuActive = menu.childNodes[0].name
this.$router.push({path: menu.childNodes[0].url})
this.sideMenu = menu.childNodes
this.curMenu = menu.id
if (menu.name == '外部系统管理' || menu.name == '接口文档') {
this.menuActive = menu.name
this.$router.push({path: menu.url})
this.sideMenu = []
this.curMenu = menu.id
} else {
this.menuActive = menu.childNodes[0].name
this.$router.push({path: menu.childNodes[0].url})
this.sideMenu = menu.childNodes
this.curMenu = menu.id
}
} else {
this.sideMenu = []
this.curMenu = menu.id
......@@ -142,6 +232,35 @@ export default {
}
</script>
<style scoped lang="less">
.icon{
float: left;
display: inline-block;
width: 22px;
height: 22px;
margin-top: 17px;
margin-right: 5px;
}
.icon1{background: url(../../../static/img/icon-1.png) no-repeat 0px 0px;background-size: 22px;}
.icon2{background: url(../../../static/img/icon-1.png) no-repeat 0px -26px;background-size: 22px;}
.icon3{background: url(../../../static/img/icon-1.png) no-repeat 0px -52px;background-size: 22px;}
.icon4{background: url(../../../static/img/icon-1.png) no-repeat 0px -79px;background-size: 22px;}
.icon5{background: url(../../../static/img/icon-1.png) no-repeat 0px -113px;background-size: 22px;}
.icon6{background: url(../../../static/img/icon-1.png) no-repeat 0px -138px;background-size: 22px;}
.icon7{background: url(../../../static/img/icon-1.png) no-repeat 0px -270px;background-size: 22px;}
.icon8{background: url(../../../static/img/icon-1.png) no-repeat 0px -296px;background-size: 22px;}
.icon9{background: url(../../../static/img/icon-1.png) no-repeat 0px -322px;background-size: 22px;}
.icon10{background: url(../../../static/img/icon-1.png) no-repeat 0px -348px;background-size: 22px;}
.icon11{background: url(../../../static/img/icon-1.png) no-repeat 0px -375px;background-size: 22px;}
.icon12{background: url(../../../static/img/icon-1.png) no-repeat 0px -401px;background-size: 22px;}
.icon13{background: url(../../../static/img/icon-1.png) no-repeat 0px -427px;background-size: 22px;}
.icon14{background: url(../../../static/img/icon-1.png) no-repeat 0px -165px;background-size: 22px;}
.icon15{background: url(../../../static/img/icon-1.png) no-repeat 0px -191px;background-size: 22px;}
.icon16{background: url(../../../static/img/icon-1.png) no-repeat 0px -217px;background-size: 22px;}
.icon17{background: url(../../../static/img/icon-1.png) no-repeat 0px -244px;background-size: 22px;}
.el-menu-item.is-active{
.icon1{background: url(../../../static/img/icon.png) no-repeat 0px 0px;background-size: 22px;}
.icon2{background: url(../../../static/img/icon.png) no-repeat 0px -26px;background-size: 22px;}
}
.menuIcon{
text-align: center;
img{
......@@ -153,7 +272,8 @@ export default {
.menu{
margin-left: 260px;
position: absolute;
top: 0;}
top: 0;
}
.menu ul{
width: 100%;
overflow: hidden;
......@@ -173,13 +293,13 @@ export default {
min-width: 100px;
font-size: 14px;
color: #455467;
;
}
.menu ul li.cur{
color: #DF9F01;
}
.el-menu{
border-right: 0!important;
background: none;
}
.el-menu--horizontal>.el-menu-item{
// line-height: 30px;
......
src/components/page/equipment/list.vue
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<p class="font12 ml10">当前数据已发生变化，请手动刷新</p>
<el-row class="mt10">
<el-row>
<el-form label-width="70px" :model="searchForm">
<el-col :span="5">
<el-col :span="8">
<el-form-item label="设备类型">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
......@@ -14,7 +14,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="8">
<el-form-item label="设备状态">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
......@@ -24,38 +24,40 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="8">
<el-form-item label="设备名称">
<el-input v-model="searchForm.customerName" placeholder="请输入设备名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" :offset="1">
<el-button type="primary" class="mt5 ml10" @click="getData()">查询</el-button>
<el-button class="mt5 ml10" @click="reset()">重置</el-button>
<el-button type="primary" class="mt5" @click="allotBtn(0)">刷新</el-button>
<el-col :span="8">
<p class="font12 prompt"><i class="icon"></i>当前数据已发生变化，请手动刷新<i class="closeIcon"></i></p>
</el-col>
<el-col :span="16" class="text-right">
<el-button @click="getData()">查询</el-button>
<!-- <el-button class="mt5 ml10" @click="reset()">重置</el-button> -->
<el-button type="primary" @click="allotBtn(0)">刷新</el-button>
</el-col>
</el-form>
</el-row>
</div>
<div class="infoBox">
<el-row>
<el-col :span="4" class="text-center rightLine">
<h4>设备数量</h4>
<h4 class="mt10">10000</h4>
<el-col :span="5" class="text-left rightLine ml10">
<p class="font14">设备数量<b class="ml10">10000</b></p>
</el-col>
<el-col :span="4" class="text-center rightLine">
<h4>在线设备</h4>
<h4 class="mt10">10000</h4>
<el-col :span="5" class="text-center rightLine">
<p class="font14">在线设备<b class="ml10">10000</b></p>
</el-col>
<el-col :span="4" class="text-center rightLine">
<h4>离线设备</h4>
<h4 class="mt10">0</h4>
<el-col :span="5" class="text-center">
<p class="font14">离线设备<b class="ml10">10000</b></p>
</el-col>
</el-row>
</div>
<div class="tabCont mt10">
<div class="title color font14"><span class="shu"></span>设备列表</div>
<el-table :data="data.list" border>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">设备列表</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="设备名称"></el-table-column>
<el-table-column prop="id" label="设备ID"></el-table-column>
......@@ -65,8 +67,8 @@
<el-table-column prop="actualTime" label="最近上线时间" ></el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<router-link :to="'/equipment/attribute/' + scope.row.id" class="color">属性</router-link>
<router-link :to="'/equipment/events/' + scope.row.id" class="color ml10">事件</router-link>
<router-link :to="'/equipment/attribute/' + scope.row.id" class="line">属性</router-link>
<router-link :to="'/equipment/events/' + scope.row.id" class="line ml10">事件</router-link>
</template>
</el-table-column>
</el-table>
......@@ -77,9 +79,10 @@
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div><br>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
......@@ -123,4 +126,35 @@ export default {
}
</script>
<style scoped lang="less">
.el-select{width: 220px;}
.prompt{
width: 304px;
height: 31px;
line-height: 31px;
background: rgba(223, 159, 1, 0.07);
border-radius: 4px;
padding: 0 10px;
color: #DF9F01;
.icon{
background: url(../../../../static/img/prompt.png) no-repeat;
background-size: 100%;
display: inline-block;
float: left;
width: 12px;
height: 12px;
position: relative;
top: 9px;
margin-right: 10px;
}
.closeIcon{
background: url(../../../../static/img/close.png) no-repeat;
background-size: 100%;
display: inline-block;
float: right;
width: 10px;
height: 10px;
position: relative;
top: 10px;
}
}
</style>
\ No newline at end of file
src/components/page/index/Login.vue
<template>
<div class="login-wrap" v-loading="loading">
<p class="title mt30">智慧社区后台管理系统</p>
<el-form :model="ruleForm" ref="ruleForm" label-width="0" class="loginMain">
<h1 class="color">欢迎登录</h1>
<div class="formDiv">
<el-form-item prop="username">
<el-input prefix-icon="el-icon-user" v-model="ruleForm.username" placeholder="账号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input prefix-icon="el-icon-lock" type="password" placeholder="密码" v-model="ruleForm.password" @keyup.enter.native="submitForm('ruleForm')"></el-input>
<!-- <div class="mt10">
<el-checkbox v-model="checked">记住密码</el-checkbox>
<span class="forgetPwd" @click="forgetPwd">忘记密码？</span>
</div> -->
</el-form-item>
<div class="login-btn">
<el-button type="primary" class="font14" @click="submitForm()">登录</el-button>
<div class="loginBg">
<div class="login-wrap" v-loading="loading">
<el-form :model="ruleForm" ref="ruleForm" label-width="40px" class="loginMain">
<div class="title">智慧社区后台管理系统</div>
<h1 class="mt30">登录</h1>
<div class="formDiv">
<el-form-item prop="username" label="账户">
<el-input v-model="ruleForm.username"></el-input>
</el-form-item>
<el-form-item prop="password" label="密码">
<el-input type="password" v-model="ruleForm.password" @keyup.enter.native="submitForm('ruleForm')"></el-input>
<!-- <div class="mt10">
<el-checkbox v-model="checked">记住密码</el-checkbox>
<span class="forgetPwd" @click="forgetPwd">忘记密码？</span>
</div> -->
</el-form-item>
<div class="login-btn">
<el-button type="primary" class="font14" @click="submitForm()">登录</el-button>
</div>
</div>
</div>
</el-form>
</div>
</el-form>
</div>
</div>
</template>
<script>
......@@ -73,43 +75,57 @@ export default {
<style scoped lang="less">
.title{
font-size: 20px;
margin-left: 30px;
background: url(../../../../static/img/logo.png) no-repeat 92px 12px;
background-size: 15px;
color: #333;
text-align: center;
border-bottom: 1px solid #E9EFF3;
overflow: hidden;
padding:10px 0 30px 30px;
}
.loginBg{
width:100%;
height:100%;
background:#fff url(../../../../static/img/loginBg.png) no-repeat bottom right;
background-size: 100%;
}
.login-wrap{
position: relative;
width:100%;
height:100%;
overflow: hidden;
// background:#fff url(../../../../static/img/login.png) no-repeat 90px 100px;
background-size: 38%;
background:url(../../../../static/img/login.png) no-repeat 130px 20px;
background-size: 40%;
}
.loginMain{
margin: 0% auto;
margin: 6% auto;
background-color: #FFFFFF;
padding: 30px;
border-radius: 10px;
float: right;
margin-right: 15%;
h1{font-size:32px;text-align: center;}
// h1,p{margin-left:60px;margin-bottom: 20px;}
margin-right: 10%;
box-shadow: 0px 2px 20px rgba(141, 158, 174, 0.2);
border-radius: 5px;
padding: 20px 0;
padding-bottom: 60px;
h1{font-size:20px;text-align: center;font-weight: normal;}
.el-form-item{
width: 380px;
width: 280px;
.el-input__inner{
border-radius: 50px;
}
}
}
.formDiv{
margin-top: 80px;
margin-top: 30px;
padding: 0 60px;
}
.login-btn button{
width:100%;
height:40px;
margin: 50px auto;
height:30px;
margin: 30px auto;
font-size:14px!important;
background-color: #FFDEBB!important;
border-radius: 40px!important;
border: 0!important;
background: linear-gradient(270deg, #A77D5D 0%, #D2AE8C 100%);
border-radius: 5px;
}
.forgetPwd{
display: inline-block;
......
src/components/page/vehicle/auditRecords.vue 0 → 100644
<template>
</template>
<script>
</script>
<style>
</style>
src/components/page/vehicle/auditSet.vue 0 → 100644
<template>
</template>
<script>
</script>
<style>
</style>
src/components/page/vehicle/vehicleAudit.vue 0 → 100644
<template>
</template>
<script>
</script>
<style>
</style>
src/components/page/vehicle/vehicleRecords.vue 0 → 100644
<template>
</template>
<script>
</script>
<style>
</style>
src/main.js
......@@ -8,7 +8,7 @@ import axios from 'axios'
import 'babel-polyfill'
import ElementUI from 'element-ui'
require('element-ui/lib/theme-chalk/index.css')
// require('../static/css/index.css')
require('../static/css/index.css')
Vue.use(uploader)
Vue.prototype.baseURL = 'https://test-witcase.chinajinmao.cn' // 测试
......
src/router/index.js
......@@ -71,6 +71,52 @@ export default new Router({
require(['../components/page/equipment/deviceAlert.vue'], resolve)
}
]
},
{
path: '/vehicle/vehicleAudit',
name: '/vehicle',
meta: {
pageName: '车辆管理'
},
component: resolve => require(['../components/page/index/SubContent.vue'], resolve),
children: [
{
path: '/vehicle/vehicleAudit',
name: 'vehicleAudit',
meta: {
pageName: '车辆审核'
},
component: resolve =>
require(['../components/page/vehicle/vehicleAudit.vue'], resolve),
},
{
path: '/vehicle/auditRecords',
name: 'auditRecords',
meta: {
pageName: '审核记录'
},
component: resolve =>
require(['../components/page/vehicle/auditRecords.vue'], resolve)
},
{
path: '/vehicle/vehicleRecords',
name: 'vehicleRecords',
meta: {
pageName: '车辆记录'
},
component: resolve =>
require(['../components/page/vehicle/vehicleRecords.vue'], resolve)
},
{
path: '/vehicle/auditSet',
name: 'auditSet',
meta: {
pageName: '审核设置'
},
component: resolve =>
require(['../components/page/vehicle/auditSet.vue'], resolve)
},
]
}
]
},
......
static/css/index.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
static/css/main.less
......@@ -23,40 +23,42 @@ body{
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background-color: #EFF2F4;
}
a{text-decoration: none}
a{text-decoration: none;color: #455467;}
.sidebarLeft{
display: block;
position: absolute;
width: 100px;
width: 170px;
left: 0;
top: 56px;
bottom: 0;
border-radius: 0;
background: #fff;
background: #334154;
height: 1000px;
box-shadow: 1px 10px 10px #eee;
}
.content{
position: absolute;
left: 60px;
left: 170px;
right: 0;
top:70px;
top:80px;
bottom: 0;
width: auto;
padding: 20px 0;
box-sizing: border-box;
overflow-y: scroll;
overflow-x: hidden;
margin-left: 50px;
overflow: hidden;
border-radius: 5px;
}
.mainContent{
padding-right:5px;
background-color: #FFFFFF;
margin-bottom: 15px;
margin: 10px;
border-radius: 5px;
padding-bottom: 20px;
padding:15px;
box-shadow: 0px 0px 2px rgba(69, 84, 103, 0.1), 0px 2px 6px rgba(141, 158, 174, 0.05);
}
.tableCont{
padding: 0;
}
.crumbs{
margin-bottom: 20px;
......@@ -176,7 +178,7 @@ a{text-decoration: none}
text-decoration-line: underline!important;
}
.el-button{
padding:8px 12px!important;
padding:6px 12px!important;
font-size: 12px!important;
font-weight: 400!important;
min-width: 70px!important;
......@@ -189,7 +191,7 @@ a{text-decoration: none}
background-color: #BF0008!important;
border-color: #BF0008!important;
}
.el-button--default:hover,.el-button--default:focus{
.el-button--default,.el-button--default:hover,.el-button--default:focus{
background-color: #FFFFFF;
color: #DF9F01!important;
border-color: #DF9F01!important;
......@@ -204,19 +206,28 @@ a{text-decoration: none}
.el-select .el-input.is-focus .el-input__inner,.el-input__inner:focus{
border-color: #DF9F01!important;
}
.el-tabs__item:hover,.el-tabs__item.is-active,.el-menu-item.is-active,.el-select-dropdown__item.selected,.el-pager li.active,.el-pager li:hover{
.el-menu-item{color: #C1CBD8!important;}
.el-menu-item:focus, .el-menu-item:hover{
background:none!important;
color: #FFFFFF!important;
}
.el-menu-item.is-active{
background-color: #222D3C!important;
color: #FFFFFF!important;
}
.el-tabs__item:hover,.el-tabs__item.is-active,.el-select-dropdown__item.selected,.el-pager li.active,.el-pager li:hover{
color: #DF9F01!important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background:none!important;
}
.el-input__inner{border: 1px solid #E9EFF3!important;}
.login-wrap .el-input__inner{
height:40px!important;
height:35px!important;
font-size: 14px!important;
border:0!important;
border-radius: 0!important;
border-bottom: 1px solid #dcdfe6!important;
padding-left: 40px!important;
}
.login-wrap .el-form-item__label{
font-size: 14px!important;
}
.el-input__prefix, .el-input__suffix{
font-size: 18px!important;
......@@ -243,13 +254,13 @@ background-color:#bbb!important;
height: 30px!important;
}
.el-table th{
background-color: #EFD6C1!important;
color: #000!important;
background-color: #FBFCFD!important;
font-weight: 500!important;
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
// border-right: 0!important;
.el-table th, .el-table tr{
border-top: 1px solid #E9EFF3!important;
}
.el-table .cell{color: #313D4B!important;}
.el-table th{
border-right: 0!important;
}
......@@ -266,8 +277,12 @@ background-color:#bbb!important;
background-color: #DF9F01!important;
border-color: #DF9F01!important;
}
.el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{
.el-breadcrumb__inner{
color: #44566C!important;
}
.el-dropdown-menu__item,.el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{
font-size:12px!important;
color: #596A7E!important;
}
.el-form-item{
margin-bottom: 10px!important;
......@@ -288,32 +303,25 @@ background-color:#bbb!important;
}
.el-date-editor .el-range-separator{line-height: 24px!important;}
.el-input__icon{line-height: 0!important;}
.el-menu-item:focus, .el-menu-item:hover{background-color: #fff!important;}
.title{
padding: 10px;
.shu{
width: 4px;
height: 15px;
background-color: #DF9F01;
display: inline-block;
position: relative;
top: 2px;
right: 5px;
}
}
.searchBox{
padding-top: 20px;
color: #313D4B;
font-size: 14px;
padding: 15px;
}
.tabCont{
height: 400px;
overflow: auto;
padding: 0 10px;
}
.infoBox{
margin: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
margin-top: 15px;
border-top: 1px solid #E9EFF3;
margin-left: -20px;
margin-right: -20px;
padding: 15px 20px;
padding-bottom: 0;
}
.infoBox b{font-size: 20px;font-family: DIN Alternate;position: relative;top: 2px;}
.rightLine{
border-right: 1px solid #eee;
border-right: 1px solid #E9EFF3;
height: 30px;
}
\ No newline at end of file
static/img/icon-1.png
static/img/icon-1.png

7.59 KB | W: | H:

static/img/icon-1.png

7.77 KB | W: | H:

static/img/icon-1.png
static/img/icon-1.png
static/img/icon-1.png
static/img/icon-1.png
  • 2-up
  • Swipe
  • Onion skin
static/img/icon.png
static/img/icon.png

5.07 KB | W: | H:

static/img/icon.png

5.18 KB | W: | H:

static/img/icon.png
static/img/icon.png
static/img/icon.png
static/img/icon.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment