Skip to content

W
web-monitor
Commit b936d57d authored by yanzhongrong's avatar yanzhongrong
Browse files
Options

Code specification

parent d591d068
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1575 additions and 1437 deletions
src/App.vue
View file @ b936d57d
<template>
<div id="app">
<router-view />
<audio ref="audio" src="./assets/audio/urgent.wav" muted="true" loop="false" />
<audio
ref="audio"
src="./assets/audio/urgent.wav"
muted="true"
loop="false"
/>
<transition name="tipalerm">
<div v-if="tflag" class="tips">
<p>提示</p>
<span>系统新增{{ msg.count }}条
<span
>系统新增{{ msg.count }}条
<span v-text="msg.type == 1 ? '设备连接' : '漏缆监测'" />
<span id="alevel" :style="alevel">{{ msg.level }}</span>告警消息,请及时查看!
<span id="alevel" :style="alevel">{{ msg.level }}</span
>告警消息,请及时查看!
</span>
</div>
</transition>
......@@ -48,7 +55,7 @@ export default {
watch: {
$route(to, from) {
if (to.path === '/login') {
setTimeout(this.closeWebsocket(), 300)
setTimeout(this.closeWebsocket(), 300);
}
},
usertoken: {
......@@ -56,9 +63,9 @@ export default {
handler(newV) {
if (newV) {
if (newV !== '') {
this.websocket = socket({ onmessage: this.receiveMessage })
this.websocket = socket({ onmessage: this.receiveMessage });
} else {
this.closeWebsocket()
this.closeWebsocket();
}
}
}
......@@ -67,11 +74,11 @@ export default {
handler(newV) {
if (newV.length || this.deviceList.length) {
setTimeout(() => {
this.$refs.audio.play()
this.$refs.audio.loop = true
this.$refs.audio.play();
this.$refs.audio.loop = true;
}, 500)
} else {
this.$refs.audio.loop = false
this.$refs.audio.loop = false;
}
}
}
......@@ -80,35 +87,35 @@ export default {
document.body.addEventListener(
'mousedown',
() => {
this.$refs.audio.muted = false
document.body.removeEventListener('mousedown', () => {})
this.$refs.audio.muted = false;
document.body.removeEventListener('mousedown', () => { });
},
false
)
EventBus.$on('dialogAlarm', (data) => {
// 接收消息之后 声音弹窗显示
this.msg = data
this.levelcolor()
this.tflag = true
this.msg = data;
this.levelcolor();
this.tflag = true;
setTimeout(() => {
this.tflag = false
this.tflag = false;
}, 3000)
})
EventBus.$on('autioPlay', (data) => {
this.audioUrl = './assets/audio/' + this.audioObj[data.level]
this.audioUrl = './assets/audio/' + this.audioObj[data.level];
setTimeout(() => {
this.$refs.audio.play()
this.$refs.audio.play();
}, 500)
if (this.cableList.length || this.deviceList.length) {
this.$refs.audio.loop = true
this.$refs.audio.loop = true;
}
})
EventBus.$on('cancelWS', () => {
this.closeWebsocket()
this.closeWebsocket();
})
},
destroyed() {
document.body.removeEventListener('mousedown', () => {})
document.body.removeEventListener('mousedown', () => { });
},
methods: {
receiveMessage,
......@@ -119,20 +126,19 @@ export default {
},
levelcolor() {
if (this.msg.level === '正常' || this.msg.level === '连接正常') {
this.alevel.color = 'green'
this.alevel.color = 'green';
} else if (this.msg.level === '紧急' || this.msg.level === '连接异常') {
this.alevel.color = '#f00'
this.alevel.color = '#f00';
} else if (this.msg.level === '重要') {
this.alevel.color = '#f89850'
this.alevel.color = '#f89850';
} else if (this.msg.level === '一般') {
this.alevel.color = '#ead906'
this.alevel.color = '#ead906';
}
}
}
}
</script>
<style lang="scss" scoped>
#app {}
.tipalerm-enter-active {
transition: 0.5s;
}
......
src/components/orgTree.vue
View file @ b936d57d
......@@ -52,7 +52,6 @@
:expand-on-click-node="false"
@node-click="handleClick"
>
<!-- :current-node-key='id' -->
</el-tree>
</el-scrollbar>
</div>
......@@ -95,6 +94,7 @@ export default {
this.getInit();
},
methods: {
// 展开
toOpen() {
this.isOpen = !this.isOpen;
this.openOrNot = false;
......@@ -102,6 +102,7 @@ export default {
this.openOrNot = true;
}, 10);
},
// 点击节点
handleClick(data, node) {
this.treeClickCount++;
if (this.treeClickCount >= 2) {
......@@ -119,6 +120,7 @@ export default {
}, 300)
},
// 初始化数据
getInit() {
this.loading = true;
getTree().then((res) => {
......@@ -130,6 +132,7 @@ export default {
}
});
},
// 动态渲染树
renderContent(h, { node, data, store }) {
return (
<div>
......@@ -143,9 +146,9 @@ export default {
</span>
</div>
);
},
}
},
};
}
</script>
<style lang="scss">
......
src/permission.js
View file @ b936d57d
......@@ -8,16 +8,13 @@ import getPageTitle from '@/utils/get-page-title'
NProgress.configure({ showSpinner: false }) // NProgress Configuration
const whiteList = ['/login'] // no redirect whitelist
const whiteList = ['/login']
router.beforeEach(async(to, from, next) => {
// start progress bar
NProgress.start()
// set page title
document.title = getPageTitle(to.meta.title)
// determine whether the user has logged in
const hasToken = getToken()
if (hasToken) {
......@@ -25,21 +22,17 @@ router.beforeEach(async(to, from, next) => {
next({ path: '/' })
NProgress.done()
} else {
// const hasGetUserInfo = store.getters.userName
const hasRoles = store.state.user && store.state.user.roles.length > 0
if (hasRoles) {
next()
} else {
try {
// get user info
const { isAdmin } = await store.dispatch('user/getInfo')
const roles = isAdmin == 1 ? ['admin'] : ['editor']
const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
router.addRoutes(accessRoutes)
next({ ...to, replace: true })
} catch (error) {
// remove token and go to login page to re-login
await store.dispatch('user/resetToken')
Message.error(error || 'Has Error')
next(`/login?redirect=${to.path}`)
......
src/router/index.js
View file @ b936d57d
......@@ -3,28 +3,8 @@ import Router from 'vue-router'
Vue.use(Router)
/* Layout */
import Layout from '@/layout'
/**
* Note: sub-menu only appear when route children.length >= 1
* Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
*
* hidden: true if set true, item will not show in the sidebar(default is false)
* alwaysShow: true if set true, will always show the root menu
* if not set alwaysShow, when item has more than one children route,
* it will becomes nested mode, otherwise not show the root menu
* redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
* name:'router-name' the name is used by <keep-alive> (must set!!!)
* meta : {
roles: ['admin','editor'] control the page roles (you can set multiple roles)
title: 'title' the name show in sidebar and breadcrumb (recommend set)
icon: 'svg-name'/'el-icon-x' the icon show in the sidebar
breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
}
*/
/**
* constantRoutes
* a base page that does not have permission requirements
......@@ -38,13 +18,6 @@ export const constantRoutes = [
hidden: true
},
// {
// path: '/404',
// component: () => import('@/views/404'),
// meta:{title:"404"},
// hidden: true
// },
{
path: '/',
component: Layout,
......@@ -249,7 +222,6 @@ const createRouter = () => new Router({
const router = createRouter()
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
const newRouter = createRouter()
router.matcher = newRouter.matcher // reset router
......
src/utils/request.js
View file @ b936d57d
......@@ -84,7 +84,7 @@ service.interceptors.response.use(
return res
},
error => {
console.log('err' + error) // for debug
// console.log('err' + error) // for debug
if (error.response) {
endLoading(error.response.config.el)
if (!error.response.config.silence) {
......
src/utils/websocket.js
View file @ b936d57d
......@@ -25,7 +25,6 @@ export default function socket(handlerOptions) {
//连接成功建立的回调方法
websocket.onopen = function() {
console.info("Websocket连接成功")
console.log(websocket.readyState);
heart.start()
onopen && onopen()
}
......
src/views/alarm/api.js
View file @ b936d57d
import request from '@/utils/request'
import request from '@/utils/request';
const path = {
cableTimeList: 'sysMonitorAlarm/selectPage',
......@@ -11,22 +11,21 @@ const path = {
}
export function cableTimeList() {
return request.post(path.cableTimeList, ...arguments)
return request.post(path.cableTimeList, ...arguments);
}
export function cableCancel() {
return request.post(path.cableCancel, ...arguments)
return request.post(path.cableCancel, ...arguments);
}
export function cableConfirm() {
return request.post(path.cableConfirm, ...arguments)
return request.post(path.cableConfirm, ...arguments);
}
export function deviceList() {
return request.post(path.deviceList, ...arguments)
return request.post(path.deviceList, ...arguments);
}
export function deviceConfirm() {
return request.post(path.deviceConfirm, ...arguments)
return request.post(path.deviceConfirm, ...arguments);
}
export function deviceCancel() {
return request.post(path.deviceCancel, ...arguments)
return request.post(path.deviceCancel, ...arguments);
}
src/views/alarm/cableTime/index.vue
View file @ b936d57d
This diff is collapsed.
src/views/alarm/device/components/search.vue
View file @ b936d57d
......@@ -23,7 +23,8 @@
</template>
<script>
import { ConnectStatusEnum } from '@/const/index'
import { ConnectStatusEnum } from '@/const/index';
export default {
name: 'Search',
data() {
......@@ -33,18 +34,16 @@ export default {
dateRange: []
}
},
mounted() {
},
methods: {
toSearch() {
this.form.startUploadTime = this.dateRange[0]
this.form.endUploadTime = this.dateRange[1]
this.$emit('search', this.form)
this.form.startUploadTime = this.dateRange[0];
this.form.endUploadTime = this.dateRange[1];
this.$emit('search', this.form);
},
reset() {
this.dateRange = []
this.form = formInit()
this.$emit('search')
this.dateRange = [];
this.form = formInit();
this.$emit('search');
}
}
}
......
src/views/alarm/device/index.vue
View file @ b936d57d
......@@ -53,13 +53,13 @@
scope.row.confirmStatus === 1 &&
scope.row.connectStatusName == '连接正常'
"
@click="cancel2(scope.row)"
@click="cancelAlarm(scope.row)"
>取消</el-button
>
<el-button
type="text"
v-else-if="scope.row.confirmStatus === 0"
@click="confirm2(scope.row)"
@click="confirmAlarm(scope.row)"
>确认</el-button
>
</template>
......@@ -121,6 +121,7 @@ import { exportConnet } from "@/api/export";
import search from "./components/search.vue";
import download from "@/utils/download";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
name:'device',
components: { search },
......@@ -152,10 +153,8 @@ export default {
exids: []
}
},
mounted() {
this.getTableData()
},
created() {
this.getTableData()
this.searchOption = this.$route.query
},
methods: {
......@@ -177,26 +176,30 @@ export default {
return "stripe";
}
},
// 刷新
refresh() {
this.$refs.reset != undefined
? this.$refs.reset.reset()
: this.getTableData();
},
// 分页更改
handlePageChange(pageData) {
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
// 查询
search(option) {
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
// 获取数据
getTableData() {
let param = {
confirmStatus: this.confirmStatus,
...this.params,
...this.searchOption,
...this.searchOption
};
deviceList(param).then((res) => {
let list = res.records || [];
......@@ -213,38 +216,43 @@ export default {
}
});
},
confirm2(row) {
// 表格确认告警
confirmAlarm(row) {
this.centerDialogVisible = true;
this.dialogInfo = row;
},
// 编辑确认告警
confirm(dialogInfo) {
let id = dialogInfo.id;
deviceConfirm({ id: id }).then((res) => {
this.getTableData();
this.$store.dispatch('alarm/getDevice')
this.$store.dispatch('alarm/getDevice');
});
this.centerDialogVisible = false;
},
cancel2(row) {
// 表格取消告警
cancelAlarm(row) {
this.centerDialogVisible = true;
this.dialogInfo = row;
},
// 编辑取消告警
cancel(dialogInfo) {
let query = {
connectStatusName: dialogInfo.connectStatusName,
id: dialogInfo.id,
id: dialogInfo.id
};
deviceCancel(query).then((res) => {
this.getTableData();
});
this.centerDialogVisible = false;
},
// 切换是否确认告警
changeType(item) {
this.confirmStatus = item.key;
this.params.current = 1
this.params.current = 1;
this.getTableData();
},
// 导出
exportList() {
if (this.exids.length == 0) {
this.$message.warning("暂无数据");
......
src/views/dashboard/api.js
View file @ b936d57d
......@@ -14,30 +14,30 @@ const path = {
}
export function treeBaseInfo() {
return request.post(path.treeBaseInfo, ...arguments)
return request.post(path.treeBaseInfo, ...arguments);
}
export function railWayOpen() {
return request.post(path.railWayOpen, ...arguments)
return request.post(path.railWayOpen, ...arguments);
}
export function siteOpen() {
return request.post(path.siteOpen, ...arguments)
return request.post(path.siteOpen, ...arguments);
}
export function fsuOpen() {
return request.post(path.fsuOpen, ...arguments)
return request.post(path.fsuOpen, ...arguments);
}
export function monitorEquipOpen() {
return request.post(path.monitorEquipOpen, ...arguments)
return request.post(path.monitorEquipOpen, ...arguments);
}
export function leakyCableOpen() {
return request.post(path.leakyCableOpen, ...arguments)
return request.post(path.leakyCableOpen, ...arguments);
}
export function updateFeeder() {
return request.post(path.updateFeeder, ...arguments)
return request.post(path.updateFeeder, ...arguments);
}
export function getYear() {
return request.post(path.getYear, ...arguments)
return request.post(path.getYear, ...arguments);
}
export function getMonth() {
return request.post(path.getMonth, ...arguments)
return request.post(path.getMonth, ...arguments);
}
src/views/dashboard/components/index.vue
View file @ b936d57d
......@@ -25,19 +25,19 @@ export default {
props: {
type: {
type: [Number, String],
defualt: null,
defualt: null
},
curInfo: {
type: Object,
default: () => {},
default: () => {}
},
curId: {
type: [Number, String],
defualt: null,
defualt: null
},
selectId: {
type: [Number, String],
defualt: null,
defualt: null
}
},
computed: {
......@@ -59,7 +59,7 @@ export default {
},
cancel() {
this.$emit("cancel");
},
},
}
}
};
</script>
\ No newline at end of file
src/views/dashboard/components/mixins.js
View file @ b936d57d
// 公共文件
import { formInit } from '../const'
export const DetailMixins = {
......
src/views/dashboard/components/type1.vue
View file @ b936d57d
......@@ -56,13 +56,15 @@
<el-col :span="10">
<el-button
v-if="
form.status.connectAlarm == '告警' || form.status.connectAlarm == '连接异常'
form.status.connectAlarm == '告警' ||
form.status.connectAlarm == '连接异常'
"
class="alarmbtn"
type="primary"
size="mini"
@click="toalarm(form.status.connectAlarm)"
>处理告警</el-button>
>处理告警</el-button
>
</el-col>
</el-row>
</el-col>
......@@ -78,12 +80,17 @@
}}</el-col>
<el-col :span="10">
<el-button
v-if="form.status.monitorAlarm != '正常' && form.status.monitorAlarm != '' && form.status.monitorAlarm != undefined"
v-if="
form.status.monitorAlarm != '正常' &&
form.status.monitorAlarm != '' &&
form.status.monitorAlarm != undefined
"
class="alarmbtn"
type="primary"
size="mini"
@click="toalarm(form.status.monitorAlarm)"
>处理告警</el-button>
>处理告警</el-button
>
</el-col>
</el-row>
</el-col>
......@@ -151,14 +158,16 @@
type="text"
class="savebtn"
@click="editbtn()"
><svg-icon icon-class="edit" /> 编辑</el-button>
><svg-icon icon-class="edit" /> 编辑</el-button
>
<el-button
v-else
style="float: right; padding: 3px 0; margin-right: 20px"
type="text"
class="savebtn"
@click="savebtn()"
><svg-icon icon-class="save" /> 保存</el-button>
><svg-icon icon-class="save" /> 保存</el-button
>
</div>
<div>
<el-row class="text" :gutter="24">
......@@ -250,9 +259,10 @@
</template>
<script>
import { DetailMixins } from './mixins'
import { getUserName } from '@/utils/auth'
import { railWayOpen } from '../api'
import { DetailMixins } from './mixins';
import { getUserName } from '@/utils/auth';
import { railWayOpen } from '../api';
export default {
name: 'Type1',
mixins: [DetailMixins],
......@@ -269,7 +279,7 @@ export default {
},
computed: {
userName() {
return getUserName()
return getUserName();
}
},
watch: {
......@@ -277,16 +287,17 @@ export default {
immediate: true,
handler(newV) {
if (newV) {
this.waylevelcolor()
this.waylevelcolor2()
this.waylevelcolor();
this.waylevelcolor2();
}
}
},
deep: true
},
methods: {
// 保存
savebtn() {
this.flag = true
this.flag = true;
const params = {
id: this.form.baseInfo.id,
name: this.form.baseInfo.name,
......@@ -296,43 +307,45 @@ export default {
totalLong: this.form.baseInfo.totalLong
}
railWayOpen(params).then((res) => {
this.$message.success('修改成功')
this.$message.success('修改成功');
})
},
// 数据更新，判断状态更新
waylevelcolor() {
if (this.form.status.monitorAlarm === '正常') {
this.acolor.color = 'green'
this.acolor.color = 'green';
} else if (this.form.status.monitorAlarm === '紧急') {
this.acolor.color = '#f00'
this.form.status.monitorAlarm = '紧急告警'
this.acolor.color = '#f00';
this.form.status.monitorAlarm = '紧急告警';
} else if (this.form.status.monitorAlarm === '重要') {
this.acolor.color = '#f89850'
this.form.status.monitorAlarm = '重要告警'
this.acolor.color = '#f89850';
this.form.status.monitorAlarm = '重要告警';
} else if (this.form.status.monitorAlarm === '一般') {
this.acolor.color = '#ead906'
this.form.status.monitorAlarm = '一般告警'
this.acolor.color = '#ead906';
this.form.status.monitorAlarm = '一般告警';
}
},
// 数据更新，判断状态更新
waylevelcolor2() {
if (this.form.status.connectAlarm === '连接正常') {
this.acolor3.color = 'green'
this.acolor3.color = 'green';
} else if (this.form.status.connectAlarm === '连接异常') {
this.acolor3.color = '#f00'
this.form.status.connectAlarm = '告警'
this.acolor3.color = '#f00';
this.form.status.connectAlarm = '告警';
}
},
// 处理告警
toalarm(data) {
let topath = ''
let topath = '';
if (data === '告警') {
topath = '/alarm/device'
topath = '/alarm/device';
} else {
topath = '/alarm/cableTime'
topath = '/alarm/cableTime';
}
this.$router.push({
path: topath,
query: {
wayId: this.form.baseInfo.id
}
})
}
......@@ -364,11 +377,7 @@ export default {
position: absolute;
right: 2%;
}
// .el-col {
// margin-bottom: 20px;
// }
.text {
// display: flex;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #e3e3e3;
&:last-child {
......@@ -390,7 +399,6 @@ export default {
margin-top: 12px;
margin-bottom: 12px;
}
.value_handle {
margin-right: 10px;
min-width: 52px;
......
src/views/dashboard/components/type2.vue
View file @ b936d57d
......@@ -127,7 +127,9 @@
<div class="item_name">站点经度</div>
</el-col>
<el-col :span="colspan">
<div class="item_data">{{ changeToLngDFM(form.baseInfo.siteLatitude) }}</div>
<div class="item_data">
{{ changeToLngDFM(form.baseInfo.siteLatitude) }}
</div>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
......@@ -135,17 +137,11 @@
<div class="item_name">站点纬度</div>
</el-col>
<el-col :span="colspan">
<div class="item_data">{{ changeToLatDFM(form.baseInfo.siteLongitude) }}</div>
<div class="item_data">
{{ changeToLatDFM(form.baseInfo.siteLongitude) }}
</div>
</el-col>
</el-row>
<!-- <el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">站点监控时间</div>
</el-col>
<el-col :span="colspan">
<div class="item_data"></div>
</el-col>
</el-row> -->
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">漏缆根数</div>
......@@ -235,13 +231,12 @@
</template>
<script>
import { changeToLngDFM,
changeToLatDFM } from '@/utils/index'
import { changeToLngDFM, changeToLatDFM } from '@/utils/index';
import { DetailMixins } from "./mixins";
import { siteOpen } from "../api";
export default {
name: "Dashboard",
name: "Type2",
mixins: [DetailMixins],
data() {
return {
......@@ -260,7 +255,7 @@ export default {
if (this.form.status) {
return this.form.status;
} else {
return this.defaultList
return this.defaultList;
}
},
},
......@@ -272,8 +267,6 @@ export default {
this.$nextTick(function () {
this.levelcolor2();
});
}
},
},
......@@ -281,40 +274,43 @@ export default {
methods: {
changeToLngDFM,
changeToLatDFM,
// 保存
savebtn() {
this.flag = true;
siteOpen(this.info()).then((res) => {
this.$message.success("修改成功");
});
},
// 实时告警判断状态
levelcolor2() {
let la = document.getElementsByClassName("levelData")
let dom = document.getElementsByClassName("levelData")
for (var i = 0; i < this.statusAlarmfun.length; i++) {
if (la[i].innerHTML == "连接正常") {
la[i].style.color = "green";
la[i].innerHTML = "连接正常"
} if (la[i].innerHTML == "连接异常") {
la[i].style.color = "#f00";
la[i].innerHTML = "告警"
} if (la[i].innerHTML == "正常") {
la[i].style.color = "green";
} if (la[i].innerHTML == "紧急") {
la[i].style.color = "#f00";
} if (la[i].innerHTML == "重要") {
la[i].style.color = "#f89850";
la[i].innerHTML = "重要告警"
} if (la[i].innerHTML == "一般") {
la[i].style.color = "#ead906";
la[i].innerHTML = "一般告警"
if (dom[i].innerHTML == "连接正常") {
dom[i].style.color = "green";
dom[i].innerHTML = "连接正常";
} if (dom[i].innerHTML == "连接异常") {
dom[i].style.color = "#f00";
dom[i].innerHTML = "告警";
} if (dom[i].innerHTML == "正常") {
dom[i].style.color = "green";
} if (dom[i].innerHTML == "紧急") {
dom[i].style.color = "#f00";
} if (dom[i].innerHTML == "重要") {
dom[i].style.color = "#f89850";
dom[i].innerHTML = "重要告警";
} if (dom[i].innerHTML == "一般") {
dom[i].style.color = "#ead906";
dom[i].innerHTML = "一般告警";
}
}
},
// 处理告警
toalarm(data) {
let topath = ''
if (data === '设备状态') {
topath = '/alarm/device'
topath = '/alarm/device';
} else {
topath = '/alarm/cableTime'
topath = '/alarm/cableTime';
}
this.$router.push({
path: topath,
......@@ -331,7 +327,6 @@ export default {
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
// min-height: 243px;
.el-card__header {
font-size: 18px;
color: #333333;
......@@ -355,9 +350,7 @@ export default {
position: absolute;
top: 328px;
}
.text {
// display: flex;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #e3e3e3;
&:last-child {
......@@ -379,7 +372,6 @@ export default {
margin-top: 12px;
margin-bottom: 12px;
}
.value_handle {
color: red;
margin-right: 10px;
......
src/views/dashboard/components/type3.vue
View file @ b936d57d
......@@ -40,15 +40,13 @@
<el-card shadow="never">
<div slot="header" class="clearfix posa">
<span>基础信息</span>
<el-button
<el-button
style="float: right; padding: 3px 0; margin-right: 20px"
type="text"
class="savebtn"
v-if="flag == true"
@click="editbtn()"
><svg-icon
icon-class="edit"
/> 编辑</el-button
><svg-icon icon-class="edit" /> 编辑</el-button
>
<el-button
style="float: right; padding: 3px 0; margin-right: 20px"
......@@ -56,9 +54,7 @@
class="savebtn"
v-else
@click="savebtn()"
><svg-icon
icon-class="save"
/> 保存</el-button
><svg-icon icon-class="save" /> 保存</el-button
>
</div>
<div>
......@@ -222,7 +218,12 @@
<span>当前状态</span>
</div>
<div>
<el-row v-for="(item, i) in statusList" :key="i" class="text" :gutter="24">
<el-row
v-for="(item, i) in statusList"
:key="i"
class="text"
:gutter="24"
>
<el-col :span="10">
<div class="item_name">{{ item.name }}</div>
</el-col>
......@@ -231,12 +232,18 @@
</el-col>
<el-col :span="6">
<el-button
v-if="item.value == '连接异常' || item.value == '紧急' || item.value == '重要' || item.value == '一般'"
v-if="
item.value == '连接异常' ||
item.value == '紧急' ||
item.value == '重要' ||
item.value == '一般'
"
class="alarmbtn"
type="primary"
size="mini"
@click="toalarm(item)"
>处理告警</el-button>
>处理告警</el-button
>
</el-col>
</el-row>
</div>
......@@ -247,10 +254,11 @@
</template>
<script>
import { DetailMixins } from './mixins'
import { fsuOpen } from '../api'
import { DetailMixins } from './mixins';
import { fsuOpen } from '../api';
export default {
name: 'Type5',
name: 'Type3',
mixins: [DetailMixins],
data() {
return {
......@@ -262,29 +270,31 @@ export default {
immediate: true,
handler(newV) {
if (newV) {
this.$nextTick(function() {
this.levelcolor()
this.$nextTick(function () {
this.levelcolor();
})
}
}
}
},
methods: {
// 保存
savebtn() {
this.flag = true
this.flag = true;
fsuOpen(this.info()).then((res) => {
this.$message.success('修改成功')
this.$message.success('修改成功');
})
},
// 处理告警
toalarm(item) {
let topath = ''
let toquery = {}
let topath = '';
let toquery = {};
if (item.name === '设备状态') {
topath = '/alarm/device'
toquery = { fsuId: this.form.baseInfo.id }
topath = '/alarm/device';
toquery = { fsuId: this.form.baseInfo.id };
} else {
topath = '/alarm/cableTime'
toquery = { alarmTargetName: item.name }
topath = '/alarm/cableTime';
toquery = { alarmTargetName: item.name };
}
this.$router.push({
path: topath,
......
src/views/dashboard/components/type4.vue
View file @ b936d57d
......@@ -34,15 +34,13 @@
<el-card shadow="never">
<div slot="header" class="clearfix posa">
<span>基础信息</span>
<el-button
<el-button
style="float: right; padding: 3px 0; margin-right: 20px"
type="text"
class="savebtn"
v-if="flag == true"
@click="editbtn()"
><svg-icon
icon-class="edit"
/> 编辑</el-button
><svg-icon icon-class="edit" /> 编辑</el-button
>
<el-button
style="float: right; padding: 3px 0; margin-right: 20px"
......@@ -50,9 +48,7 @@
class="savebtn"
v-else
@click="savebtn()"
><svg-icon
icon-class="save"
/> 保存</el-button
><svg-icon icon-class="save" /> 保存</el-button
>
</div>
<div>
......@@ -197,11 +193,21 @@
<el-col :span="8">
<div class="item_data levelData">{{ item.value }}</div>
</el-col>
<el-col :span="6" >
<el-button class="alarmbtn" type="primary" size="mini"
v-if="item.value == '连接异常' || item.value == '紧急' || item.value == '重要' || item.value == '一般'"
@click="toalarm(item)" >处理告警</el-button>
</el-col>
<el-col :span="6">
<el-button
class="alarmbtn"
type="primary"
size="mini"
v-if="
item.value == '连接异常' ||
item.value == '紧急' ||
item.value == '重要' ||
item.value == '一般'
"
@click="toalarm(item)"
>处理告警</el-button
>
</el-col>
</el-row>
</div>
</el-card>
......@@ -212,62 +218,60 @@
<script>
import { DetailMixins } from "./mixins";
import { monitorEquipOpen } from "../api";
export default {
name: "Dashboard",
name: "Type4",
mixins: [DetailMixins],
data() {
return {
colspan:14,
colspan: 14,
};
},
mixins: [DetailMixins],
watch: {
statusList: {
immediate: true,
handler(newV) {
if (newV) {
this.$nextTick(function () {
this.levelcolor();
});
}
},
},
},
methods: {
// 保存
savebtn() {
this.flag = true;
monitorEquipOpen(this.info()).then((res) => {
this.$message.success("修改成功");
this.$message.success("修改成功");
});
},
toalarm(item){
let topath = ''
let toquery = {}
if (item.name == '设备状态') {
topath = '/alarm/device'
toquery = { monitorEquipId:this.form.baseInfo.id }
} else{
topath = '/alarm/cableTime'
toquery = { alarmTargetName :item.name }
}
// 处理告警
toalarm(item) {
let topath = '';
let toquery = {};
if (item.name == '设备状态') {
topath = '/alarm/device';
toquery = { monitorEquipId: this.form.baseInfo.id };
} else {
topath = '/alarm/cableTime';
toquery = { alarmTargetName: item.name };
}
this.$router.push({
path: topath,
query: toquery,
});
},
},
watch: {
statusList: {
immediate: true,
handler(newV) {
if (newV) {
this.$nextTick(function () {
this.levelcolor();
});
}
},
},
},
mounted() {},
};
}
</script>
<style lang="scss" scoped>
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
// min-height: 243px;
.el-card__header {
font-size: 18px;
color: #333333;
......@@ -312,7 +316,6 @@ export default {
margin-top: 12px;
margin-bottom: 12px;
}
.el-card:last-child .text {
border-bottom: none !important;
}
......
src/views/dashboard/components/type5.vue
View file @ b936d57d
......@@ -35,12 +35,13 @@
<div class="item_data">{{ form.log.monitor }}条</div>
</el-col>
<el-col :span="6" />
<el-button
class="picbtn"
type="success"
size="mini"
@click="trendAnalysis"
>趋势分析图形</el-button>
<el-button
class="picbtn"
type="success"
size="mini"
@click="trendAnalysis"
>趋势分析图形</el-button
>
</el-row>
</div>
</el-card>
......@@ -56,14 +57,16 @@
type="text"
class="savebtn"
@click="editbtn()"
><svg-icon icon-class="edit" /> 编辑</el-button>
><svg-icon icon-class="edit" /> 编辑</el-button
>
<el-button
v-else
style="float: right; padding: 3px 0; margin-right: 20px"
type="text"
class="savebtn"
@click="savebtn()"
><svg-icon icon-class="save" /> 保存</el-button>
><svg-icon icon-class="save" /> 保存</el-button
>
</div>
<div>
<el-row class="text" :gutter="24">
......@@ -145,7 +148,8 @@
clearable
placeholder="请输入内容"
:disabled="flag"
><template slot="append">dB/m</template></el-input>
><template slot="append">dB/m</template></el-input
>
</div>
</el-col>
</el-row>
......@@ -228,27 +232,33 @@
<span>当前状态</span>
</div>
<div>
<!-- === -->
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">漏缆状态</div>
</el-col>
<el-col :span="8">
<div
v-if="statusl.length != 0"
v-if="stateEmergency.length != 0"
class="item_data levelData"
:style="acolor"
>{{statusl[0].value }}</div>
>
{{ stateEmergency[0].value }}
</div>
</el-col>
<el-col :span="6">
<el-button
v-if="form.status.length && (form.status[0].value == '紧急告警' || form.status[0].value == '重要告警' || form.status[0].value == '一般告警')
v-if="
form.status.length &&
(form.status[0].value == '紧急告警' ||
form.status[0].value == '重要告警' ||
form.status[0].value == '一般告警')
"
class="alarmbtn"
type="primary"
size="mini"
@click="toalarm()"
>处理告警</el-button>
>处理告警</el-button
>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
......@@ -256,13 +266,13 @@
<div class="item_name">最后更新时间</div>
</el-col>
<el-col :span="colspan">
<div v-if="statusl.length != 0" class="item_data">
{{ statusl[1].value }}
<div v-if="stateEmergency.length != 0" class="item_data">
{{ stateEmergency[1].value }}
</div>
</el-col>
</el-row>
<el-row
v-for="(item, i) in long"
v-for="(item, i) in distanceList"
:key="i"
class="text"
:gutter="24"
......@@ -275,12 +285,9 @@
</div>
</el-col>
<el-col :span="colspan">
<div class="item_data">驻波比：{{ zhubobi[i].value }}</div>
<div class="item_data">驻波比：{{ standingWaveRatio[i].value }}</div>
</el-col>
</el-row>
<!-- ==== -->
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">百米损耗</div>
......@@ -296,57 +303,61 @@
type="success"
size="mini"
@click="generateChart"
>生成图形</el-button>
>生成图形</el-button
>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
</el-row>
<picAnalysis :flag="curflag" :curInfo="curObj" @cancel="cancel" />
<trendAnalysis :flag="trendflag" :selectId="selectId" :curInfo="curInfo" :type="type==5 ? 0 : 1" @cancel="cancel" />
<trendAnalysis
:flag="trendflag"
:selectId="selectId"
:curInfo="curInfo"
:type="type == 5 ? 0 : 1"
@cancel="cancel"
/>
</div>
</template>
<script>
import { DetailMixins } from './mixins'
import { leakyCableOpen } from '../api'
import picAnalysis from '@/views/history/leakyCableStatus/components/picAnalysis.vue'
import trendAnalysis from './trendAnalysis.vue'
import { DetailMixins } from './mixins';
import { leakyCableOpen } from '../api';
import picAnalysis from '@/views/history/leakyCableStatus/components/picAnalysis.vue';
import trendAnalysis from './trendAnalysis.vue';
export default {
name: 'Type5',
mixins: [DetailMixins],
data() {
return {
colspan: 14,
acolor: {
color: ''
},
leakyList: [],
timeStatus: {},
zhubobi: [],
long: [],
statusl: [],
standingWaveRatio: [], // 驻波比
distanceList: [], // 距离数组
stateEmergency: [], // 状态
curflag: 0,
trendflag: 0,
curObj: []
}
},
components: {picAnalysis, trendAnalysis},
components: { picAnalysis, trendAnalysis },
computed: {
statusAlarmfun() {
return this.form.status || []
return this.form.status || [];
}
},
watch: {
statusAlarmfun: {
handler(newV) {
if (newV) {
this.trans()
this.$nextTick(function() {
this.leakylevelcolor()
this.handleData();
this.$nextTick(function () {
this.leakylevelcolor();
})
}
}
......@@ -354,74 +365,80 @@ export default {
deep: true
},
methods: {
// 趋势分析图形
trendAnalysis() {
this.trendflag = 1
this.trendflag = 1;
},
// 生成图形
generateChart() {
this.curObj = []
this.curflag = 1
this.curObj.push(this.curInfo.baseInfo.leakyCableDescribe)
this.curObj = [];
this.curflag = 1;
this.curObj.push(this.curInfo.baseInfo.leakyCableDescribe);
},
// 取消
cancel() {
this.curflag = 0
this.trendflag = 0
this.curflag = 0;
this.trendflag = 0;
},
// 保存
savebtn() {
this.flag = true
this.flag = true;
const params = {
id: this.form.baseInfo.id,
isOpen: this.form.baseInfo.isOpen,
hundredMetersLoss: this.form.baseInfo.hundredMetersLoss
}
leakyCableOpen(params).then((res) => {
this.$message.success('修改成功')
this.$message.success('修改成功');
})
},
// 数据更改，判断状态更改
leakylevelcolor() {
if (this.form.status[0].value === '正常') {
this.acolor.color = 'green'
this.acolor.color = 'green';
} else if (this.form.status[0].value === '紧急') {
this.acolor.color = '#f00'
this.form.status[0].value = '紧急告警'
this.acolor.color = '#f00';
this.form.status[0].value = '紧急告警';
} else if (this.form.status[0].value === '重要') {
this.acolor.color = '#f89850'
this.form.status[0].value = '重要告警'
this.acolor.color = '#f89850';
this.form.status[0].value = '重要告警';
} else if (this.form.status[0].value === '一般') {
this.acolor.color = '#ead906'
this.form.status[0].value = '一般告警'
this.acolor.color = '#ead906';
this.form.status[0].value = '一般告警';
}
},
// 处理告警
toalarm() {
this.$router.push({
path: '/alarm/cableTime',
query: {
alarmTargetName: this.form.baseInfo.leakyCableDescribe
}
})
},
trans() {
// 处理数据
handleData() {
const arr1 = []; const arr2 = []; const arr3 = []
if (this.statusAlarmfun.length !== 0) {
for (let i = 0; i < this.statusAlarmfun.length; i++) {
if (i % 2 !== 0) {
if (this.statusAlarmfun[i].name === '最后更新时间') {
this.statusAlarmfun[i].value = this.dateFormat(this.statusAlarmfun[i].value, 'yyyy-MM-dd HH:mm:ss')
arr1.push(this.statusAlarmfun[i])
this.statusAlarmfun[i].value = this.dateFormat(this.statusAlarmfun[i].value, 'yyyy-MM-dd HH:mm:ss');
arr1.push(this.statusAlarmfun[i]);
} else {
arr2.push(this.statusAlarmfun[i])
arr2.push(this.statusAlarmfun[i]);
}
} else {
if (this.statusAlarmfun[i].name === '漏缆状态') {
arr1.push(this.statusAlarmfun[i])
arr1.push(this.statusAlarmfun[i]);
} else {
arr3.push(this.statusAlarmfun[i])
arr3.push(this.statusAlarmfun[i]);
}
}
}
this.statusl = arr1
this.zhubobi = arr2
this.long = arr3
this.stateEmergency = arr1;
this.standingWaveRatio = arr2;
this.distanceList = arr3;
}
}
}
......
src/views/dashboard/components/type6.vue
View file @ b936d57d
This diff is collapsed.
src/views/dashboard/index.vue
View file @ b936d57d
<template>
<!-- 首页 -->
<div class="dashboard-container">
<!-- 首页 -->
<div>
<orgTree ref="tree" style="float:left" @selectItem="selectItem" @defaultSite="defaultSite" @dblClick="dblClick"/>
<div class="ml300">
<type v-loading="loading" :type="type" :curInfo="curInfo" :selectId="selectId" :curId="curId" />
</div>
</div>
</div>
</template>
......@@ -32,49 +31,53 @@ export default {
Type,
},
methods: {
// 初始化选中第一条数据
defaultSite(data){
this.getDetailNode(data)
this.getDetailNode(data);
},
// 单击树
selectItem(data) {
this.selectId = data.id
this.curId = data.code
this.type = data.type
this.getDetailNode(data.id)
},
this.selectId = data.id;
this.curId = data.code;
this.type = data.type;
this.getDetailNode(data.id);
},
// 双击树
dblClick(data, node) {
this.changeTreeNodeStatus(node)
this.changeTreeNodeStatus(node);
},
// 双击树，收起节点
changeTreeNodeStatus (node) {
node.expanded = true
node.expanded = true;
for (let i = 0; i < node.childNodes.length; i++) {
// 改变节点的自身expanded状态
node.childNodes[i].expanded = true
node.childNodes[i].expanded = true;
// 遍历子节点
if (node.childNodes[i].childNodes.length > 0) {
this.changeTreeNodeStatus(node.childNodes[i])
this.changeTreeNodeStatus(node.childNodes[i]);
}
}
},
// 获取节点的详情
getDetailNode(data) {
let param = {
type: this.type,
id: data
}
this.loading = true
this.loading = true;
treeBaseInfo(param).then(res => {
let controlLimit = res.controlLimit || []
let controlLimit = res.controlLimit || [];
if(controlLimit) {
controlLimit.map(item => {
res[`type${item.type}`]= item.sum
res[`type${item.type}`]= item.sum;
})
}
this.curInfo = res
this.loading = false
this.curInfo = res;
this.loading = false;
})
},
}
}
}
</script>
<style lang="scss" scoped>
......@@ -112,11 +115,7 @@ export default {
position: absolute;
right: 2%;
}
// .el-col {
// margin-bottom: 20px;
// }
.text {
// display: flex;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #e3e3e3;
&:last-child {
......@@ -139,8 +138,6 @@ export default {
margin-bottom: 12px;
}
.item_data {
}
.value_handle {
color: red;
margin-right: 10px;
......@@ -154,7 +151,6 @@ export default {
}
}
.text2 {
// display: flex;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #e3e3e3;
.item_name,
......@@ -173,9 +169,6 @@ export default {
margin-top: 12px;
margin-bottom: 12px;
}
.item_data {
}
.value_handle {
color: red;
margin-right: 10px;
......
src/views/history/deviceLinkRepair/components/search.vue
View file @ b936d57d
......@@ -31,11 +31,9 @@ export default {
data() {
return {
form: formInit(),
dateRange: [],
dateRange: []
}
},
mounted() {
},
methods: {
toSearch() {
this.form.startConnectAlarmMaintainTime = this.dateRange[0]
......
src/views/history/deviceLinkRepair/index.vue
View file @ b936d57d
......@@ -2,13 +2,20 @@
<div class="leakage-cable">
<!-- 设备连接维修历史 -->
<div class="leakage-top">
<div style="color: #666666" key=""/>
<div style="color: #666666" />
<div class="operate-btn">
<delids :multipleSelection2="multipleSelection" @del="toDelete">删除</delids>
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary" @click="toExport">导出</el-button>
<el-button :type="isPermit==false ? 'primary' : 'info'" :disabled="isPermit" @click="delAll">清空数据</el-button>
<el-button
:type="isPermit == false ? 'primary' : 'info'"
:disabled="isPermit"
@click="delAll"
>清空数据</el-button
>
</div>
</div>
<div v-if="isQuery">
......@@ -38,7 +45,7 @@
label="网元设备"
align="center"
/>
<el-table-column prop="userName" label="维修人员信息" align="center"/>
<el-table-column prop="userName" label="维修人员信息" align="center" />
<el-table-column
prop="connectAlarmMaintainTime"
label="连接告警维修时间"
......@@ -54,18 +61,20 @@
/>
</div>
</template>
<script>
import {
ConnectMaintainList,
ConnectMaintainDelete,
ConnectMaintainDeleteAll
} from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportConnectMaintainHistory } from '@/api/export'
import { successAlert, warningAlert } from '@/utils/alert'
import { mapState } from 'vuex'
} from '../api';
import { ConnectStatusEnum } from '@/const/index';
import search from './components/search.vue';
import download from '@/utils/download';
import { exportConnectMaintainHistory } from '@/api/export';
import { successAlert, warningAlert } from '@/utils/alert';
import { mapState } from 'vuex';
export default {
components: {
search
......@@ -90,65 +99,72 @@ export default {
...mapState('user', ['userBaseInfo']),
isPermit() {
if (this.userBaseInfo.userId === 1) {
return false
return false;
} else {
return true
return true;
}
}
},
mounted() {
this.getTableData()
this.getTableData();
},
methods: {
// 表格多选
handleSelectionChange(val) {
let deleteIds = val.map((item) => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
// 分页更改
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
// 刷新
refresh() {
this.$refs.reset !== undefined
? this.$refs.reset.reset()
: this.getTableData()
: this.getTableData();
},
// 查询
search(option) {
this.istrue = 1
this.searchOption = option
this.getTableData()
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
// 获取数据
getTableData() {
let params = {
...this.params,
...this.searchOption
}
ConnectMaintainList(params).then((res) => {
let list = res.records || []
let list = res.records || [];
list.forEach((item) => {
item.pointConnectStatus_text =
this.ConnectStatusEnum[item.pointConnectStatus]
this.ConnectStatusEnum[item.pointConnectStatus];
})
this.tableData = list
this.total = res.total
this.exids = list.map((i) => i.id)
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
if (this.istrue === 1) {
if (this.tableData.length !== 0) {
successAlert('操作成功')
successAlert('操作成功');
} else {
warningAlert('查询结果为空')
warningAlert('查询结果为空');
}
this.istrue = 0
this.istrue = 0;
}
})
},
// 删除
toDelete() {
ConnectMaintainDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success('删除成功！')
this.getTableData()
this.$message.success('删除成功！');
this.getTableData();
})
},
// 清空数据
delAll() {
this.$confirm('继续操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
......@@ -156,36 +172,38 @@ export default {
type: 'warning'
}).then(() => {
ConnectMaintainDeleteAll().then((res) => {
this.$message.success('清空成功！')
this.getTableData()
this.$message.success('清空成功！');
this.getTableData();
})
}).catch(() => {
warningAlert('取消删除')
warningAlert('取消删除');
})
},
// 表格背景
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (
row.pointConnectStatus_text === '连接异常' &&
column.label === '连接状态'
) {
return 'emergency'
return 'emergency';
} else if (
row.pointConnectStatus_text === '连接正常' &&
column.label === '连接状态'
) {
return 'normal'
return 'normal';
}
if (rowIndex % 2 === 1) {
return 'stripe'
return 'stripe';
}
},
// 导出
toExport() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据')
return false
this.$message.warning('暂无数据');
return false;
} else {
exportConnectMaintainHistory({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `设备连接维修历史.xls`)
download(res, 'vnd.ms-excel', `设备连接维修历史.xls`);
})
}
}
......@@ -203,7 +221,6 @@ export default {
& ::v-deep .cell {
color: #333333;
}
& ::v-deep .stripe {
background-color: #eaf1fe;
}
......@@ -216,7 +233,6 @@ export default {
& ::v-deep .normal {
background-color: green !important;
}
.page {
display: flex;
align-items: center;
......
src/views/history/deviceLinkStatus/components/search.vue
View file @ b936d57d
......@@ -39,25 +39,22 @@ export default {
return {
form: formInit(),
uploadRange: [],
cancelRange: [],
cancelRange: []
}
},
mounted() {
},
methods: {
toSearch() {
this.form.startUploadTime = this.uploadRange[0]
this.form.endUploadTime = this.uploadRange[1]
this.form.startCancelTime = this.cancelRange[0]
this.form.endCancelTime = this.cancelRange[1]
this.$emit('search', this.form)
this.form.startUploadTime = this.uploadRange[0];
this.form.endUploadTime = this.uploadRange[1];
this.form.startCancelTime = this.cancelRange[0];
this.form.endCancelTime = this.cancelRange[1];
this.$emit('search', this.form);
},
reset() {
this.uploadRange = []
this.cancelRange = []
this.form = formInit()
this.$emit('search')
this.uploadRange = [];
this.cancelRange = [];
this.form = formInit();
this.$emit('search');
},
}
}
......
src/views/history/deviceLinkStatus/index.vue
View file @ b936d57d
......@@ -4,11 +4,18 @@
<div class="leakage-top">
<div style="color: #666666" />
<div class="operate-btn">
<delids :multipleSelection2="multipleSelection" @del="toDelete">删除</delids>
<delids :multipleSelection2="multipleSelection" @del="toDelete"
>删除</delids
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
<el-button type="primary" @click="toExport">导出</el-button>
<el-button :type="isPermit==false ? 'primary' : 'info'" :disabled="isPermit" @click="delAll">清空数据</el-button>
<el-button
:type="isPermit == false ? 'primary' : 'info'"
:disabled="isPermit"
@click="delAll"
>清空数据</el-button
>
</div>
</div>
<div v-if="isQuery">
......@@ -61,13 +68,13 @@ import {
ConnectStatusList,
ConnectStatusDelete,
ConnectStatusDeleteAll
} from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
import { exportConnectStatusHistory } from '@/api/export'
import download from '@/utils/download'
import { successAlert, warningAlert } from '@/utils/alert'
import { mapState } from 'vuex'
} from '../api';
import { ConnectStatusEnum } from '@/const/index';
import search from './components/search.vue';
import { exportConnectStatusHistory } from '@/api/export';
import download from '@/utils/download';
import { successAlert, warningAlert } from '@/utils/alert';
import { mapState } from 'vuex';
export default {
components: {
......@@ -94,35 +101,40 @@ export default {
...mapState('user', ['userBaseInfo']),
isPermit() {
if (this.userBaseInfo.userId === 1) {
return false
return false;
} else {
return true
return true;
}
}
},
mounted() {
this.getTableData()
this.getTableData();
},
methods: {
// 多选操作
handleSelectionChange(val) {
let deleteIds = val.map((item) => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
// 分页更改
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
// 刷新
refresh() {
this.$refs.reset !== undefined
? this.$refs.reset.reset()
: this.getTableData()
: this.getTableData();
},
// 查询
search(option) {
this.istrue = 1
this.searchOption = option
this.getTableData()
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
// 获取数据
getTableData() {
let params = {
...this.params,
......@@ -132,27 +144,29 @@ export default {
let list = res.records || []
list.forEach((item) => {
item.pointConnectStatus_text =
this.ConnectStatusEnum[item.pointConnectStatus]
this.ConnectStatusEnum[item.pointConnectStatus];
})
this.tableData = list
this.total = res.total
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id)
if (this.istrue === 1) {
if (this.tableData.length !== 0) {
successAlert('操作成功')
successAlert('操作成功');
} else {
warningAlert('查询结果为空')
warningAlert('查询结果为空');
}
this.istrue = 0
this.istrue = 0;
}
})
},
// 删除
toDelete() {
ConnectStatusDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success('删除成功！')
this.getTableData()
this.$message.success('删除成功！');
this.getTableData();
})
},
// 清空
delAll() {
this.$confirm('继续操作将永久删除, 是否继续?', '提示', {
confirmButtonText: '确定',
......@@ -160,36 +174,38 @@ export default {
type: 'warning'
}).then(() => {
ConnectStatusDeleteAll().then((res) => {
this.$message.success('清空成功！')
this.getTableData()
this.$message.success('清空成功！');
this.getTableData();
})
}).catch(() => {
warningAlert('取消删除')
warningAlert('取消删除');
})
},
// 表格背景
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (
row.pointConnectStatus_text === '连接异常' &&
column.label === '连接状态'
) {
return 'emergency'
return 'emergency';
} else if (
row.pointConnectStatus_text === '连接正常' &&
column.label === '连接状态'
) {
return 'normal'
return 'normal';
}
if (rowIndex % 2 === 1) {
return 'stripe'
return 'stripe';
}
},
// 导出
toExport() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据')
return false
this.$message.warning('暂无数据');
return false;
} else {
exportConnectStatusHistory({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `设备连接历史状态.xls`)
download(res, 'vnd.ms-excel', `设备连接历史状态.xls`);
})
}
}
......@@ -207,20 +223,18 @@ export default {
& ::v-deep .cell {
color: #333333;
}
& ::v-deep .stripe {
background-color: #eaf1fe;
}
& ::v-deep .emergency {
background-color: #f00!important;
background-color: #f00 !important;
}
& ::v-deep .important {
background-color: #f89850!important;
background-color: #f89850 !important;
}
& ::v-deep .normal {
background-color: green!important;
background-color: green !important;
}
.page {
display: flex;
align-items: center;
......
src/views/history/leakyCableRepair/components/search.vue
View file @ b936d57d
......@@ -31,8 +31,8 @@
</template>
<script>
import { commonQuery } from '../../api'
import { alarmLeval } from '@/const'
import { commonQuery } from '../../api';
import { alarmLeval } from '@/const';
export default {
name: 'search',
......@@ -45,20 +45,20 @@ export default {
}
},
mounted() {
this.getInit()
this.getInit();
},
methods: {
toSearch() {
this.$emit('search', this.form)
this.$emit('search', this.form);
},
reset() {
this.form = formInit()
this.$emit('search')
this.form = formInit();
this.$emit('search');
},
getInit() {
commonQuery().then(res => {
this.siteList = res.siteList || []
this.alarmObj = res.alarmObjectList || []
this.siteList = res.siteList || [];
this.alarmObj = res.alarmObjectList || [];
})
}
}
......
src/views/history/leakyCableRepair/index.vue
View file @ b936d57d
......@@ -67,12 +67,13 @@
</div>
</template>
<script>
import { MonitorMaintainList, MonitorMaintainDelete } from '../api'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportLeakyMaintainHistory } from '@/api/export'
import { successAlert, warningAlert } from '@/utils/alert'
import { levelStyle } from '@/const/index'
import { MonitorMaintainList, MonitorMaintainDelete } from '../api';
import search from './components/search.vue';
import download from '@/utils/download';
import { exportLeakyMaintainHistory } from '@/api/export';
import { successAlert, warningAlert } from '@/utils/alert';
import { levelStyle } from '@/const/index';
export default {
components: {
search
......@@ -95,77 +96,85 @@ export default {
}
},
mounted() {
this.getTableData()
this.getTableData();
},
methods: {
// 多选操作
handleSelectionChange(val) {
let deleteIds = val.map((item) => item.id)
this.multipleSelection = deleteIds
let deleteIds = val.map((item) => item.id);
this.multipleSelection = deleteIds;
},
// 分页更改
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
// 刷新
refresh() {
this.$refs.reset !== undefined
? this.$refs.reset.reset()
: this.getTableData()
: this.getTableData();
},
// 查询
search(option) {
this.istrue = 1
this.searchOption = option
this.getTableData()
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
// 获取数据
getTableData() {
let params = {
...this.params,
...this.searchOption
}
MonitorMaintainList(params).then((res) => {
let list = res.records || []
let list = res.records || [];
list.forEach(item => {
item.alarmInfo = JSON.parse(item.alarmInfo)
item.lossValue = eval(item.alarmInfo.map(k => k.lossValue).join('+'))
item.alarmInfo = JSON.parse(item.alarmInfo);
item.lossValue = eval(item.alarmInfo.map(k => k.lossValue).join('+'));
})
this.tableData = list
this.total = res.total
this.exids = list.map((i) => i.id)
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
if (this.istrue === 1) {
if (this.tableData.length !== 0) {
successAlert('操作成功')
successAlert('操作成功');
} else {
warningAlert('查询结果为空')
warningAlert('查询结果为空');
}
this.istrue = 0
this.istrue = 0;
}
})
},
// 删除
deleteCable() {
MonitorMaintainDelete({ ids: this.multipleSelection }).then((res) => {
this.$message.success('删除成功！')
this.getTableData()
this.$message.success('删除成功！');
this.getTableData();
})
},
// 表格背景
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.alarmLevelName === '紧急' && column.label === '告警级别') {
return 'emergency'
return 'emergency';
} else if (row.alarmLevelName === '重要' && column.label === '告警级别') {
return 'important'
return 'important';
} else if (row.alarmLevelName === '一般' && column.label === '告警级别') {
return 'common'
return 'common';
}
if (rowIndex % 2 === 1) {
return 'stripe'
return 'stripe';
}
},
// 导出
toExport() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据')
return false
this.$message.warning('暂无数据');
return false;
} else {
exportLeakyMaintainHistory({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `漏缆监测维修历史.xls`)
download(res, 'vnd.ms-excel', `漏缆监测维修历史.xls`);
})
}
}
......
src/views/history/leakyCableStatus/components/picAnalysis.vue
View file @ b936d57d
......@@ -5,8 +5,18 @@
width="1060px"
@close="cancel"
>
<div v-show="listData.length" ref="chartLine" class="chartLine" :key="componentKeys"></div>
<div v-show="!listData.length" style="font-size:20px;text-align:center"><i class="el-icon-warning" style="color:orange;margin-right:10px" />暂无数据</div>
<div
v-show="listData.length"
ref="chartLine"
class="chartLine"
:key="componentKeys"
></div>
<div v-show="!listData.length" style="font-size: 20px; text-align: center">
<i
class="el-icon-warning"
style="color: orange; margin-right: 10px"
/>暂无数据
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</span>
......@@ -14,8 +24,9 @@
</template>
<script>
import { pictorialStatement } from '../../api.js'
import * as echarts from "echarts"
import { pictorialStatement } from '../../api.js';
import * as echarts from "echarts";
export default {
props: {
flag: {
......@@ -26,7 +37,7 @@ export default {
type: Array,
default: () => []
}
},
},
data() {
return {
visible: false,
......@@ -39,51 +50,51 @@ export default {
flag: {
immediate: true,
handler(newV) {
this.visible = !!newV
this.visible = !!newV;
}
},
curInfo(newV) {
if (newV) {
this.componentKeys++
this.init()
this.componentKeys++;
this.init();
}
}
},
computed:{
computed: {
finalyText() {
return '驻波比图形分析(' + this.title + ')'
return '驻波比图形分析(' + this.title + ')';
}
},
methods: {
init() {
pictorialStatement(this.curInfo).then((res) => {
if(JSON.stringify(res.collect) !== '{}') {
let keyList = Object.keys(res.collect)
let valueList = Object.values(res.collect)
let finallyList = []
this.title = keyList.length > 1 ? '' : keyList[0]
if (JSON.stringify(res.collect) !== '{}') {
let keyList = Object.keys(res.collect);
let valueList = Object.values(res.collect);
let finallyList = [];
this.title = keyList.length > 1 ? '' : keyList[0];
for (var i = 0; i < keyList.length; i++) {
let obj = {}
let source = []
let obj = {};
let source = [];
valueList[i].map(item => {
let arr = []
arr.push(parseFloat(item.distance), parseFloat(item.value))
source.push(arr)
let arr = [];
arr.push(parseFloat(item.distance), parseFloat(item.value));
source.push(arr);
})
obj.dimensions = [`${keyList[i]}`]
obj.source = source
finallyList.push(obj)
obj.dimensions = [`${keyList[i]}`];
obj.source = source;
finallyList.push(obj);
}
this.listData = finallyList
finallyList.length ? this.getLine(finallyList) : ''
this.listData = finallyList;
finallyList.length ? this.getLine(finallyList) : '';
} else {
this.title = ''
this.listData = []
this.title = '';
this.listData = [];
}
})
},
getLine(data) {
if(data.length) {
if (data.length) {
this.myChartLine = echarts.init(this.$refs.chartLine)
let option = {
legend: {},
......@@ -94,16 +105,16 @@ export default {
let str = params[0].data[0] + "<br />"
params.forEach(item => {
str += '<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:' + item.color + '"></span>'
+ '<span style="display:inline-block;width:70px;margin-right:5px;">' + item.seriesName + '</span>'
+ " 驻波比"
+ '<span style="font-weight:700;">' + item.data[1] + "</span><br />";
+ '<span style="display:inline-block;width:70px;margin-right:5px;">' + item.seriesName + '</span>'
+ " 驻波比"
+ '<span style="font-weight:700;">' + item.data[1] + "</span><br />";
})
return str;
} else {
let str = params[0].data[0] + "<br />"
str += '<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:' + params[0].color + '"></span>'
+ '<span style="display:inline-block;width:70px;margin-right:5px;">' + params[0].seriesName + '</span>'
+ " 驻波比"
+ '<span style="display:inline-block;width:70px;margin-right:5px;">' + params[0].seriesName + '</span>'
+ " 驻波比"
+ '<span style="font-weight:700;">' + params[0].data[1] + "</span><br />";
return str;
}
......@@ -131,7 +142,7 @@ export default {
color: "#195384",
},
},
},
yAxis: [
{
......@@ -188,8 +199,8 @@ export default {
}
},
cancel() {
this.visible = false
this.$emit('cancel')
this.visible = false;
this.$emit('cancel');
}
}
}
......
src/views/history/leakyCableStatus/components/search.vue
View file @ b936d57d
......@@ -22,7 +22,8 @@
</template>
<script>
import { commonQuery } from '../../api'
import { commonQuery } from '../../api';
export default {
name: 'search',
data() {
......@@ -33,20 +34,20 @@ export default {
}
},
mounted() {
this.getInit()
this.getInit();
},
methods: {
toSearch() {
this.$emit('search', this.form)
this.$emit('search', this.form);
},
reset() {
this.form = formInit()
this.$emit('search')
this.form = formInit();
this.$emit('search');
},
getInit() {
commonQuery().then(res => {
this.siteList = res.siteList || []
this.alarmObj = res.alarmObjectList || []
this.siteList = res.siteList || [];
this.alarmObj = res.alarmObjectList || [];
})
}
}
......
src/views/history/leakyCableStatus/index.vue
View file @ b936d57d
......@@ -82,18 +82,23 @@ export default {
search,
picAnalysis
},
mounted() {
this.getTableData();
},
methods: {
// 图形报表
multiPic() {
this.flag = 1
this.curInfo = this.multipleTarget
this.flag = 1;
this.curInfo = this.multipleTarget;
},
// 生成图表
generateChart(row) {
this.curInfo = []
this.flag = 1
this.curInfo.push(row.alarmTarget)
this.curInfo = [];
this.flag = 1;
this.curInfo.push(row.alarmTarget);
},
cancel() {
this.flag = 0
this.flag = 0;
},
// 表格背景图颜色
cellClassFn({ row, column, rowIndex, columnIndex }) {
......@@ -157,9 +162,7 @@ export default {
}
},
},
mounted() {
this.getTableData();
},
};
</script>
......
src/views/login/index.vue
View file @ b936d57d
......@@ -69,23 +69,25 @@
class="loginbtn"
style="width: 100%; margin-top: 30px; margin-bottom: 30px"
@click.native.prevent="handleLogin"
>登录</el-button>
>登录</el-button
>
</el-form>
</div>
</div>
</template>
<script>
import { login } from '@/api/user'
import { setToken, setUserName } from '@/utils/auth'
import { login } from '@/api/user';
import { setToken, setUserName } from '@/utils/auth';
export default {
name: 'Login',
data() {
const validatePassword = (rule, value, callback) => {
if (value.length < 6) {
callback(new Error('密码不能少于6位'))
callback(new Error('密码不能少于6位'));
} else {
callback()
callback();
}
}
return {
......@@ -108,35 +110,35 @@ export default {
},
watch: {
$route: {
handler: function(route) {
this.redirect = route.query && route.query.redirect
handler: function (route) {
this.redirect = route.query && route.query.redirect;
},
immediate: true
}
},
created() {
var that = this
document.onkeydown = function(e) {
var key = window.event.keyCode
var that = this;
document.onkeydown = function (e) {
var key = window.event.keyCode;
if (key === 13) {
that.handleLogin()
that.handleLogin();
}
}
},
methods: {
// 显示密码
showPwd() {
if (this.passwordType === 'password') {
this.passwordType = ''
this.passwordType = '';
} else {
this.passwordType = 'password'
this.passwordType = 'password';
}
this.$nextTick(() => {
this.$refs.password.focus()
this.$refs.password.focus();
})
},
async toLogin() {
const { username, password } = this.loginForm
const { username, password } = this.loginForm;
const { token, userId } = await login(
{
userName: username,
......@@ -147,19 +149,18 @@ export default {
}
)
if (!token) return
this.$store.commit('user/SET_TOKEN', token)
this.$store.commit('user/SET_USERID', userId)
// this.$store.dispatch('user/getInfo')
setToken(token)
this.$router.push({ path: '/' })
this.$store.commit('user/SET_TOKEN', token);
this.$store.commit('user/SET_USERID', userId);
setToken(token);
this.$router.push({ path: '/' });
},
handleLogin() {
this.$refs.loginForm.validate((valid) => {
if (valid) {
setUserName(this.loginForm.username)
this.toLogin()
setUserName(this.loginForm.username);
this.toLogin();
} else {
return false
return false;
}
})
}
......@@ -226,8 +227,7 @@ $light_gray: #eee;
.login-container {
min-height: 100%;
width: 100%;
// background-color: $bg;
background-image: url("../../assets/img/login.png");
background-image: url('../../assets/img/login.png');
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
......@@ -243,8 +243,7 @@ $light_gray: #eee;
transform: translateY(-82px);
margin: 0;
box-sizing: border-box;
font-family: "Source Sans Pro", sans-serif;
// background-image: url('../../assets/img/loginTitleBg.png');
font-family: 'Source Sans Pro', sans-serif;
}
.loginBox {
position: absolute;
......@@ -256,13 +255,11 @@ $light_gray: #eee;
width: 464px;
height: 380px;
background: rgba(0, 0, 0, 0.4);
margin: 0;
padding: 33px 21px 40px;
box-sizing: border-box;
border-radius: 20px;
font-family: "Source Sans Pro", sans-serif;
font-family: 'Source Sans Pro', sans-serif;
.loginbtn {
background: linear-gradient(180deg, #4082ff 0%, #0044c7 100%);
color: #ffffff;
......@@ -276,7 +273,6 @@ $light_gray: #eee;
.login-form {
position: relative;
width: 80%;
padding: 0px;
margin: 0 auto;
overflow: hidden;
......@@ -286,14 +282,12 @@ $light_gray: #eee;
font-size: 14px;
color: #fff;
margin-bottom: 10px;
span {
&:first-of-type {
margin-right: 16px;
}
}
}
.svg-container {
padding: 4px 5px 10px 15px;
color: $dark_gray;
......@@ -301,19 +295,16 @@ $light_gray: #eee;
width: 30px;
display: inline-block;
}
.title-container {
position: relative;
margin-top: 15px;
margin-bottom: 32px;
.title {
font-family: "Source Han Sans CN";
font-family: 'Source Han Sans CN';
font-size: 24px;
color: $light_gray;
margin: 0px auto 10px auto;
text-align: center;
// font-weight: bold;
letter-spacing: 5px;
}
.titeng {
......@@ -344,18 +335,16 @@ $light_gray: #eee;
border-radius: 20px;
margin-top: 50px;
}
</style>
<style>
/* 自动填充样式修改 */
.login-container .el-input input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
/* 自动填充样式修改 */
.login-container .el-input input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #FFFFFF !important;
-webkit-text-fill-color: #ffffff !important;
transition: background-color 5000s ease-in-out 0s !important;
}
</style>
src/views/maintain/api.js
View file @ b936d57d
import request from '@/utils/request'
import request from '@/utils/request';
const path = {
cableTypeEnum: 'equipParam/selectItem',
......@@ -7,13 +7,13 @@ const path = {
}
export function cableTypeEnum() {
return request.post(path.cableTypeEnum, ...arguments)
return request.post(path.cableTypeEnum, ...arguments);
}
export function saveParam() {
return request.post(path.saveParam, ...arguments)
return request.post(path.saveParam, ...arguments);
}
export function selectEquipByType() {
return request.post(path.selectEquipByType, ...arguments)
return request.post(path.selectEquipByType, ...arguments);
}
src/views/maintain/oneself/index.vue
View file @ b936d57d
......@@ -2,12 +2,27 @@
<div class="oneself">
<div class="content">
<div class="content-title">温馨提示：系统如无异常，请勿操作此界面</div>
<el-form ref="form1" :model="formData1" :rules="rules1" label-width="180px" class="content-form">
<el-form
ref="form1"
:model="formData1"
:rules="rules1"
label-width="180px"
class="content-form"
>
<el-form-item label="服务器IP地址：" prop="ip">
<el-input v-model="formData1.ip" style="width: 300px" placeholder="请输入服务器IP地址" />
<el-input
v-model="formData1.ip"
style="width: 300px"
placeholder="请输入服务器IP地址"
/>
</el-form-item>
<el-form-item label="基站名称：" prop="baseStation">
<el-select v-model="formData1.baseStation" style="width: 300px" filterable placeholder="请选择基站">
<el-select
v-model="formData1.baseStation"
style="width: 300px"
filterable
placeholder="请选择基站"
>
<el-option
v-for="item in baseStationList"
:key="item.value"
......@@ -17,7 +32,12 @@
</el-select>
</el-form-item>
<el-form-item label="FSU：" prop="fsu">
<el-select v-model="formData1.fsu" style="width: 300px" filterable placeholder="请选择FSU">
<el-select
v-model="formData1.fsu"
style="width: 300px"
filterable
placeholder="请选择FSU"
>
<el-option
v-for="item in fsuList"
:key="item.value"
......@@ -27,7 +47,12 @@
</el-select>
</el-form-item>
<el-form-item label="设备类型配置：" prop="type">
<el-select v-model="formData1.type" style="width: 300px" filterable placeholder="请选择设备类型配置">
<el-select
v-model="formData1.type"
style="width: 300px"
filterable
placeholder="请选择设备类型配置"
>
<el-option
v-for="item in typeList"
:key="item.value"
......@@ -37,33 +62,58 @@
</el-select>
</el-form-item>
</el-form>
<el-form ref="form2" :model="formData2" :rules="rules2" label-width="180px" class="content-form">
<el-form
ref="form2"
:model="formData2"
:rules="rules2"
label-width="180px"
class="content-form"
>
<el-form-item label="设备配置下发：" prop="type">
<div class="content-form-right">
<el-radio-group v-model="formData2.type">
<el-row style="margin-bottom: 10px">
<el-radio :label="1">复位重启FSU</el-radio>
<el-radio :label="2">常规测试>>次数
<el-input-number v-model="formData2.routineNum" :min="1" />
<el-radio :label="2"
>常规测试>>次数
<el-input-number v-model="formData2.routineNum" :min="1" />
</el-radio>
</el-row>
<el-row>
<el-radio :label="3">请求实时连接</el-radio>
<el-radio :label="4">自检测试>>次数
<el-input-number v-model="formData2.selfNum" :min="1" />
<el-radio :label="4"
>自检测试>>次数
<el-input-number v-model="formData2.selfNum" :min="1" />
</el-radio>
</el-row>
</el-radio-group>
<div class="btn">
<el-button style="width: 120px" type="primary" :loading="loading3" @click="sendContent">发送查询内容</el-button>
<el-button
style="width: 120px"
type="primary"
:loading="loading3"
@click="sendContent"
>发送查询内容</el-button
>
</div>
</div>
</el-form-item>
</el-form>
<el-form ref="form3" :model="formData3" :rules="rules3" label-width="180px" class="content-form">
<el-form
ref="form3"
:model="formData3"
:rules="rules3"
label-width="180px"
class="content-form"
>
<el-form-item label="设备运行参数配置下发：" prop="issue">
<div class="content-form-right">
<el-select v-model="formData3.issue" style="width: 300px" filterable placeholder="请选择配置下发类型">
<el-select
v-model="formData3.issue"
style="width: 300px"
filterable
placeholder="请选择配置下发类型"
>
<el-option
v-for="item in issueList"
:key="item.value"
......@@ -72,7 +122,13 @@
/>
</el-select>
<div class="btn">
<el-button style="width: 120px" type="primary" :loading="loading3" @click="sendData">发送数据</el-button>
<el-button
style="width: 120px"
type="primary"
:loading="loading3"
@click="sendData"
>发送数据</el-button
>
</div>
</div>
</el-form-item>
......@@ -109,7 +165,6 @@ export default {
type: [
{ required: true, message: '请选择设备配置类型', trigger: 'blur' }
]
},
formData2: {
type: 1,
......@@ -136,14 +191,12 @@ export default {
sendContent() {
this.$refs.form2.validate((valid) => {
if (valid) {
console.log(this.formData2)
}
})
},
sendData() {
this.$refs.form3.validate((valid) => {
if (valid) {
console.log(this.formData3)
}
})
}
......@@ -170,11 +223,11 @@ export default {
margin-bottom: 20px;
}
.content-form {
margin: 0 auto;
margin: 0 auto;
// padding: 20px 0;
width: 800px;
.content-form-right {
border: 1px solid #DCDFE6;
border: 1px solid #dcdfe6;
padding: 20px;
border-radius: 10px;
display: flex;
......@@ -189,7 +242,7 @@ export default {
.tips {
text-align: center;
padding-top: 50px;
color: #1E64F6;
color: #1e64f6;
font-size: 18px;
font-weight: 500;
}
......
src/views/maintain/parameter/index.vue
View file @ b936d57d
......@@ -52,8 +52,9 @@
</template>
<script>
import { rules } from './const'
import { cableTypeEnum, saveParam, selectEquipByType } from '../api'
import { rules } from './const';
import { cableTypeEnum, saveParam, selectEquipByType } from '../api';
export default {
data() {
return {
......@@ -69,27 +70,27 @@ export default {
}
},
mounted() {
this.getLeakyCablel()
this.getLeakyCablel();
},
methods: {
submit() {
this.$refs.form.validate((valid) => {
if (valid) {
saveParam(this.form).then(res => {
this.$message.success('操作成功')
this.$message.success('操作成功');
})
}
})
},
getLeakyCablel() {
cableTypeEnum().then(res => {
let list = res || []
this.equipTypeList = list
let list = res || [];
this.equipTypeList = list;
})
},
checkMode(data) {
selectEquipByType({equipType:data}).then(res => {
this.form = res
this.form = res;
})
},
}
......@@ -132,5 +133,4 @@ export default {
}
}
}
</style>
src/views/monitor/equipment/components/search.vue
View file @ b936d57d
......@@ -22,7 +22,8 @@
</template>
<script>
import { ConnectStatusEnum } from '@/const/index'
import { ConnectStatusEnum } from '@/const/index';
export default {
name: 'search',
data() {
......@@ -31,16 +32,13 @@ export default {
ConnectStatusEnum,
}
},
mounted() {
},
methods: {
toSearch() {
this.$emit('search', this.form)
this.$emit('search', this.form);
},
reset() {
this.form = formInit()
this.$emit('search')
this.form = formInit();
this.$emit('search');
},
}
}
......
src/views/monitor/equipment/index.vue
View file @ b936d57d
......@@ -56,12 +56,13 @@
</template>
<script>
import { DeviceStatusList } from '../api'
import { ConnectStatusEnum } from '@/const/index'
import search from './components/search.vue'
import download from '@/utils/download'
import { exportConnetTime } from '@/api/export'
import { successAlert, warningAlert } from '@/utils/alert'
import { DeviceStatusList } from '../api';
import { ConnectStatusEnum } from '@/const/index';
import search from './components/search.vue';
import download from '@/utils/download';
import { exportConnetTime } from '@/api/export';
import { successAlert, warningAlert } from '@/utils/alert';
export default {
components: { search },
data() {
......@@ -80,7 +81,7 @@ export default {
}
},
mounted() {
this.getTableData()
this.getTableData();
},
methods: {
// 表格背景图颜色
......@@ -89,44 +90,43 @@ export default {
row.startPointConnectStatus_text === '连接正常' &&
column.property === 'startPointConnectStatus_text'
) {
return 'green'
return 'green';
}
if (
row.startPointConnectStatus_text === '连接异常' &&
column.property === 'startPointConnectStatus_text'
) {
return 'red'
return 'red';
}
if (
row.endPointConnectStatus_text === '连接正常' &&
column.property === 'endPointConnectStatus_text'
) {
return 'green'
return 'green';
} else if (
row.endPointConnectStatus_text === '连接异常' &&
column.property === 'endPointConnectStatus_text'
) {
return 'red'
return 'red';
}
if (rowIndex % 2 === 1) {
return 'stripe'
return 'stripe';
}
},
refresh() {
this.$refs.reset !== undefined
? this.$refs.reset.reset()
: this.getTableData()
: this.getTableData();
},
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.current = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.current = pageData.page;
this.getTableData();
},
search(option) {
this.istrue = 1
this.searchOption = option
this.getTableData()
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
getTableData() {
let params = {
......@@ -134,33 +134,33 @@ export default {
...this.searchOption
}
DeviceStatusList(params).then((res) => {
let list = res.records || []
let list = res.records || [];
list.forEach((item) => {
item.startPointConnectStatus_text =
this.ConnectStatusEnum[item.startPointConnectStatus]
item.endPointConnectStatus_text =
this.ConnectStatusEnum[item.endPointConnectStatus]
})
this.tableData = list
this.total = res.total
this.exids = list.map((i) => i.id)
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
if (this.istrue === 1) {
if (this.tableData.length !== 0) {
successAlert('操作成功')
successAlert('操作成功');
} else {
warningAlert('查询结果为空')
warningAlert('查询结果为空');
}
this.istrue = 0
this.istrue = 0;
}
})
},
toExport() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据')
return false
this.$message.warning('暂无数据');
return false;
} else {
exportConnetTime({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `设备实时.xls`)
download(res, 'vnd.ms-excel', `设备实时.xls`);
})
}
}
......
src/views/monitor/leakageCable/components/search.vue
View file @ b936d57d
......@@ -31,8 +31,8 @@
</template>
<script>
import { commonQuery } from '@/views/history/api'
import { alarmLeval } from '@/const'
import { commonQuery } from '@/views/history/api';
import { alarmLeval } from '@/const';
export default {
name: 'search',
......@@ -44,19 +44,19 @@ export default {
}
},
mounted() {
this.getInit()
this.getInit();
},
methods: {
toSearch() {
this.$emit('search', this.form)
this.$emit('search', this.form);
},
reset() {
this.form = formInit()
this.$emit('search')
this.form = formInit();
this.$emit('search');
},
getInit() {
commonQuery().then(res => {
this.siteList = res.siteList || []
this.siteList = res.siteList || [];
})
}
}
......
src/views/monitor/leakageCable/index.vue
View file @ b936d57d
......@@ -64,12 +64,13 @@
</template>
<script>
import { CableStatusList } from '../api'
import { ConnectStatusEnum, levelStyle } from '@/const/index'
import search from './components/search.vue'
import { exportLeakyCableTime } from '@/api/export'
import download from '@/utils/download'
import { successAlert, warningAlert } from '@/utils/alert'
import { CableStatusList } from '../api';
import { ConnectStatusEnum, levelStyle } from '@/const/index';
import search from './components/search.vue';
import { exportLeakyCableTime } from '@/api/export';
import download from '@/utils/download';
import { successAlert, warningAlert } from '@/utils/alert';
export default {
components: { search },
data() {
......@@ -95,33 +96,33 @@ export default {
// 表格背景图颜色
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.alarmLevelName === '紧急' && column.label === '告警级别') {
return 'emergency'
return 'emergency';
} else if (row.alarmLevelName === '重要' && column.label === '告警级别') {
return 'important'
return 'important';
} else if (row.alarmLevelName === '一般' && column.label === '告警级别') {
return 'common'
return 'common';
} else if (row.alarmLevelName === '正常' && column.label === '告警级别') {
return 'normal'
return 'normal';
}
if (rowIndex % 2 === 1) {
return 'stripe'
return 'stripe';
}
},
refresh() {
this.searchOption = {}
this.$refs.reset !== undefined
? this.$refs.reset.reset()
: this.getTableData()
: this.getTableData();
},
handlePageChange(pageData) {
this.params.size = pageData.size
this.params.curent = pageData.page
this.getTableData()
this.params.size = pageData.size;
this.params.curent = pageData.page;
this.getTableData();
},
search(option) {
this.istrue = 1
this.searchOption = option
this.getTableData()
this.istrue = 1;
this.searchOption = option;
this.getTableData();
},
getTableData() {
let params = {
......@@ -129,33 +130,33 @@ export default {
...this.searchOption,
}
CableStatusList(params).then((res) => {
let list = res.records || []
this.tableData = list
let list = res.records || [];
this.tableData = list;
list.forEach(item => {
if (item.alarmInfo !== '' && item.alarmInfo != null) {
item.alarmInfo = JSON.parse(item.alarmInfo)
item.lossValue = eval(item.alarmInfo.map(k => k.lossValue).join('+'))
item.alarmInfo = JSON.parse(item.alarmInfo);
item.lossValue = eval(item.alarmInfo.map(k => k.lossValue).join('+'));
}
})
this.total = res.records.length
this.exids = list.map(i => i.id)
this.total = res.records.length;
this.exids = list.map(i => i.id);
if (this.istrue === 1) {
if (this.tableData.length !== 0) {
successAlert('操作成功')
successAlert('操作成功');
} else {
warningAlert('查询结果为空')
warningAlert('查询结果为空');
}
this.istrue = 0
this.istrue = 0;
}
})
},
toExport() {
if (this.exids.length === 0) {
this.$message.warning('暂无数据')
return false
this.$message.warning('暂无数据');
return false;
} else {
exportLeakyCableTime({ ids: this.exids }).then((res) => {
download(res, 'vnd.ms-excel', `漏缆实时.xls`)
download(res, 'vnd.ms-excel', `漏缆实时.xls`);
})
}
}
......
src/views/setting/add/comp/FSU.vue
View file @ b936d57d
......@@ -112,7 +112,7 @@
/>
</el-form-item>
</el-form>
<div class="btn" v-if="isEdit==1">
<div class="btn" v-if="isEdit == 1">
<el-button type="primary" @click="cancel">取 消</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</div>
......@@ -133,14 +133,14 @@ export default {
},
curInfo: {
type: Object,
default: () => {}
default: () => { }
}
},
watch: {
curInfo: {
immediate: true,
handler(newV) {
this.FSUForm = formInit(newV)
this.FSUForm = formInit(newV);
}
}
},
......@@ -205,14 +205,14 @@ export default {
},
created() {
selectFsuItem().then((res) => {
this.backupModeSelect = res["01"]
this.connectModeSelect = res["02"]
this.equipTypeSelect = res["03"]
this.equipSubTypeSelect = res["04"]
this.backupModeSelect = res["01"];
this.connectModeSelect = res["02"];
this.equipTypeSelect = res["03"];
this.equipSubTypeSelect = res["04"];
})
},
mounted() {
this.getAllWay()
this.getAllWay();
},
methods: {
// 编辑的确认
......@@ -220,17 +220,17 @@ export default {
let params = {
...this.FSUForm
}
delete params.creationTime
delete params.creationTime;
updateFsuConf(params).then(res => {
if(res.code == 200) {
this.$message.success('保存成功！')
if (res.code == 200) {
this.$message.success('保存成功！');
}
this.cancel(true)
this.cancel(true);
})
},
cancel(refersh) {
this.$emit('update', refersh)
this.reset()
this.$emit('update', refersh);
this.reset();
},
changerailWay() {
selectForSite({ wayId: this.FSUForm.wayId }).then((res) => {
......@@ -239,34 +239,34 @@ export default {
},
readNodes(aaa = [], arrarea = []) {
for (let item of aaa) {
arrarea.push({ id: item.id, siteName: item.name })
arrarea.push({ id: item.id, siteName: item.name });
if (item.children) {
this.readNodes(item.children, arrarea)
this.readNodes(item.children, arrarea);
}
}
return arrarea
return arrarea;
},
reset() {
this.$refs.FSUForm.resetFields()
this.$refs.FSUForm.resetFields();
},
submit() {
this.$refs.FSUForm.validate((valid) => {
if (valid) {
this.FSUForm.parentId = this.FSUForm.siteId
this.FSUForm.fsuPort = Number(this.FSUForm.fsuPort)
this.FSUForm.parentId = this.FSUForm.siteId;
this.FSUForm.fsuPort = Number(this.FSUForm.fsuPort);
fsusave(this.FSUForm).then((res) => {
successAlert('操作成功')
successAlert('操作成功');
})
}
this.FSUForm = formInit()
this.FSUForm = formInit();
})
},
getAllWay() {
railWaylist(this.params).then((res) => {
this.railWaySelect = res.records || []
this.railWaySelect = res.records || [];
if (res.total > this.params.size) {
this.params.size = res.total
this.getAllWay()
this.params.size = res.total;
this.getAllWay();
}
})
}
......
src/views/setting/add/comp/leakyCable.vue
View file @ b936d57d
......@@ -144,6 +144,7 @@ import {
updateLeakyCableConf
} from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
props: {
isEdit: {
......@@ -159,7 +160,7 @@ export default {
curInfo: {
immediate: true,
handler(newV) {
this.leakyCableForm = formInit(newV)
this.leakyCableForm = formInit(newV);
}
}
},
......@@ -182,13 +183,9 @@ export default {
equipId: [
{ required: true, message: "请选择监测设备", trigger: "blur" },
],
antennaFeederLength: [
{ required: true, message: "请输入天馈线长度", trigger: "blur" },
],
// hundredMetersLoss: [
// { required: true, message: "请输入漏缆百米损耗", trigger: "blur" },
// ],
inserterLength: [
{ required: true, message: "请输入插入器长度", trigger: "blur" },
],
......@@ -228,7 +225,9 @@ export default {
},
};
},
computed: {},
mounted() {
this.getAllWay();
},
methods: {
// 编辑的确认
confirm() {
......@@ -244,8 +243,8 @@ export default {
})
},
cancel(refersh) {
this.$emit('update', refersh)
this.reset()
this.$emit('update', refersh);
this.reset();
},
changerailWay() {
......@@ -269,7 +268,6 @@ export default {
submit() {
this.$refs.leakyCableForm.validate((valid) => {
if (valid) {
console.log(this.leakyCableForm);
this.leakyCableForm.parentId = this.leakyCableForm.equipId;
leakyCablesave(this.leakyCableForm).then((res) => {
if (res.code == 200) {
......@@ -292,10 +290,8 @@ export default {
});
},
},
mounted() {
this.getAllWay();
},
};
function formInit(data = {}) {
return {
parentId: "",
......
src/views/setting/add/comp/line.vue
View file @ b936d57d
......@@ -118,7 +118,7 @@
/>
</el-form-item>
</el-form>
<div class="btn" v-if="isEdit==1">
<div class="btn" v-if="isEdit == 1">
<el-button type="primary" @click="cancel">取 消</el-button>
<el-button type="primary" @click="confirm">确 定</el-button>
</div>
......@@ -138,22 +138,23 @@ import {
updateFeederConf
} from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
props: {
props: {
isEdit: {
type: Number,
default: 0
},
curInfo: {
type: Object,
default: () => {}
default: () => { }
}
},
watch: {
curInfo: {
immediate: true,
handler(newV) {
this.leakyCableForm = formInit(newV)
this.leakyCableForm = formInit(newV);
}
}
},
......@@ -179,9 +180,6 @@ export default {
feederLength: [
{ required: true, message: "请输入天馈线长度", trigger: "blur" },
],
// feederLossMeters: [
// { required: true, message: "请输入天馈线百米损耗", trigger: "blur" },
// ],
inserterLength: [
{ required: true, message: "请输入插入器长度", trigger: "blur" },
],
......@@ -218,6 +216,9 @@ export default {
},
};
},
mounted() {
this.getAllWay();
},
methods: {
// 编辑的确认
confirm() {
......@@ -226,15 +227,15 @@ export default {
}
delete params.creationTime
updateFeederConf(params).then(res => {
if(res.code == 200) {
this.$message.success('保存成功！')
if (res.code == 200) {
this.$message.success('保存成功！');
}
this.cancel(true)
this.cancel(true);
})
},
cancel(refersh) {
this.$emit('update', refersh)
this.reset()
this.$emit('update', refersh);
this.reset();
},
changerailWay() {
selectForSite({ wayId: this.leakyCableForm.wayId }).then((res) => {
......@@ -278,10 +279,8 @@ export default {
});
},
},
mounted() {
this.getAllWay();
},
};
function formInit(data = {}) {
return {
parentId: "",
......
src/views/setting/add/comp/monitorEquip.vue
View file @ b936d57d
......@@ -99,29 +99,6 @@
placeholder="请输入设备所在铁路公里标"
/>
</el-form-item>
<!-- <el-form-item label="安装日期：" prop="installDate">
<el-date-picker
v-model="monitorForm.installDate"
type="datetime"
placeholder="请选择安装日期"
format="yyyy-MM-dd HH:mm:ss"
style="width: 400px"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item label=" 维护日期：" prop="repairDate">
<el-date-picker
v-model="monitorForm.repairDate"
type="datetime"
placeholder="请选择维护日期"
format="yyyy-MM-dd HH:mm:ss"
style="width: 400px"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item> -->
</el-form>
<div class="btn" v-if="isEdit==1">
<el-button type="primary" @click="cancel">取 消</el-button>
......@@ -142,8 +119,8 @@ import {
selectForFsu,
updateMonitorEquipConf
} from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
props: {
isEdit: {
......@@ -159,7 +136,7 @@ export default {
curInfo: {
immediate: true,
handler(newV) {
this.monitorForm = formInit(newV)
this.monitorForm = formInit(newV);
}
}
},
......@@ -214,6 +191,9 @@ export default {
},
};
},
mounted() {
this.getAllWay();
},
methods: {
// 编辑的确认
confirm() {
......@@ -223,14 +203,14 @@ export default {
delete params.creationTime
updateMonitorEquipConf(params).then(res => {
if(res.code == 200) {
this.$message.success('保存成功！')
this.$message.success('保存成功！');
}
this.cancel(true)
this.cancel(true);
})
},
cancel(refersh) {
this.$emit('update', refersh)
this.reset()
this.$emit('update', refersh);
this.reset();
},
changerailWay() {
selectForSite({ wayId: this.monitorForm.wayId }).then((res) => {
......@@ -240,7 +220,6 @@ export default {
changesite() {
selectForFsu({ siteId: this.monitorForm.siteId }).then((res) => {
this.fsuSelect2 = res;
console.log(this.fsuSelect2);
});
},
reset() {
......@@ -279,10 +258,8 @@ export default {
this.equipModeSelect = res["09"];
});
},
mounted() {
this.getAllWay();
},
};
function formInit(data = {}) {
return {
wayId: "",
......@@ -298,7 +275,6 @@ function formInit(data = {}) {
equipType: "",
installDate: "",
kmSign: "",
repairDate: "",
...data,
};
......
src/views/setting/add/comp/railWay.vue
View file @ b936d57d
......@@ -40,8 +40,6 @@ import { railWaysave } from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
props: [],
components: {},
data() {
return {
formData: formInit(),
......@@ -60,7 +58,6 @@ export default {
},
};
},
computed: {},
methods: {
reset() {
this.$refs.form.resetFields();
......@@ -80,7 +77,6 @@ export default {
});
},
},
mounted() {},
};
function formInit(data = {}) {
return {
......
src/views/setting/add/comp/station.vue
View file @ b936d57d
......@@ -79,6 +79,7 @@
<script>
import { sitesave, railWaylist, updateSiteConf } from "../../api";
import { successAlert, warningAlert } from "@/utils/alert";
export default {
props: {
isEdit: {
......@@ -94,7 +95,7 @@ export default {
curInfo: {
immediate: true,
handler(newV) {
this.stationForm = formInit(newV)
this.stationForm = formInit(newV);
}
}
},
......@@ -139,7 +140,9 @@ export default {
},
};
},
computed: {},
mounted() {
this.getAllWay();
},
methods: {
// 编辑的确认
confirm() {
......@@ -158,7 +161,6 @@ export default {
this.$emit('update', refersh)
this.reset()
},
readNodes(aaa = [], arrarea = []) {
for (let item of aaa) {
arrarea.push({ id: item.id, name: item.name });
......@@ -197,10 +199,8 @@ export default {
});
},
},
mounted() {
this.getAllWay();
},
};
}
function formInit(data = {}) {
return {
parentId: "",
......
src/views/setting/add/index.vue
View file @ b936d57d
......@@ -8,7 +8,6 @@
<railWay />
</div>
</el-tab-pane>
<el-tab-pane label="站点" name="1">
<div v-if="activeName === '1'" class="content">
<div class="content-title">添加站点</div>
......@@ -91,8 +90,6 @@ export default {
]
}
},
methods: {
}
}
</script>
......
src/views/setting/api.js
View file @ b936d57d
import request from '@/utils/request'
import request from '@/utils/request';
const path = {
railWaylist: 'railWay/selectPage',
......@@ -51,138 +51,138 @@ const path = {
}
// 铁路线
export function railWaylist() {
return request.post(path.railWaylist, ...arguments)
return request.post(path.railWaylist, ...arguments);
}
export function railWaydetail() {
return request.post(path.railWaydetail, ...arguments)
return request.post(path.railWaydetail, ...arguments);
}
export function railWaysave() {
return request.post(path.railWaysave, ...arguments)
return request.post(path.railWaysave, ...arguments);
}
export function railWaybatchDelete() {
return request.post(path.railWaybatchDelete, ...arguments)
return request.post(path.railWaybatchDelete, ...arguments);
}
export function railWayselectList() {
return request.post(path.railWayselectList, ...arguments)
return request.post(path.railWayselectList, ...arguments);
}
export function updateRailWay() {
return request.post(path.updateRailWay, ...arguments)
return request.post(path.updateRailWay, ...arguments);
}
//站点
export function selectForSite() {
return request.post(path.selectForSite, ...arguments)
return request.post(path.selectForSite, ...arguments);
}
export function sitelist() {
return request.post(path.sitelist, ...arguments)
return request.post(path.sitelist, ...arguments);
}
export function sitedetail() {
return request.post(path.sitedetail, ...arguments)
return request.post(path.sitedetail, ...arguments);
}
export function sitesave() {
return request.post(path.sitesave, ...arguments)
return request.post(path.sitesave, ...arguments);
}
export function sitebatchDelete() {
return request.post(path.sitebatchDelete, ...arguments)
return request.post(path.sitebatchDelete, ...arguments);
}
export function siteselectList() {
return request.post(path.siteselectList, ...arguments)
return request.post(path.siteselectList, ...arguments);
}
export function updateSiteConf() {
return request.post(path.updateSiteConf, ...arguments)
return request.post(path.updateSiteConf, ...arguments);
}
//fsu
export function selectForFsu() {
return request.post(path.selectForFsu, ...arguments)
return request.post(path.selectForFsu, ...arguments);
}
export function selectFsuItem() {//fsu字典
return request.post(path.selectFsuItem, ...arguments)
return request.post(path.selectFsuItem, ...arguments);
}
export function fsulist() {
return request.post(path.fsuList, ...arguments)
return request.post(path.fsuList, ...arguments);
}
export function fsudetail() {
return request.post(path.fsudetail, ...arguments)
return request.post(path.fsudetail, ...arguments);
}
export function fsusave() {
return request.post(path.fsusave, ...arguments)
return request.post(path.fsusave, ...arguments);
}
export function fsubatchDelete() {
return request.post(path.fsubatchDelete, ...arguments)
return request.post(path.fsubatchDelete, ...arguments);
}
export function fsuselectList() {
return request.post(path.fsuselectList, ...arguments)
return request.post(path.fsuselectList, ...arguments);
}
export function updateFsuConf() {
return request.post(path.updateFsuConf, ...arguments)
return request.post(path.updateFsuConf, ...arguments);
}
//监测
export function selectMonitorItem() {
return request.post(path.selectMonitorItem, ...arguments)
return request.post(path.selectMonitorItem, ...arguments);
}
export function monitorEquiplist() {
return request.post(path.monitorEquipList, ...arguments)
return request.post(path.monitorEquipList, ...arguments);
}
export function monitorEquipdetail() {
return request.post(path.monitorEquipdetail, ...arguments)
return request.post(path.monitorEquipdetail, ...arguments);
}
export function monitorEquipsave() {
return request.post(path.monitorEquipsave, ...arguments)
return request.post(path.monitorEquipsave, ...arguments);
}
export function monitorEquipbatchDelete() {
return request.post(path.monitorEquipbatchDelete, ...arguments)
return request.post(path.monitorEquipbatchDelete, ...arguments);
}
export function monitorEquipselectList() {
return request.post(path.monitorEquipselectList, ...arguments)
return request.post(path.monitorEquipselectList, ...arguments);
}
export function selectForEquip() {
return request.post(path.selectForEquip, ...arguments)
return request.post(path.selectForEquip, ...arguments);
}
export function updateMonitorEquipConf() {
return request.post(path.updateMonitorEquipConf, ...arguments)
return request.post(path.updateMonitorEquipConf, ...arguments);
}
//漏缆
export function leakyCablelist() {
return request.post(path.leakyCableList, ...arguments)
return request.post(path.leakyCableList, ...arguments);
}
export function leakyCabledetail() {
return request.post(path.leakyCabledetail, ...arguments)
return request.post(path.leakyCabledetail, ...arguments);
}
export function leakyCablesave() {
return request.post(path.leakyCablesave, ...arguments)
return request.post(path.leakyCablesave, ...arguments);
}
export function leakyCablebatchDelete() {
return request.post(path.leakyCablebatchDelete, ...arguments)
return request.post(path.leakyCablebatchDelete, ...arguments);
}
export function leakyCableselectList() {
return request.post(path.leakyCableselectList, ...arguments)
return request.post(path.leakyCableselectList, ...arguments);
}
export function selectForCable() {
return request.post(path.selectForCable, ...arguments)
return request.post(path.selectForCable, ...arguments);
}
export function updateLeakyCableConf() {
return request.post(path.updateLeakyCableConf, ...arguments)
return request.post(path.updateLeakyCableConf, ...arguments);
}
// 天馈线
export function antennaFeederSave() {
return request.post(path.antennaFeederSave, ...arguments)
return request.post(path.antennaFeederSave, ...arguments);
}
export function antennaFeederDelete() {
return request.post(path.antennaFeederDelete, ...arguments)
return request.post(path.antennaFeederDelete, ...arguments);
}
export function antennaFeederDetail() {
return request.post(path.antennaFeederDetail, ...arguments)
return request.post(path.antennaFeederDetail, ...arguments);
}
export function antennaFeederList() {
return request.post(path.antennaFeederList, ...arguments)
return request.post(path.antennaFeederList, ...arguments);
}
export function updateFeederConf() {
return request.post(path.updateFeederConf, ...arguments)
return request.post(path.updateFeederConf, ...arguments);
}
\ No newline at end of file
src/views/setting/statistics/comp/fsuTable.vue
View file @ b936d57d
......@@ -2,9 +2,10 @@
<div>
<div class="leakage-top">
<div style="color: #666666"></div>
<div class="operate-btn">
<delids :multipleSelection2="multipleSelection" @del="del()">删除</delids>
<delids :multipleSelection2="multipleSelection" @del="del()"
>删除</delids
>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button type="primary" @click="block = !block">查询</el-button>
<el-button type="primary" @click="exportData">导出</el-button>
......@@ -115,8 +116,12 @@
align="center"
>
<template slot-scope="{ row }">
<el-link type="primary" :underline="false" @click="handleView(row)">查看</el-link>
<el-link type="primary" :underline="false" @click="toEdit(row)">编辑</el-link>
<el-link type="primary" :underline="false" @click="handleView(row)"
>查看</el-link
>
<el-link type="primary" :underline="false" @click="toEdit(row)"
>编辑</el-link
>
</template>
</el-table-column>
</el-table>
......@@ -127,19 +132,18 @@
class="pagination"
@pagination="handlePageChange"
/>
<el-dialog
<el-dialog
title="编辑-FSU"
:visible.sync="visible"
width="40%"
:close-on-click-modal="false"
>
<fsu :curInfo="curInfo" :isEdit="1" @update="update" />
</el-dialog>
>
<fsu :curInfo="curInfo" :isEdit="1" @update="update" />
</el-dialog>
</div>
</template>
<script>
import fsu from '@/views/setting/add/comp/FSU.vue'
import fsu from '@/views/setting/add/comp/FSU.vue';
import {
fsulist,
fsubatchDelete,
......@@ -149,9 +153,9 @@ import {
import { successAlert, warningAlert } from "@/utils/alert";
import download from "@/utils/download";
import { exportFsu } from "@/api/export";
export default {
props: [],
components: {fsu},
components: { fsu },
data() {
return {
railWaySelect: [],
......@@ -173,7 +177,19 @@ export default {
curInfo: {}
};
},
computed: {},
created() {
var that = this;
document.onkeydown = function (e) {
var key = window.event.keyCode;
if (key == 13) {
that.searchQuery();
}
};
},
mounted() {
this.getTableData();
this.getAllWay();
},
methods: {
toEdit(row) {
this.visible = true
......@@ -181,7 +197,7 @@ export default {
},
update(data) {
this.visible = false
if(data) {
if (data) {
this.getTableData()
}
},
......@@ -209,7 +225,7 @@ export default {
});
},
refresh() {
this.reset();
this.reset();
},
searchQuery() {
this.istrue = 1;
......@@ -220,20 +236,17 @@ export default {
this.searchQuery();
},
exportData() {
// let ids = [];
// this.ids.length != 0 ? (ids = this.ids) : (ids = this.exids);
if (this.exids.length == 0) {
if (this.exids.length == 0) {
this.$message.warning("暂无数据");
return false;
} else {
exportFsu({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `FSU表.xls`);
});
exportFsu({ ids: this.exids }).then((res) => {
download(res, "vnd.ms-excel", `FSU表.xls`);
});
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
this.ids = this.multipleSelection.map((i) => i.id);
},
handleView(row) {
......@@ -256,7 +269,6 @@ export default {
this.tableData = list;
this.total = res.total;
this.exids = list.map((i) => i.id);
if (this.istrue == 1) {
if (this.tableData.length != 0) {
successAlert("操作成功");
......@@ -277,20 +289,8 @@ export default {
});
},
},
created() {
var that = this;
document.onkeydown = function (e) {
var key = window.event.keyCode;
if (key == 13) {
that.searchQuery();
}
};
},
mounted() {
this.getTableData();
this.getAllWay();
},
};
function formInit(data = {}) {
return {
fsuCode: "",
......
src/views/setting/statistics/detail.vue
View file @ b936d57d
......@@ -6,18 +6,19 @@
<script>
import { treeBaseInfo } from "../../dashboard/api";
import Type from "../../dashboard/components/index.vue";
export default {
props: [],
components: { Type },
data() {
return {
titleinfo: "",
type: 1,
curInfo: {},
};
},
computed: {},
created() {
this.getParams();
},
methods: {
getParams() {
this.type = this.$route.query.type;
......@@ -26,7 +27,6 @@ export default {
type: this.type,
name: this.$route.query.name
};
treeBaseInfo(params).then((res) => {
let controlLimit = res.controlLimit || []
if (controlLimit) {
......@@ -38,10 +38,5 @@ export default {
});
},
},
created() {
this.getParams();
},
mounted() { },
};
</script>
src/views/setting/statistics/index.vue
View file @ b936d57d
<template>
<div class="leakage-cable">
<el-button-group>
<el-button
......@@ -84,10 +83,6 @@ export default {
changeType(item) {
this.activeName = item.key
},
refresh() {},
query() {},
exportData() {}
}
}
</script>
......
src/views/user/api.js
View file @ b936d57d
......@@ -10,22 +10,22 @@ const path = {
}
export function list() {
return request.post(path.list, ...arguments)
return request.post(path.list, ...arguments);
}
export function create() {
return request.post(path.create, ...arguments)
return request.post(path.create, ...arguments);
}
export function updatePwd() {
return request.post(path.updatePwd, ...arguments)
return request.post(path.updatePwd, ...arguments);
}
export function updateInfo() {
return request.post(path.updateInfo, ...arguments)
return request.post(path.updateInfo, ...arguments);
}
export function logList() {
return request.post(path.logList, ...arguments)
return request.post(path.logList, ...arguments);
}
src/views/user/updateUser/components/baseInfo.vue
View file @ b936d57d
......@@ -54,11 +54,10 @@ export default {
this.$refs.form.validate((valid) => {
if (valid) {
updateInfo(this.form).then(res => {
this.$message.success('操作成功')
this.$message.success('操作成功');
})
} else {
console.log('error submit!!')
return false
return false;
}
})
}
......
src/views/user/updateUser/index.vue
View file @ b936d57d
This diff is collapsed.
src/views/user/userList/index.vue
View file @ b936d57d
This diff is collapsed.
src/views/user/userLog/index.vue
View file @ b936d57d
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment