From 3dfe9c6901bac32a524320c342079d391b59f1f4 Mon Sep 17 00:00:00 2001
From: msgroup <dev@mingsoft.net>
Date: Fri, 16 Dec 2022 09:41:29 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=BE=85=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/manager/cms/category/index.ftl    | 644 +++++++++---------
 1 file changed, 329 insertions(+), 315 deletions(-)
diff --git a/src/main/webapp/WEB-INF/manager/cms/category/index.ftl b/src/main/webapp/WEB-INF/manager/cms/category/index.ftl
index 131e6cbf..1f33f3b3 100644
--- a/src/main/webapp/WEB-INF/manager/cms/category/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/cms/category/index.ftl
@@ -1,339 +1,353 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>分类</title>
-		<#include "../../include/head-file.ftl">
-	    <script src="${base}/static/plugins/clipboard/clipboard.js"></script>
+    <title>分类</title>
+    <#include "../../include/head-file.ftl">
+    <script src="${base}/static/plugins/clipboard/clipboard.js"></script>
 </head>
 <body>
-	<div id="index" class="ms-index" v-cloak>
-			<el-header class="ms-header" height="50px">
-			<el-col :span="12">
-				<@shiro.hasPermission name="cms:category:save">
-				<el-button type="primary" icon="el-icon-plus" size="mini" @click="save()">新增</el-button>
-				</@shiro.hasPermission>
-				<@shiro.hasPermission name="cms:category:del">
-				<el-button type="danger" icon="el-icon-delete" size="mini" @click="del(selectionList)"  :disabled="!selectionList.length">删除</el-button>
-				</@shiro.hasPermission>
-			</el-col>
-			</el-header>
-		<el-main class="ms-container">
-			<el-table ref="multipleTable" :indent="6"
-					  height="calc(100vh - 20px)"
-					  border :data="dataList"
-					  row-key="id"
-					  v-loading="loading"
-					  default-expand-all='true'
-					  :tree-props="{children: 'children'}"
-					  tooltip-effect="dark"
-					  @selection-change="handleSelectionChange">
-				<template slot="empty">
-					{{emptyText}}
-				</template>
-				<el-table-column type="selection" width="40"></el-table-column>
-				<el-table-column label="编号" width="100" prop="id" show-overflow-tooltip>
-					<template slot='header'>编号
-						<el-popover placement="top-start" title="提示" trigger="hover" >
-							标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html" target="_blank">${'$'}{field.id}</a>
-							<i class="el-icon-question" slot="reference"></i>
-						</el-popover>
-					</template>
-					<template slot-scope="scope">
-						<span style="cursor: pointer" class="copyBtn" :data-clipboard-text="scope.row.id" @click="copyContent(true)">{{scope.row.id}}</span>
-					</template>
-				</el-table-column>
-                 <el-table-column label="标题" align="left" prop="categoryTitle">
-                 </el-table-column>
+<div id="index" class="ms-index" v-cloak>
+    <el-header class="ms-header" height="50px">
+        <el-col :span="12">
+            <@shiro.hasPermission name="cms:category:save">
+                <el-button type="primary" icon="el-icon-plus" size="mini" @click="save()">新增</el-button>
+            </@shiro.hasPermission>
+            <@shiro.hasPermission name="cms:category:del">
+                <el-button type="danger" icon="el-icon-delete" size="mini" @click="del(selectionList)"
+                           :disabled="!selectionList.length">删除
+                </el-button>
+            </@shiro.hasPermission>
+        </el-col>
+    </el-header>
+    <el-main class="ms-container">
+        <el-table ref="multipleTable" :indent="6"
+                  height="calc(100vh - 20px)"
+                  border :data="dataList"
+                  row-key="id"
+                  v-loading="loading"
+                  default-expand-all='true'
+                  :tree-props="{children: 'children'}"
+                  tooltip-effect="dark"
+                  @selection-change="handleSelectionChange">
+            <template slot="empty">
+                {{emptyText}}
+            </template>
+            <el-table-column type="selection" width="40"></el-table-column>
+            <el-table-column label="编号" width="100" prop="id" show-overflow-tooltip>
+                <template slot='header'>编号
+                    <el-popover placement="top-start" title="提示" trigger="hover">
+                        标签：<a href="http://doc.mingsoft.net/mcms/biao-qian/lan-mu-lie-biao-ms-channel.html"
+                              target="_blank">${'$'}{field.id}</a>
+                        <i class="el-icon-question" slot="reference"></i>
+                    </el-popover>
+                </template>
+                <template slot-scope="scope">
+                    <span style="cursor: pointer" class="copyBtn" :data-clipboard-text="scope.row.id"
+                          @click="copyContent(true)">{{scope.row.id}}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="标题" align="left" prop="categoryTitle">
+            </el-table-column>
             <el-table-column label="类型" align="center" prop="categoryType" :formatter="categoryTypeFormat" width="70">
             </el-table-column>
-			<el-table-column label="排序" align="center" prop="categorySort"  width="70">
-			</el-table-column>
-			<el-table-column label="链接地址" align="left" prop="categoryPath" min-width="200" show-overflow-tooltip>
-				<template slot-scope="scope">
-					<span v-if="scope.row.categoryType == '1' || scope.row.categoryType == '2'" style="cursor: pointer" class="copyBtn" :data-clipboard-text="'{ms:global.url/}'+scope.row.categoryPath+'/index.html'" @click="copyContent">{{"{ms:global.url/}"+scope.row.categoryPath+"/index.html"}}</span>
-					<span v-if="scope.row.categoryType == '3'" style="cursor: pointer" class="copyBtn" :data-clipboard-text="scope.row.categoryDiyUrl" @click="copyContent">{{scope.row.categoryDiyUrl}}</span>
-				</template>
-			</el-table-column>
+            <el-table-column label="排序" align="center" prop="categorySort" width="70">
+            </el-table-column>
+            <el-table-column label="链接地址" align="left" prop="categoryPath" min-width="200" show-overflow-tooltip>
+                <template slot-scope="scope">
+                    <span v-if="scope.row.categoryType == '1' || scope.row.categoryType == '2'" style="cursor: pointer"
+						  class="copyBtn" :data-clipboard-text="'{ms:global.url/}'+scope.row.url"
+						  @click="copyContent">{{"{ms:global.url/}"+scope.row.url}}</span>
+                    <span v-if="scope.row.categoryType == '3'" style="cursor: pointer" class="copyBtn"
+                          :data-clipboard-text="scope.row.categoryDiyUrl" @click="copyContent">{{scope.row.categoryDiyUrl}}</span>
+                </template>
+            </el-table-column>
             <el-table-column label="列表地址" align="left" prop="categoryListUrl" width="100" show-overflow-tooltip>
             </el-table-column>
             <el-table-column label="内容地址" align="left" prop="categoryUrl" width="100" show-overflow-tooltip>
-				<template slot-scope="scope">
-					{{scope.row.categoryType == '1'?scope.row.categoryUrl:''}}
-					{{scope.row.categoryType == '2'?scope.row.categoryUrl:''}}
-				</template>
+                <template slot-scope="scope">
+                    {{scope.row.categoryType == '1'?scope.row.categoryUrl:''}}
+                    {{scope.row.categoryType == '2'?scope.row.categoryUrl:''}}
+                </template>
+            </el-table-column>
+            <el-table-column label="栏目属性" align="left" prop="categoryFlag" width="80" show-overflow-tooltip>
+                <template slot-scope="scope">
+                    {{getDictLabel(scope.row.categoryFlag)}}
+                </template>
             </el-table-column>
-            <el-table-column label="栏目属性" align="left" prop="categoryFlag" width="100" show-overflow-tooltip>
-				<template slot-scope="scope">
-					{{getDictLabel(scope.row.categoryFlag)}}
-				</template>
+            <el-table-column label="操作" width="240" align="center">
+                <template slot-scope="scope">
+                    <el-link type="primary" :underline="false" v-if="scope.row.categoryType != '3'" @click="preview(scope.row)">预览</el-link>
+                    <@shiro.hasPermission name="cms:category:save">
+                        <el-link type="primary" :underline="false" @click="save(scope.row.id, scope.row.id)"><i
+                                    class="el-icon-plus"></i>子栏目
+                        </el-link>
+                    </@shiro.hasPermission>
+                    <@shiro.hasPermission name="cms:category:save">
+                        <el-link type="primary" :underline="false" @click="copyCategory(scope.row.id)">克隆</el-link>
+                    </@shiro.hasPermission>
+                    <#--						<@shiro.hasPermission name="cms:category:update">-->
+                    <#--							<el-link type="primary" :underline="false" v-if="scope.row.categoryType == '1' || scope.row.categoryType == '2'" @click="updateTemplate(scope.row.id)">应用子栏目</el-link>-->
+                    <#--						</@shiro.hasPermission>-->
+                    <@shiro.hasPermission name="cms:category:update">
+                        <el-link type="primary" :underline="false" @click="save(scope.row.id)">编辑</el-link>
+                    </@shiro.hasPermission>
+                    <@shiro.hasPermission name="cms:category:del">
+                        <el-link type="primary" :underline="false" @click="del([scope.row])">删除</el-link>
+                    </@shiro.hasPermission>
+                </template>
             </el-table-column>
-					<el-table-column label="操作" width="180" align="center">
-					<template slot-scope="scope">
-						<@shiro.hasPermission name="cms:category:save">
-							<el-link type="primary" :underline="false" @click="save(scope.row.id, scope.row.id)"><i class="el-icon-plus"></i>子栏目</el-link>
-						</@shiro.hasPermission>
-												<@shiro.hasPermission name="cms:category:save">
-                                                    <el-link type="primary" :underline="false" @click="copyCategory(scope.row.id)">克隆</el-link>
-                                                </@shiro.hasPermission>
-                        <#--						<@shiro.hasPermission name="cms:category:update">-->
-<#--							<el-link type="primary" :underline="false" v-if="scope.row.categoryType == '1' || scope.row.categoryType == '2'" @click="updateTemplate(scope.row.id)">应用子栏目</el-link>-->
-<#--						</@shiro.hasPermission>-->
-						<@shiro.hasPermission name="cms:category:update">
-						<el-link type="primary" :underline="false" @click="save(scope.row.id)">编辑</el-link>
-						</@shiro.hasPermission>
-						<@shiro.hasPermission name="cms:category:del">
-						<el-link type="primary" :underline="false" @click="del([scope.row])">删除</el-link>
-						</@shiro.hasPermission>
-					</template>
-					</el-table-column>
-			</el-table>
-         </el-main>
-	</div>
+        </el-table>
+    </el-main>
+</div>
 </body>
 
 </html>
 <script>
-	"use strict";
+    "use strict";
 
-	var indexVue = new Vue({
-		el: '#index',
-		data: {
-			//分类列表
-			dataList: [],
-			//分类列表选中
-			selectionList: [],
-			//加载状态
-			loading: true,
-			//提示文字
-			emptyText: '',
-			categoryFlagOptions: [],
-			manager: ms.manager,
-			loadState: false,
-			categoryTypeOptions: [{
-				"value": "1",
-				"label": "列表"
-			}, {
-				"value": "2",
-				"label": "封面"
-			},{
-				"value": "3",
-				"label": "链接"
-			}],
-			//搜索表单
-			form: {
-				// 栏目管理名称
-				categoryTitle: '',
-				// 所属栏目
-				categoryId: '',
-				// 栏目管理属性
-				categoryType: '2',
-				// 自定义顺序
-				categorySort: 0,
-				// 列表模板
-				categoryListUrl: '',
-				// 内容模板
-				categoryUrl: '',
-				// 栏目管理关键字
-				categoryKeyword: '',
-				// 栏目管理描述
-				categoryDescrip: '',
-				// 缩略图
-				categoryImg: [],
-				// 自定义链接
-				categoryDiyUrl: '',
-				// 栏目管理的内容模型id
-				mdiyModelId: ''
-			}
-		},
-		methods: {
-			//复制栏目
-			copyCategory: function(id) {
-				var that = this;
-				ms.http.get(ms.manager + "/cms/category/copyCategory.do", {
-					id: id
-				}).then(function (res) {
-					if (res.result) {
-						that.$notify({
-							title: '成功',
-							message: '复制成功',
-							type: 'success'
-						});
-						that.list();
-					} else {
-						that.$notify({
-							title: '失败',
-							message: res.msg,
-							type: 'warning'
-						});
-					}
-				});
-			},
-			//应用子栏目模板
-			updateTemplate: function(id) {
-				var that = this;
-				ms.http.get(ms.manager + "/cms/category/updateTemplate.do", {
-					id: id
-				}).then(function (res) {
-					if (res.result) {
-						that.$notify({
-							title: '成功',
-							message: '应用成功',
-							type: 'success'
-						});
-						that.list();
-					} else {
-						that.$notify({
-							title: '失败',
-							message: res.msg,
-							type: 'warning'
-						});
-					}
-				});
-			},
-			//根据字典数据值获取字典标签名
-			getDictLabel: function (v) {
-				var that = this;
-				var labels = [];
-				if(v){
-					v.split(",").forEach(function (item) {
-						for (var key in that.categoryFlagOptions) {
-							if (item == that.categoryFlagOptions[key].dictValue) {
-								labels.push(that.categoryFlagOptions[key].dictLabel);
-								break;
-							}
-						}
-					});
-				}
-				return labels.toString();
-			},
-			//查询列表
-			list: function () {
-				var that = this;
-				this.loadState = false;
-				this.loading = true;
-				ms.http.get(ms.manager + "/cms/category/list.do", {
-					pageSize: 999
-				}).then(function (res) {
-					if (that.loadState) {
-						that.loading = false;
-					} else {
-						that.loadState = true;
-					}
+    var indexVue = new Vue({
+        el: '#index',
+        data: {
+            //分类列表
+            dataList: [],
+            //分类列表选中
+            selectionList: [],
+            //加载状态
+            loading: true,
+            //提示文字
+            emptyText: '',
+            categoryFlagOptions: [],
+            manager: ms.manager,
+            loadState: false,
+            categoryTypeOptions: [{
+                "value": "1",
+                "label": "列表"
+            }, {
+                "value": "2",
+                "label": "封面"
+            }, {
+                "value": "3",
+                "label": "链接"
+            }],
+            //搜索表单
+            form: {
+                // 栏目管理名称
+                categoryTitle: '',
+                // 所属栏目
+                categoryId: '',
+                // 栏目管理属性
+                categoryType: '2',
+                // 自定义顺序
+                categorySort: 0,
+                // 列表模板
+                categoryListUrl: '',
+                // 内容模板
+                categoryUrl: '',
+                // 栏目管理关键字
+                categoryKeyword: '',
+                // 栏目管理描述
+                categoryDescrip: '',
+                // 缩略图
+                categoryImg: [],
+                // 自定义链接
+                categoryDiyUrl: '',
+                // 栏目管理的内容模型id
+                mdiyModelId: ''
+            }
+        },
+        methods: {
+            //复制栏目
+            copyCategory: function (id) {
+                var that = this;
+                ms.http.get(ms.manager + "/cms/category/copyCategory.do", {
+                    id: id
+                }).then(function (res) {
+                    if (res.result) {
+                        that.$notify({
+                            title: '成功',
+                            message: '复制成功',
+                            type: 'success'
+                        });
+                        that.list();
+                    } else {
+                        that.$notify({
+                            title: '失败',
+                            message: res.msg,
+                            type: 'warning'
+                        });
+                    }
+                });
+            },
+            //应用子栏目模板
+            updateTemplate: function (id) {
+                var that = this;
+                ms.http.get(ms.manager + "/cms/category/updateTemplate.do", {
+                    id: id
+                }).then(function (res) {
+                    if (res.result) {
+                        that.$notify({
+                            title: '成功',
+                            message: '应用成功',
+                            type: 'success'
+                        });
+                        that.list();
+                    } else {
+                        that.$notify({
+                            title: '失败',
+                            message: res.msg,
+                            type: 'warning'
+                        });
+                    }
+                });
+            },
+            //根据字典数据值获取字典标签名
+            getDictLabel: function (v) {
+                var that = this;
+                var labels = [];
+                if (v) {
+                    v.split(",").forEach(function (item) {
+                        for (var key in that.categoryFlagOptions) {
+                            if (item == that.categoryFlagOptions[key].dictValue) {
+                                labels.push(that.categoryFlagOptions[key].dictLabel);
+                                break;
+                            }
+                        }
+                    });
+                }
+                return labels.toString();
+            },
+            //查询列表
+            list: function () {
+                var that = this;
+                this.loadState = false;
+                this.loading = true;
+                ms.http.get(ms.manager + "/cms/category/list.do", {
+                    pageSize: 999
+                }).then(function (res) {
+                    if (that.loadState) {
+                        that.loading = false;
+                    } else {
+                        that.loadState = true;
+                    }
 
-					if (!res.result || res.data.total <= 0) {
-						that.emptyText = '暂无数据';
-						that.dataList = [];
-					} else {
-						that.emptyText = '';
-						that.dataList = ms.util.treeData(res.data.rows, 'id', 'categoryId', 'children');
-					}
-				});
-				setTimeout(function () {
-					if (that.loadState) {
-						that.loading = false;
-					} else {
-						that.loadState = true;
-					}
-				}, 500);
-			},
-			copyContent: function (id) {
-				var msg = "链接地址已保存到剪切板";
-				if (id == true) {
-					msg = "编号已保存到剪切板";
-				}
-				var clipboard = new ClipboardJS('.copyBtn');
-				var self = this;
-				clipboard.on('success', function (e) {
-					self.$notify({
-						title: '提示',
-						message: msg,
-						type: 'success'
-					});
-					clipboard.destroy();
-				});
-			},
-			//分类列表选中
-			handleSelectionChange: function (val) {
-				this.selectionList = val;
-			},
-			//删除
-			del: function (row) {
-				var that = this;
-				that.$confirm('此操作将永久删除分类和分类下的文章, 是否继续?', '提示', {
-					confirmButtonText: '确定',
-					cancelButtonText: '取消',
-					type: 'warning'
-				}).then(function () {
-					ms.http.post(ms.manager + "/cms/category/delete.do", row.length ? row : [row], {
-						headers: {
-							'Content-Type': 'application/json'
-						}
-					}).then(function (res) {
-						if (res.result) {
-							that.$notify({
-								title: '成功 ',
-								type: 'success',
-								message: '删除成功!'
-							}); //删除成功，刷新列表
+                    if (!res.result || res.data.total <= 0) {
+                        that.emptyText = '暂无数据';
+                        that.dataList = [];
+                    } else {
+                        that.emptyText = '';
+                        that.dataList = ms.util.treeData(res.data.rows, 'id', 'categoryId', 'children');
+                    }
+                });
+                setTimeout(function () {
+                    if (that.loadState) {
+                        that.loading = false;
+                    } else {
+                        that.loadState = true;
+                    }
+                }, 500);
+            },
+            copyContent: function (id) {
+                var msg = "链接地址已保存到剪切板";
+                if (id == true) {
+                    msg = "编号已保存到剪切板";
+                }
+                var clipboard = new ClipboardJS('.copyBtn');
+                var self = this;
+                clipboard.on('success', function (e) {
+                    self.$notify({
+                        title: '提示',
+                        message: msg,
+                        type: 'success'
+                    });
+                    clipboard.destroy();
+                });
+            },
+            //分类列表选中
+            handleSelectionChange: function (val) {
+                this.selectionList = val;
+            },
+            //删除
+            del: function (row) {
+                var that = this;
+                that.$confirm('此操作将永久删除分类和分类下的文章, 是否继续?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(function () {
+                    ms.http.post(ms.manager + "/cms/category/delete.do", row.length ? row : [row], {
+                        headers: {
+                            'Content-Type': 'application/json'
+                        }
+                    }).then(function (res) {
+                        if (res.result) {
+                            that.$notify({
+                                title: '成功 ',
+                                type: 'success',
+                                message: '删除成功!'
+                            }); //删除成功，刷新列表
 
-							that.list();
-						} else {
-							that.$notify({
-								title: '失败',
-								message: res.msg,
-								type: 'warning'
-							});
-						}
-					});
-				})
-			},
-			//获取categoryFlag数据源
-			categoryFlagOptionsGet: function () {
-				var that = this;
-				ms.http.get(ms.base + '/mdiy/dict/list.do', {
-					dictType: '栏目属性',
-					pageSize: 99999
-				}).then(function (res) {
-					if(res.result){
-						res = res.data;
-						that.categoryFlagOptions = res.rows;
-					}
-				});
-			},
-			//表格数据转换
-			categoryTypeFormat: function (row, column, cellValue, index) {
-				var value = "";
+                            that.list();
+                        } else {
+                            that.$notify({
+                                title: '失败',
+                                message: res.msg,
+                                type: 'warning'
+                            });
+                        }
+                    });
+                })
+            },
+            //预览栏目
+            preview: function (row) {
+                window.open(row["url"]);
+            },
+            //获取categoryFlag数据源
+            categoryFlagOptionsGet: function () {
+                var that = this;
+                ms.http.get(ms.base + '/mdiy/dict/list.do', {
+                    dictType: '栏目属性',
+                    pageSize: 99999
+                }).then(function (res) {
+                    if (res.result) {
+                        res = res.data;
+                        that.categoryFlagOptions = res.rows;
+                    }
+                });
+            },
+            //表格数据转换
+            categoryTypeFormat: function (row, column, cellValue, index) {
+                var value = "";
 
-				if (cellValue) {
-					var data = this.categoryTypeOptions.find(function (value) {
-						return value.value == cellValue;
-					});
+                if (cellValue) {
+                    var data = this.categoryTypeOptions.find(function (value) {
+                        return value.value == cellValue;
+                    });
 
-					if (data && data.label) {
-						value = data.label;
-					}
-				}
+                    if (data && data.label) {
+                        value = data.label;
+                    }
+                }
 
-				return value;
-			},
-			//新增
-			save: function (id, childId) {
-				if (id) {
-					location.href = this.manager + "/cms/category/form.do?id=" + id + "&childId=" + childId;
-				} else {
-					location.href = this.manager + "/cms/category/form.do";
-				}
-			},
-			//重置表单
-			rest: function () {
-				this.$refs.searchForm.resetFields();
-			}
-		},
-		created: function () {
-			/* this.categoryListUrlOptionsGet();
+                return value;
+            },
+            //新增
+            save: function (id, childId) {
+                if (id) {
+                    location.href = this.manager + "/cms/category/form.do?id=" + id + "&childId=" + childId;
+                } else {
+                    location.href = this.manager + "/cms/category/form.do";
+                }
+            },
+            //重置表单
+            rest: function () {
+                this.$refs.searchForm.resetFields();
+            }
+        },
+        created: function () {
+            /* this.categoryListUrlOptionsGet();
              this.categoryUrlOptionsGet();*/
-			this.categoryFlagOptionsGet();
-			this.list();
-		}
-	});
+            this.categoryFlagOptionsGet();
+            this.list();
+        }
+    });
 </script>
