13703816893 2 years ago
commit dd3edc5bf8

@ -69,6 +69,6 @@
.el-dropdown-menu--small .el-dropdown-menu__item { .el-dropdown-menu--small .el-dropdown-menu__item {
font-size: 12px; font-size: 12px;
} }
.el-popper[x-placement^="bottom"] { .el-select-dropdown {
margin-top: 2px !important; margin-top: 4px !important;
} }

@ -133,7 +133,7 @@ export default {
], ],
}, },
], ],
items2: [ items1: [
// { // {
// icon: "el-icon-s-home", // icon: "el-icon-s-home",
// index: "stritl", // index: "stritl",
@ -150,12 +150,92 @@ export default {
index: "/pictureRotation", index: "/pictureRotation",
title: "图片轮巡", 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: "拍照时间表设置",
},
// {
// index: "/deviceUpgrade",
// title: "",
// },
// {
// icon: "el-icon-picture-outline",
// index: "imageSettings",
// title: "",
// },
],
},
{
icon: "el-icon-monitor",
index: "/system",
title: "系统管理",
subs: [
{
index: "/userManagement",
title: "用户管理",
},
// {
// index: "/globalTools",
// title: "",
// },
],
},
],
items2: [
// { // {
// icon: "el-icon-bell", // icon: "el-icon-s-home",
// index: "photoAlarm", // index: "stritl",
// title: "", // 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", icon: "el-icon-search",
index: "/realTimeSearch", index: "/realTimeSearch",
@ -199,6 +279,7 @@ export default {
], ],
}, },
], ],
role: "", role: "",
}; };
}, },
@ -218,11 +299,14 @@ export default {
console.log("用户管理"); console.log("用户管理");
console.log(this.role); console.log(this.role);
if (this.role == 1) { if (this.role == 0) {
this.items = this.items; this.items = this.items;
} else { } else if (this.role == 1) {
this.items = this.items1;
} else if (this.role == 2) {
this.items = this.items2; this.items = this.items2;
} }
console.log(this.items); console.log(this.items);
}, },
}; };

@ -20,7 +20,7 @@
> >
<el-form-item prop="userName"> <el-form-item prop="userName">
<el-input v-model="userInfo.userName" placeholder="用户名"> <el-input v-model="userInfo.userName" placeholder="用户名">
<el-button slot="prepend" icon="el-icon-user"></el-button> <span slot="prepend" class="el-icon-user"></span>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
@ -31,7 +31,7 @@
v-model="userInfo.password" v-model="userInfo.password"
@keyup.enter.native="submitForm()" @keyup.enter.native="submitForm()"
> >
<el-button slot="prepend" icon="el-icon-lock"></el-button> <span slot="prepend" class="el-icon-lock"></span>
</el-input> </el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item prop="verificationCode" class="verifyItem"> <!-- <el-form-item prop="verificationCode" class="verifyItem">

@ -28,13 +28,13 @@
<div class="infoCompany"> <div class="infoCompany">
<!-- <p><label>电压等级</label><span>220kv</span></p> --> <!-- <p><label>电压等级</label><span>220kv</span></p> -->
<p> <p>
<label>线路名称</label><span>{{ pictureData.linename }}</span> <label>线路名称</label><span>{{ pictureData.lineName }}</span>
</p> </p>
<p> <p>
<label>杆塔名称</label><span>{{ pictureData.towername }}</span> <label>杆塔名称</label><span>{{ pictureData.towerName }}</span>
</p> </p>
<p> <p>
<label>装置名称</label><span>{{ pictureData.cmdid }}</span> <label>装置名称</label><span>{{ pictureData.cmdId }}</span>
</p> </p>
<p> <p>
<label>选择通道</label> <label>选择通道</label>

@ -221,7 +221,12 @@
> >
</el-table-column> --> </el-table-column> -->
<el-table-column fixed="right" label="操作" width="580"> <el-table-column
fixed="right"
label="操作"
width="580"
v-if="roleUser != 2"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@click.native.stop="handleRevisePhoto(scope.row)" @click.native.stop="handleRevisePhoto(scope.row)"
@ -293,6 +298,50 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" width="380" v-else>
<template slot-scope="scope">
<el-button
@click.native.stop="handleRevisePhoto(scope.row)"
type="text"
>修改</el-button
>
<el-button
type="text"
@click.native.stop="handlepicture(scope.row)"
>图片标记</el-button
>
<el-button
type="text"
@click.native.stop="handleShowGPS(scope.row)"
>获取GPS位置</el-button
>
<el-dropdown
class="dropgps"
trigger="click"
@command="
(command) => {
handleCommand(command, scope.row);
}
"
>
<span class="el-dropdown-link">
GPS开关<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<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="text"
class="deleteText"
@click.native.stop="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table> </el-table>
<div class="pageNation"> <div class="pageNation">
<el-pagination <el-pagination
@ -351,6 +400,7 @@ export default {
towerId: 0, towerId: 0,
searchnr:'' searchnr:''
}, },
roleUser: "",
terminalTableData: [], // terminalTableData: [], //
photoDialog: false, // photoDialog: false, //
photoDialogTitle: "", // photoDialogTitle: "", //
@ -612,6 +662,8 @@ export default {
}, },
created() { created() {
this.terminalList(); this.terminalList();
this.roleUser = localStorage.getItem("role");
console.log(this.roleUser);
}, },
}; };
</script> </script>

@ -581,8 +581,10 @@ export default {
}, },
closebtn() { closebtn() {
this.isShowset = false; this.isShowset = false;
this.checkList = "";
this.setNum = Math.floor(Math.random() * 10);
this.deviceList(); this.deviceList();
clearInterval(this.timers); clearInterval(this.timers);
this.timers = null; this.timers = null;
}, },

@ -3,6 +3,10 @@
<div class="monitor-container"> <div class="monitor-container">
<!-- 左侧数据列表树 --> <!-- 左侧数据列表树 -->
<div class="sideBar"> <div class="sideBar">
<div class="searchBar">
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
</el-input>
</div>
<el-tree <el-tree
:data="lineTreeData" :data="lineTreeData"
:props="defaultProps" :props="defaultProps"
@ -12,6 +16,7 @@
:default-expand-all="true" :default-expand-all="true"
@node-click="handleNodeClick" @node-click="handleNodeClick"
:current-node-key="currentNodekey" :current-node-key="currentNodekey"
:filter-node-method="filterNode"
> >
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<div v-if="node.level === 1"> <div v-if="node.level === 1">
@ -246,6 +251,7 @@ export default {
lineTreeData: [], lineTreeData: [],
treeStatus: [], treeStatus: [],
statusTimer: null, statusTimer: null,
filterText: "",
defaultProps: { defaultProps: {
// //
children: "list", children: "list",
@ -274,14 +280,13 @@ export default {
zzstatus: "", zzstatus: "",
}; };
}, },
// watch: { watch: {
// lineTreeData: { filterText(val) {
// handler() { console.log(val);
// console.log("count"); this.$refs.tree.filter(val);
// }, console.log(this.$refs.tree);
// immediate: true, // },
// }, },
// },
computed: { computed: {
...mapState(["channelid", "termid"]), ...mapState(["channelid", "termid"]),
channelid() { channelid() {
@ -304,6 +309,12 @@ export default {
}, 300000); }, 300000);
}, },
methods: { methods: {
//
filterNode(value, data) {
console.log(value, data);
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
// //
getDateTime() { getDateTime() {
this.dateValue = new Date().getTime(); this.dateValue = new Date().getTime();
@ -741,9 +752,16 @@ export default {
.sideBar { .sideBar {
width: 300px; width: 300px;
border-right: 1px solid @border-color-base; border-right: 1px solid @border-color-base;
overflow: auto; display: flex;
flex-direction: column;
padding: 16px 0px; padding: 16px 0px;
.searchBar {
width: 94%;
margin: 0 auto;
margin-bottom: 16px;
}
.el-tree { .el-tree {
overflow: auto;
.el-tree-node__content { .el-tree-node__content {
height: 40px; height: 40px;
font-size: 12px; font-size: 12px;

@ -1,6 +1,6 @@
<template> <template>
<el-dialog <el-dialog
class="addchannelDialog" class="addUserDialog"
:title="title" :title="title"
:visible.sync="isShow" :visible.sync="isShow"
:close-on-click-modal="false" :close-on-click-modal="false"
@ -11,7 +11,7 @@
label-position="left" label-position="left"
ref="formInfo" ref="formInfo"
label-width="100px" label-width="100px"
:rules=" title=='新增' ? rules : xgrules" :rules="title == '新增' ? rules : xgrules"
:model="formdata" :model="formdata"
> >
<el-form-item label="用户名:" prop="userName"> <el-form-item label="用户名:" prop="userName">
@ -31,6 +31,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="密码:" prop="password"> <el-form-item label="密码:" prop="password">
<el-input <el-input
placeholder="请输入密码" placeholder="请输入密码"
@ -53,6 +54,7 @@ export default {
}, },
data() { data() {
return { return {
roleUser: "",
isShow: false, isShow: false,
roleoptions: [ roleoptions: [
{ {
@ -64,6 +66,7 @@ export default {
label: "用户", label: "用户",
}, },
], ],
formdata: {}, formdata: {},
rules: { rules: {
userName: [ userName: [
@ -72,14 +75,14 @@ export default {
role: [{ required: true, message: "请选择角色", trigger: "blur" }], role: [{ required: true, message: "请选择角色", trigger: "blur" }],
password: [ password: [
{ required: true, message: "请输入密码", trigger: "blur" }, { required: true, message: "请输入密码", trigger: "blur" },
{ min: 6, max: 8, message: '请输入6-8位字符', trigger: 'blur' } { min: 6, max: 8, message: "请输入6-8位字符", trigger: "blur" },
], ],
}, },
xgrules: { xgrules: {
userName: [ userName: [
{ required: true, message: "请输入用户名", trigger: "blur" }, { required: true, message: "请输入用户名", trigger: "blur" },
], ],
role: [{ required: true, message: "请选择角色", trigger: "blur" }] role: [{ required: true, message: "请选择角色", trigger: "blur" }],
}, },
}; };
}, },
@ -131,6 +134,7 @@ export default {
}, },
display() { display() {
this.isShow = true; this.isShow = true;
this.roleUser = localStorage.getItem("role");
}, },
hide() { hide() {
this.isShow = false; this.isShow = false;
@ -143,9 +147,10 @@ export default {
}; };
</script> </script>
<style lang="less"> <style lang="less">
.addchannelDialog { .addUserDialog {
.el-form-item { .el-form-item {
.el-input, .el-input,
.el-select,
.el-input-number { .el-input-number {
width: 100%; width: 100%;
} }

Loading…
Cancel
Save