Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
court-inner
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
莫晓莉
court-inner
Commits
95c732f9
Commit
95c732f9
authored
Oct 11, 2021
by
莫晓莉
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
栏目管理
parent
14754135
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
874 additions
and
3 deletions
+874
-3
src/router/routers.js
+6
-0
src/views/home.vue
+1
-0
src/views/layout/menu.vue
+3
-3
src/views/manage/index.vue
+864
-0
No files found.
src/router/routers.js
View file @
95c732f9
...
...
@@ -181,6 +181,12 @@ const constantRouterMap = [
meta
:
{
title
:
'详情'
,
icon
:
''
},
component
:
resolve
=>
require
([
"@/views/detail"
],
resolve
),
},
{
path
:
"/manage"
,
name
:
'manage'
,
meta
:
{
title
:
'栏目'
,
icon
:
''
},
component
:
resolve
=>
require
([
"@/views/manage"
],
resolve
),
},
// {
// path: "/homePage",
// name: 'homePage',
...
...
src/views/home.vue
View file @
95c732f9
...
...
@@ -175,6 +175,7 @@ export default {
width
:
100%
;
//
background-color
:
rgba
(
0
,
120
,
255
,
0.15
);
text-align
:
center
;
height
:
auto
!important
;
}
.foot-div
{
padding
:
25px
10px
;
...
...
src/views/layout/menu.vue
View file @
95c732f9
...
...
@@ -47,7 +47,7 @@
<
template
slot=
"title"
>
工作信息
</
template
>
<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-menu-item
index=
"
/show
"
>
选项3
</el-menu-item>
</el-submenu>
<el-submenu
index=
"4"
>
...
...
@@ -74,14 +74,14 @@
<el-menu-item
index=
"7-2"
>
选项2
</el-menu-item>
<el-menu-item
index=
"7-3"
>
选项3
</el-menu-item>
</el-submenu>
<el-menu-item
index=
"/
show
"
>
信息发布系统
</el-menu-item>
<el-menu-item
index=
"/
manage
"
>
信息发布系统
</el-menu-item>
<!--<el-menu-item index="4">
<a href="https://www.ele.me" target="_blank">订单管理</a>
订单管理
</el-menu-item>-->
<!--<el-menu-item>
<div>
<div class="k-flex seach-input k-align-center">
<div class="k-flex seach-input k-align-center">
x
<el-input
placeholder="请输入内容"
v-model="input"
...
...
src/views/manage/index.vue
0 → 100644
View file @
95c732f9
<
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 zone-style"
:gutter=
"20"
>
<!--左边栏目开始-->
<el-col
:span=
"5"
class=
"border-zone"
>
<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
>
<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-tabs
v-model=
"activeName"
type=
"card"
@
tab-click=
"handleClick"
>
<el-tab-pane
label=
"用户管理"
name=
"first"
>
<i
class=
"el-icon-date"
></i>
用户管理
</el-tab-pane>
<el-tab-pane
label=
"配置管理"
name=
"second"
>
配置管理
</el-tab-pane>
<el-tab-pane
label=
"角色管理"
name=
"third"
>
角色管理
</el-tab-pane>
<el-tab-pane
label=
"定时任务补偿"
name=
"fourth"
>
定时任务补偿
</el-tab-pane>
</el-tabs>
-->
<el-tabs
type=
"border-card"
v-model=
"activeName"
>
<el-tab-pane
name=
"first"
>
<span
slot=
"label"
><i
class=
"el-icon-date"
></i>
管理列表
</span>
<el-table
border
ref=
"multipleTable"
:data=
"tableData"
tooltip-effect=
"dark"
style=
"width: 100%"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
>
</el-table-column>
<el-table-column
label=
"日期"
width=
"120"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
date
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"姓名"
width=
"120"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"地址"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label=
"操作"
width=
"120"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
日志
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
修改
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
删除
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
评论
</el-button>
</
template
>
</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>
</el-tab-pane>
<el-tab-pane
name=
"second"
>
<span
slot=
"label"
><i
class=
"el-icon-date"
></i>
添加信息
</span>
<el-form
ref=
"form"
:model=
"form"
label-width=
"120px"
>
<el-form-item
label=
"格式"
>
<el-select
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"区域一"
value=
"shanghai"
></el-option>
<el-option
label=
"区域二"
value=
"beijing"
></el-option>
</el-select>
<span
class=
"ml-15"
>
提示:在word文档中编辑好后,复制黏贴到编辑框
</span>
</el-form-item>
<el-form-item
label=
"所属栏目"
>
<el-row
>
<el-col
:span=
"6"
>
工作信息->最高人民法院简报
</el-col>
<el-col
:span=
"18"
>
<el-button>
选择
</el-button>
</el-col>
</el-row>
<el-row>
<span
class=
"mr-15"
>
发送到教育整顿:
</span>
<el-radio-group
v-model=
"form.resource"
>
<el-radio
label=
"无"
></el-radio>
<el-radio
label=
"政治教育"
></el-radio>
<el-radio
label=
"警示教育和英模教育"
></el-radio>
</el-radio-group>
</el-row>
</el-form-item>
<!--<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="活动区域">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="活动时间">
<el-col :span="11">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
<el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
</el-col>
</el-form-item>-->
<el-form-item
label=
"标题"
>
<el-input
v-model=
"form.name"
></el-input>
</el-form-item>
<el-form-item
label=
"附件"
>
<!--<el-switch v-model="form.delivery"></el-switch>-->
<el-upload
class=
"upload-demo"
ref=
"noticeUpload"
multiple
:file-list=
"noticeFileList"
:auto-upload=
"false"
action=
"#"
name=
"fileList"
:show-file-list=
"true"
:on-change=
"uploadSuccess"
>
<el-button
class=
"area-btn"
style=
"display:flex;align-items:center;"
>
浏览文件
</el-button>
</el-upload>
</el-form-item>
<el-form-item
label=
"多附件上传"
>
<!--<el-switch v-model="form.delivery"></el-switch>-->
<el-upload
class=
"upload-demo"
ref=
"noticeUpload"
multiple
:file-list=
"noticeFileList"
:auto-upload=
"false"
action=
"#"
name=
"fileList"
:show-file-list=
"true"
:on-change=
"uploadSuccess"
>
<el-button
class=
"area-btn"
style=
"display:flex;align-items:center;"
>
浏览文件
</el-button>
</el-upload>
</el-form-item>
<el-form-item
label=
"今日头条"
>
<el-checkbox-group
v-model=
"form.type"
>
<el-checkbox
label=
"置于头条"
name=
"type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item
label=
"信息所属部门"
>
<el-select
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"区域一"
value=
"shanghai"
></el-option>
<el-option
label=
"区域二"
value=
"beijing"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"信息所属分类"
>
<el-checkbox-group
v-model=
"form.type"
>
<el-checkbox
label=
"党员心得体会(篇)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"支部风采(次)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"党员大会(次)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"支部学习(次)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"主题党日(次)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"党课(次)"
name=
"type"
></el-checkbox>
<el-checkbox
label=
"组织生活会"
name=
"type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<!--<el-form-item label="特殊资源">
<el-radio-group v-model="form.resource">
<el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="活动形式">
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>-->
<div
class=
"mb-15"
style=
"width:100%;"
>
<vue-ueditor-wrap
v-model=
"htmlContent"
:config=
"myConfig"
></vue-ueditor-wrap>
</div>
<el-form-item
align=
"center"
>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
发布
</el-button>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
提交审核
</el-button>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
建议
</el-button>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
保存
</el-button>
<el-button>
取消
</el-button>
</el-form-item>
</el-form>
<!-- UEditor -->
</el-tab-pane>
<el-tab-pane
name=
"third"
>
<span
slot=
"label"
><i
class=
"el-icon-date"
></i>
审核列表
</span>
<el-table
ref=
"multipleTable"
:data=
"tableData"
tooltip-effect=
"dark"
style=
"width: 100%"
border
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
>
</el-table-column>
<el-table-column
label=
"标题"
width=
""
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
date
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"所属栏目"
width=
""
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"责任编辑"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"创建/修改时间"
width=
""
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"点击次数"
width=
""
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"评论(条)"
width=
""
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"建议(条)"
width=
""
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"状态"
width=
""
>
</el-table-column>
<el-table-column
label=
"操作"
width=
"120"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
日志
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
修改
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
删除
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
评论
</el-button>
</
template
>
</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>
</el-tab-pane>
<el-tab-pane
name=
"fourth"
>
<span
slot=
"label"
><i
class=
"el-icon-date"
></i>
收报信息
</span>
<el-table
border
ref=
"multipleTable"
:data=
"tableData"
tooltip-effect=
"dark"
style=
"width: 100%"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
>
</el-table-column>
<el-table-column
label=
"法院"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
date
}}
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"标题"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"类型"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"责任编辑"
>
</el-table-column>
<el-table-column
prop=
"address"
label=
"创建/修改时间"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"留言(条)"
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"报送状态"
width=
""
>
</el-table-column>
<el-table-column
label=
"操作"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
日志
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
修改
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
删除
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
评论
</el-button>
</
template
>
</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>
</el-tab-pane>
<el-tab-pane
name=
"fifth"
>
<span
slot=
"label"
><i
class=
"el-icon-date"
></i>
查询
</span>
<el-form
ref=
"form"
:model=
"form"
label-width=
"80px"
>
<!--<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>-->
<el-form-item
label=
"格式"
>
<el-select
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"区域一"
value=
"shanghai"
></el-option>
<el-option
label=
"区域二"
value=
"beijing"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"类型"
>
<el-select
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"区域一"
value=
"shanghai"
></el-option>
<el-option
label=
"区域二"
value=
"beijing"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"状态"
>
<el-select
v-model=
"form.region"
placeholder=
"请选择活动区域"
>
<el-option
label=
"区域一"
value=
"shanghai"
></el-option>
<el-option
label=
"区域二"
value=
"beijing"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"标题"
>
<el-col
:span=
"11"
style=
"padding-left:0;padding-right:0;"
>
<el-input
v-model=
"form.name"
></el-input>
</el-col>
</el-form-item>
<el-form-item
label=
"发布日期"
>
<el-col
:span=
"11"
style=
"padding-left:0;padding-right:0;"
>
<el-date-picker
type=
"date"
placeholder=
"选择日期"
v-model=
"form.date1"
style=
"width: 100%;"
></el-date-picker>
</el-col>
<el-col
class=
"line"
:span=
"2"
style=
"text-align:center;"
>
-
</el-col>
<el-col
:span=
"11"
>
<el-time-picker
placeholder=
"选择时间"
v-model=
"form.date2"
style=
"width: 100%;"
></el-time-picker>
</el-col>
</el-form-item>
<el-form-item
label=
"内容"
>
<el-col
:span=
"11"
style=
"padding-left:0;padding-right:0;"
>
<el-input
v-model=
"form.name"
></el-input>
</el-col>
</el-form-item>
<el-form-item
label=
"点击次数"
>
<el-col
:span=
"11"
style=
"padding-left:0;padding-right:0;"
>
<el-input
v-model=
"form.name"
></el-input>
</el-col>
<el-col
class=
"line"
:span=
"2"
style=
"text-align:center;white-space:nowrap;font-size:12px;"
>
至少
</el-col>
<el-col
:span=
"11"
>
<el-input
v-model=
"form.name"
></el-input>
</el-col>
</el-form-item>
<!--<el-form-item label="即时配送">
<el-switch v-model="form.delivery"></el-switch>
</el-form-item>
<el-form-item label="活动性质">
<el-checkbox-group v-model="form.type">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="特殊资源">
<el-radio-group v-model="form.resource">
<el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="活动形式">
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>-->
<el-form-item>
<el-button
type=
"primary"
@
click=
"onSubmit"
>
查询
</el-button>
<el-button>
重填
</el-button>
</el-form-item>
</el-form>
</el-tab-pane>
</el-tabs>
<!--<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>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<
script
>
import
vueUeditorWrap
from
'vue-ueditor-wrap'
export
default
{
name
:
"show"
,
components
:
{
vueUeditorWrap
,
},
data
()
{
return
{
htmlContent
:
''
,
// 富文本配置
myConfig
:
{
// 编辑器不自动被内容撑高
autoHeightEnabled
:
false
,
// 初始容器高度
initialFrameHeight
:
300
,
// 初始容器宽度
initialFrameWidth
:
'99%'
,
// 上传文件接口
// serverUrl: "",
UEDITOR_HOME_URL
:
'/UEditor/'
,
},
form
:
{
name
:
''
,
region
:
''
,
date1
:
''
,
date2
:
''
,
delivery
:
false
,
type
:
[],
resource
:
''
,
desc
:
''
},
activeName
:
'first'
,
tableData
:
[{
date
:
'2016-05-03'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-02'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-04'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-01'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-08'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-06'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
},
{
date
:
'2016-05-07'
,
name
:
'王小虎'
,
address
:
'上海市普陀区金沙江路 1518 弄'
}],
multipleSelection
:
[],
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
:{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
);
}
}
}
</
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
);
}
.upload
{
background-color
:
#161616
;
//
height
:
50px
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
//
padding
:
0
15px
;
padding
:
15px
;
border-bottom
:
1px
solid
#6e6e6e
;
}
::v-deep
{
.el-table
th
:
first-child
>
.
cell
{
text-align
:
left
!important
;
}
.note-btn
{
background
:
none
;
color
:
#fff
;
border
:
none
;
background
:
none
;
background-color
:
#456e94
;
font-weight
:
bolder
;
//
margin
:
10px
0
;
img
{
margin-right
:
5px
;
}
span
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
font-size
:
15px
;
}
}
}
.border-zone
{
border
:
1px
solid
#eee
;
border-radius
:
5px
;
height
:
76vh
;
}
</
style
>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment