Skip to content

C
court-inner
Commit 8b2bf044 by 莫晓莉
Options

栏目管理树形菜单列表和右边添加信息

parent 49123c09
Showing with 193 additions and 159 deletions
src/views/manage/index.vue
......@@ -31,8 +31,8 @@
<!--左边栏目结束-->
<el-col :span="19">
<div >
<div style="min-height:76vh;">
<div v-if="!curBoardId==''">
<div >
<!--<div style="">
<span>当前位置:</span>
<el-breadcrumb style="display:inline-block;" separator-class="el-icon-arrow-right">
......@@ -60,7 +60,8 @@
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
@selection-change="">
<el-table-column
type="selection"
width="55">
......@@ -111,7 +112,7 @@
</template>
</el-table-column>
</el-table>
<div style="margin-top:10px;">
<!-- <div style="margin-top:10px;">
<el-pagination
prev-text="上一页"
next-text="下一页"
......@@ -123,30 +124,31 @@
@current-change=""
@size-change=""
/>
</div>
</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-form ref="form" :model="newsForm" label-width="120px">
<el-form-item label="格式" >
<el-select v-model="newsForm.geshi" placeholder="请选择格式">
<el-option label="普通格式" value="普通格式"></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">
工作信息->最高人民法院简报
<!-- 工作信息->最高人民法院简报 -->
{{newsForm.boardName}}
</el-col>
<el-col :span="18">
<!-- <el-col :span="18">
<el-button>选择</el-button>
</el-col>
</el-col> -->
</el-row>
<el-row>
<span class="mr-15">发送到教育整顿:</span>
<el-radio-group v-model="form.resource">
<el-radio-group v-model="newsForm.resource">
<el-radio label="无"></el-radio>
<el-radio label="政治教育"></el-radio>
<el-radio label="警示教育和英模教育"></el-radio>
......@@ -172,64 +174,70 @@
</el-col>
</el-form-item>-->
<el-form-item label="标题">
<el-input v-model="form.name"></el-input>
<el-input v-model="newsForm.subject"></el-input>
</el-form-item>
<el-form-item label="附件">
<!--<el-switch v-model="form.delivery"></el-switch>-->
<!-- <el-form-item label="附件">
<el-upload
class="upload-demo"
ref="noticeUpload"
multiple
:file-list="noticeFileList"
:file-list="fileList"
: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 class="area-btn" >
浏览文件
</el-button>
</el-upload>
</el-form-item>
</el-form-item> -->
<el-form-item label="多附件上传">
<!--<el-switch v-model="form.delivery"></el-switch>-->
<el-upload
class="upload-demo"
ref="noticeUpload"
ref="fileUpload"
multiple
:file-list="noticeFileList"
:file-list="fileList"
: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 class="area-btn" >
浏览文件
</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-checkbox-group v-model="newsForm.isTop">
<el-checkbox label="置于头条" name="isTop"></el-checkbox>
</el-checkbox-group> -->
<el-checkbox
v-model="newsForm.isTop"
true-label="1"
false-label="0"
>置于头条</el-checkbox
>
</el-form-item>
<el-form-item label="信息所属部门">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-select v-model="newsForm.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 v-model="newsForm.typeIds">
<el-checkbox :label="0" >党员心得体会(篇)</el-checkbox>
<el-checkbox :label="1" >支部风采(次)</el-checkbox>
<el-checkbox :label="2" >党员大会（次）</el-checkbox>
<el-checkbox :label="3" >支部学习（次）</el-checkbox>
<el-checkbox :label="4" >主题党日（次）</el-checkbox>
<el-checkbox :label="5" >党课（次）</el-checkbox>
<el-checkbox :label="6" >组织生活会</el-checkbox>
</el-checkbox-group>
</el-form-item>
......@@ -246,17 +254,17 @@
<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 type="primary" @click="createNews">发布</el-button>
<el-button type="primary" >提交审核</el-button>
<el-button type="primary" >建议</el-button>
<el-button type="primary">保存</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
<!-- UEditor -->
</el-tab-pane>
<el-tab-pane name="third">
<!-- <el-tab-pane name="third">
<span slot="label"><i class="el-icon-date"></i>审核列表</span>
<el-table
ref="multipleTable"
......@@ -450,9 +458,7 @@
<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>
......@@ -500,72 +506,17 @@
</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-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>
......@@ -580,6 +531,8 @@
</template>
<script>
import vueUeditorWrap from 'vue-ueditor-wrap'
import { getBoardTree,createNews } from "@/api/manage/manage";
export default {
name: "show",
components: {
......@@ -587,6 +540,8 @@ export default {
},
data() {
return {
curBoardId:'',//当前栏目id
fileList:[],//上传附件
htmlContent:'',
// 富文本配置
myConfig: {
......@@ -600,6 +555,24 @@ export default {
// serverUrl: "",
UEDITOR_HOME_URL: '/UEditor/',
},
newsForm: {
geshi:'普通格式',//格式
subject:'',//标题
boardName:'',//当前栏目名
boardId:'',//当前栏目id
isTop:'0',//是否头条 0否1是
typeIds:[],//信息所属分类
deptId:'',//所属部门id
// name: '',
// region: '',
// date1: '',
// date2: '',
// delivery: false,
// type: [],
// resource: '',
// desc: ''
},
form: {
name: '',
region: '',
......@@ -611,7 +584,8 @@ export default {
desc: ''
},
activeName: 'first',
tableData: [{
tableData: [
{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
......@@ -642,72 +616,125 @@ export default {
}],
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'
}]
}]
}],
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'
label: 'boardName'
},
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 弄'
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() {
created() {
this.getBoardTree();//获取左边栏目树
},
methods:{
handleClick(tab, event) {
console.log(tab, event);
}
//获取左边栏目树
getBoardTree(){
getBoardTree().then(res=>{
if(res.success){
this.dataTreeFile=res.data;
}
})
},
createNews(){
console.log('newsForm==',this.newsForm);
let params={};
params=this.newsForm;
params.content=this.htmlContent;
this.fileList = [...new Set(this.fileList)];
params.fileList=this.fileList;
// this.fileList.forEach((item) => {
// if (item.raw) {
// console.log(1111);
// // formData.append('file', item.raw)
// } else {
// console.log(2222);
// // formData.append('file', item)
// }
// console.log('-=-=-=-=-=-=-=--=需提交的附件列表', formData.get('file'))
// })
console.log('params==',params);
createNews(JSON.stringify(params)).then(res=>{
if(res.success){
this.$message({
message: '添加信息成功!',
type: 'success'
});
}
})
},
// handleClick(tab, event) {
// console.log(tab, event);
// }
handleNodeClick(param) {
console.log('点击的栏目',param);
let { boardId,boardName } = param;
this.newsForm.boardId=boardId;//当前栏目id
this.curBoardId=boardId;
this.newsForm.boardName=boardName;//当前栏目名
// this.curTreeDeptId=id;
// this.getDeptUserList(this.rowData.sid,id);
},
//上传附件
uploadSuccess(file, list) {
this.fileList = list;
console.log('fileList----',this.fileList);
},
}
}
......@@ -829,6 +856,10 @@ ul{
border-bottom: 1px solid #6e6e6e;
}
::v-deep{
.el-tabs__content{
height:73vh;
overflow: auto;
}
.el-table th:first-child>.cell{
text-align:left!important;
}
......@@ -856,6 +887,9 @@ ul{
border: 1px solid #eee;
border-radius: 5px;
height: 76vh;
overflow: hidden;
overflow-y: auto;
overflow-x: auto;
}
......
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