Skip to content

C
court-inner
Commit 14754135 by zlr
Options

改版

parent faac5288
Showing with 673 additions and 56 deletions
src/main.js
......@@ -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,
......
src/router/routers.js
......@@ -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',
......
src/views/home.vue
......@@ -2,37 +2,41 @@
<div class="page">
<!--<el-header class="border-bt">-->
<!-- 顶部标题工具栏 -->
<el-row :gutter="4" class="top-content">
<el-col :span="9" class="top-title">
<img :src="require('../assets/iconImg/01-首页/logo.png')" alt="" />
<div class="title-txt">广西法院内部信息网</div>
<!--&ensp;|&ensp;-->
<!--<div class="title-txt">会议管理模块</div>-->
</el-col>
<el-col :span="10">
<div class="center-txt">
法院：{{ userInfo.courtCode }}&ensp;部门：{{ userInfo.dept?userInfo.dept.name:'' }}&ensp;姓名：{{ userInfo.nickName }}
</div>
</el-col>
<el-col :span="5" class="top-btn">
<div class="top-btn-item">
<img
:src="require('../assets/iconImg/01-首页/使用手册.png')"
alt=""
/>
<div class="top-btn-item-text">使用手册</div>
</div>
<div class="top-btn-item">
<img
:src="require('../assets/iconImg/01-首页/系统设置.png')"
alt=""
/>
<div class="top-btn-item-text">系统设置</div>
</div>
<div @click="loginOut" class="top-btn-item" >
<img :src="require('../assets/iconImg/01-首页/退出.png')" alt="" />
<div class="top-btn-item-text">退出</div>
</div>
<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="" />
<div class="title-txt">广西法院内部信息网</div>
<!--&ensp;|&ensp;-->
<!--<div class="title-txt">会议管理模块</div>-->
</el-col>
<el-col :span="10">
<div class="center-txt">
法院：{{ userInfo.courtCode }}&ensp;部门：{{ userInfo.dept?userInfo.dept.name:'' }}&ensp;姓名：{{ userInfo.nickName }}
</div>
</el-col>
<el-col :span="5" class="top-btn">
<div class="top-btn-item">
<img
:src="require('../assets/iconImg/01-首页/使用手册.png')"
alt=""
/>
<div class="top-btn-item-text">使用手册</div>
</div>
<div class="top-btn-item">
<img
:src="require('../assets/iconImg/01-首页/系统设置.png')"
alt=""
/>
<div class="top-btn-item-text">系统设置</div>
</div>
<div @click="loginOut" class="top-btn-item" >
<img :src="require('../assets/iconImg/01-首页/退出.png')" alt="" />
<div class="top-btn-item-text">退出</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
<!--</el-header>-->
......@@ -44,13 +48,16 @@
<router-view />
</el-main>
</el-container>
<el-footer>
<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 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>
src/views/list/index.vue 0 → 100644
<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
src/views/show-old/index.vue 0 → 100644
<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
src/views/show/index.vue
<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"
......@@ -74,8 +93,11 @@
/>
</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