Commit 14754135 by zlr

改版

parent faac5288
......@@ -11,6 +11,7 @@ import router from "./router/routers";
import "./assets/style/index.scss";
import "./assets/style/kui.scss";
import scroll from 'vue-seamless-scroll'
Vue.config.productionTip = false;
......@@ -18,6 +19,9 @@ Vue.use(ElementUI, {
size: "small", // set element-ui default size
});
Vue.use(scroll)
new Vue({
router,
store,
......
......@@ -169,6 +169,18 @@ const constantRouterMap = [
meta: { title: '法院新闻', icon: '' },
component: resolve => require(["@/views/news"], resolve),
},
{
path: "/list",
name: 'list',
meta: { title: '工作信息', icon: '' },
component: resolve => require(["@/views/list"], resolve),
},
{
path: "/detail",
name: 'detail',
meta: { title: '详情', icon: '' },
component: resolve => require(["@/views/detail"], resolve),
},
// {
// path: "/homePage",
// name: 'homePage',
......
......@@ -2,6 +2,8 @@
<div class="page">
<!--<el-header class="border-bt">-->
<!-- 顶部标题工具栏 -->
<el-row >
<el-col class="" :span="18" :offset="3">
<el-row :gutter="4" class="top-content">
<el-col :span="9" class="top-title">
<img :src="require('../assets/iconImg/01-首页/logo.png')" alt="" />
......@@ -35,6 +37,8 @@
</div>
</el-col>
</el-row>
</el-col>
</el-row>
<!--</el-header>-->
<el-container class="my-container">
<el-header>
......@@ -44,13 +48,16 @@
<router-view />
</el-main>
</el-container>
<el-footer>
<div class="foot-div">
<el-row>
<span>电话:0771-5788527 0771-5788292 0771-5788394</span>
</el-row>
<el-row>
<span>Copyright 2015 by chinacourt.org All Rights Reserved</span>
</el-row>
</div>
</el-footer>
</div>
</template>
......@@ -98,7 +105,7 @@ export default {
<style lang="scss" scoped>
.page {
// background-color: #161616;
background-color:#FFFCDF;
width: 100%;
height: 100%;
// height: 100vh;
......@@ -162,11 +169,14 @@ export default {
.el-footer {
margin-top: 20px;
border-top: 3px solid #126ae6;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
// padding: 25px 10px;
// padding-bottom: 10px;
width: 100%;
background-color: rgba(0, 120, 255, 0.15);
// background-color: rgba(0, 120, 255, 0.15);
text-align:center;
}
.foot-div{
padding: 25px 10px;
}
</style>
......@@ -15,21 +15,24 @@
</li>
</ul>
</div>
</div>:default-active="this.$router.path"-->
<el-row class="my-menu k-flex k-center k-align-center">
</div>:default-active="this.$router.path" @select="handleSelect"-->
<el-row >
<!--<el-col class="my-menu k-flex k-center k-align-center" :span="18" :offset="3">-->
<el-col class="my-menu k-flex-between-center" :span="18" :offset="3">
<el-menu
:default-active="activeIndex"
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
active-text-color="#ffd04b"
:collapse="true"
background-color="#D33237"
text-color="#fff"
router>
<el-menu-item index="/homePage">首页</el-menu-item>
<el-menu-item index="/news" >法院新闻00</el-menu-item>
<el-submenu index="" >
<template slot="title">法院新闻</template>
<el-menu-item index="">选项1</el-menu-item>
<el-submenu index="2" >
<template slot="title" @click="toNews('/news')">法院新闻</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
<el-submenu index="2-4">
......@@ -40,10 +43,10 @@
</el-submenu>
</el-submenu>
<el-submenu mode="horizontal" style="" index="3" id="myPopDown">
<el-submenu mode="horizontal" style="" index="list" id="myPopDown">
<template slot="title">工作信息</template>
<el-menu-item index="3-1">选项1</el-menu-item>
<el-menu-item index="3-2">选项2</el-menu-item>
<el-menu-item index="/list">选项1</el-menu-item>
<el-menu-item index="/detail">选项2</el-menu-item>
<el-menu-item index="3-3">选项3</el-menu-item>
</el-submenu>
......@@ -59,11 +62,11 @@
<el-menu-item index="5-2">选项2</el-menu-item>
<el-menu-item index="5-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="6">
<el-submenu index="/news">
<template slot="title">娱乐</template>
<el-menu-item index="6-1">选项1</el-menu-item>
<!--<el-menu-item index="6-1">选项1</el-menu-item>
<el-menu-item index="6-2">选项2</el-menu-item>
<el-menu-item index="6-3">选项3</el-menu-item>
<el-menu-item index="6-3">选项3</el-menu-item>-->
</el-submenu>
<el-submenu index="7">
<template slot="title">全区法院</template>
......@@ -76,19 +79,30 @@
<a href="https://www.ele.me" target="_blank">订单管理</a>
订单管理
</el-menu-item>-->
<el-menu-item>
<!--<el-menu-item>
<div>
<div class="k-flex seach-input k-align-center">
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input>
<el-button style="" type="warning" icon="el-icon-search">搜索</el-button>
</div>
</div>
</el-menu-item>
</el-menu-item>-->
</el-menu>
<div class="k-flex seach-input k-align-center">
<el-input
placeholder="请输入内容"
clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input>
<!--<el-button style="" type="warning" icon="el-icon-search">搜索</el-button>-->
</div>
</el-col>
<!--<div class="k-flex seach-input k-align-center">
<el-input
placeholder="请输入内容"
......@@ -98,6 +112,9 @@
<el-button type="warning" icon="el-icon-search">搜索</el-button>
</div>-->
</el-row>
</div>
</template>
<script>
......@@ -155,52 +172,71 @@ export default {
methods:{
selected(){},
menuselected(){},
searchEvent(){
console.log('搜索');
},
toNews(){
console.log(4556);
this.$router.push({ name: "news" });
}
}
}
</script>
<style lang="scss" scoped>
.my-menu{
background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
// background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
background:#D33237;
border-radius:7px;
padding:0 15px;
}
::v-deep{
ul{
padding:0;
margin:0;
}
.el-menu.el-menu--horizontal{
display:flex;
justify-content:center;
// background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
background:transparent;
border-bottom:none;
.el-menu{
border-radius:7px 0 0 7px;
}
.el-menu-item{
font-size:13px;
padding:0 15px;
}
.el-menu--horizontal>.el-menu-item{
color:#fff;
.el-submenu__title{
padding:0 15px;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{
font-size:13px;
}
// ul{
// padding:0;
// margin:0;
// }
// .el-menu.el-menu--horizontal{
// display:flex;
// justify-content:center;
// background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
// background:transparent;
// border-bottom:none;
// }
// .el-menu--horizontal>.el-menu-item{
// color:#fff;
// }
// .el-menu--horizontal>.el-submenu .el-submenu__title{
// color:#fff;
// }
.el-menu-item:focus, .el-menu-item:hover{
background-color:transparent;
}
// .el-menu-item:focus, .el-menu-item:hover{
// background-color:transparent;
// }
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover{
background-color:transparent;
}
// .el-menu{
// display:flex;
// .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover{
// background-color:transparent;
// }
// .el-menu--popup{
// display:flex !important;
// .el-submenu{
// color:red;
// }
// .el-menu--horizontal{
// background: red;
// width: 100%;
// }
.el-submenu{
color:red;
}
.el-menu--horizontal{
background: red;
width: 100%;
}
// .el-menu--horizontal .el-submenu {
// float: left;
......@@ -249,6 +285,7 @@ position: static;
vertical-align: middle;
margin-left: 8px;
margin-top: -3px;
color:#fff;
}
.el-menu--horizontal .el-submenu.is-active .el-submenu__title {
......@@ -371,4 +408,6 @@ color: #303133;
// .seach-input{
// width:60%;
// }
</style>
<template>
<div >
<el-row >
<el-col :span="18" :offset="3">
<!--<el-row class="top-info" style="">
<span class="fist-text" style=""></span>
<span>作信息</span>
<div style="float:right;">
<span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
</el-row>-->
<el-row class="mt-20" :gutter="20">
<!--左边栏目开始-->
<el-col :span="5">
<div class="list-container" style="">
<div class="list-title mb-10" style="">按分类查看</div>
<!--<ul class="type-list">
<li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li>
</ul>-->
<el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</div>
</el-col>
<!--左边栏目结束-->
<el-col :span="19">
<div class="zone-style">
<div style="min-height:76vh;">
<div style="">
<span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-table
:header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
:cell-style="{'font-size':'13px','border-bottom':'none'}"
ref="singleTable"
:data="tableData"
highlight-current-row
@current-change="handleCurrentChange"
style="width: 100%">
<el-table-column
align="left"
property="address"
label="标题">
<template slot-scope="scope">
<span style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{scope.row.address}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
property="date"
label="时间"
width="150">
</el-table-column>
<el-table-column
align="center"
property="name"
label="点击"
width="120">
</el-table-column>
<el-table-column
align="center"
property="name"
label="评论"
width="50">
</el-table-column>
</el-table>
<div style="margin-top:10px;">
<el-pagination
prev-text="上一页"
next-text="下一页"
layout="total,sizes,prev, pager, next,jumper"
:total="1000"
page-sizes=""
page-size="15"
current-page="1"
@current-change=""
@size-change=""
/>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "show",
data() {
return {
dataTreeFile: [{
label: '一级 1',
children: [{
label: '二级 1-1',
children: [{
label: '三级 1-1-1'
}]
}]
}, {
label: '一级 2',
children: [{
label: '二级 2-1',
children: [{
label: '三级 2-1-1'
}]
}, {
label: '二级 2-2',
children: [{
label: '三级 2-2-1'
}]
}]
}, {
label: '一级 3',
children: [{
label: '二级 3-1',
children: [{
label: '三级 3-1-1'
}]
}, {
label: '二级 3-2',
children: [{
label: '三级 3-2-1'
}]
}]
}],
defaultProps: {
children: 'children',
label: 'label'
},
tableData: [{
date: '2016-05-02 12:00:00',
name: '24',
address: '【广西高院队...】广西高院队伍整顿简报解放军过来了就收到了开花结果的工具打开两个换个角度思考和监控工具打开换个角度来看回家国家的客户给几个大客户就'
}, {
date: '2016-05-04 12:00:00',
name: '45',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01 12:00:00',
name: '67',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03 12:00:00',
name: '89',
address: '上海市普陀区金沙江路 1516 弄'
}],
}
},
created() {
},
methods:{
}
}
</script>
<style lang="scss" scoped>
// 树形菜单图标start-----------------------
.el-tree{
background:transparent;
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*//有子节点 且未展开*/
.el-tree /deep/ .el-icon-caret-right:before
{
background: url("../../assets/wjjg.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//有子节点 且已展开*/
.el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before
{
background: url("../../assets/wjjk.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//没有子节点*/
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before
{
background: url("../../assets/wj.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
// 树形菜单图标end-----------------------
.top-info{
margin:15px 0;
border-bottom:2px solid #34bab2;
padding-bottom:15px;
}
.fist-text{
display:inline-block;
width:26px;
height:26px;
line-height:26px;
text-align:center;
font-size:15px;
color:#fff;
border-radius:50%;
background:#1a3784;
margin-right:3px;
}
.list-container{
// border:2px solid #34bab2;
// padding:15px 15px;
// margin-top:40px;
}
.list-title{
border-bottom:1px dashed #ccc;
line-height: 35px;
}
// 列表start
.type-list li{
list-style-type: square;
// color: #0099ff;
color: blue;
font-size: 16px;
line-height: 35px;
border-bottom: 1px dashed #ccc;
}
.type-list li a{
color: #333;
font-size: 14px;
text-decoration:none;
}
.type-list li:hover{
// color: #ff6900;
color: red;
}
.type-list li:hover a{
// color: #ff6900
color:red;
}
.type-list li:last-of-type{border-bottom:none;}
// 列表end
ul{
margin: 0px;
padding: 0px;
padding-left: 15px;
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
::v-deep{
.el-table th:first-child>.cell{
text-align:left!important;
}
}
</style>
\ No newline at end of file
<template>
<div >
<el-row >
<el-col :span="16" :offset="4">
<el-row class="top-info" style="">
<span class="fist-text" style=""></span>
<span>作信息</span>
<div style="float:right;">
<span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="list-container" style="">
<div class="list-title" style="">按分类查看</div>
<ul class="type-list">
<li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li>
</ul>
</div>
</el-col>
<el-col :span="16">
<div style="min-height:76vh;">
<el-table
:header-cell-style="{'text-align':'center','font-size':'13px','color':'black'}"
:cell-style="{'font-size':'13px','border-bottom':'none'}"
ref="singleTable"
:data="tableData"
highlight-current-row
@current-change="handleCurrentChange"
style="width: 100%">
<el-table-column
property="address"
label="标题">
</el-table-column>
<el-table-column
align="center"
property="date"
label="时间"
width="150">
</el-table-column>
<el-table-column
align="center"
property="name"
label="点击"
width="120">
</el-table-column>
<el-table-column
align="center"
property="name"
label="评论"
width="50">
</el-table-column>
</el-table>
<div style="margin-top:10px;">
<el-pagination
prev-text="上一页"
next-text="下一页"
layout="total,sizes,prev, pager, next,jumper"
:total="1000"
page-sizes=""
page-size="15"
current-page="1"
@current-change=""
@size-change=""
/>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "show",
data() {
return {
tableData: [{
date: '2016-05-02 12:00:00',
name: '24',
address: '【广西高院队...】广西高院队伍整顿简报'
}, {
date: '2016-05-04 12:00:00',
name: '45',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01 12:00:00',
name: '67',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03 12:00:00',
name: '89',
address: '上海市普陀区金沙江路 1516 弄'
}],
}
},
created() {
},
methods:{
}
}
</script>
<style lang="scss" scoped>
.top-info{
margin:15px 0;
border-bottom:2px solid #34bab2;
padding-bottom:15px;
}
.fist-text{
display:inline-block;
width:26px;
height:26px;
line-height:26px;
text-align:center;
font-size:15px;
color:#fff;
border-radius:50%;
background:#1a3784;
margin-right:3px;
}
.list-container{
border:2px solid #34bab2;
padding:15px 15px;
margin-top:40px;
}
.list-title{
border-bottom:1px dashed #ccc;
line-height: 35px;
}
// 列表start
.type-list li{
list-style-type: square;
// color: #0099ff;
color: blue;
font-size: 16px;
line-height: 35px;
border-bottom: 1px dashed #ccc;
}
.type-list li a{
color: #333;
font-size: 14px;
text-decoration:none;
}
.type-list li:hover{
// color: #ff6900;
color: red;
}
.type-list li:hover a{
// color: #ff6900
color:red;
}
.type-list li:last-of-type{border-bottom:none;}
// 列表end
ul{
margin: 0px;
padding: 0px;
padding-left: 15px;
}
</style>
\ No newline at end of file
<template>
<div >
<el-row >
<el-col :span="16" :offset="4">
<el-col :span="18" :offset="3">
<el-row class="top-info" style="">
<!--<el-row class="top-info" style="">
<span class="fist-text" style=""></span>
<span>作信息</span>
<div style="float:right;">
......@@ -13,23 +13,38 @@
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
</el-row>
</el-row>-->
<el-row :gutter="20">
<el-col :span="8">
<el-row class="mt-20" :gutter="20">
<!--左边栏目开始-->
<el-col :span="5">
<div class="list-container" style="">
<div class="list-title" style="">按分类查看</div>
<div class="list-title mb-10" style="">按分类查看</div>
<!--<ul class="type-list">
<li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li>
</ul>-->
<!--<el-tree :data="dataTreeFile" :props="defaultProps" @node-click="handleNodeClick"></el-tree>-->
<ul class="type-list">
<li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li>
</ul>
</div>
</el-col>
<el-col :span="16">
<div style="min-height:76vh;">
<!--左边栏目结束-->
<el-col :span="19">
<div class="zone-style">
<div style="min-height:76vh;">
<div style="">
<span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-table
:header-cell-style="{'text-align':'center','font-size':'13px','color':'black'}"
:header-cell-style="{'text-align':'center','font-size':'15px','color':'black'}"
:cell-style="{'font-size':'13px','border-bottom':'none'}"
ref="singleTable"
:data="tableData"
......@@ -37,8 +52,12 @@
@current-change="handleCurrentChange"
style="width: 100%">
<el-table-column
align="left"
property="address"
label="标题">
<template slot-scope="scope">
<span style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{scope.row.address}}</span>
</template>
</el-table-column>
<el-table-column
align="center"
......@@ -75,7 +94,10 @@
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
......@@ -88,10 +110,49 @@ export default {
data() {
return {
dataTreeFile: [{
label: '一级 1',
children: [{
label: '二级 1-1',
children: [{
label: '三级 1-1-1'
}]
}]
}, {
label: '一级 2',
children: [{
label: '二级 2-1',
children: [{
label: '三级 2-1-1'
}]
}, {
label: '二级 2-2',
children: [{
label: '三级 2-2-1'
}]
}]
}, {
label: '一级 3',
children: [{
label: '二级 3-1',
children: [{
label: '三级 3-1-1'
}]
}, {
label: '二级 3-2',
children: [{
label: '三级 3-2-1'
}]
}]
}],
defaultProps: {
children: 'children',
label: 'label'
},
tableData: [{
date: '2016-05-02 12:00:00',
name: '24',
address: '【广西高院队...】广西高院队伍整顿简报'
address: '【广西高院队...】广西高院队伍整顿简报解放军过来了就收到了开花结果的工具打开两个换个角度思考和监控工具打开换个角度来看回家国家的客户给几个大客户就'
}, {
date: '2016-05-04 12:00:00',
name: '45',
......@@ -118,6 +179,49 @@ export default {
}
</script>
<style lang="scss" scoped>
// 树形菜单图标start-----------------------
.el-tree{
background:transparent;
}
.el-tree /deep/ .el-tree-node__expand-icon.expanded
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/*//有子节点 且未展开*/
.el-tree /deep/ .el-icon-caret-right:before
{
background: url("../../assets/wjjg.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//有子节点 且已展开*/
.el-tree /deep/ .el-tree-node__expand-icon.expanded.el-icon-caret-right:before
{
background: url("../../assets/wjjk.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
/*//没有子节点*/
.el-tree /deep/ .el-tree-node__expand-icon.is-leaf::before
{
background: url("../../assets/wj.png") no-repeat 0 3px;
content: '';
display: block;
width: 16px;
height: 16px;
font-size: 16px;
background-size: 16px;
}
// 树形菜单图标end-----------------------
.top-info{
margin:15px 0;
border-bottom:2px solid #34bab2;
......@@ -136,10 +240,11 @@ export default {
margin-right:3px;
}
.list-container{
border:2px solid #34bab2;
padding:15px 15px;
margin-top:40px;
// border:2px solid #34bab2;
// padding:15px 15px;
// margin-top:40px;
}
.list-title{
border-bottom:1px dashed #ccc;
line-height: 35px;
......@@ -173,8 +278,18 @@ ul{
padding: 0px;
padding-left: 15px;
}
.zone-style{
background-color:#fff;
padding:15px 15px;
border-radius:5px;
box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.05);
}
::v-deep{
.el-table th:first-child>.cell{
text-align:left!important;
}
}
......
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 to comment