<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
<script>
|
$(function () {
|
$(".el-sub-menu__title").hover(function () {
|
$(this).addClass('hovercurrent');
|
}, function () {
|
$(this).removeClass('hovercurrent');
|
});
|
});
|
</script>
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边消息分类 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="{$guide.one.text}" two_word="{$guide.two.text}" />
|
</el-header>
|
<el-main>
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>{$other.title}</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)" @click="Add()">添加</el-link>
|
</div>
|
</template>
|
<el-table :data="list" :tree-props="{children: 'children'}" row-key="id" default-expand-all border style="width: 100%" ref="tableRef">
|
<el-table-column label="消息分类名称" prop="title"></el-table-column>
|
|
<el-table-column label="显示/隐藏" align="center">
|
<template #default="scope">
|
<el-switch v-model="scope.row.ifshow" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1" :inactive-value="0"
|
inline-prompt active-text="显示" inactive-text="隐藏" @change="updateShowCate(scope.row)" />
|
</template>
|
</el-table-column>
|
<el-table-column label="排序" prop="order_id" align="center"></el-table-column>
|
<el-table-column label="操作选项" fixed="right" min-width="140" :align="alignValue(200)">
|
<template #default="scope">
|
<el-button icon="edit" type="primary" @click="Edit(scope.row)"></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
</el-main>
|
|
</el-container>
|
</el-container>
|
<!-- 添加一级消息分类 -->
|
<el-dialog :title="Add_title" v-model="dialogVisible" :show-close="true" width="30%">
|
<el-form ref="form" :model="Add_form" label-width="100px">
|
|
<el-form-item label="所属父类">
|
<el-select v-model="Add_form.father_id" placeholder="选择上级消息分类" filterable clearable style="width: 90%;">
|
<el-option label="顶级分类" :value="0"></el-option>
|
<el-option v-for="(item,i) in list" :key="i" :label="item.title" :value="item.id"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="消息分类名称">
|
<el-input v-model="Add_form.title" placeholder="请输入消息分类名称" style="width: 90%;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="Add_form.id>0" label="排序值">
|
<el-input-number v-model="Add_form.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" :loading="ifsubmit" @click="saveCate">保存</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script language="JavaScript">
|
const viewPath = '{$viewPath}';
|
</script>
|
<script src="/static/admin/js/msg_category/index.js"></script>
|
|
</html>
|
