|
|
|
|
@ -41,9 +41,9 @@ |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="所属栏目" prop="categoryId"> |
|
|
|
|
<ms-tree-select ref="tree" |
|
|
|
|
:props="{value: 'id',label: 'categoryTitle',children: 'children'}" |
|
|
|
|
:options="treeList" :style="{width:'100%'}" |
|
|
|
|
v-model="form.categoryId"></ms-tree-select> |
|
|
|
|
:props="{value: 'id',label: 'categoryTitle',children: 'children'}" |
|
|
|
|
:options="treeList" :style="{width:'100%'}" |
|
|
|
|
v-model="form.categoryId"></ms-tree-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
不能将父级别栏目移动到自身子级栏目 |
|
|
|
|
</div> |
|
|
|
|
@ -67,6 +67,20 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="自定义顺序" prop="categorySort"> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="form.categorySort" |
|
|
|
|
:disabled="false" |
|
|
|
|
controls-position=""> |
|
|
|
|
</el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
:gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="是否显示" prop="categoryDisplay"> |
|
|
|
|
<el-radio-group v-model="form.categoryDisplay" |
|
|
|
|
@ -84,6 +98,23 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="mdiyModelId" label="文章自定义模型"> |
|
|
|
|
<el-select v-model="form.mdiyModelId" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="false" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择文章自定义模型"> |
|
|
|
|
<el-option v-for='item in mdiyModelListOptions' :key="item.id" :value="item.id" |
|
|
|
|
:label="item.modelName"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
文章字段不满足，使用<b>代码生成器</b>生成<b>自定义模型</b>来扩展，<br/> |
|
|
|
|
大概步骤：<i>代码生成器->复制自定义模型->打开系统后台的自定义管理->选择自定义模型->导入->文章 自定义模型 绑定</i> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
@ -109,22 +140,22 @@ |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="mdiyModelId" label="文章自定义模型"> |
|
|
|
|
<el-select v-model="form.mdiyModelId" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="false" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择文章自定义模型"> |
|
|
|
|
<el-option v-for='item in mdiyModelListOptions' :key="item.id" :value="item.id" |
|
|
|
|
:label="item.modelName"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
|
<el-form-item label="是否可被搜索" prop="categoryIsSearch"> |
|
|
|
|
<el-radio-group v-model="form.categoryIsSearch" |
|
|
|
|
:style="{width: ''}" |
|
|
|
|
:disabled="false"> |
|
|
|
|
<el-radio :style="{issearch: true ? 'inline-block' : 'block'}" |
|
|
|
|
:label="item.value" |
|
|
|
|
v-for='(item, index) in categoryIsSearchOptions' |
|
|
|
|
:key="item.value + index"> |
|
|
|
|
{{true? item.label : item.value}} |
|
|
|
|
</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
文章字段不满足，使用<b>代码生成器</b>生成<b>自定义模型</b>来扩展，<br/> |
|
|
|
|
大概步骤：<i>代码生成器->复制自定义模型->打开系统后台的自定义管理->选择自定义模型->导入->文章 自定义模型 绑定</i> |
|
|
|
|
选择否后不需重新生成，该栏目下的文章将不会被搜索页搜索；若该栏目选择不可被搜索，则所有子栏目也会不可被搜索； |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row gutter="0" justify="start" align="top"> |
|
|
|
|
@ -146,6 +177,21 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
|
|
|
|
|
<el-form-item label="栏目属性" prop="categoryFlag"> |
|
|
|
|
<el-select v-model="form.categoryFlag" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="false" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="true" :clearable="true" |
|
|
|
|
placeholder="请选择栏目属性"> |
|
|
|
|
<el-option v-for='item in categoryFlagOptions' :key="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
:label="item.dictLabel"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
可以在自定义字典中管理 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
@ -181,20 +227,6 @@ |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="自定义顺序" prop="categorySort"> |
|
|
|
|
<el-input-number |
|
|
|
|
v-model="form.categorySort" |
|
|
|
|
:disabled="false" |
|
|
|
|
controls-position=""> |
|
|
|
|
</el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<el-row |
|
|
|
|
:gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="生成路径" prop="categoryPinyin"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.categoryPinyin" |
|
|
|
|
@ -209,26 +241,9 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="栏目属性" prop="categoryFlag"> |
|
|
|
|
<el-select v-model="form.categoryFlag" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="false" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="true" :clearable="true" |
|
|
|
|
placeholder="请选择栏目属性"> |
|
|
|
|
<el-option v-for='item in categoryFlagOptions' :key="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
:label="item.dictLabel"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
可以在自定义字典中管理 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="关键字" prop="categoryKeyword"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
@ -268,6 +283,7 @@ |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true,'appId':true}" |
|
|
|
|
:on-success="categoryImgSuccess" |
|
|
|
|
:on-error="categoryImgError" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
@ -289,6 +305,7 @@ |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true,'appId':true}" |
|
|
|
|
:on-success="categoryIcoSuccess" |
|
|
|
|
:on-error="categoryImgError" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
@ -315,7 +332,7 @@ |
|
|
|
|
var that = this |
|
|
|
|
//验证拼音是否存在 |
|
|
|
|
var validatorCategoryPinyin = function (rule, value, callback) { |
|
|
|
|
// |
|
|
|
|
// |
|
|
|
|
ms.http.get(ms.manager+'/cms/category/verifyPingYin.do',{ |
|
|
|
|
id:that.form.id, |
|
|
|
|
categoryPinyin:that.form.categoryPinyin, |
|
|
|
|
@ -351,6 +368,14 @@ |
|
|
|
|
"value": "disable", |
|
|
|
|
"label": "否" |
|
|
|
|
}], |
|
|
|
|
// 栏目是否被搜索 |
|
|
|
|
categoryIsSearchOptions: [{ |
|
|
|
|
"value": "enable", |
|
|
|
|
"label": "是" |
|
|
|
|
}, { |
|
|
|
|
"value": "disable", |
|
|
|
|
"label": "否" |
|
|
|
|
}], |
|
|
|
|
//表单数据 |
|
|
|
|
form: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
@ -373,6 +398,8 @@ |
|
|
|
|
categoryKeyword: '', |
|
|
|
|
// 栏目是否显示 |
|
|
|
|
categoryDisplay: 'enable', |
|
|
|
|
// 栏目是否被搜索 |
|
|
|
|
categoryIsSearch: 'enable', |
|
|
|
|
// 栏目管理描述 |
|
|
|
|
categoryDescrip: '', |
|
|
|
|
// banner图 |
|
|
|
|
@ -401,7 +428,6 @@ |
|
|
|
|
categoryListUrlOptions: [], |
|
|
|
|
categoryUrlOptions: [], |
|
|
|
|
mdiyModelListOptions: [], |
|
|
|
|
mdiyCategoryModelListOptions: [], |
|
|
|
|
categoryFlagOptions: [], |
|
|
|
|
rules: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
@ -409,10 +435,14 @@ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择栏目管理名称" |
|
|
|
|
}], |
|
|
|
|
categoryListUrl: [{ |
|
|
|
|
categoryIsSearch: [{ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择列表模板" |
|
|
|
|
"message": "请选择栏目是否可被搜索" |
|
|
|
|
}], |
|
|
|
|
// categoryListUrl: [{ |
|
|
|
|
// "required": true, |
|
|
|
|
// "message": "请选择列表模板" |
|
|
|
|
// }], |
|
|
|
|
categoryPinyin: [{ |
|
|
|
|
validator: validatorCategoryPinyin, trigger: 'blur' |
|
|
|
|
}, { |
|
|
|
|
@ -420,10 +450,10 @@ |
|
|
|
|
"message": "拼音格式不匹配" |
|
|
|
|
}], |
|
|
|
|
// 内容模板 |
|
|
|
|
categoryUrl: [{ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择内容模板" |
|
|
|
|
}] |
|
|
|
|
// categoryUrl: [{ |
|
|
|
|
// "required": true, |
|
|
|
|
// "message": "请选择内容模板" |
|
|
|
|
// }] |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
@ -495,9 +525,7 @@ |
|
|
|
|
}, |
|
|
|
|
getTree: function () { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager + "/cms/category/list.do", { |
|
|
|
|
pageSize: 9999 |
|
|
|
|
}).then(function (res) { |
|
|
|
|
ms.http.get(ms.manager + "/cms/category/list.do").then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
//res.data.rows.push({id:0,categoryId: null,categoryTitle:'顶级栏目管理'}); |
|
|
|
|
that.categoryList = res.data.rows; |
|
|
|
|
@ -508,6 +536,14 @@ |
|
|
|
|
save: function () { |
|
|
|
|
var that = this; |
|
|
|
|
|
|
|
|
|
var model = undefined; |
|
|
|
|
if (that.form.mdiyCategoryModelId && String(that.form.mdiyCategoryModelId)!="0"){ |
|
|
|
|
model = ms.mdiy.model.modelForm(); |
|
|
|
|
} |
|
|
|
|
if (model && !model.validate()) { |
|
|
|
|
this.activeName = 'custom-name'; |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var url = ms.manager + "/cms/category/save.do"; |
|
|
|
|
|
|
|
|
|
@ -558,6 +594,11 @@ |
|
|
|
|
data.categoryIco = JSON.stringify(data.categoryIco); |
|
|
|
|
ms.http.post(url, data).then(function (data) { |
|
|
|
|
if (data.result) { |
|
|
|
|
//保存时需要赋值关联ID |
|
|
|
|
if (model) { |
|
|
|
|
model.form.linkId = data.data.id; |
|
|
|
|
model.save(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
that.$notify({ |
|
|
|
|
title: '成功', |
|
|
|
|
@ -594,16 +635,18 @@ |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//获取栏目内容模型 |
|
|
|
|
queryCategoryModelList: function () { |
|
|
|
|
|
|
|
|
|
//设置栏目模型 |
|
|
|
|
setCategoryModel: function (mdiyCategoryModelId) { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager + "/mdiy/model/list.do", { |
|
|
|
|
modelType: 'category' |
|
|
|
|
}).then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
that.mdiyCategoryModelListOptions = res.data.rows; |
|
|
|
|
if (mdiyCategoryModelId) { |
|
|
|
|
mdiyCategoryModelId += ""; |
|
|
|
|
if (mdiyCategoryModelId == "0") { |
|
|
|
|
mdiyCategoryModelId = null; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
that.form.mdiyCategoryModelId = mdiyCategoryModelId; |
|
|
|
|
} |
|
|
|
|
that.changeModel(); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
//获取当前分类 |
|
|
|
|
@ -637,11 +680,20 @@ |
|
|
|
|
if (!res.data.categoryId) { |
|
|
|
|
res.data.categoryId = '0'; |
|
|
|
|
} |
|
|
|
|
var mdiyCategoryModelId = res.data.mdiyCategoryModelId; |
|
|
|
|
if (mdiyCategoryModelId) { |
|
|
|
|
mdiyCategoryModelId += ""; |
|
|
|
|
if (mdiyCategoryModelId == "0") { |
|
|
|
|
mdiyCategoryModelId = null; |
|
|
|
|
} |
|
|
|
|
res.data.mdiyCategoryModelId = mdiyCategoryModelId; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
that.form = res.data; //判断该分类是否存在文章，存在则不能修改栏目属性 |
|
|
|
|
|
|
|
|
|
that.contentList(that.form.id); |
|
|
|
|
that.changeModel(); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
@ -758,23 +810,46 @@ |
|
|
|
|
this.form.categoryIco.splice(index, 1); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
removeModel: function () { |
|
|
|
|
//categoryImg文件上传失败回调 |
|
|
|
|
categoryImgError: function (response, file, fileList) { |
|
|
|
|
response = response.toString().replace("Error: ","") |
|
|
|
|
response = JSON.parse(response); |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: response.msg, |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
categoryChange: function () { |
|
|
|
|
this.changeModel(); |
|
|
|
|
}, |
|
|
|
|
changeModel: function () { |
|
|
|
|
var that = this; |
|
|
|
|
var model = document.getElementById('model1'); |
|
|
|
|
var custom = document.getElementById('c_model'); |
|
|
|
|
that.editableTabs = [that.editableTabs[0]]; |
|
|
|
|
|
|
|
|
|
if (custom) { |
|
|
|
|
model.removeChild(custom); |
|
|
|
|
if (that.form) { |
|
|
|
|
if (that.form.mdiyCategoryModelId) { |
|
|
|
|
that.rederModel(that.form.mdiyCategoryModelId) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
that.model = undefined; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
rederModel: function (modelId) { |
|
|
|
|
var that = this; |
|
|
|
|
that.editableTabs.push({ |
|
|
|
|
title: '加载中...', |
|
|
|
|
name: 'custom-name' |
|
|
|
|
}); |
|
|
|
|
this.$nextTick(function () { |
|
|
|
|
ms.mdiy.model.extend("model1", {id:modelId},{ linkId: that.form.id },true).then(function(obj) { |
|
|
|
|
that.model = obj; |
|
|
|
|
that.editableTabs[1].title = obj.modelName |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
created: function () { |
|
|
|
|
this.queryColumnContentModelList(); |
|
|
|
|
this.queryCategoryModelList(); |
|
|
|
|
this.getTree(); |
|
|
|
|
this.categoryListUrlOptionsGet(); |
|
|
|
|
this.categoryUrlOptionsGet(); |
|
|
|
|
@ -801,3 +876,6 @@ |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
mingsoft
3 years ago