xymp
/
frontend
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

装置添加信息

Browse Source
ds1.0
fanluyan 2 years ago
parent cbf1a255ea
commit 4a62b106c6
6 changed files with 283 additions and 128 deletions
Show Stats Download Patch File Download Diff File

93
src/views/management/monitoringEquipment/photographicDevice/components/baseInfor.vue
Unescape Escape View File

@ -1,5 +1,11 @@
<template> <template>
<el-dialog class="setimgDialog" title="基本信息" :visible.sync="isShow" :close-on-click-modal="false" width="70%"> <el-dialog
class="baseInforDialog"
title="基本信息"
:visible.sync="isShow"
:close-on-click-modal="false"
width="70%"
>
<el-form :inline="true" :model="formdata" class="demo-form-inline"> <el-form :inline="true" :model="formdata" class="demo-form-inline">
<el-form-item label="开始日期"> <el-form-item label="开始日期">
<el-date-picker <el-date-picker
@ -39,15 +45,60 @@
<span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span> <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column> label="采集时间"
<el-table-column prop="name" label="装置名称" min-width="80" show-overflow-tooltip></el-table-column> min-width="120"
<el-table-column prop="name" label="装置型号" min-width="80" show-overflow-tooltip></el-table-column> show-overflow-tooltip
<el-table-column prop="name" label="装置版本号" min-width="80" show-overflow-tooltip></el-table-column> ></el-table-column>
<el-table-column prop="name" label="生产厂家" min-width="100" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="生产日期" min-width="120" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="出厂编号" min-width="100" show-overflow-tooltip></el-table-column> label="设备名称"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="设备编号"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="装置名称"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="装置型号"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="装置版本号"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="生产厂家"
min-width="100"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="生产日期"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="出厂编号"
min-width="100"
show-overflow-tooltip
></el-table-column>
</el-table> </el-table>
<div class="pageNation"> <div class="pageNation">
<el-pagination <el-pagination
@ -64,9 +115,7 @@
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { import { getLineListJoggle } from "@/utils/api/index";
getLineListJoggle
} from "@/utils/api/index";
export default { export default {
data() { data() {
return { return {
@ -105,12 +154,11 @@ export default {
getLineListJoggle({ getLineListJoggle({
pageindex: this.page, pageindex: this.page,
pagesize: this.pageSize, pagesize: this.pageSize,
}) }).then((res) => {
.then((res) => { this.listData = res.data.list;
this.listData = res.data.list; this.total = res.data.total;
this.total = res.data.total; this.loading = false;
this.loading = false; });
})
}, },
//点击分页 //点击分页
handleCurrentChange(val) { handleCurrentChange(val) {
@ -127,10 +175,11 @@ export default {
}, },
hide() { hide() {
this.isShow = false; this.isShow = false;
} },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less">
.baseInforDialog {
}
</style> </style>

72
src/views/management/monitoringEquipment/photographicDevice/components/gpsSite.vue
Unescape Escape View File

@ -1,5 +1,11 @@
<template> <template>
<el-dialog class="setimgDialog" title="GPS位置数据" :visible.sync="isShow" :close-on-click-modal="false" width="70%"> <el-dialog
class="gpsSiteDialog"
title="GPS位置数据"
:visible.sync="isShow"
:close-on-click-modal="false"
width="70%"
>
<el-form :inline="true" :model="formdata" class="demo-form-inline"> <el-form :inline="true" :model="formdata" class="demo-form-inline">
<el-form-item label="开始日期"> <el-form-item label="开始日期">
<el-date-picker <el-date-picker
@ -39,12 +45,42 @@
<span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span> <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column> label="采集时间"
<el-table-column prop="name" label="半径" min-width="80" show-overflow-tooltip></el-table-column> min-width="120"
<el-table-column prop="name" label="维度" min-width="80" show-overflow-tooltip></el-table-column> show-overflow-tooltip
<el-table-column prop="name" label="经度" min-width="80" show-overflow-tooltip></el-table-column> ></el-table-column>
<el-table-column
prop="name"
label="设备名称"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="设备编号"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="半径"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="维度"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="经度"
min-width="80"
show-overflow-tooltip
></el-table-column>
</el-table> </el-table>
<div class="pageNation"> <div class="pageNation">
<el-pagination <el-pagination
@ -61,9 +97,7 @@
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { import { getLineListJoggle } from "@/utils/api/index";
getLineListJoggle
} from "@/utils/api/index";
export default { export default {
data() { data() {
return { return {
@ -102,12 +136,11 @@ export default {
getLineListJoggle({ getLineListJoggle({
pageindex: this.page, pageindex: this.page,
pagesize: this.pageSize, pagesize: this.pageSize,
}) }).then((res) => {
.then((res) => { this.listData = res.data.list;
this.listData = res.data.list; this.total = res.data.total;
this.total = res.data.total; this.loading = false;
this.loading = false; });
})
}, },
//点击分页 //点击分页
handleCurrentChange(val) { handleCurrentChange(val) {
@ -124,10 +157,11 @@ export default {
}, },
hide() { hide() {
this.isShow = false; this.isShow = false;
} },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less">
.gpsSiteDialog {
}
</style> </style>

2
src/views/management/monitoringEquipment/photographicDevice/components/parameterSetDialog.vue
Unescape Escape View File

@ -400,6 +400,8 @@ export default {
}, },
handleclose() { handleclose() {
this.isShow = false; this.isShow = false;
this.activeName = "1";
this.tabsActive = "first";
}, },
}, },
}; };

79
src/views/management/monitoringEquipment/photographicDevice/components/runStatus.vue
Unescape Escape View File

@ -1,5 +1,11 @@
<template> <template>
<el-dialog class="setimgDialog" title="装置运行状态" :visible.sync="isShow" :close-on-click-modal="false" width="70%"> <el-dialog
class="runStatusDialog"
title="装置运行状态"
:visible.sync="isShow"
:close-on-click-modal="false"
width="70%"
>
<el-form :inline="true" :model="formdata" class="demo-form-inline"> <el-form :inline="true" :model="formdata" class="demo-form-inline">
<el-form-item label="开始日期"> <el-form-item label="开始日期">
<el-date-picker <el-date-picker
@ -39,13 +45,48 @@
<span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span> <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column> label="采集时间"
<el-table-column prop="name" label="4G信号强度" min-width="80" show-overflow-tooltip></el-table-column> min-width="120"
<el-table-column prop="name" label="2G信号强度" min-width="80" show-overflow-tooltip></el-table-column> show-overflow-tooltip
<el-table-column prop="name" label="剩余运行内存" min-width="80" show-overflow-tooltip></el-table-column> ></el-table-column>
<el-table-column prop="name" label="剩余存储内存" min-width="100" show-overflow-tooltip></el-table-column> <el-table-column
prop="name"
label="设备名称"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="设备编号"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="4G信号强度"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="2G信号强度"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="剩余运行内存"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="剩余存储内存"
min-width="100"
show-overflow-tooltip
></el-table-column>
</el-table> </el-table>
<div class="pageNation"> <div class="pageNation">
<el-pagination <el-pagination
@ -62,9 +103,7 @@
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { import { getLineListJoggle } from "@/utils/api/index";
getLineListJoggle
} from "@/utils/api/index";
export default { export default {
data() { data() {
return { return {
@ -103,12 +142,11 @@ export default {
getLineListJoggle({ getLineListJoggle({
pageindex: this.page, pageindex: this.page,
pagesize: this.pageSize, pagesize: this.pageSize,
}) }).then((res) => {
.then((res) => { this.listData = res.data.list;
this.listData = res.data.list; this.total = res.data.total;
this.total = res.data.total; this.loading = false;
this.loading = false; });
})
}, },
//点击分页 //点击分页
handleCurrentChange(val) { handleCurrentChange(val) {
@ -125,10 +163,11 @@ export default {
}, },
hide() { hide() {
this.isShow = false; this.isShow = false;
} },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less">
.runStatusDialog {
}
</style> </style>

108
src/views/management/monitoringEquipment/photographicDevice/components/workStatus.vue
Unescape Escape View File

@ -1,5 +1,11 @@
<template> <template>
<el-dialog class="setimgDialog" title="工作状态" :visible.sync="isShow" :close-on-click-modal="false" width="70%"> <el-dialog
class="workStatus"
title="工作状态"
:visible.sync="isShow"
:close-on-click-modal="false"
width="70%"
>
<el-form :inline="true" :model="formdata" class="demo-form-inline"> <el-form :inline="true" :model="formdata" class="demo-form-inline">
<el-form-item label="开始日期"> <el-form-item label="开始日期">
<el-date-picker <el-date-picker
@ -39,19 +45,73 @@
<span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span> <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column> label="采集时间"
<el-table-column prop="name" label="电源电压" min-width="80" show-overflow-tooltip></el-table-column> min-width="120"
<el-table-column prop="name" label="工作温度" min-width="80" show-overflow-tooltip></el-table-column> show-overflow-tooltip
<el-table-column prop="name" label="电池电量" min-width="80" show-overflow-tooltip></el-table-column> ></el-table-column>
<el-table-column prop="name" label="浮充状态" min-width="100" show-overflow-tooltip> <el-table-column
<template slot-scope="scope">{{ scope.row.name == 0 ? '充电' : '放电' }}</template> prop="name"
label="设备名称"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="设备编号"
min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="电源电压"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="工作温度"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="电池电量"
min-width="80"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="浮充状态"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">{{
scope.row.name == 0 ? "充电" : "放电"
}}</template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="工作总时间" min-width="120" show-overflow-tooltip></el-table-column> <el-table-column
<el-table-column prop="name" label="连续工作时间" min-width="100" show-overflow-tooltip></el-table-column> prop="name"
<el-table-column prop="name" label="网络连接状态" min-width="100" show-overflow-tooltip> label="工作总时间"
<template slot-scope="scope">{{ scope.row.name == 0 ? '已连接' : '未连接' }}</template> min-width="120"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="连续工作时间"
min-width="100"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="网络连接状态"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">{{
scope.row.name == 0 ? "已连接" : "未连接"
}}</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pageNation"> <div class="pageNation">
@ -69,9 +129,7 @@
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { import { getLineListJoggle } from "@/utils/api/index";
getLineListJoggle
} from "@/utils/api/index";
export default { export default {
data() { data() {
return { return {
@ -110,12 +168,11 @@ export default {
getLineListJoggle({ getLineListJoggle({
pageindex: this.page, pageindex: this.page,
pagesize: this.pageSize, pagesize: this.pageSize,
}) }).then((res) => {
.then((res) => { this.listData = res.data.list;
this.listData = res.data.list; this.total = res.data.total;
this.total = res.data.total; this.loading = false;
this.loading = false; });
})
}, },
//点击分页 //点击分页
handleCurrentChange(val) { handleCurrentChange(val) {
@ -132,10 +189,11 @@ export default {
}, },
hide() { hide() {
this.isShow = false; this.isShow = false;
} },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less">
.workStatus {
}
</style> </style>

57
src/views/management/monitoringEquipment/photographicDevice/index.vue
Unescape Escape View File

@ -67,14 +67,15 @@
@row-click="handleRowClick" @row-click="handleRowClick"
v-loading="loading" v-loading="loading"
> >
<!-- <el-table-column <el-table-column
prop="cmdid" fixed
prop="dyValueName"
label="电压等级" label="电压等级"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> --> </el-table-column>
<el-table-column <el-table-column
fixed
prop="lineName" prop="lineName"
label="线路名称" label="线路名称"
show-overflow-tooltip show-overflow-tooltip
@ -82,6 +83,7 @@
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed
prop="towerName" prop="towerName"
label="杆塔名称" label="杆塔名称"
show-overflow-tooltip show-overflow-tooltip
@ -89,6 +91,7 @@
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed
prop="equipName" prop="equipName"
label="设备名称" label="设备名称"
show-overflow-tooltip show-overflow-tooltip
@ -96,62 +99,32 @@
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed
prop="cmdId" prop="cmdId"
label="设备编号" label="设备编号"
show-overflow-tooltip show-overflow-tooltip
min-width="150" min-width="150"
> >
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column prop="cmdid" label="SIM卡号" show-overflow-tooltip>
prop="cmdid"
label="SIM卡号"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cmdid" label="网络类型" show-overflow-tooltip>
prop="cmdid"
label="网络类型"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cmdid" label="状态" show-overflow-tooltip>
prop="cmdid"
label="状态"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cmdid" label="装置型号" show-overflow-tooltip>
prop="cmdid"
label="装置型号"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cmdid" label="装置厂家" show-overflow-tooltip>
prop="cmdid"
label="装置厂家"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cmdid" label="规约版本" show-overflow-tooltip>
prop="cmdid"
label="规约版本"
show-overflow-tooltip
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="cmdid" prop="cmdid"
label="投运日期" label="投运日期"
show-overflow-tooltip show-overflow-tooltip
:formatter="dateFormat" :formatter="dateFormat"
> >
</el-table-column> --> </el-table-column>
<el-table-column <el-table-column
prop="lastHeartbeat" prop="lastHeartbeat"
label="最后一次心跳时间" label="最后一次心跳时间"

Write Preview
Loading…
Cancel
Save