From 5cd763edc85f3b14bc98af906828521d65276f48 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 13 十月 2022 17:57:11 +0800
Subject: [PATCH] 修改系统框架、消息管理新增
---
src/views/systemSetting/platform/mySetting/index.vue | 101 +++++++++++++++++---------------------------------
1 files changed, 34 insertions(+), 67 deletions(-)
diff --git a/src/views/systemSetting/platform/mySetting/index.vue b/src/views/systemSetting/platform/mySetting/index.vue
index bf97be8..9e89a58 100644
--- a/src/views/systemSetting/platform/mySetting/index.vue
+++ b/src/views/systemSetting/platform/mySetting/index.vue
@@ -3,51 +3,16 @@
<!-- header 椤甸潰鏍囬鎻愮ず -->
<header>
<div class="header-title">绯荤粺璁剧疆 >> 闂ㄦ埛绠＄悊 > 鑷畾涔夎彍鍗曡缃�</div>
- <div class="header-add">
- <el-button type="primary" @click="handleAdd">鏂板鑿滃崟</el-button>
- </div>
</header>
<main>
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
- <!-- <el-table ref="multipleTable"
- :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
- :data="menuList" style="width: 100%" row-key="id" :row-class-name="tableRowClassName">
- <el-table-column type="selection" min-width="5">
- </el-table-column>
- <el-table-column prop="title" label="鑿滃崟鏍�" min-width="75">
- <template slot-scope="scope">
- <el-tree :data="scope.row.menuVoArrayList" node-key="id" :default-expanded-keys="[0]"
- :default-checked-keys="[0]" :props="defaultProps">
- </el-tree>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleAdd(scope.row)">鏂板</span>
- <span class="line">|</span>
- <span @click="handleEdit(scope.row)">缂栬緫</span>
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎</span>
- </div>
- </template>
- </el-table-column>
- </el-table> -->
<el-row class="my-container">
<el-col :span="6" class="my-aside">
- <el-tree :data="menuList" @node-click="handleNodeClick" :props="defaultProps" accordion
- node-key="id">
+ <el-tree draggable :data="menuList" @node-click="handleNodeClick" :props="defaultProps"
+ accordion node-key="id" @node-drop="handleDrop" :allow-drop="allowDrop">
<span class="custom-tree-node" slot-scope="{ node, data }">
<span>{{ node.label }}</span>
- <span>
- <el-button type="text" size="mini" @click="handleEdit(data)">
- 缂栬緫
- </el-button>
- <el-button type="text" size="mini" @click="handleDelete(data)">
- 鍒犻櫎
- </el-button>
- </span>
</span>
</el-tree>
</el-col>
@@ -65,9 +30,8 @@
<div class="my-show">
<div class="my-show__left">鏄惁鏄剧ず鑿滃崟:</div>
<div class="my-show__right">
- <el-switch class="switchStyle" v-model="article.hidden" active-text="寮�"
- inactive-text="鍏�" active-color="#3fef9a" inactive-color="#000212"
- @change="handleChangeStatus(article)">
+ <el-switch class="switchStyle" v-model="article.isStart" active-color="#3fef9a"
+ inactive-color="#000212" @change="handleChangeStatus(article)">
</el-switch>
</div>
</div>
@@ -107,15 +71,16 @@
// 鐐瑰嚮鑺傜偣
handleNodeClick(data) {
this.article = { ...data };
- this.article.hidden === 0 ? this.article.hidden = false : this.article.hidden = true
+ this.article.isStart === 0 ? this.article.isStart = false : this.article.isStart = true
},
// 淇敼鐘舵��
handleChangeStatus(data) {
console.log(data);
- data.hidden ? data.hidden = 1 : data.hidden = 0;
+ let { isStart, relationId } = data;
+ isStart ? isStart = 1 : isStart = 0;
this.$axios({
- method: 'post',
- url: `sccg/menu/updateHidden/${data.id}` + '?hidden=' + data.hidden
+ method: 'put',
+ url: `sccg/system/portal/menu/modification_myself?relationId=${relationId}&status=${isStart}`
})
.then(res => {
this.$message({
@@ -126,15 +91,6 @@
this.article = {};
})
},
- // 鏂板
- handleAdd() {
- this.dialogAdd = true;
- },
- // 缂栬緫
- handleEdit(data) {
- console.log(data);
- },
- //鍒犻櫎
handleDelete(data) {
console.log(data);
this.$confirm('鎮ㄧ‘璁よ鍒犻櫎璁㈠崟鍚�?')
@@ -161,21 +117,31 @@
getMenuList() {
this.$axios({
method: 'get',
- url: 'sccg/system/portal/menu/search',
+ url: 'sccg/system/portal/menu/search_myself',
}).then(res => {
- this.menuList = res.data.records;
- console.log(this.menuList);
+ this.menuList = res.data;
})
},
- // 鍏抽棴寮圭獥
- handleClose(done) {
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- this.dialogAdd = false
- done();
- })
- .catch(_ => {});
- }
+ // 鎷栨嫿
+ handleDrop(before, after, inner, event) {
+ console.log(before)
+ console.log(after)
+ console.log(inner)
+ console.log(event);
+ },
+ // 鑾峰彇鏄惁鍙互鏀剧疆
+ allowDrop(before, inner, next) {
+ if (before.data.level === inner.data.level) {
+ if (before.data.parentId === inner.data.parentId) {
+ return next === "prev" || next === "next";
+ } else {
+ return false;
+ }
+ } else {
+ // 涓嶅悓绾ц繘琛屽鐞�
+ return false;
+ }
+ }
}
}
@@ -192,8 +158,9 @@
display: flex;
justify-content: space-between;
align-items: center;
- .header-add{
- .el-button{
+
+ .header-add {
+ .el-button {
background-color: #eb5d01;
border: none;
}
--
Gitblit v1.8.0