|
|
|
|
@ -49,7 +49,7 @@ |
|
|
|
|
<el-col :span="8" style="text-align: right;padding-right: 10px;"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="form.sqlWhere=null;currentPage=1;list()">查询</el-button> |
|
|
|
|
<el-button @click="rest" icon="el-icon-refresh" size="mini">重置</el-button> |
|
|
|
|
<el-button type="primary"size="mini" @click="$refs.search.open()"><i class="iconfont icon-shaixuan"></i>筛选</el-button> |
|
|
|
|
<el-button type="primary" size="mini" @click="$refs.search.open()"><i class="iconfont icon-shaixuan"></i>筛选</el-button> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
@ -122,134 +122,247 @@ |
|
|
|
|
<script> |
|
|
|
|
var indexVue = new Vue({ |
|
|
|
|
el: '#main', |
|
|
|
|
data:{ |
|
|
|
|
conditionList:[ |
|
|
|
|
{action:'and', field: 'content_title', el: 'eq', model: 'contentTitle', name: '文章标题', type: 'input'}, |
|
|
|
|
{action:'and', field: 'content_category_id', el: 'eq', model: 'contentCategoryId', name: '所属栏目', key:'id',title:'categoryTitle', type: 'cascader', multiple: false}, |
|
|
|
|
{action:'and', field: 'content_type', el: 'eq', model: 'contentType', name: '文章类型', key:'dictValue',title:'dictLabel', type: 'checkbox', label: false, multiple: true}, |
|
|
|
|
{action:'and', field: 'content_display', el: 'eq', model: 'contentDisplay', name: '是否显示', type: 'radio', label: true, multiple: false}, |
|
|
|
|
{action:'and', field: 'content_author', el: 'eq', model: 'contentAuthor', name: '文章作者', type: 'input'}, |
|
|
|
|
{action:'and', field: 'content_source', el: 'eq', model: 'contentSource', name: '文章来源', type: 'input'}, |
|
|
|
|
{action:'and', field: 'content_datetime', model: 'contentDatetime', el: 'gt', name: '发布时间', type: 'date'}, |
|
|
|
|
{action:'and', field: 'content_sort', el: 'eq', model: 'contentSort', name: '自定义顺序', type: 'number'}, |
|
|
|
|
{action:'and', field: 'content_description', el: 'eq', model: 'contentDescription', name: '描述', type: 'textarea'}, |
|
|
|
|
{action:'and', field: 'content_keyword', el: 'eq', model: 'contentKeyword', name: '关键字', type: 'textarea'}, |
|
|
|
|
{action:'and', field: 'content_details', el: 'like', model: 'contentDetails', name: '文章内容', type: 'input'}, |
|
|
|
|
{action:'and', field: 'content_url', el: 'eq', model: 'contentUrl', name: '文章跳转链接地址', type: 'input'}, |
|
|
|
|
{action:'and', field: 'appid', el: 'eq', model: 'appid', name: '文章管理的应用id', type: 'number'}, |
|
|
|
|
{action:'and', field: 'create_date', el: 'eq', model: 'createDate', name: '创建时间', type: 'date'}, |
|
|
|
|
{action:'and', field: 'update_date', el: 'eq', model: 'updateDate', name: '修改时间', type: 'date'}, |
|
|
|
|
], |
|
|
|
|
conditions:[], |
|
|
|
|
contentCategoryIdOptions:[], |
|
|
|
|
dataList: [], //文章列表 |
|
|
|
|
selectionList:[],//文章列表选中 |
|
|
|
|
total: 0, //总记录数量 |
|
|
|
|
pageSize: 10, //页面数量 |
|
|
|
|
currentPage:1, //初始页 |
|
|
|
|
data: { |
|
|
|
|
conditionList: [{ |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_title', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentTitle', |
|
|
|
|
name: '文章标题', |
|
|
|
|
type: 'input' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_category_id', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentCategoryId', |
|
|
|
|
name: '所属栏目', |
|
|
|
|
key: 'id', |
|
|
|
|
title: 'categoryTitle', |
|
|
|
|
type: 'cascader', |
|
|
|
|
multiple: false |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_type', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentType', |
|
|
|
|
name: '文章类型', |
|
|
|
|
key: 'dictValue', |
|
|
|
|
title: 'dictLabel', |
|
|
|
|
type: 'checkbox', |
|
|
|
|
label: false, |
|
|
|
|
multiple: true |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_display', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentDisplay', |
|
|
|
|
name: '是否显示', |
|
|
|
|
type: 'radio', |
|
|
|
|
label: true, |
|
|
|
|
multiple: false |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_author', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentAuthor', |
|
|
|
|
name: '文章作者', |
|
|
|
|
type: 'input' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_source', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentSource', |
|
|
|
|
name: '文章来源', |
|
|
|
|
type: 'input' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_datetime', |
|
|
|
|
model: 'contentDatetime', |
|
|
|
|
el: 'gt', |
|
|
|
|
name: '发布时间', |
|
|
|
|
type: 'date' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_sort', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentSort', |
|
|
|
|
name: '自定义顺序', |
|
|
|
|
type: 'number' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_description', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentDescription', |
|
|
|
|
name: '描述', |
|
|
|
|
type: 'textarea' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_keyword', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentKeyword', |
|
|
|
|
name: '关键字', |
|
|
|
|
type: 'textarea' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_details', |
|
|
|
|
el: 'like', |
|
|
|
|
model: 'contentDetails', |
|
|
|
|
name: '文章内容', |
|
|
|
|
type: 'input' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'content_url', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'contentUrl', |
|
|
|
|
name: '文章跳转链接地址', |
|
|
|
|
type: 'input' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'appid', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'appid', |
|
|
|
|
name: '文章管理的应用id', |
|
|
|
|
type: 'number' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'create_date', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'createDate', |
|
|
|
|
name: '创建时间', |
|
|
|
|
type: 'date' |
|
|
|
|
}, { |
|
|
|
|
action: 'and', |
|
|
|
|
field: 'update_date', |
|
|
|
|
el: 'eq', |
|
|
|
|
model: 'updateDate', |
|
|
|
|
name: '修改时间', |
|
|
|
|
type: 'date' |
|
|
|
|
}], |
|
|
|
|
conditions: [], |
|
|
|
|
contentCategoryIdOptions: [], |
|
|
|
|
dataList: [], |
|
|
|
|
//文章列表 |
|
|
|
|
selectionList: [], |
|
|
|
|
//文章列表选中 |
|
|
|
|
total: 0, |
|
|
|
|
//总记录数量 |
|
|
|
|
pageSize: 10, |
|
|
|
|
//页面数量 |
|
|
|
|
currentPage: 1, |
|
|
|
|
//初始页 |
|
|
|
|
manager: ms.manager, |
|
|
|
|
loadState:false, |
|
|
|
|
loading: true,//加载状态 |
|
|
|
|
emptyText:'',//提示文字 |
|
|
|
|
contentTypeOptions:[], |
|
|
|
|
contentDisplayOptions:[{"value":"0","label":"是"},{"value":"1","label":"否"}], |
|
|
|
|
loadState: false, |
|
|
|
|
loading: true, |
|
|
|
|
//加载状态 |
|
|
|
|
emptyText: '', |
|
|
|
|
//提示文字 |
|
|
|
|
contentTypeOptions: [], |
|
|
|
|
contentDisplayOptions: [{ |
|
|
|
|
"value": "0", |
|
|
|
|
"label": "是" |
|
|
|
|
}, { |
|
|
|
|
"value": "1", |
|
|
|
|
"label": "否" |
|
|
|
|
}], |
|
|
|
|
//搜索表单 |
|
|
|
|
form:{ |
|
|
|
|
sqlWhere:null, |
|
|
|
|
form: { |
|
|
|
|
sqlWhere: null, |
|
|
|
|
// 文章标题 |
|
|
|
|
contentTitle:null, |
|
|
|
|
contentTitle: null, |
|
|
|
|
// 文章类型 |
|
|
|
|
contentType:null, |
|
|
|
|
contentCategoryId:'', |
|
|
|
|
}, |
|
|
|
|
contentType: null, |
|
|
|
|
contentCategoryId: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
methods: { |
|
|
|
|
//查询列表 |
|
|
|
|
list: function() { |
|
|
|
|
list: function () { |
|
|
|
|
var that = this; |
|
|
|
|
that.loading = true; |
|
|
|
|
that.loadState = false; |
|
|
|
|
var page={ |
|
|
|
|
var page = { |
|
|
|
|
pageNo: that.currentPage, |
|
|
|
|
pageSize : that.pageSize |
|
|
|
|
} |
|
|
|
|
var form = JSON.parse(JSON.stringify(that.form)) |
|
|
|
|
if(form.contentType.length > 0){ |
|
|
|
|
pageSize: that.pageSize |
|
|
|
|
}; |
|
|
|
|
var form = JSON.parse(JSON.stringify(that.form)); |
|
|
|
|
|
|
|
|
|
if (form.contentType.length > 0) { |
|
|
|
|
form.contentType = form.contentType.join(','); |
|
|
|
|
} |
|
|
|
|
for (key in form){ |
|
|
|
|
if(!form[key]){ |
|
|
|
|
delete form[key] |
|
|
|
|
|
|
|
|
|
for (var key in form) { |
|
|
|
|
if (!form[key]) { |
|
|
|
|
delete form[key]; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
history.replaceState({form:form,page:page},""); |
|
|
|
|
ms.http.post(ms.manager+"/cms/content/list.do",form.sqlWhere?{ |
|
|
|
|
sqlWhere:form.sqlWhere, |
|
|
|
|
...page |
|
|
|
|
}:{...form, |
|
|
|
|
...page |
|
|
|
|
}).then( |
|
|
|
|
function(res) { |
|
|
|
|
if(that.loadState){ |
|
|
|
|
that.loading = false; |
|
|
|
|
}else { |
|
|
|
|
that.loadState = true |
|
|
|
|
} |
|
|
|
|
if (!res.result||res.data.total <= 0) { |
|
|
|
|
that.emptyText = '暂无数据' |
|
|
|
|
that.dataList = []; |
|
|
|
|
that.total = 0; |
|
|
|
|
} else { |
|
|
|
|
that.emptyText = ''; |
|
|
|
|
that.total = res.data.total; |
|
|
|
|
that.dataList = res.data.rows; |
|
|
|
|
} |
|
|
|
|
}).catch(function(err) { |
|
|
|
|
|
|
|
|
|
history.replaceState({ |
|
|
|
|
form: form, |
|
|
|
|
page: page |
|
|
|
|
}, ""); |
|
|
|
|
ms.http.post(ms.manager + "/cms/content/list.do", form.sqlWhere ? Object.assign({}, { |
|
|
|
|
sqlWhere: form.sqlWhere |
|
|
|
|
}, page) : Object.assign({}, that.form, page)).then(function (res) { |
|
|
|
|
if (that.loadState) { |
|
|
|
|
that.loading = false; |
|
|
|
|
} else { |
|
|
|
|
that.loadState = true; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (!res.result || res.data.total <= 0) { |
|
|
|
|
that.emptyText = '暂无数据'; |
|
|
|
|
that.dataList = []; |
|
|
|
|
that.total = 0; |
|
|
|
|
} else { |
|
|
|
|
that.emptyText = ''; |
|
|
|
|
that.total = res.data.total; |
|
|
|
|
that.dataList = res.data.rows; |
|
|
|
|
} |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
that.loading = false; |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
setTimeout(()=>{ |
|
|
|
|
if(that.loadState){ |
|
|
|
|
setTimeout(function () { |
|
|
|
|
if (that.loadState) { |
|
|
|
|
that.loading = false; |
|
|
|
|
}else { |
|
|
|
|
that.loadState = true |
|
|
|
|
} else { |
|
|
|
|
that.loadState = true; |
|
|
|
|
} |
|
|
|
|
}, 500); |
|
|
|
|
}, |
|
|
|
|
//文章列表选中 |
|
|
|
|
handleSelectionChange:function(val){ |
|
|
|
|
handleSelectionChange: function (val) { |
|
|
|
|
this.selectionList = val; |
|
|
|
|
}, |
|
|
|
|
//删除 |
|
|
|
|
del: function(row){ |
|
|
|
|
del: function (row) { |
|
|
|
|
var that = this; |
|
|
|
|
that.$confirm('此操作将永久删除所选内容, 是否继续?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning' |
|
|
|
|
}).then(() => { |
|
|
|
|
ms.http.post(ms.manager+"/cms/content/delete.do", row.length?row:[row],{ |
|
|
|
|
}).then(function () { |
|
|
|
|
ms.http.post(ms.manager + "/cms/content/delete.do", row.length ? row : [row], { |
|
|
|
|
headers: { |
|
|
|
|
'Content-Type': 'application/json' |
|
|
|
|
} |
|
|
|
|
}).then( |
|
|
|
|
function(res){ |
|
|
|
|
if (res.result) { |
|
|
|
|
that.$notify({ |
|
|
|
|
type: 'success', |
|
|
|
|
message: '删除成功!' |
|
|
|
|
}); |
|
|
|
|
//删除成功，刷新列表 |
|
|
|
|
that.list(); |
|
|
|
|
}else { |
|
|
|
|
that.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: res.msg, |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}).catch(() => { |
|
|
|
|
}).then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
that.$notify({ |
|
|
|
|
type: 'success', |
|
|
|
|
message: '删除成功!' |
|
|
|
|
}); //删除成功，刷新列表 |
|
|
|
|
|
|
|
|
|
that.list(); |
|
|
|
|
} else { |
|
|
|
|
that.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: res.msg, |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}).catch(function () { |
|
|
|
|
that.$notify({ |
|
|
|
|
type: 'info', |
|
|
|
|
message: '已取消删除' |
|
|
|
|
@ -257,100 +370,112 @@ |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//新增 |
|
|
|
|
save:function(id){ |
|
|
|
|
if(id){ |
|
|
|
|
location.href=this.manager+"/cms/content/form.do?id="+id; |
|
|
|
|
}else { |
|
|
|
|
location.href=this.manager+"/cms/content/form.do?categoryId="+this.form.contentCategoryId; |
|
|
|
|
save: function (id) { |
|
|
|
|
if (id) { |
|
|
|
|
location.href = this.manager + "/cms/content/form.do?id=" + id; |
|
|
|
|
} else { |
|
|
|
|
location.href = this.manager + "/cms/content/form.do?categoryId=" + this.form.contentCategoryId; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//表格数据转换 |
|
|
|
|
contentCategoryIdFormat(row, column, cellValue, index){ |
|
|
|
|
var value=""; |
|
|
|
|
if(cellValue){ |
|
|
|
|
var data = this.contentCategoryIdOptions.find(function(value){ |
|
|
|
|
return value.id==cellValue; |
|
|
|
|
}) |
|
|
|
|
if(data&&data.categoryTitle){ |
|
|
|
|
contentCategoryIdFormat: function (row, column, cellValue, index) { |
|
|
|
|
var value = ""; |
|
|
|
|
|
|
|
|
|
if (cellValue) { |
|
|
|
|
var data = this.contentCategoryIdOptions.find(function (value) { |
|
|
|
|
return value.id == cellValue; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (data && data.categoryTitle) { |
|
|
|
|
value = data.categoryTitle; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return value; |
|
|
|
|
}, |
|
|
|
|
dateFormat: function(row, column, cellValue, index){ |
|
|
|
|
if(cellValue){ |
|
|
|
|
return ms.util.date.fmt(cellValue,'yyyy-MM-dd'); |
|
|
|
|
dateFormat: function (row, column, cellValue, index) { |
|
|
|
|
if (cellValue) { |
|
|
|
|
return ms.util.date.fmt(cellValue, 'yyyy-MM-dd'); |
|
|
|
|
} else { |
|
|
|
|
return '' |
|
|
|
|
return ''; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
contentDisplayFormat(row, column, cellValue, index){ |
|
|
|
|
var value=""; |
|
|
|
|
if(cellValue){ |
|
|
|
|
var data = this.contentDisplayOptions.find(function(value){ |
|
|
|
|
return value.value==cellValue; |
|
|
|
|
}) |
|
|
|
|
if(data&&data.label){ |
|
|
|
|
contentDisplayFormat: function (row, column, cellValue, index) { |
|
|
|
|
var value = ""; |
|
|
|
|
|
|
|
|
|
if (cellValue) { |
|
|
|
|
var data = this.contentDisplayOptions.find(function (value) { |
|
|
|
|
return value.value == cellValue; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (data && data.label) { |
|
|
|
|
value = data.label; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return value; |
|
|
|
|
}, |
|
|
|
|
//pageSize改变时会触发 |
|
|
|
|
sizeChange:function(pagesize) { |
|
|
|
|
sizeChange: function (pagesize) { |
|
|
|
|
this.loading = true; |
|
|
|
|
this.pageSize = pagesize; |
|
|
|
|
this.list(); |
|
|
|
|
}, |
|
|
|
|
//currentPage改变时会触发 |
|
|
|
|
currentChange:function(currentPage) { |
|
|
|
|
currentChange: function (currentPage) { |
|
|
|
|
this.loading = true; |
|
|
|
|
this.currentPage = currentPage; |
|
|
|
|
this.list(); |
|
|
|
|
}, |
|
|
|
|
search(data){ |
|
|
|
|
search: function (data) { |
|
|
|
|
this.form.sqlWhere = JSON.stringify(data); |
|
|
|
|
this.list(); |
|
|
|
|
}, |
|
|
|
|
//重置表单 |
|
|
|
|
rest(){ |
|
|
|
|
rest: function () { |
|
|
|
|
this.form.sqlWhere = null; |
|
|
|
|
this.$refs.searchForm.resetFields(); |
|
|
|
|
this.list(); |
|
|
|
|
}, |
|
|
|
|
//获取contentCategoryId数据源 |
|
|
|
|
contentCategoryIdOptionsGet() { |
|
|
|
|
contentCategoryIdOptionsGet: function () { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager+"/cms/category/list.do",{pageSize:9999}).then(function(res){ |
|
|
|
|
if(res.result){ |
|
|
|
|
ms.http.get(ms.manager + "/cms/category/list.do", { |
|
|
|
|
pageSize: 9999 |
|
|
|
|
}).then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
that.contentCategoryIdOptions = res.data.rows; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
that.list(); |
|
|
|
|
}).catch(function(err){ |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//获取contentType数据源 |
|
|
|
|
contentTypeOptionsGet() { |
|
|
|
|
contentTypeOptionsGet: function () { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.base+'/mdiy/dict/list.do', {dictType:'文章属性',pageSize:99999}).then(function (data) { |
|
|
|
|
ms.http.get(ms.base + '/mdiy/dict/list.do', { |
|
|
|
|
dictType: '文章属性', |
|
|
|
|
pageSize: 99999 |
|
|
|
|
}).then(function (data) { |
|
|
|
|
that.contentTypeOptions = data.rows; |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted(){ |
|
|
|
|
mounted: function () { |
|
|
|
|
this.contentCategoryIdOptionsGet(); |
|
|
|
|
this.contentTypeOptionsGet(); |
|
|
|
|
this.form.contentCategoryId = ms.util.getParameter("categoryId") |
|
|
|
|
if(history.state){ |
|
|
|
|
this.form.contentCategoryId = ms.util.getParameter("categoryId"); |
|
|
|
|
if (history.hasOwnProperty("state")) { |
|
|
|
|
this.form = history.state.form; |
|
|
|
|
this.currentPage = history.state.page.pageNo; |
|
|
|
|
this.pageSize = history.state.page.pageSize; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
<style> |
|
|
|
|
#main .ms-search { |
|
|
|
|
@ -362,4 +487,4 @@ |
|
|
|
|
body{ |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</style> |
|
|
|
|
|
信 赵
6 years ago