Skip to content

C
court-inner
Commit 95c732f9 by 莫晓莉
Options

栏目管理

parent 14754135
Showing with 874 additions and 3 deletions
src/router/routers.js
......@@ -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
......@@ -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
......@@ -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
<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
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