@@ -1,218 +1,209 @@ | |||||
@import '~iview/src/styles/index.less'; | |||||
@menu-dark-title: #001529; | |||||
@menu-dark-active-bg: #000c17; | |||||
@layout-sider-background: #001529; | |||||
@primary-color: #0070cc; | |||||
@btn-border-radius : 0; | |||||
@btn-border-radius-small: 0; | |||||
.search-box{ | |||||
position:relative; | |||||
width:100%; | |||||
display:-webkit-flex; | |||||
-webkit-box-orient:horizontal; | |||||
-webkit-box-direction:normal; | |||||
-ms-flex-direction:row; | |||||
flex-direction:row; | |||||
-webkit-box-align:center; | |||||
-ms-flex-align:center; | |||||
align-items:center; | |||||
margin-bottom:15px | |||||
} | |||||
.search-box .search-left-box { | |||||
width:50%; | |||||
display:-webkit-box; | |||||
display:-ms-flexbox; | |||||
display:flex | |||||
} | |||||
.search-box .search-left-tools{ | |||||
display:inline-block; | |||||
margin-right:5px | |||||
} | |||||
.search-box .total{ | |||||
position:absolute; | |||||
right:0; | |||||
font-weight:700 | |||||
} | |||||
.search-box .total .icon{ | |||||
font-size:20px; | |||||
font-weight:800; | |||||
color:#199be6 | |||||
} | |||||
.search-box .search-right-tools{ | |||||
text-align:right | |||||
} | |||||
.complex-search-box{ | |||||
position: relative; | |||||
width: 100%; | |||||
display: -webkit-flex; | |||||
-webkit-box-orient: horizontal; | |||||
-webkit-box-direction: normal; | |||||
-ms-flex-direction: row; | |||||
flex-direction: row; | |||||
-webkit-box-align: center; | |||||
-ms-flex-align: center; | |||||
align-items: center; | |||||
margin-bottom: 15px | |||||
} | |||||
.complex-search-box .search-box-button, .complex-search-box .search-box-date, .complex-search-box .search-box-input { | |||||
margin-right: 5px | |||||
body { | |||||
background: #F5F5F5 !important; | |||||
font-size: 12px; | |||||
} | } | ||||
.complex-search-box .search-box-input{ | |||||
width: 180px; | |||||
margin-right: 10px | |||||
.main-container { | |||||
width: 960px; | |||||
margin: 0 auto; | |||||
min-height: 500px; | |||||
} | |||||
.main-container .breadcrumb{ | |||||
margin-bottom: 10px; | |||||
font-size: 12px; | |||||
} | |||||
.main-container .breadcrumb .location{ | |||||
margin-right: 10px; | |||||
font-size: 12px !important; | |||||
} | |||||
.main-container .breadcrumb .el-breadcrumb__item{ | |||||
font-size: 12px !important; | |||||
} | |||||
.main-container .breadcrumb .location i.el-breadcrumb__separator{ | |||||
display: none; | |||||
} | } | ||||
.complex-search-box .total{ | |||||
position: absolute; | |||||
right: 0; | |||||
font-weight: 700 | |||||
.linear { | |||||
background-image: linear-gradient(to right, #42A8CE, #427FCE); | |||||
} | } | ||||
.complex-search-box .total .icon { | |||||
.text-linear { | |||||
font-size: 20px; | font-size: 20px; | ||||
font-weight: 800; | |||||
color: #199be6 | |||||
} | |||||
.search-content{ | |||||
width: 365px | |||||
background-image: -webkit-linear-gradient(right, #42A8CE, #427FCE) !important; | |||||
background-image: linear-gradient(to right, #42A8CE, #427FCE) !important; | |||||
-webkit-background-clip: text !important; | |||||
color: transparent !important; | |||||
border: 2px solid #42A8CE !important; | |||||
font-weight: 900 !important; | |||||
letter-spacing: 3px; | |||||
} | } | ||||
.search-content-input{ | |||||
width: 250px; | |||||
margin-right: 10px; | |||||
float: left | |||||
.card_style1 .el-card__header, .card_menu .el-card__header { | |||||
background-image: linear-gradient(to right, #42A8CE, #427FCE); | |||||
color: #fff; | |||||
font-weight: 700; | |||||
padding: 9px 10px !important; | |||||
} | } | ||||
.search-content:after { | |||||
content: ""; | |||||
display: block; | |||||
clear: both | |||||
.el-pager .active, .el-table__header thead, .el-button--primary { | |||||
background-image: linear-gradient(to right, #42A8CE, #427FCE) !important; | |||||
} | } | ||||
.select { | |||||
width: 100px; | |||||
margin-right: 5px; | |||||
float: left; | |||||
} | |||||
.button_block.ivu-btn { | |||||
display:block; | |||||
height:18px; | |||||
padding:0!important; | |||||
line-height:18px; | |||||
width:100%; | |||||
text-align:left; | |||||
color:#657180!important | |||||
} | |||||
.btn-position{ | |||||
position: relative; | |||||
margin-right: 8px; | |||||
} | |||||
.card-account { | |||||
margin-right: 20px | |||||
} | |||||
.container{ | |||||
margin-top: 20px; | |||||
margin-bottom: 20px | |||||
} | |||||
.page{ | |||||
display: -webkit-box; | |||||
display: -ms-flexbox; | |||||
display: flex; | |||||
-webkit-box-pack: end; | |||||
-ms-flex-pack: end; | |||||
justify-content: flex-end; | |||||
margin-top: 20px | |||||
} | |||||
.page li,.page .ivu-select-selection,.page .ivu-page-options-elevator input { | |||||
border-radius: 0; | |||||
} | |||||
.ivu-page-item-active { | |||||
background: #0070cc !important; | |||||
} | |||||
.ivu-page-item-active { | |||||
border-color: #0070cc; | |||||
} | |||||
.ivu-page-item-active a { | |||||
.el-table__header thead { | |||||
color: #fff !important; | color: #fff !important; | ||||
} | } | ||||
.help-block { | |||||
color: #8c8c8c; | |||||
.el-table th.el-table__cell, .el-table .el-table__header tr { | |||||
background: transparent !important; | |||||
} | } | ||||
input[readonly] { | |||||
background-color: #f3f3f3; | |||||
.el-table__header > tr, .el-table__header > th { | |||||
background: transparent !important; | |||||
} | } | ||||
.ivu-btn-text:hover,.ivu-btn-text.active,.ivu-btn-text:focus { | |||||
background-color: transparent; | |||||
border-color: transparent; | |||||
box-shadow: none; | |||||
.card_menu .box-card { | |||||
background: #F5F5F5; | |||||
} | } | ||||
.drawer-footer { | |||||
width:100%; | |||||
position:absolute; | |||||
bottom:50px; | |||||
left:0; | |||||
border-top:1px solid #e8e8e8; | |||||
padding:10px 16px; | |||||
text-align:right; | |||||
background:#fff; | |||||
.card_menu .el-card__body { | |||||
background: #FFF; | |||||
} | } | ||||
.text-primary { | |||||
color:#0070cc | |||||
.card_menu .el-card__header { | |||||
text-align: center; | |||||
font-size: 16px; | |||||
border-top-left-radius: 10px; | |||||
border-top-right-radius: 10px; | |||||
} | } | ||||
.text-error { | |||||
color:#f54743!important; | |||||
border:none; | |||||
background-color:transparent!important | |||||
.card_style1 .el-card__header .el-divider { | |||||
width: 3px; | |||||
background: #FFF; | |||||
} | } | ||||
.text-error :hover { | |||||
color:#f54743; | |||||
background-color:transparent | |||||
.card_style2 .el-card__header { | |||||
color: #427FCE; | |||||
font-weight: 700; | |||||
padding: 9px 10px !important; | |||||
border-bottom: none !important; | |||||
} | } | ||||
.pd-l0{ | |||||
padding-left: 0!important; | |||||
.card_style2 .el-card__header .el-divider { | |||||
width: 3px; | |||||
background: #427FCE; | |||||
} | |||||
.card_style2 h2 { | |||||
font-size: 14px; | |||||
color: #333333; | |||||
} | } | ||||
.pd-r0{ | |||||
padding-right: 0!important; | |||||
.card_style2 p { | |||||
color: #999999; | |||||
} | } | ||||
.ivu-btn-text { | |||||
color: #0070cc !important; | |||||
.card_style2 .list { | |||||
border-bottom: 1px solid #eee; | |||||
padding: 10px | |||||
} | } | ||||
.ivu-card, .ivu-menu-item, .ivu-poptip-title-inner, .txt-min, textarea { | |||||
font-size: 12px !important; | |||||
.card_style2 .list:last-child { | |||||
border-bottom: none; | |||||
} | |||||
.el-card { | |||||
border-radius: 0 !important; | |||||
border: 0 !important; | |||||
} | |||||
.header { | |||||
color: #fff !important; | |||||
height: 50px; | |||||
} | |||||
.header > .el-menu--horizontal > .el-menu-item { | |||||
height: 45px !important; | |||||
line-height: 45px !important; | |||||
color: #fff !important; | |||||
font-size: 12px; | |||||
padding: 0; | |||||
width: 7.6923%; | |||||
} | } | ||||
.ivu-drawer-content { | |||||
top: 50px !important; | |||||
.header > .el-menu--horizontal > .el-menu-item.is-active { | |||||
border-bottom: 2px solid #fff | |||||
} | } | ||||
.ivu-table-expanded-cell{ | |||||
padding: 0 10px !important; | |||||
.header > .el-menu--horizontal > .el-menu-item:hover, .header > .el-menu--horizontal > .el-menu-item:focus { | |||||
background: transparent !important; | |||||
} | } | ||||
.ivu-table-cell-expand{ | |||||
display: none !important; | |||||
.footer { | |||||
color: #fff; | |||||
font-size: 10px; | |||||
text-align: center; | |||||
padding: 10px; | |||||
} | } | ||||
.app-list { | |||||
.footer span { | |||||
padding: 10px; | |||||
} | |||||
.footer .footer-bar { | |||||
margin: 10px; | |||||
} | } | ||||
.list-wrapper .search-box { | |||||
margin-bottom: 10px | |||||
.footer .copyright { | |||||
line-height: 20px; | |||||
} | } | ||||
.list-wrapper .app-list .item { | |||||
position: relative; | |||||
border-bottom: 1px solid #efefef; | |||||
padding: 10px 0 10px 10px; | |||||
cursor: pointer | |||||
.el-pager, | |||||
.el-pagination.is-background .btn-next, | |||||
.el-pagination.is-background .btn-prev { | |||||
padding: 0px 5px !important; | |||||
} | } | ||||
.list-wrapper .app-list .item .icon { | |||||
.el-carousel__item h3 { | |||||
color: #475669; | |||||
font-size: 14px; | |||||
opacity: 0.75; | |||||
line-height: 150px; | |||||
margin: 0; | |||||
} | |||||
.el-carousel__item:nth-child(2n) { | |||||
background-color: #99a9bf; | |||||
} | |||||
.el-carousel__item:nth-child(2n+1) { | |||||
background-color: #d3dce6; | |||||
} | |||||
.logo { | |||||
font-size: 20px; | |||||
font-weight: 900; | |||||
position: absolute; | position: absolute; | ||||
right: 0; | |||||
top: 15px | |||||
margin-right: 100px; | |||||
left: 0; | |||||
top: 0; | |||||
text-align: center; | |||||
line-height: 50px; | |||||
width: 100px; | |||||
} | |||||
.logo a, .logo a:hover { | |||||
color: #fff; | |||||
} | } | ||||
.list-wrapper .app-list .active { | |||||
border-left: 3px solid #0070cc | |||||
/*about*/ | |||||
.menu-item{ | |||||
text-align: center; | |||||
padding: 10px; | |||||
width: 100%; | |||||
} | |||||
.card_menu .menu-item.active{ | |||||
border-left: 2px solid #427FCE; | |||||
background: #eee; | |||||
} | } |
@@ -1,6 +1,6 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | <el-breadcrumb-item>关于我们</el-breadcrumb-item> | ||||
@@ -60,14 +60,4 @@ export default { | |||||
.article .content span{ | .article .content span{ | ||||
line-height: 1.5rem; | line-height: 1.5rem; | ||||
} | } | ||||
.location{ | |||||
margin-right: 10px; | |||||
font-size: 12px !important; | |||||
} | |||||
.el-breadcrumb__item{ | |||||
font-size: 12px !important; | |||||
} | |||||
.location i.el-breadcrumb__separator{ | |||||
display: none; | |||||
} | |||||
</style> | </style> |
@@ -1,6 +1,6 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | <el-breadcrumb-item>关于我们</el-breadcrumb-item> | ||||
@@ -49,14 +49,4 @@ export default { | |||||
.article .content span{ | .article .content span{ | ||||
line-height: 1.5rem; | line-height: 1.5rem; | ||||
} | } | ||||
.location{ | |||||
margin-right: 10px; | |||||
font-size: 12px !important; | |||||
} | |||||
.el-breadcrumb__item{ | |||||
font-size: 12px !important; | |||||
} | |||||
.location i.el-breadcrumb__separator{ | |||||
display: none; | |||||
} | |||||
</style> | </style> |
@@ -1,8 +1,13 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | |||||
</el-breadcrumb> | |||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0',height:'220px' }"> | |||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||||
<div slot="header"> | <div slot="header"> | ||||
<span>关于我们</span> | <span>关于我们</span> | ||||
</div> | </div> | ||||
@@ -11,19 +16,18 @@ | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | <el-col :span="20"> | ||||
<el-card shadow="never" style="margin: 0 10px;height: 260px" :body-style="{ padding: '0px'}"> | |||||
<el-card shadow="never" style="margin: 0 10px"> | |||||
<el-row> | <el-row> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }"> | |||||
<img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/> | |||||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px'}"> | |||||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pspflh4kuvfymaezxzegpy9k9nn4pd3qmzbdcdf1a27-2222-41cc-be5e-5ab2e6a6bac5" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | |||||
<p style="color: #333">Brief Introduction of Shanghai Integrated Circuit Industry Ass</p> | <p style="color: #333">Brief Introduction of Shanghai Integrated Circuit Industry Ass</p> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }"> | |||||
<img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/> | |||||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px'}"> | |||||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pspflh4kuvfymaezxzegpy9k9nn4pd3qmzbdcdf1a27-2222-41cc-be5e-5ab2e6a6bac5" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | |||||
<p style="color: #333">上海市集成电路行业协会简介</p> | <p style="color: #333">上海市集成电路行业协会简介</p> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
@@ -42,14 +46,3 @@ export default { | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
<style> | |||||
.menu-item{ | |||||
text-align: center; | |||||
padding: 10px; | |||||
width: 100%; | |||||
} | |||||
.card_menu .menu-item.active{ | |||||
border-left: 2px solid #427FCE; | |||||
background: #eee; | |||||
} | |||||
</style> |
@@ -1,6 +1,6 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>联系我们</el-breadcrumb-item> | <el-breadcrumb-item>联系我们</el-breadcrumb-item> | ||||
@@ -1,5 +1,10 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||||
<el-breadcrumb-item>合作交流</el-breadcrumb-item> | |||||
</el-breadcrumb> | |||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
@@ -5,17 +5,17 @@ | |||||
<div class="logo"><router-link to="/overview">logo</router-link></div> | <div class="logo"><router-link to="/overview">logo</router-link></div> | ||||
<el-menu-item index="1"><router-link to="/overview">首页</router-link></el-menu-item> | <el-menu-item index="1"><router-link to="/overview">首页</router-link></el-menu-item> | ||||
<el-menu-item index="2"><router-link to="/about">关于我们</router-link></el-menu-item> | <el-menu-item index="2"><router-link to="/about">关于我们</router-link></el-menu-item> | ||||
<el-menu-item index="3"><router-link to="/vip">协会会员</router-link></el-menu-item> | |||||
<el-menu-item index="4">企业认定</el-menu-item> | |||||
<el-menu-item index="5">新闻资讯</el-menu-item> | |||||
<el-menu-item index="6">产业政策</el-menu-item> | |||||
<el-menu-item index="7">行业动态</el-menu-item> | |||||
<el-menu-item index="8">合作交流</el-menu-item> | |||||
<el-menu-item index="3"><router-link to="/vip-service">协会会员</router-link></el-menu-item> | |||||
<el-menu-item index="4"><router-link to="/connect">企业认定</router-link></el-menu-item> | |||||
<el-menu-item index="5"><router-link to="/connect">新闻资讯</router-link></el-menu-item> | |||||
<el-menu-item index="6"><router-link to="/connect">产业政策</router-link></el-menu-item> | |||||
<el-menu-item index="7"><router-link to="/connect">行业动态</router-link></el-menu-item> | |||||
<el-menu-item index="8"><router-link to="/exchange">合作交流</router-link></el-menu-item> | |||||
<el-menu-item index="9"><router-link to="/km">知识产权</router-link></el-menu-item> | <el-menu-item index="9"><router-link to="/km">知识产权</router-link></el-menu-item> | ||||
<el-menu-item index="10">会员产品</el-menu-item> | |||||
<el-menu-item index="11">人力资源</el-menu-item> | |||||
<el-menu-item index="12">数据上报</el-menu-item> | |||||
<el-menu-item index="13">联系我们</el-menu-item> | |||||
<el-menu-item index="10"><router-link to="/connect">会员产品</router-link></el-menu-item> | |||||
<el-menu-item index="11"><router-link to="/connect">人力资源</router-link></el-menu-item> | |||||
<el-menu-item index="12"><router-link to="/connect">数据上报</router-link></el-menu-item> | |||||
<el-menu-item index="13"><router-link to="/connect">联系我们</router-link></el-menu-item> | |||||
</el-menu> | </el-menu> | ||||
</el-header> | </el-header> | ||||
<router-view/> | <router-view/> | ||||
@@ -40,119 +40,6 @@ | |||||
</div> | </div> | ||||
</el-footer> | </el-footer> | ||||
</el-container> | </el-container> | ||||
<!-- <Layout class="main"> | |||||
<Header class="header-con" style="background-color: #001529;position: fixed;z-index: 99999;top: 0;width: 100%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16)"> | |||||
<h1 style="float: left;display: inline-block;line-height: 50px;margin-left: -5px;margin-right: 20px "><common-icon :type="'fa-home'" :size="24" :color="'#fff'"/></h1><a style="display: inline-block;float: left"> 后台管理系统</a> | |||||
<header-bar :collapsed="collapsed"> | |||||
<user :user-avator="userAvator"/> | |||||
<language @on-lang-change="setLocal" style="margin-right: 10px;" :lang="local"/> | |||||
<fullscreen v-model="isFullscreen" style="margin-right: 10px;"/> | |||||
</header-bar> | |||||
</Header> | |||||
<Layout :style="height"> | |||||
<Sider style="position: fixed;left: 0;top:50px;height: 100%;"> | |||||
<div :style="'overflow-y: scroll;'+height+';margin-right:-18px;'"> | |||||
<Menu active-name="article_list" theme="light" width="auto" :open-names="['1','2','3','4']" :style="height"> | |||||
<Submenu name="1"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
应用 | |||||
</template> | |||||
<MenuItem name="article_list"> | |||||
<router-link :to="{path:'/admin/application/list',query:{}}">应用列表</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="article_add"> | |||||
<router-link :to="{path:'/admin/application/add',query:{}}">添加应用</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="2"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
账户 | |||||
</template> | |||||
<MenuItem name="2-1"> | |||||
<router-link :to="{path:'/admin/ud/list'}">机构及组</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="2-2"> | |||||
<router-link :to="{path:'/admin/ud/account',query:{}}">账户管理</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="2-3"> | |||||
<router-link :to="{path:'/admin/classify/management',query:{}}">分类管理</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="3"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
认证 | |||||
</template> | |||||
<MenuItem name="3-1"> | |||||
<router-link :to="{path:'/admin/authentication/list',query:{}}">认证源</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="3-2"> | |||||
<router-link :to="{path:'/admin/authentication/radius',query:{}}">RADIUS</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="3-3"> | |||||
<router-link :to="{path:'/admin/authentication/certificates',query:{}}">证书管理</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="4"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
授权 | |||||
</template> | |||||
<MenuItem name="4-1"> | |||||
<router-link :to="{path:'/admin/ps/list',query:{}}">权限系统</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="4-2"> | |||||
<router-link :to="{path:'/admin/authorization/application',query:{}}">应用授权</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="5"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
审计 | |||||
</template> | |||||
<MenuItem name="5-1"> | |||||
<router-link :to="{path:'/admin/audit/list',query:{}}">操作日志</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="5-2"> | |||||
<router-link :to="{path:'/admin/audit/login/list',query:{}}">进/出日志</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="6"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
其它管理 | |||||
</template> | |||||
<MenuItem name="6-1"> | |||||
<router-link :to="{path:'/admin/approval',query:{}}">审批中心</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="6-2"> | |||||
<router-link :to="{path:'/admin/sessions',query:{}}">会话管理</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
<Submenu name="7"> | |||||
<template slot="title"> | |||||
<Icon type="ios-keypad"></Icon> | |||||
设置 | |||||
</template> | |||||
<MenuItem name="7-1"> | |||||
<router-link :to="{path:'/admin/field-group/list',query:{}}">个性化设置</router-link> | |||||
</MenuItem> | |||||
<MenuItem name="7-2"> | |||||
<router-link :to="{path:'/admin/security-setting',query:{}}">安全设置</router-link> | |||||
</MenuItem> | |||||
</Submenu> | |||||
</Menu> | |||||
</div> | |||||
</Sider> | |||||
<Layout style="margin-left: 220px"> | |||||
<keep-alive :include="cacheList"> | |||||
<router-view/> | |||||
</keep-alive> | |||||
</Layout> | |||||
</Layout> | |||||
</Layout>--> | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import SideMenu from './components/side-menu' | import SideMenu from './components/side-menu' | ||||
@@ -289,158 +176,5 @@ export default { | |||||
} | } | ||||
</script> | </script> | ||||
<style> | <style> | ||||
body{ | |||||
background: #F5F5F5 !important; | |||||
font-size: 12px; | |||||
} | |||||
.linear{ | |||||
background-image: linear-gradient(to right,#42A8CE, #427FCE); | |||||
} | |||||
.text-linear{ | |||||
font-size: 20px; | |||||
background-image: -webkit-linear-gradient(right,#42A8CE, #427FCE)!important; | |||||
background-image: linear-gradient(to right,#42A8CE, #427FCE)!important; | |||||
-webkit-background-clip:text!important; | |||||
color: transparent!important; | |||||
border: 2px solid #42A8CE !important; | |||||
font-weight: 900!important; | |||||
letter-spacing: 3px; | |||||
} | |||||
.card_style1 .el-card__header,.card_menu .el-card__header{ | |||||
background-image: linear-gradient(to right,#42A8CE, #427FCE); | |||||
color: #fff; | |||||
font-weight: 700; | |||||
padding: 9px 10px !important; | |||||
} | |||||
.el-pager .active,.el-table__header thead,.el-button--primary{ | |||||
background-image: linear-gradient(to right,#42A8CE, #427FCE) !important; | |||||
} | |||||
.el-table__header thead{ | |||||
color: #fff !important; | |||||
} | |||||
.el-table th.el-table__cell,.el-table .el-table__header tr{ | |||||
background: transparent !important; | |||||
} | |||||
.el-table__header > tr,.el-table__header > th{ | |||||
background: transparent !important; | |||||
} | |||||
.card_menu .box-card{ | |||||
background: #F5F5F5; | |||||
} | |||||
.card_menu .el-card__body{ | |||||
background: #FFF; | |||||
} | |||||
.card_menu .el-card__header{ | |||||
text-align: center; | |||||
font-size: 16px; | |||||
border-top-left-radius: 10px; | |||||
border-top-right-radius: 10px; | |||||
} | |||||
.card_style1 .el-card__header .el-divider{ | |||||
width: 3px; | |||||
background: #FFF; | |||||
} | |||||
.card_style2 .el-card__header{ | |||||
color: #427FCE; | |||||
font-weight: 700; | |||||
padding: 9px 10px !important; | |||||
border-bottom: none !important; | |||||
} | |||||
.card_style2 .el-card__header .el-divider{ | |||||
width: 3px; | |||||
background: #427FCE; | |||||
} | |||||
.card_style2 h2{ | |||||
font-size: 14px; | |||||
color: #333333; | |||||
} | |||||
.card_style2 p{ | |||||
color: #999999; | |||||
} | |||||
.card_style2 .list{ | |||||
border-bottom: 1px solid #eee; | |||||
padding: 10px | |||||
} | |||||
.card_style2 .list:last-child{ | |||||
border-bottom:none; | |||||
} | |||||
.el-card{ | |||||
border-radius: 0!important; | |||||
border:0 !important; | |||||
} | |||||
.header{ | |||||
color: #fff !important; | |||||
height: 50px; | |||||
} | |||||
.header > .el-menu--horizontal > .el-menu-item{ | |||||
height: 45px !important; | |||||
line-height: 45px !important; | |||||
color: #fff !important; | |||||
font-size: 12px; | |||||
padding: 0; | |||||
width: 7.6923%; | |||||
} | |||||
.header > .el-menu--horizontal > .el-menu-item.is-active{ | |||||
border-bottom:2px solid #fff | |||||
} | |||||
.header > .el-menu--horizontal > .el-menu-item:hover,.header > .el-menu--horizontal > .el-menu-item:focus{ | |||||
background: transparent !important; | |||||
} | |||||
.footer{ | |||||
color: #fff; | |||||
font-size: 10px; | |||||
text-align: center; | |||||
padding: 10px; | |||||
} | |||||
.footer span{ | |||||
padding: 10px; | |||||
} | |||||
.footer .footer-bar{ | |||||
margin: 10px; | |||||
} | |||||
.footer .copyright{ | |||||
line-height: 20px; | |||||
} | |||||
.el-pager, | |||||
.el-pagination.is-background .btn-next, | |||||
.el-pagination.is-background .btn-prev { | |||||
padding:0px 5px !important; | |||||
} | |||||
.el-carousel__item h3 { | |||||
color: #475669; | |||||
font-size: 14px; | |||||
opacity: 0.75; | |||||
line-height: 150px; | |||||
margin: 0; | |||||
} | |||||
.el-carousel__item:nth-child(2n) { | |||||
background-color: #99a9bf; | |||||
} | |||||
.el-carousel__item:nth-child(2n+1) { | |||||
background-color: #d3dce6; | |||||
} | |||||
.logo{ | |||||
font-size: 20px; | |||||
font-weight: 900; | |||||
position: absolute; | |||||
margin-right: 100px; | |||||
left: 0; | |||||
top: 0; | |||||
text-align: center; | |||||
line-height: 50px; | |||||
width: 100px; | |||||
} | |||||
.logo a,.logo a:hover{ | |||||
color: #fff; | |||||
} | |||||
</style> | </style> |
@@ -2,7 +2,7 @@ | |||||
<div> | <div> | ||||
<el-carousel trigger="click" height="400px"> | <el-carousel trigger="click" height="400px"> | ||||
<el-carousel-item v-for="item in 3" :key="item"> | <el-carousel-item v-for="item in 3" :key="item"> | ||||
<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/pso3qae4u2g8lb8tie1nc2mweul0p5j5i81ef68b8f-e805-4d9f-9c5d-5679d724f7c3"/> | |||||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pso3qae4u2g8lb8tie1nc2mweul0p5j5i81ef68b8f-e805-4d9f-9c5d-5679d724f7c3"/> | |||||
</el-carousel-item> | </el-carousel-item> | ||||
</el-carousel> | </el-carousel> | ||||
<el-main style="width: 960px;margin: 0 auto"> | <el-main style="width: 960px;margin: 0 auto"> | ||||
@@ -1,5 +1,10 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||||
<el-breadcrumb-item>会员服务</el-breadcrumb-item> | |||||
</el-breadcrumb> | |||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
@@ -455,17 +460,6 @@ export default { | |||||
} | } | ||||
</script> | </script> | ||||
<style> | <style> | ||||
.menu-item { | |||||
text-align: center; | |||||
padding: 10px; | |||||
width: 100%; | |||||
} | |||||
.card_menu .menu-item.active { | |||||
border-left: 2px solid #427FCE; | |||||
background: #eee; | |||||
} | |||||
.form .el-input__inner { | .form .el-input__inner { | ||||
border-radius: 0 !important; | border-radius: 0 !important; | ||||
} | } | ||||
@@ -1,5 +1,10 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||||
<el-main class="main-container"> | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||||
<el-breadcrumb-item>通知</el-breadcrumb-item> | |||||
</el-breadcrumb> | |||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
@@ -38,13 +43,5 @@ export default { | |||||
} | } | ||||
</script> | </script> | ||||
<style> | <style> | ||||
.menu-item{ | |||||
text-align: center; | |||||
padding: 10px; | |||||
width: 100%; | |||||
} | |||||
.card_menu .menu-item.active{ | |||||
border-left: 2px solid #427FCE; | |||||
background: #eee; | |||||
} | |||||
</style> | </style> |