|
|
|
|
@ -1,263 +1,273 @@ |
|
|
|
|
<!DOCTYPE html> |
|
|
|
|
<html> |
|
|
|
|
<head> |
|
|
|
|
<title>分类</title> |
|
|
|
|
<#include "../../include/head-file.ftl"> |
|
|
|
|
<title>分类</title> |
|
|
|
|
<#include "../../include/head-file.ftl"> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
<div id="form" v-cloak> |
|
|
|
|
<el-header class="ms-header ms-tr" height="50px"> |
|
|
|
|
<el-button type="primary" icon="iconfont icon-baocun" size="mini" @click="save()" :loading="saveDisabled">保存</el-button> |
|
|
|
|
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button> |
|
|
|
|
</el-header> |
|
|
|
|
<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"> |
|
|
|
|
<template slot='label'>栏目管理名称 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" > |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/nei-rong-biao-qian-ms-field.html" target="_blank">{ms:field.typetitle/}</a> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">[field.typetitle/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input v-model="form.categoryTitle" |
|
|
|
|
:disabled="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目管理名称"> |
|
|
|
|
</el-input> |
|
|
|
|
</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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryType"> |
|
|
|
|
<template slot='label'>栏目类型 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" > |
|
|
|
|
列表：常用于带列表、详情的业务，例如：新闻列表、图片列表<br>封面：常用单篇文章显示，例如：关于我们、公司介绍<br>修改栏目时如果该栏目存在文章则不能修改栏目类型 |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</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 prop="categoryUrl" :label="form.categoryType =='1'? '内容模板' : '封面模板'"> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="mdiyModelId"> |
|
|
|
|
<template slot='label'>自定义模型 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" width="400" trigger="hover" content="如果发布时候文章字段信息不够，可以采用铭飞代码生成器生成自定义模型，再通过“自定义管理->自定义模型->导入”功能导入模型，注意类型是cms"> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryListUrl" v-if="form.categoryType == '1'"> |
|
|
|
|
<template slot='label'>列表模板 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" content="当栏目类型为列表时有效"> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="栏目管理关键字" prop="categoryKeyword"> |
|
|
|
|
<template slot='label'>栏目关键字 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" > |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/nei-rong-biao-qian-ms-field.html" target="_blank">{ms:field.typekeyword/}</a> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">[field.typekeyword/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
|
|
|
|
|
v-model="form.categoryKeyword" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目管理关键字，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="栏目管理描述" prop="categoryDescrip"> |
|
|
|
|
<template slot='label'>栏目描述 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" > |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/nei-rong-biao-qian-ms-field.html" target="_blank">{ms:field.typedescrip/}</a> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">[field.typedescrip/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
|
|
|
|
|
v-model="form.categoryDescrip" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目管理描述，对栏目管理关键字的扩展"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="" prop="categoryImg"> |
|
|
|
|
<template slot='label'>缩略图 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" width="200" trigger="hover" content="提示：栏目缩略图,最多可上传1张"> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-upload |
|
|
|
|
:file-list="form.categoryImg" |
|
|
|
|
:action="ms.base+'/file/upload.do'" |
|
|
|
|
:on-remove="categoryImghandleRemove" |
|
|
|
|
:style="{width:''}" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="categoryImghandleExceed" |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true}" |
|
|
|
|
:on-success="categoryImgSuccess" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
<div slot="tip" class="el-upload__tip">最多上传1张图片</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="categoryDiyUrl"> |
|
|
|
|
<template slot='label'>自定义链接 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" > |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">[field.typeurl/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
:disabled="false" |
|
|
|
|
|
|
|
|
|
v-model="form.categoryDiyUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="请输入自定义链接"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<div id="form" v-cloak> |
|
|
|
|
<el-header class="ms-header ms-tr" height="50px"> |
|
|
|
|
<el-button type="primary" icon="iconfont icon-baocun" size="mini" @click="save()" :loading="saveDisabled">保存 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button> |
|
|
|
|
</el-header> |
|
|
|
|
<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"> |
|
|
|
|
<template slot='label'>栏目管理名称 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/nei-rong-biao-qian-ms-field.html" |
|
|
|
|
target="_blank">{ms:field.typetitle/}</a> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">[field.typetitle/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input v-model="form.categoryTitle" |
|
|
|
|
:disabled="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入栏目管理名称"> |
|
|
|
|
</el-input> |
|
|
|
|
</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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryType"> |
|
|
|
|
<template slot='label'>栏目类型 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
列表：常用于带列表、详情的业务，例如：新闻列表、图片列表<br>封面：常用单篇文章显示，例如：关于我们、公司介绍<br>修改栏目时如果该栏目存在文章则不能修改栏目类型 |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</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 prop="categoryUrl" :label="form.categoryType =='1'? '内容模板' : '封面模板'"> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="mdiyModelId"> |
|
|
|
|
<template slot='label'>自定义模型 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" width="400" trigger="hover" |
|
|
|
|
content="如果发布时候文章字段信息不够，可以采用铭飞代码生成器生成自定义模型，再通过“自定义管理->自定义模型->导入”功能导入模型，注意类型是cms"> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
gutter="0" |
|
|
|
|
justify="start" align="top"> |
|
|
|
|
<el-col span="12"> |
|
|
|
|
<el-form-item prop="categoryListUrl" v-if="form.categoryType == '1'"> |
|
|
|
|
<template slot='label'>列表模板 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover" |
|
|
|
|
content="当栏目类型为列表时有效"> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<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> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-form-item label="栏目管理关键字" prop="categoryKeyword"> |
|
|
|
|
<template slot='label'>栏目关键字 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">[field.typekeyword/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryKeyword" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目管理关键字，有助于搜索"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="栏目管理描述" prop="categoryDescrip"> |
|
|
|
|
<template slot='label'>栏目描述 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">[field.typedescrip/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryDescrip" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="栏目管理描述，对栏目管理关键字的扩展"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="" prop="categoryImg"> |
|
|
|
|
<template slot='label'>缩略图 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/nei-rong-biao-qian-ms-field.html" |
|
|
|
|
target="_blank">{ms:field.typelitpic/}</a> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">[field.typelitpic/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-upload |
|
|
|
|
:file-list="form.categoryImg" |
|
|
|
|
:action="ms.base+'/file/upload.do'" |
|
|
|
|
:on-remove="categoryImghandleRemove" |
|
|
|
|
:style="{width:''}" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="categoryImghandleExceed" |
|
|
|
|
:disabled="false" |
|
|
|
|
:data="{uploadPath:'/cms/category','isRename':true}" |
|
|
|
|
:on-success="categoryImgSuccess" |
|
|
|
|
accept="image/*" |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
<div slot="tip" class="el-upload__tip">最多上传1张图片</div> |
|
|
|
|
</el-upload> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item prop="categoryDiyUrl"> |
|
|
|
|
<template slot='label'>自定义链接 |
|
|
|
|
<el-popover slot="label" placement="top-start" title="提示" trigger="hover"> |
|
|
|
|
<a href="http://doc.ms.mingsoft.net/plugs-cms/biao-qian/lan-mu-lie-biao-ms-channel.html" |
|
|
|
|
target="_blank">[field.typeurl/]</a> |
|
|
|
|
<i class="el-icon-question" slot="reference"></i> |
|
|
|
|
</el-popover> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
:disabled="false" |
|
|
|
|
v-model="form.categoryDiyUrl" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="请输入自定义链接"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</el-main> |
|
|
|
|
</div> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</el-main> |
|
|
|
|
</div> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|
<script> |
|
|
|
|
var form = new Vue({ |
|
|
|
|
var form = new Vue({ |
|
|
|
|
el: '#form', |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
treeList:[{ |
|
|
|
|
id:'0', |
|
|
|
|
categoryTitle:'顶级栏目', |
|
|
|
|
children:[], |
|
|
|
|
treeList: [{ |
|
|
|
|
id: '0', |
|
|
|
|
categoryTitle: '顶级栏目', |
|
|
|
|
children: [], |
|
|
|
|
}], |
|
|
|
|
categoryList:[], |
|
|
|
|
categoryList: [], |
|
|
|
|
saveDisabled: false, |
|
|
|
|
categoryTypeDisabled:true, |
|
|
|
|
categoryTypeDisabled: true, |
|
|
|
|
//表单数据 |
|
|
|
|
form: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
categoryTitle:'', |
|
|
|
|
categoryTitle: '', |
|
|
|
|
// 所属栏目 |
|
|
|
|
categoryId:'', |
|
|
|
|
categoryId: '', |
|
|
|
|
// 栏目管理属性 |
|
|
|
|
categoryType:'1', |
|
|
|
|
categoryType: '1', |
|
|
|
|
// 自定义顺序 |
|
|
|
|
categorySort:0, |
|
|
|
|
categorySort: 0, |
|
|
|
|
// 列表模板 |
|
|
|
|
categoryListUrl:'', |
|
|
|
|
categoryListUrl: '', |
|
|
|
|
// 内容模板 |
|
|
|
|
categoryUrl:'', |
|
|
|
|
categoryUrl: '', |
|
|
|
|
// 栏目管理关键字 |
|
|
|
|
categoryKeyword:'', |
|
|
|
|
categoryKeyword: '', |
|
|
|
|
// 栏目管理描述 |
|
|
|
|
categoryDescrip:'', |
|
|
|
|
categoryDescrip: '', |
|
|
|
|
// 缩略图 |
|
|
|
|
categoryImg: [], |
|
|
|
|
// 自定义链接 |
|
|
|
|
categoryDiyUrl:'', |
|
|
|
|
categoryDiyUrl: '', |
|
|
|
|
// 栏目管理的内容模型id |
|
|
|
|
mdiyModelId:'', |
|
|
|
|
mdiyModelId: '', |
|
|
|
|
}, |
|
|
|
|
categoryTypeOptions:[{"value":"1","label":"列表"},{"value":"2","label":"封面"}], |
|
|
|
|
categoryListUrlOptions:[], |
|
|
|
|
categoryUrlOptions:[], |
|
|
|
|
mdiyModelIdOptions:[], |
|
|
|
|
rules:{ |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
categoryTitle: [{"required":true,"message":"请选择栏目管理名称"},{"pattern":/^[^[!@#$%^&*()_+-/~?！@#￥%…&*（）——+—？》《：“‘’]+$/,"message":"栏目管理名称格式不匹配"}], |
|
|
|
|
categoryTypeOptions: [{"value": "1", "label": "列表"}, {"value": "2", "label": "封面"}], |
|
|
|
|
categoryListUrlOptions: [], |
|
|
|
|
categoryUrlOptions: [], |
|
|
|
|
mdiyModelIdOptions: [], |
|
|
|
|
rules: { |
|
|
|
|
// 栏目管理名称 |
|
|
|
|
categoryTitle: [{ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "请选择栏目管理名称" |
|
|
|
|
}, {"pattern": /^[^[!@#$%^&*()_+-/~?！@#￥%…&*（）——+—？》《：“‘’]+$/, "message": "栏目管理名称格式不匹配"}], |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
watch:{ |
|
|
|
|
'form.categoryId':function (n, o) { |
|
|
|
|
if(n == this.form.id){ |
|
|
|
|
watch: { |
|
|
|
|
'form.categoryId': function (n, o) { |
|
|
|
|
if (n == this.form.id) { |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '提示', |
|
|
|
|
message: '所属栏目不能为自身', |
|
|
|
|
@ -265,33 +275,32 @@ |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
this.categoryList.forEach(item=>{ |
|
|
|
|
if(item.categoryParentId !=null && item.categoryParentId !="" && item.categoryParentId.indexOf(this.form.id) != -1){ |
|
|
|
|
if(item.id == n){ |
|
|
|
|
this.form.categoryId = null; |
|
|
|
|
this.$refs.tree.clearHandle(); |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '提示', |
|
|
|
|
message: '不能选择子分类', |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.categoryList.forEach(item => { |
|
|
|
|
if (item.categoryParentId != null && item.categoryParentId != "" && item.categoryParentId.indexOf(this.form.id) != -1) { |
|
|
|
|
if (item.id == n) { |
|
|
|
|
this.form.categoryId = null; |
|
|
|
|
this.$refs.tree.clearHandle(); |
|
|
|
|
this.$notify({ |
|
|
|
|
title: '提示', |
|
|
|
|
message: '不能选择子分类', |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
computed:{ |
|
|
|
|
}, |
|
|
|
|
computed: {}, |
|
|
|
|
methods: { |
|
|
|
|
getTree(){ |
|
|
|
|
getTree() { |
|
|
|
|
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) { |
|
|
|
|
//res.data.rows.push({id:0,categoryId: null,categoryTitle:'顶级栏目管理'}); |
|
|
|
|
that.categoryList = res.data.rows; |
|
|
|
|
that.treeList[0].children = ms.util.treeData(res.data.rows,'id','categoryId','children'); |
|
|
|
|
that.treeList[0].children = ms.util.treeData(res.data.rows, 'id', 'categoryId', 'children'); |
|
|
|
|
} |
|
|
|
|
}).catch(function(err){ |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
@ -305,12 +314,12 @@ |
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
|
|
//栏目属性为封面则不需要列表模板 |
|
|
|
|
if(that.form.categoryType == '2'){ |
|
|
|
|
if (that.form.categoryType == '2') { |
|
|
|
|
that.form.categoryListUrl = ''; |
|
|
|
|
} |
|
|
|
|
that.saveDisabled = true; |
|
|
|
|
var data = JSON.parse(JSON.stringify(that.form)); |
|
|
|
|
if(data.id&&data.id==data.categoryId){ |
|
|
|
|
if (data.id && data.id == data.categoryId) { |
|
|
|
|
that.$notify({ |
|
|
|
|
title: '提示', |
|
|
|
|
message: '所属栏目不能为自身', |
|
|
|
|
@ -319,7 +328,7 @@ |
|
|
|
|
that.saveDisabled = false; |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(data.categoryId == '0'){ |
|
|
|
|
if (data.categoryId == '0') { |
|
|
|
|
data.categoryId = ''; |
|
|
|
|
} |
|
|
|
|
data.categoryImg = JSON.stringify(data.categoryImg); |
|
|
|
|
@ -348,7 +357,7 @@ |
|
|
|
|
//获取分类内容模型 |
|
|
|
|
getColumnContentModelId: function () { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager + "/mdiy/model/list.do",{modelType:'zdymx_wz'}).then( |
|
|
|
|
ms.http.get(ms.manager + "/mdiy/model/list.do", {modelType: 'zdymx_wz'}).then( |
|
|
|
|
function (data) { |
|
|
|
|
that.mdiyModelIdOptions = data.data.rows; |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
@ -358,19 +367,19 @@ |
|
|
|
|
//获取当前分类 |
|
|
|
|
get(id) { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager + "/cms/category/get.do", {"id":id}).then(function (res) { |
|
|
|
|
if(res.result&&res.data){ |
|
|
|
|
if(res.data.categoryImg){ |
|
|
|
|
res.data.categoryImg = JSON.parse(res.data.categoryImg); |
|
|
|
|
res.data.categoryImg.forEach(function(value){ |
|
|
|
|
value.url= ms.base + value.path |
|
|
|
|
}) |
|
|
|
|
}else{ |
|
|
|
|
res.data.categoryImg=[] |
|
|
|
|
} |
|
|
|
|
if(!res.data.categoryId){ |
|
|
|
|
res.data.categoryId = '0'; |
|
|
|
|
} |
|
|
|
|
ms.http.get(ms.manager + "/cms/category/get.do", {"id": id}).then(function (res) { |
|
|
|
|
if (res.result && res.data) { |
|
|
|
|
if (res.data.categoryImg) { |
|
|
|
|
res.data.categoryImg = JSON.parse(res.data.categoryImg); |
|
|
|
|
res.data.categoryImg.forEach(function (value) { |
|
|
|
|
value.url = ms.base + value.path |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
res.data.categoryImg = [] |
|
|
|
|
} |
|
|
|
|
if (!res.data.categoryId) { |
|
|
|
|
res.data.categoryId = '0'; |
|
|
|
|
} |
|
|
|
|
that.form = res.data; |
|
|
|
|
//判断该分类是否存在文章，存在则不能修改栏目属性 |
|
|
|
|
that.contentList(that.form.id); |
|
|
|
|
@ -379,12 +388,12 @@ |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
contentList: function(id){ |
|
|
|
|
contentList: function (id) { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.post(ms.manager+"/cms/content/list.do",{ |
|
|
|
|
ms.http.post(ms.manager + "/cms/content/list.do", { |
|
|
|
|
contentCategoryId: id, |
|
|
|
|
}).then(function (data) { |
|
|
|
|
if(data.data.total>0){ |
|
|
|
|
if (data.data.total > 0) { |
|
|
|
|
that.categoryTypeDisabled = true; |
|
|
|
|
} else { |
|
|
|
|
that.categoryTypeDisabled = false; |
|
|
|
|
@ -396,7 +405,7 @@ |
|
|
|
|
//获取categoryListUrl数据源 |
|
|
|
|
categoryListUrlOptionsGet() { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager+"/template/queryTemplateFileForColumn.do", {}).then(function (data) { |
|
|
|
|
ms.http.get(ms.manager + "/template/queryTemplateFileForColumn.do", {}).then(function (data) { |
|
|
|
|
that.categoryListUrlOptions = data.data; |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
console.log(err); |
|
|
|
|
@ -405,17 +414,17 @@ |
|
|
|
|
//获取categoryUrl数据源 |
|
|
|
|
categoryUrlOptionsGet() { |
|
|
|
|
var that = this; |
|
|
|
|
ms.http.get(ms.manager+"/template/queryTemplateFileForColumn.do", {}).then(function (data) { |
|
|
|
|
ms.http.get(ms.manager + "/template/queryTemplateFileForColumn.do", {}).then(function (data) { |
|
|
|
|
that.categoryUrlOptions = data.data; |
|
|
|
|
}).catch(function (err) { |
|
|
|
|
console.log(err); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//categoryImg文件上传完成回调 |
|
|
|
|
categoryImgSuccess:function(response, file, fileList) { |
|
|
|
|
this.form.categoryImg.push({url:file.url,name:file.name,path:response,uid:file.uid}); |
|
|
|
|
categoryImgSuccess: function (response, file, fileList) { |
|
|
|
|
this.form.categoryImg.push({url: file.url, name: file.name, path: response, uid: file.uid}); |
|
|
|
|
}, |
|
|
|
|
categoryImghandleRemove:function(file, files) { |
|
|
|
|
categoryImghandleRemove: function (file, files) { |
|
|
|
|
var index = -1; |
|
|
|
|
index = this.form.categoryImg.findIndex(text => text == file); |
|
|
|
|
if (index != -1) { |
|
|
|
|
@ -423,14 +432,14 @@ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//categoryImg文件上传完成回调 |
|
|
|
|
categoryImgSuccess:function(response, file, fileList) { |
|
|
|
|
this.form.categoryImg.push({url:file.url,name:file.name,path:response,uid:file.uid}); |
|
|
|
|
categoryImgSuccess: function (response, file, fileList) { |
|
|
|
|
this.form.categoryImg.push({url: file.url, name: file.name, path: response, uid: file.uid}); |
|
|
|
|
}, |
|
|
|
|
//上传超过限制 |
|
|
|
|
categoryImghandleExceed:function(files, fileList) { |
|
|
|
|
this.$notify({ title: '当前最多上传1个文件', type: 'warning' }); |
|
|
|
|
categoryImghandleExceed: function (files, fileList) { |
|
|
|
|
this.$notify({title: '当前最多上传1个文件', type: 'warning'}); |
|
|
|
|
}, |
|
|
|
|
categoryImghandleRemove:function(file, files) { |
|
|
|
|
categoryImghandleRemove: function (file, files) { |
|
|
|
|
var index = -1; |
|
|
|
|
index = this.form.categoryImg.findIndex(text => text == file); |
|
|
|
|
if (index != -1) { |
|
|
|
|
@ -453,7 +462,7 @@ |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
<style> |
|
|
|
|
.el-select{ |
|
|
|
|
.el-select { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
</style> |
铭飞
6 years ago
committed by
Gitee