|
|
|
|
@ -16,219 +16,309 @@ |
|
|
|
|
<el-main class="ms-container"> |
|
|
|
|
|
|
|
|
|
<el-scrollbar class="ms-scrollbar" style="height: 100%;"> |
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="130px" size="mini"> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="栏目名称" prop="categoryTitle"> |
|
|
|
|
<el-input v-model="form.categoryTitle" |
|
|
|
|
:disabled="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目名称"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">${'$'}{field.typetitle}</a> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="所属栏目" prop="categoryId"> |
|
|
|
|
<tree-select ref="tree" :props="{value: 'id',label: 'categoryTitle',children: 'children'}" |
|
|
|
|
:options="treeList" :style="{width:'100%'}" |
|
|
|
|
v-model="form.categoryId"></tree-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
不能将父级别栏目移动到自身子级栏目 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryType" label="栏目类型"> |
|
|
|
|
<el-radio-group v-model="form.categoryType" |
|
|
|
|
:style="{width: ''}" |
|
|
|
|
:disabled="categoryTypeDisabled"> |
|
|
|
|
<el-radio :style="{display: true ? 'inline-block' : 'block'}" :label="item.value" |
|
|
|
|
v-for='(item, index) in categoryTypeOptions' :key="item.value + index"> |
|
|
|
|
{{true? item.label : item.value}} |
|
|
|
|
</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
列表：<b>列表->详情</b> 的页面，例如：<i>新闻列表、图片列表</i>,可以多篇文章<br> |
|
|
|
|
单篇：<b>单篇文章</b>，例如：<i>关于我们、公司介绍</i>，只能发一篇文章<br> |
|
|
|
|
链接：外链接，需要配合逻辑判断<b><#if></b>和<b>自定义链接</b>标签使用使用，不能发文章<br> |
|
|
|
|
修改栏目时，如果该栏目下存在文章栏目类型则不能修改 |
|
|
|
|
</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 mdiyModelIdOptions' :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-tabs v-model="activeName" style="height: calc(100% - 10px);"> |
|
|
|
|
<el-tab-pane style="position:relative;" v-for="(item, index) in editableTabs" :key="index" |
|
|
|
|
:label="item.title" :name="item.name"> |
|
|
|
|
<el-form v-if="item.title=='栏目编辑'" ref="form" :model="form" :rules="rules" label-width="130px" |
|
|
|
|
size="mini"> |
|
|
|
|
<el-row |
|
|
|
|
:gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="栏目名称" prop="categoryTitle"> |
|
|
|
|
<el-input v-model="form.categoryTitle" |
|
|
|
|
:disabled="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目名称"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">${'$'}{field.typetitle}</a> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<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> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
不能将父级别栏目移动到自身子级栏目 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
:gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="栏目副标题" prop="categoryShortTitle"> |
|
|
|
|
<el-input v-model="form.categoryShortTitle" |
|
|
|
|
:disabled="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目副标题"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">${'$'}{field.typeshorttitle}</a> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item label="是否显示" prop="categoryDisplay"> |
|
|
|
|
<el-radio-group v-model="form.categoryDisplay" |
|
|
|
|
:style="{width: ''}" |
|
|
|
|
:disabled="false"> |
|
|
|
|
<el-radio :style="{display: true ? 'inline-block' : 'block'}" |
|
|
|
|
:label="item.value" |
|
|
|
|
v-for='(item, index) in categoryDisplayOptions' |
|
|
|
|
:key="item.value + index"> |
|
|
|
|
{{true? item.label : item.value}} |
|
|
|
|
</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
选择否后需重新生成，与文章是否显示功能一致；若该栏目禁用，则所有子栏目也会被禁用，请谨慎操作； |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryType" label="栏目类型"> |
|
|
|
|
<el-radio-group v-model="form.categoryType" |
|
|
|
|
:style="{width: ''}" |
|
|
|
|
:disabled="categoryTypeDisabled"> |
|
|
|
|
<el-radio :style="{display: true ? 'inline-block' : 'block'}" |
|
|
|
|
:label="item.value" |
|
|
|
|
v-for='(item, index) in categoryTypeOptions' |
|
|
|
|
:key="item.value + index"> |
|
|
|
|
{{true? item.label : item.value}} |
|
|
|
|
</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
列表：<b>列表->详情</b> 的页面，例如：<i>新闻列表、图片列表</i>,可以多篇文章<br> |
|
|
|
|
单篇：<b>单篇文章</b>，例如：<i>关于我们、公司介绍</i>，只能发一篇文章<br> |
|
|
|
|
链接：外链接，需要配合逻辑判断<b><#if></b>和<b>自定义链接</b>标签使用使用，不能发文章<br> |
|
|
|
|
修改栏目时，如果该栏目下存在文章栏目类型则不能修改 |
|
|
|
|
</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" justify="start" align="top" > |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryListUrl" label="列表模板" v-if="form.categoryType == '1'"> |
|
|
|
|
<el-select v-model="form.categoryListUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="true" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择列表模板"> |
|
|
|
|
<el-option v-for='item in categoryListUrlOptions' :key="item" :value="item" |
|
|
|
|
:label="item"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
当栏目类型为<b>列表</b>时有效,没有选择模版不会进行静态化（不会生成列表静态页） |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row gutter="0" justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryListUrl" label="列表模板" v-if="form.categoryType == '1'"> |
|
|
|
|
<el-select v-model="form.categoryListUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="true" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择列表模板"> |
|
|
|
|
<el-option v-for='item in categoryListUrlOptions' :key="item" :value="item" |
|
|
|
|
:label="item"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
当栏目类型为<b>列表</b>时有效,没有选择模板不会进行静态化（不会生成列表静态页） |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="mdiyCategoryModelId" label="栏目自定义模型"> |
|
|
|
|
<el-select v-model="form.mdiyCategoryModelId" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="false" |
|
|
|
|
:disabled="false" |
|
|
|
|
@change="setCategoryModel" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择栏目自定义模型"> |
|
|
|
|
<el-option v-for='item in mdiyCategoryModelListOptions' :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" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryUrl" label="详情模板" v-if="form.categoryType != '3'"> |
|
|
|
|
<el-select v-model="form.categoryUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="true" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择详情模板"> |
|
|
|
|
<el-option v-for='item in categoryUrlOptions' :key="item" :value="item" |
|
|
|
|
:label="item"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
当栏目类型为<b>列表</b>时有效,没有选择模板不会进行静态化（不会生成内容静态页） |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item prop="categoryDiyUrl" label="自定义链接" v-if="form.categoryType == '3'"> |
|
|
|
|
<el-input |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryDiyUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="请输入自定义链接"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">${'$'}{field.typeurl}</a>，自定义链接不能包含标签 |
|
|
|
|
</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="categoryPinyin"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.categoryPinyin" |
|
|
|
|
:disabled="false" |
|
|
|
|
:readonly="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目生成路径，默认栏目名称拼音全拼"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
默认根据栏目名称的拼音全拼，如果栏目名称含有特殊字符请手动输入 |
|
|
|
|
</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 |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top" > |
|
|
|
|
<el-col span="12" > |
|
|
|
|
<el-form-item prop="categoryUrl" label="详情模板" v-if="form.categoryType != '3'"> |
|
|
|
|
<el-select v-model="form.categoryUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:filterable="true" |
|
|
|
|
:disabled="false" |
|
|
|
|
:multiple="false" :clearable="true" |
|
|
|
|
placeholder="请选择详情模板"> |
|
|
|
|
<el-option v-for='item in categoryUrlOptions' :key="item" :value="item" |
|
|
|
|
:label="item"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
当栏目类型为<b>列表</b>时有效,没有选择模版不会进行静态化（不会生成内容静态页） |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item prop="categoryDiyUrl" label="自定义链接" v-if="form.categoryType == '3'"> |
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="关键字" prop="categoryKeyword"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryDiyUrl" |
|
|
|
|
v-model="form.categoryKeyword" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="请输入自定义链接"> |
|
|
|
|
placeholder="关键字，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">${'$'}{field.typeurl}</a>，自定义链接不能包含标签 |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">${'$'}{field.typekeyword}</a>， |
|
|
|
|
用于SEO优化 |
|
|
|
|
</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="categoryPinyin"> |
|
|
|
|
<el-form-item label="描述" prop="categoryDescrip"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.categoryPinyin" |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
:readonly="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目生成路径，默认栏目名称拼音全拼"> |
|
|
|
|
v-model="form.categoryDescrip" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目描述，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
默认根据栏目名称的拼音全拼，如果栏目名称含有特殊字符请手动输入 |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">${'$'}{field.typedescrip}</a> |
|
|
|
|
用于SEO优化 |
|
|
|
|
</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 label="banner图" prop="categoryImg"> |
|
|
|
|
<el-upload |
|
|
|
|
:file-list="form.categoryImg" |
|
|
|
|
:action="ms.manager+'/file/upload.do'" |
|
|
|
|
:on-remove="categoryImghandleRemove" |
|
|
|
|
:style="{width:''}" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="categoryImghandleExceed" |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true,'appId':true}" |
|
|
|
|
:on-success="categoryImgSuccess" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
<div slot="tip" class="ms-form-tip"> |
|
|
|
|
只能上传1张图片 |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank"><#noparse>{@ms:file field.typelitpic/}</#noparse></a><br/> |
|
|
|
|
</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="关键字" prop="categoryKeyword" > |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryKeyword" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="关键字，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">${'$'}{field.typekeyword}</a>， |
|
|
|
|
用于SEO优化 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="描述" prop="categoryDescrip"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryDescrip" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目描述，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
<div class="ms-form-tip"> |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">${'$'}{field.typedescrip}</a> |
|
|
|
|
用于SEO优化 |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="缩略图" prop="categoryImg" > |
|
|
|
|
<el-upload |
|
|
|
|
:file-list="form.categoryImg" |
|
|
|
|
:action="ms.manager+'/file/upload.do'" |
|
|
|
|
:on-remove="categoryImghandleRemove" |
|
|
|
|
:style="{width:''}" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="categoryImghandleExceed" |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true,'appId':true}" |
|
|
|
|
:on-success="categoryImgSuccess" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
<div slot="tip" class="ms-form-tip"> |
|
|
|
|
只能上传1张图片 |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank"><#noparse>{@ms:file field.typelitpic/}</#noparse></a><br/> |
|
|
|
|
</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<el-form-item label="栏目小图" prop="categoryIco"> |
|
|
|
|
<el-upload |
|
|
|
|
:file-list="form.categoryIco" |
|
|
|
|
:action="ms.manager+'/file/upload.do'" |
|
|
|
|
:on-remove="categoryIcohandleRemove" |
|
|
|
|
:style="{width:''}" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="categoryIcohandleExceed" |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true,'appId':true}" |
|
|
|
|
:on-success="categoryIcoSuccess" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
<div slot="tip" class="ms-form-tip"> |
|
|
|
|
只能上传1张图片 |
|
|
|
|
标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank"><#noparse>{@ms:file field.typeico/}</#noparse></a><br/> |
|
|
|
|
</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<div :id="'model'+index" v-else></div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</el-main> |
|
|
|
|
</div> |
|
|
|
|
@ -254,6 +344,13 @@ |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
return { |
|
|
|
|
activeName: 'form', |
|
|
|
|
//自定义模型实例 |
|
|
|
|
model: undefined, |
|
|
|
|
editableTabs: [{ |
|
|
|
|
title: '栏目编辑', |
|
|
|
|
name: 'form' |
|
|
|
|
}], |
|
|
|
|
treeList: [{ |
|
|
|
|
id: '0', |
|
|
|
|
categoryTitle: '顶级栏目', |
|
|
|
|
@ -262,10 +359,20 @@ |
|
|
|
|
categoryList: [], |
|
|
|
|
saveDisabled: false, |
|
|
|
|
categoryTypeDisabled: true, |
|
|
|
|
// 栏目是否显示 |
|
|
|
|
categoryDisplayOptions: [{ |
|
|
|
|
"value": "enable", |
|
|
|
|
"label": "是" |
|
|
|
|
}, { |
|
|
|
|
"value": "disable", |
|
|
|
|
"label": "否" |
|
|
|
|
}], |
|
|
|
|
//表单数据 |
|
|
|
|
form: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
categoryTitle: '', |
|
|
|
|
// 栏目父标题 |
|
|
|
|
categoryShortTitle: '', |
|
|
|
|
// 所属栏目 |
|
|
|
|
categoryId: undefined, |
|
|
|
|
// 栏目管理属性 |
|
|
|
|
@ -280,14 +387,20 @@ |
|
|
|
|
categoryPinyin: '', |
|
|
|
|
// 栏目管理关键字 |
|
|
|
|
categoryKeyword: '', |
|
|
|
|
// 栏目是否显示 |
|
|
|
|
categoryDisplay: 'enable', |
|
|
|
|
// 栏目管理描述 |
|
|
|
|
categoryDescrip: '', |
|
|
|
|
// 缩略图 |
|
|
|
|
// banner图 |
|
|
|
|
categoryImg: [], |
|
|
|
|
// 栏目小图 |
|
|
|
|
categoryIco: [], |
|
|
|
|
// 自定义链接 |
|
|
|
|
categoryDiyUrl: '', |
|
|
|
|
// 栏目管理的内容模型id |
|
|
|
|
// 文章管理的内容模型id |
|
|
|
|
mdiyModelId: '', |
|
|
|
|
// 栏目管理的内容模型id |
|
|
|
|
mdiyCategoryModelId: '', |
|
|
|
|
//栏目字典 |
|
|
|
|
categoryFlag: [] |
|
|
|
|
}, |
|
|
|
|
@ -297,13 +410,14 @@ |
|
|
|
|
}, { |
|
|
|
|
"value": "2", |
|
|
|
|
"label": "单篇" |
|
|
|
|
},{ |
|
|
|
|
}, { |
|
|
|
|
"value": "3", |
|
|
|
|
"label": "链接" |
|
|
|
|
}], |
|
|
|
|
categoryListUrlOptions: [], |
|
|
|
|
categoryUrlOptions: [], |
|
|
|
|
mdiyModelIdOptions: [], |
|
|
|
|
mdiyModelListOptions: [], |
|
|
|
|
mdiyCategoryModelListOptions: [], |
|
|
|
|
categoryFlagOptions: [], |
|
|
|
|
rules: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
@ -315,7 +429,7 @@ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择列表模板" |
|
|
|
|
}], |
|
|
|
|
categoryPinyin:[{ |
|
|
|
|
categoryPinyin: [{ |
|
|
|
|
validator: validatorCategoryPinyin, trigger: 'blur' |
|
|
|
|
}, { |
|
|
|
|
"pattern": /^[^[!@#$"'%^&*()_+-/~?！@#￥%…&*（）——+—？》《：“‘’]+$/, |
|
|
|
|
@ -324,8 +438,8 @@ |
|
|
|
|
// 内容模板 |
|
|
|
|
categoryUrl: [{ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择内容模板" |
|
|
|
|
}] |
|
|
|
|
"message": "请选择内容模板" |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
@ -335,13 +449,12 @@ |
|
|
|
|
|
|
|
|
|
if (n == this.form.id) { |
|
|
|
|
//获取当前节点的父栏目 |
|
|
|
|
let parentids = _this.form.parentids; |
|
|
|
|
let parentids = _this.form.parentids; |
|
|
|
|
if (parentids) { |
|
|
|
|
let parentNode = parentids.split(','); |
|
|
|
|
//获取最近的父节点 |
|
|
|
|
_this.form.categoryId = parentNode[parentNode.length - 1]; |
|
|
|
|
} |
|
|
|
|
else{ |
|
|
|
|
} else { |
|
|
|
|
//无父栏目就恢复顶级 |
|
|
|
|
_this.form.categoryId = '0'; |
|
|
|
|
} |
|
|
|
|
@ -371,7 +484,7 @@ |
|
|
|
|
}, |
|
|
|
|
'form.categoryTitle': function (n) { |
|
|
|
|
var regu = "[[!@'\"#$%^&*()_+-/~?！@#￥%…&*（）——+—？》《：“‘’]"; |
|
|
|
|
this.rules.categoryPinyin = [{ |
|
|
|
|
this.rules.categoryPinyin = [{ |
|
|
|
|
"validator": this.validatorCategoryPinyin, trigger: 'blur' |
|
|
|
|
}, { |
|
|
|
|
"pattern": /^[^[!@#$"'%^&*()_+-/~?！\\、@#￥%…&*（）——+—？》《：“‘’\s]+$/, |
|
|
|
|
@ -410,23 +523,37 @@ |
|
|
|
|
}, |
|
|
|
|
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"; |
|
|
|
|
|
|
|
|
|
if (that.form.id > 0) { |
|
|
|
|
url = ms.manager + "/cms/category/update.do"; |
|
|
|
|
} |
|
|
|
|
//若缩略图为空则赋值为空串 |
|
|
|
|
if (that.form.categoryImg.length == 0){ |
|
|
|
|
that.form.categoryImg = ""; |
|
|
|
|
// element-ui需要数组结构 |
|
|
|
|
if (that.form.categoryImg.length == 0) { |
|
|
|
|
that.form.categoryImg = []; |
|
|
|
|
} |
|
|
|
|
// element-ui需要数组结构 |
|
|
|
|
if (that.form.categoryIco.length == 0) { |
|
|
|
|
that.form.categoryIco = []; |
|
|
|
|
} |
|
|
|
|
this.$refs.form.validate(function (valid) { |
|
|
|
|
this.$refs.form[0].validate(function (valid) { |
|
|
|
|
if (valid) { |
|
|
|
|
//栏目属性为封面则不需要列表模板 |
|
|
|
|
if (that.form.categoryType == '2') { |
|
|
|
|
that.form.categoryListUrl = ''; |
|
|
|
|
} |
|
|
|
|
//栏目属性为链接则不需要列表和详情模板 |
|
|
|
|
if(that.form.categoryType == '3'){ |
|
|
|
|
if (that.form.categoryType == '3') { |
|
|
|
|
that.form.categoryListUrl = ''; |
|
|
|
|
that.form.categoryUrl = ''; |
|
|
|
|
} |
|
|
|
|
@ -452,15 +579,21 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
data.categoryImg = JSON.stringify(data.categoryImg); |
|
|
|
|
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: '成功', |
|
|
|
|
message: '保存成功', |
|
|
|
|
type: 'success', |
|
|
|
|
duration: 1000, |
|
|
|
|
onClose:function (){ |
|
|
|
|
location.href = ms.manager + "/cms/category/index.do"; |
|
|
|
|
ms.util.openSystemUrl("/cms/category/index.do"); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
@ -479,16 +612,39 @@ |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//获取分类内容模型 |
|
|
|
|
getColumnContentModelId: function () { |
|
|
|
|
queryColumnContentModelList: function () { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager + "/mdiy/model/list.do", { |
|
|
|
|
modelType: 'cms' |
|
|
|
|
}).then(function (data) { |
|
|
|
|
if(data.result){ |
|
|
|
|
that.mdiyModelIdOptions = data.data.rows; |
|
|
|
|
}).then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
that.mdiyModelListOptions = res.data.rows; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//获取栏目内容模型 |
|
|
|
|
queryCategoryModelList: function () { |
|
|
|
|
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; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//设置栏目模型 |
|
|
|
|
setCategoryModel: function (mdiyCategoryModelId) { |
|
|
|
|
var that = this; |
|
|
|
|
if (mdiyCategoryModelId) { |
|
|
|
|
mdiyCategoryModelId += ""; |
|
|
|
|
if (mdiyCategoryModelId == "0") { |
|
|
|
|
mdiyCategoryModelId = null; |
|
|
|
|
} |
|
|
|
|
that.form.mdiyCategoryModelId = mdiyCategoryModelId; |
|
|
|
|
} |
|
|
|
|
that.changeModel(); |
|
|
|
|
}, |
|
|
|
|
//获取当前分类 |
|
|
|
|
get: function (id) { |
|
|
|
|
var that = this; |
|
|
|
|
@ -508,22 +664,31 @@ |
|
|
|
|
} else { |
|
|
|
|
res.data.categoryImg = []; |
|
|
|
|
} |
|
|
|
|
if (res.data.categoryIco) { |
|
|
|
|
res.data.categoryIco = JSON.parse(res.data.categoryIco); |
|
|
|
|
res.data.categoryIco.forEach(function (value) { |
|
|
|
|
value.url = ms.base + value.path; |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
res.data.categoryIco = []; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (!res.data.categoryId) { |
|
|
|
|
res.data.categoryId = '0'; |
|
|
|
|
} |
|
|
|
|
var mdiyModelId = res.data.mdiyModelId; |
|
|
|
|
if (mdiyModelId) { |
|
|
|
|
mdiyModelId += ""; |
|
|
|
|
if (mdiyModelId == "0") { |
|
|
|
|
mdiyModelId = null; |
|
|
|
|
var mdiyCategoryModelId = res.data.mdiyCategoryModelId; |
|
|
|
|
if (mdiyCategoryModelId) { |
|
|
|
|
mdiyCategoryModelId += ""; |
|
|
|
|
if (mdiyCategoryModelId == "0") { |
|
|
|
|
mdiyCategoryModelId = null; |
|
|
|
|
} |
|
|
|
|
res.data.mdiyModelId = mdiyModelId; |
|
|
|
|
res.data.mdiyCategoryModelId = mdiyCategoryModelId; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
that.form = res.data; //判断该分类是否存在文章，存在则不能修改栏目属性 |
|
|
|
|
|
|
|
|
|
that.contentList(that.form.id); |
|
|
|
|
that.changeModel(); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
@ -532,7 +697,7 @@ |
|
|
|
|
ms.http.post(ms.manager + "/cms/content/list.do", { |
|
|
|
|
categoryId: id |
|
|
|
|
}).then(function (data) { |
|
|
|
|
if(data.result){ |
|
|
|
|
if (data.result) { |
|
|
|
|
if (data.data.total > 0) { |
|
|
|
|
that.categoryTypeDisabled = true; |
|
|
|
|
} else { |
|
|
|
|
@ -562,7 +727,7 @@ |
|
|
|
|
dictType: '栏目属性', |
|
|
|
|
pageSize: 99999 |
|
|
|
|
}).then(function (res) { |
|
|
|
|
if(res.result){ |
|
|
|
|
if (res.result) { |
|
|
|
|
res = res.data; |
|
|
|
|
that.categoryFlagOptions = res.rows; |
|
|
|
|
} |
|
|
|
|
@ -570,14 +735,14 @@ |
|
|
|
|
}, |
|
|
|
|
//categoryImg文件上传完成回调 |
|
|
|
|
categoryImgSuccess: function (response, file, fileList) { |
|
|
|
|
if(response.result){ |
|
|
|
|
if (response.result) { |
|
|
|
|
this.form.categoryImg.push({ |
|
|
|
|
url: file.url, |
|
|
|
|
name: file.name, |
|
|
|
|
path: response.data, |
|
|
|
|
uid: file.uid |
|
|
|
|
}); |
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: response.msg, |
|
|
|
|
@ -603,10 +768,82 @@ |
|
|
|
|
if (index != -1) { |
|
|
|
|
this.form.categoryImg.splice(index, 1); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//categoryIco文件上传完成回调 |
|
|
|
|
categoryIcoSuccess: function (response, file, fileList) { |
|
|
|
|
if (response.result) { |
|
|
|
|
this.form.categoryIco.push({ |
|
|
|
|
url: file.url, |
|
|
|
|
name: file.name, |
|
|
|
|
path: response.data, |
|
|
|
|
uid: file.uid |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: response.msg, |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
//上传超过限制 |
|
|
|
|
categoryIcohandleExceed: function (files, fileList) { |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: '当前最多上传1个文件', |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
categoryIcohandleRemove: function (file, files) { |
|
|
|
|
var index = -1; |
|
|
|
|
index = this.form.categoryIco.findIndex(function (text) { |
|
|
|
|
return text == file; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (index != -1) { |
|
|
|
|
this.form.categoryIco.splice(index, 1); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
removeModel: function () { |
|
|
|
|
var that = this; |
|
|
|
|
var model = document.getElementById('model1'); |
|
|
|
|
var custom = document.getElementById('c_model'); |
|
|
|
|
|
|
|
|
|
if (custom) { |
|
|
|
|
model.removeChild(custom); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
that.model = undefined; |
|
|
|
|
}, |
|
|
|
|
categoryChange: function () { |
|
|
|
|
this.changeModel(); |
|
|
|
|
}, |
|
|
|
|
changeModel: function () { |
|
|
|
|
var that = this; |
|
|
|
|
that.editableTabs = [that.editableTabs[0]]; |
|
|
|
|
|
|
|
|
|
if (that.form) { |
|
|
|
|
if (that.form.mdiyCategoryModelId) { |
|
|
|
|
that.rederModel(that.form.mdiyCategoryModelId) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
rederModel: function (modelId) { |
|
|
|
|
var that = this; |
|
|
|
|
that.editableTabs.push({ |
|
|
|
|
title: '', |
|
|
|
|
name: 'custom-name' |
|
|
|
|
}); |
|
|
|
|
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.getColumnContentModelId(); |
|
|
|
|
this.queryColumnContentModelList(); |
|
|
|
|
this.queryCategoryModelList(); |
|
|
|
|
this.getTree(); |
|
|
|
|
this.categoryListUrlOptionsGet(); |
|
|
|
|
this.categoryUrlOptionsGet(); |
|
|
|
|
@ -616,7 +853,7 @@ |
|
|
|
|
this.form.categoryId = '0'; |
|
|
|
|
// 判断三种状态，默认为新增状态 |
|
|
|
|
this.categoryTypeDisabled = false;// 控制栏目分类是否可编辑 |
|
|
|
|
if (this.form.id != undefined && (this.form.childId == undefined || this.form.childId == "undefined")) { |
|
|
|
|
if (this.form.id != undefined && (this.form.childId == undefined || this.form.childId == "undefined")) { |
|
|
|
|
// 切换编辑状态，id不为空 childId 为空 |
|
|
|
|
this.categoryTypeDisabled = true; |
|
|
|
|
this.get(this.form.id); |
|
|
|
|
|
msgroup
3 years ago
committed by
mingsoft