ly.fan
/
xy-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

控制资源权限

Browse Source
role1.0
fanluyan 1 year ago
parent 5d37873db3
commit b105c7b200
7 changed files with 190 additions and 319 deletions
Show Stats Download Patch File Download Diff File

207
src/components/Sidebar.vue
Unescape Escape View File

@ -115,14 +115,14 @@ export default {
index: "/userManagement",
title: "用户管理",
},
// {
// index: "/roleManagement",
// title: "角色管理",
// },
// {
// index: "/menuManagement",
// title: "菜单功能管理",
// },
{
index: "/roleManagement",
title: "角色管理",
},
{
index: "/menuManagement",
title: "菜单功能管理",
},
{
index: "/deviceUpgrade",
title: "升级管理",
@ -139,153 +139,6 @@ export default {
],
},
],
items1: [
{
icon: "el-icon-s-home",
index: "stritl",
title: "首页",
},
{
icon: "el-icon-camera",
index: "/realTimeMonitor",
title: "实时监控",
},
{
icon: "el-icon-film",
index: "/pictureRotation",
title: "图片轮巡",
},
{
icon: "el-icon-bell",
index: "/photoAlarm",
title: "告警处理",
},
{
icon: "el-icon-search",
index: "/realTimeSearch",
title: "历史图片",
},
{
icon: "el-icon-files",
index: "/property",
title: "资产管理",
subs: [
{
index: "/lineInformation",
title: "线路信息管理",
},
{
index: "/towerInformation",
title: "杆塔信息管理",
},
{
index: "/cameraChannel",
title: "通道管理",
},
{
index: "/photographicDevice",
title: "拍照装置管理",
},
{
index: "/devicePhotoSchedule",
title: "拍照时间表设置",
},
],
},
{
icon: "el-icon-monitor",
index: "/system",
title: "系统管理",
subs: [
{
index: "/userManagement",
title: "用户管理",
},
],
},
],
items2: [
{
icon: "el-icon-s-home",
index: "stritl",
title: "首页",
},
{
icon: "el-icon-camera",
index: "/realTimeMonitor",
title: "实时监控",
},
{
icon: "el-icon-film",
index: "/pictureRotation",
title: "图片轮巡",
},
{
icon: "el-icon-bell",
index: "photoAlarm",
title: "告警处理",
},
{
icon: "el-icon-search",
index: "/realTimeSearch",
title: "历史图片",
},
{
icon: "el-icon-files",
index: "/property",
title: "资产管理",
subs: [
{
index: "/lineInformation",
title: "线路信息管理",
},
{
index: "/towerInformation",
title: "杆塔信息管理",
},
{
index: "/photographicDevice",
title: "拍照装置管理",
},
{
index: "/devicePhotoSchedule",
title: "拍照时间表设置",
},
],
},
],
hnjcitems: [
{
icon: "el-icon-s-home",
index: "stritl",
title: "首页",
},
{
icon: "el-icon-camera",
index: "/realTimeMonitor",
title: "实时监控",
},
{
icon: "el-icon-film",
index: "/pictureRotation",
title: "图片轮巡",
},
{
icon: "el-icon-bell",
index: "photoAlarm",
title: "告警处理",
},
{
icon: "el-icon-search",
index: "/realTimeSearch",
title: "历史图片",
},
],
role: "",
menuList: [],
};
@ -322,8 +175,11 @@ export default {
// 遍历原始数组，根据条件构建新数组
originalArray.forEach((item) => {
const { id, key, desc } = item;
console.log(key);
console.log(key, desc);
const index = key.startsWith("/") ? key.substring(1) : key; // 移除开头的斜杠
// 移除desc中"-"后面的内容
const processedDesc = desc.split("-")[0].trim();
console.log(index, processedDesc);
const icon = icons[index] || icons["default"]; // 获取图标，如果未找到则使用默认图标
if (
@ -336,7 +192,10 @@ export default {
].includes(index)
) {
// 如果包含杆塔或线路信息，则添加到资产管理子菜单
assetManagementSubs.push({ index: "/" + index, title: desc });
assetManagementSubs.push({
index: "/" + index,
title: processedDesc,
});
} else if (
[
"userManagement",
@ -348,10 +207,13 @@ export default {
].includes(index)
) {
// 如果包含用户列表等，则添加到系统管理子菜单
systemManagementSubs.push({ index: "/" + index, title: desc });
systemManagementSubs.push({
index: "/" + index,
title: processedDesc,
});
} else {
// 其他菜单项直接添加到新数组中
newArray.push({ icon, index: "/" + index, title: desc });
newArray.push({ icon, index: "/" + index, title: processedDesc });
}
});
@ -387,22 +249,19 @@ export default {
console.log("用户管理");
console.log(this.role);
// this.menuList = JSON.parse(localStorage.getItem("menuPermission"));
// console.log(this.menuList);
// this.getMenuArr(this.menuList);
this.menuList = JSON.parse(localStorage.getItem("menuPermission"));
console.log(this.menuList);
this.getMenuArr(this.menuList);
if (this.role == 0) {
this.items = this.items;
} else if (this.role == 1) {
this.items = this.items1;
} else if (this.role == 2) {
this.items = this.items2;
} else if (this.role == 4) {
this.items = this.hnjcitems;
}
// //this.activeIndex = this.items[0].index;
// console.log(this.items);
console.log(this.activeIndex);
// if (this.role == 0) {
// this.items = this.items;
// } else if (this.role == 1) {
// this.items = this.items1;
// } else if (this.role == 2) {
// this.items = this.items2;
// } else if (this.role == 4) {
// this.items = this.hnjcitems;
// }
},
};
</script>

9
src/store/index.js
Unescape Escape View File

@ -68,10 +68,17 @@ export default new Vuex.Store({
state.uid = val.uid;
state.role = val.role;
state.resources = val.resources;
const menuArr = val.resources
.filter((item) => item.key.includes("/"))
.sort((a, b) => a.id - b.id);
const btnArr = val.resources
.filter((item) => item.key.includes("Btn"))
.sort((a, b) => a.id - b.id);
localStorage.setItem("userName", state.userName);
localStorage.setItem("uid", state.uid);
localStorage.setItem("role", state.role);
localStorage.setItem("menuPermission", JSON.stringify(state.resources));
localStorage.setItem("menuPermission", JSON.stringify(menuArr));
localStorage.setItem("btnPermission", JSON.stringify(btnArr));
},
//退出清除locastorge
REMOVE_INFO(state) {

66
src/views/realTimeMonitor/components/gpsButton.vue
Unescape Escape View File

@ -1,22 +1,14 @@
<template>
<div class="gpsbuttonBox">
<el-button type="primary" @click="handleShowGPS">获取GPS位置 </el-button>
<el-dropdown class="dropgps" trigger="click" @command="handleCommandGps">
<el-button type="primary">
GPS开关<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown" class="gpsdropStyle">
<el-dropdown-item command="open">开启GPS</el-dropdown-item>
<el-dropdown-item command="close">关闭GPS</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<gps-position ref="gpsdialog_ref"></gps-position>
</div>
</template>
<script>
// import infoDialog from "./infoDialog.vue";
import gpsPosition from "./gpsPosition.vue";
import { getTermStatus, setTermGPSJoggle } from "@/utils/api/index";
import {} from "@/utils/api/index";
export default {
components: {
gpsPosition,
@ -45,54 +37,6 @@ export default {
},
},
methods: {
//切换gps开启关闭
handleCommandGps(command) {
switch (command) {
case "open": //开启
this.changeGPS(1, this.cmdId);
break;
case "close": //关闭
this.changeGPS(0, this.cmdId);
break;
}
},
changeGPS(val, cmdid) {
console.log(val, cmdid);
getTermStatus({ termId: this.termId }).then((res) => {
console.log(res);
if (res.data.isonline) {
setTermGPSJoggle({ gpsstatus: val, cmdId: cmdid })
.then((res) => {
console.log(res);
if (val == 0) {
this.$message({
duration: 1500,
message: "GPS已关闭",
type: "warning",
showClose: true,
});
} else {
this.$message({
duration: 1500,
message: "成功开启GPS",
type: "success",
showClose: true,
});
}
})
.catch((err) => {
console.log(err); //代码错误、请求失败捕获
});
} else {
this.$message({
duration: 1500,
showClose: true,
message: "装置下线，发送指令失败",
type: "error",
});
}
});
},
//获取GPS位置
handleShowGPS() {
this.$refs.gpsdialog_ref.display(this.cmdId, this.termId);
@ -103,8 +47,8 @@ export default {
</script>
<style lang="less">
.gpsbuttonBox {
width: 100%;
display: flex;
justify-content: space-between;
// width: 100%;
// display: flex;
// justify-content: space-between;
}
</style>

125
src/views/realTimeMonitor/components/parameterArea.vue
Unescape Escape View File

@ -68,32 +68,48 @@
<div class="paramsDate setTimebtn">
<h3>操作项</h3>
<div class="buttonGroup">
<takePicButton></takePicButton>
<takeVideoButton></takeVideoButton>
<takePicButton v-if="showButton('pzShowBtn')"></takePicButton>
<takeVideoButton v-if="showButton('spShowBtn')"></takeVideoButton>
<deviceInfoButton></deviceInfoButton>
<scheduleButton></scheduleButton>
<alarmButton></alarmButton>
<scheduleButton v-if="showButton('pztimeShowBtn')"></scheduleButton>
<alarmButton v-if="showButton('sgbjShowBtn')"></alarmButton>
<cableButton></cableButton>
<gpsButton></gpsButton>
<el-dropdown
class="dropgps"
trigger="click"
@command="handleCommandGps"
>
<el-button type="primary">
GPS开关<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown" class="gpsdropStyle">
<el-dropdown-item command="open">开启GPS</el-dropdown-item>
<el-dropdown-item command="close">关闭GPS</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button type="primary" @click="handlehistoryPic">
历史图片</el-button
>
<el-button
type="primary"
@click="handlehistoryPic"
v-if="roleUser != 4"
@click="handleParams"
v-if="showButton('cspzShowBtn')"
>
历史图片</el-button
参数配置</el-button
>
<el-button
type="primary"
@click="handleuploadPic"
v-if="showButton('sctpShowBtn')"
>
<el-button type="primary" @click="handleParams"> 参数配置</el-button>
<el-button type="primary" @click="handleuploadPic" v-if="roleUser == 0">
上传图片</el-button
>
<takeTimePicButton v-if="roleUser == 0"></takeTimePicButton>
<setChannelButton v-if="roleUser == 0"></setChannelButton>
<setAppButton v-if="roleUser == 0"></setAppButton>
<takeTimePicButton
v-if="showButton('zdTimepzShowBtn')"
></takeTimePicButton>
<setChannelButton v-if="showButton('tdszShowBtn')"></setChannelButton>
<setAppButton v-if="showButton('appShowBtn')"></setAppButton>
<el-dropdown
class="dropgps"
trigger="click"
@ -114,17 +130,6 @@
<el-dropdown-item command="faultInfo">故障信息报</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<!-- <el-button type="primary" @click="handleTakePic" :loading="picLoading"
>主动拍照
</el-button> -->
<!-- <el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button>
<el-button type="primary">主动拍照 </el-button> -->
</div>
</div>
<div class="setfocalLength" v-if="areaData.protocol == '65286'">
<h3>焦距调节</h3>
@ -162,9 +167,9 @@
>
</div>
</div>
</div>
<parameterSetDialog ref="parameterSetref"></parameterSetDialog>
<uploadpic ref="uploadpicref"></uploadpic>
<baseInfor ref="baseInfor_ref"></baseInfor>
<workStatus ref="workStatus_ref"></workStatus>
<runStatus ref="runStatus_ref"></runStatus>
@ -197,6 +202,7 @@ import {
updateTermCamera,
getTermStatus,
addFavorList,
setTermGPSJoggle,
} from "@/utils/api/index";
export default {
components: {
@ -236,6 +242,7 @@ export default {
selectLineId: "",
selectTowerId: "",
collectFlag: false, //收藏
btnShowList: [],
};
},
@ -250,15 +257,27 @@ export default {
areaData() {
return this.$store.state.currentData;
},
showButtonMap() {
return this.btnShowList.reduce((map, button) => {
map[button.key] = true; // 假设只要key存在，就显示按钮
return map;
}, {});
},
},
created() {
this.roleUser = localStorage.getItem("role");
console.log("asdsaddddddddddddddddddddddddd", this.roleUser);
this.btnShowList = JSON.parse(localStorage.getItem("btnPermission"));
console.log(this.btnShowList);
},
mounted() {
this.getDateTime();
},
methods: {
//控制显示与隐藏
showButton(key) {
return this.showButtonMap[key] || false;
},
//双击选中复制
handleDblClick(val) {
// alert(val);
@ -377,6 +396,54 @@ export default {
this.$store.commit("channelId", val); //将currentData保存在vuex中
this.$parent.getPhotoList(val, this.dateValue, this.areaData.id);
},
//切换gps开启关闭
handleCommandGps(command) {
switch (command) {
case "open": //开启
this.changeGPS(1, this.areaData.id);
break;
case "close": //关闭
this.changeGPS(0, this.areaData.id);
break;
}
},
changeGPS(val, cmdid) {
console.log(val, cmdid);
getTermStatus({ termId: cmdid }).then((res) => {
console.log(res);
if (res.data.isonline) {
setTermGPSJoggle({ gpsstatus: val, cmdId: cmdid })
.then((res) => {
console.log(res);
if (val == 0) {
this.$message({
duration: 1500,
message: "GPS已关闭",
type: "warning",
showClose: true,
});
} else {
this.$message({
duration: 1500,
message: "成功开启GPS",
type: "success",
showClose: true,
});
}
})
.catch((err) => {
console.log(err); //代码错误、请求失败捕获
});
} else {
this.$message({
duration: 1500,
showClose: true,
message: "装置下线，发送指令失败",
type: "error",
});
}
});
},
//历史图片跳转
handlehistoryPic() {
console.log(this.areaData);

1
src/views/realTimeMonitor/components/siderBar.vue
Unescape Escape View File

@ -183,6 +183,7 @@ export default {
this.onlineNum = res.data.onlineNum;
this.totalNum = res.data.totalNum;
this.currentData = JSON.parse(localStorage.getItem("currentData"));
this.$nextTick(() => {
this.$refs.tree.setCurrentKey(this.currentData.id); //一定要加这个选中了否则样式没有出来
});

27
src/views/system/user/components/addUser.vue
Unescape Escape View File

@ -106,22 +106,15 @@ export default {
this.formdata = JSON.parse(JSON.stringify(val));
},
//获取角色列表
// getRoleListAll() {
// getRoleList()
// .then((res) => {
// console.log("获取角色列表", res.data);
// this.roleoptions = res.data.filter((role) => role.id !== 0);
// })
// .catch((err) => {});
// },
// getRoleListAll() {
// getRoleList()
// .then((res) => {
// //只展示去除超管的列表
// this.roleoptions = res.data.filter((role) => role.id !== 0);
// })
// .catch((err) => {});
// },
getRoleListAll() {
getRoleList()
.then((res) => {
console.log("获取角色列表", res.data);
this.roleoptions = res.data.filter((role) => role.id !== 0);
})
.catch((err) => {});
},
// 保存确定操作
submitForm() {
this.$refs.formInfo.validate((valid) => {
@ -163,7 +156,7 @@ export default {
display() {
this.isShow = true;
this.roleUser = localStorage.getItem("role");
//this.getRoleListAll();
this.getRoleListAll();
},
hide() {
this.isShow = false;

8
src/views/system/user/userManagement.vue
Unescape Escape View File

@ -28,17 +28,17 @@
show-overflow-tooltip
prop="userName"
></el-table-column>
<!-- <el-table-column label="角色" show-overflow-tooltip prop="roleName">
<template slot-scope="scope">{{ scope.row.roleName }}</template>
</el-table-column> -->
<el-table-column label="角色" show-overflow-tooltip prop="roleName">
<template slot-scope="scope">{{ scope.row.roleName }}</template>
</el-table-column>
<!-- <el-table-column label="角色" show-overflow-tooltip prop="roleName">
<template slot-scope="scope">
<span v-if="scope.row.role == 0">超级管理员</span>
<span v-else-if="scope.row.role == 1">管理员</span>
<span v-else-if="scope.row.role == 2">用户</span>
<span v-else>{{ scope.row.role }}</span>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column
label="备注"
show-overflow-tooltip

Write Preview
Loading…
Cancel
Save