Skip to content

D
device-new-platform
Commit 2fc8a6d2 authored by 彭松's avatar 彭松
Browse files
Options

css

parent aa49e2dc
Hide whitespace changes
Inline Side-by-side
Showing with 464 additions and 734 deletions
device-manager-ui/admin/public/index.html
View file @ 2fc8a6d2
......@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<link rel="icon" href="<%= BASE_URL %>sbgl.ico" />
<title>设备管理平台</title>
<link
rel="stylesheet"
......
device-manager-ui/admin/src/assets/less/common.less
View file @ 2fc8a6d2
......@@ -328,3 +328,7 @@
text-align: right;
}
.addclass {
background: linear-gradient(90deg, #5ab6ff 0%, #2e9aff 100%) !important;
color: #fff !important;
}
device-manager-ui/admin/src/assets/mixins/table.js
View file @ 2fc8a6d2
......@@ -199,7 +199,7 @@ export default {
formatterLink(row, column, val) {
//const content = formatter(this.tableData, column-2, val);
return <el-link type="primary" href={val} target="_blank">{row.fileName}</el-link>
return <el-link type="primary" class="addclass" href={val} target="_blank">{row.fileName}</el-link>
//return content;
// return content ? <el-tag type={'info'} size='mini'>{content}</el-tag> : val
},
......
device-manager-ui/admin/src/components/Confirm.vue
View file @ 2fc8a6d2
......@@ -7,7 +7,7 @@
<p>{{message}}</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="visible = false">取消</el-button>
<el-button type="primary" size="mini" @click="change">确定</el-button>
<el-button type="primary" class="addclass" size="mini" @click="change">确定</el-button>
</div>
<label slot="reference">
<slot></slot>
......
device-manager-ui/admin/src/components/DeviceSwitch.vue
View file @ 2fc8a6d2
......@@ -7,7 +7,7 @@
<el-button size="mini" type="text" @click="visible = false"
>取消</el-button
>
<el-button type="primary" size="mini" @click="statusClick"
<el-button type="primary" class="addclass" size="mini" @click="statusClick"
>确定</el-button
>
</div>
......
device-manager-ui/admin/src/components/FileUpload.vue
View file @ 2fc8a6d2
......@@ -14,7 +14,7 @@
ref="upload"
>
<!-- 上传按钮 -->
<el-button size="mini" type="primary">选取文件</el-button>
<el-button size="mini" type="primary" class="addclass" >选取文件</el-button>
<!-- 上传提示 -->
<div class="el-upload__tip" slot="tip" v-if="showTip">
......
device-manager-ui/admin/src/components/Header.vue
View file @ 2fc8a6d2
......@@ -15,7 +15,7 @@
height="27"
width="27"
/>
<b style="color: white; font-size: 18px; margin-right: 42px">
<b style="color: white; font-size: 20px; font-weight: bold; margin-right: 20px">
AIOT智慧边缘物联网系统</b
>
</router-link>
......@@ -250,9 +250,10 @@ export default {
line-height: 66px;
font-size: 14px;
color: #eee;
background: #2681e8;
background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
.layout-logo {
height: 50px;
padding-left: 23px;
.el-icon-menu {
display: none;
}
......@@ -276,8 +277,9 @@ export default {
//background: #1890ff;
color: #fff;
list-style-type: none;
border-bottom: 3px solid #fff;
// border-bottom: 3px solid #fff;
padding-bottom: 2px;
background-color: #1890ff;
}
}
}
......@@ -305,7 +307,7 @@ export default {
li {
a {
display: block;
padding: 0 10px;
padding: 0 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
......@@ -313,6 +315,7 @@ export default {
&.router-link-active,
&[active] {
color: #1890ff;
font-weight: 600;
border-bottom: 2px solid #1890ff;
}
}
......@@ -321,7 +324,7 @@ export default {
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 1500px) {
.layout-header {
.mobile-menu-list {
display: flex;
......@@ -351,6 +354,7 @@ export default {
width: 100%;
.layout-logo {
width: 40px;
height: 66px;
.el-icon-menu {
margin: auto;
display: inline-block;
......
device-manager-ui/admin/src/components/HeaderSite.vue
View file @ 2fc8a6d2
......@@ -30,7 +30,7 @@
</div>
<div class="site-btn">
<el-button
type="primary"
type="primary" class="addclass"
size="small"
style="margin-right: 10px"
@click="onSucessSite"
......@@ -156,7 +156,7 @@ export default {
}
.ant-dropdown-link {
padding: 0 20px;
font-size: 14px;
font-size: 16px;
min-width: 200px;
color: #eee;
display: inline-block;
......
device-manager-ui/admin/src/components/MapDetail.vue
View file @ 2fc8a6d2
......@@ -146,7 +146,7 @@ export default {
<style lang="less">
.tuli {
width: 400px;
top: 60px;
top: 20px;
left: 34px;
position: absolute;
float: left;
......
device-manager-ui/admin/src/components/SearchForm.vue
View file @ 2fc8a6d2
......@@ -153,7 +153,7 @@
<el-form-item>
<el-button
type="primary"
type="primary" class="addclass"
icon="el-icon-search"
@click="onSubmit"
title="查询"
......
device-manager-ui/admin/src/components/Switch.vue
View file @ 2fc8a6d2
......@@ -7,7 +7,7 @@
<el-button size="mini" type="text" @click="visible = false"
>取消</el-button
>
<el-button type="primary" size="mini" @click="statusClick"
<el-button type="primary" class="addclass" size="mini" @click="statusClick"
>确定</el-button
>
</div>
......
device-manager-ui/admin/src/components/Table.vue
View file @ 2fc8a6d2
......@@ -13,7 +13,7 @@
<slot name="table-head-center">
<el-button
v-if="isShowButton('notAdd')"
type="primary"
type="primary" class="addclass"
icon="el-icon-plus"
plain
size="mini"
......@@ -316,7 +316,7 @@ export default {
margin-bottom: 10px;
//padding-bottom: 12px;
// padding-top: 7px;
border-bottom: 1px solid #ededed;
// border-bottom: 1px solid #ededed;
.el-breadcrumb {
margin-right: 30px;
}
......
device-manager-ui/admin/src/components/tools/FormButtons.vue
View file @ 2fc8a6d2
......@@ -3,7 +3,7 @@
<el-form-item>
<slot name="prepend"></slot>
<slot>
<el-button v-if="!noSaveBtn" type="primary" @click='$emit("submit")' size='small' icon='el-icon-circle-check-outline'>保存</el-button>
<el-button v-if="!noSaveBtn" type="primary" class="addclass" @click='$emit("submit")' size='small' icon='el-icon-circle-check-outline'>保存</el-button>
<el-button v-if="!noCancelBtn" @click="$router.go(-1)" size='small' icon='el-icon-circle-close-outline'>取消</el-button>
</slot>
<slot name="append"></slot>
......
device-manager-ui/admin/src/views/Home.vue
View file @ 2fc8a6d2
<template>
<div class="page page-home homeIndex" style="min-height: 100vh">
<el-row :gutter="10">
<el-row
style="margin-left: 50px; margin-right: 50px"
type="flex"
justify="end"
:gutter="10"
>
<el-button type="text" size="mini" style="color: #fff"
>数据更新:{{
formatterDate(statData.updateTime)
}}
2分钟后自动更新</el-button
>
<el-button
icon="el-icon-refresh"
style="color: #fff"
size="mini"
@click="syncDeviceStat"
type="text"
>手动刷新</el-button
>
<el-row style="margin-left: 50px; margin-right: 50px" type="flex" justify="end" :gutter="10">
<el-button type="text" size="mini" style="color: #fff">数据更新:{{
formatterDate(statData.updateTime)
}}
2分钟后自动更新</el-button>
<el-button icon="el-icon-refresh" style="color: #fff" size="mini" @click="syncDeviceStat"
type="text">手动刷新</el-button>
</el-row>
<el-card
style="
margin-left: 50px;
margin-right: 50px;
margin-top: 10px;
height: 160px;
"
>
<el-card style="
margin-left: 50px;
margin-right: 50px;
margin-top: 10px;
height: 160px;
">
<div class="total-list">
<!-- 设备总数 -->
<div class="total-item">
<p class="total-item-count">{{ statData.deviceTotalCount }}</p>
<span style="font-size: 12px"
><span class="tips">昨日 </span
><span
:class="{
success: statData.deviceAddCount >= 0,
warn: statData.deviceAddCount < 0,
}"
>{{
statData.deviceAddCount >= 0
? "+" + statData.deviceAddCount
: "-" + statData.deviceAddCount
}}</span
></span
>
<span style="font-size: 12px"><span class="tips">昨日 </span><span :class="{
success: statData.deviceAddCount >= 0,
warn: statData.deviceAddCount < 0,
}">{{
statData.deviceAddCount >= 0
? "+" + statData.deviceAddCount
: "-" + statData.deviceAddCount
}}</span></span>
<p class="total-item-title">
<img src="../assets/images/abzs.png" alt="" />
<span>设备总数</span>
......@@ -57,20 +36,14 @@
<!-- 监控站点数 -->
<div class="total-item">
<p class="total-item-count">{{ statData.siteTotalCount }}</p>
<span style="font-size: 12px"
><span class="tips">昨日 </span
><span
:class="{
success: statData.siteAddCount >= 0,
warn: statData.siteAddCount < 0,
}"
>{{
statData.siteAddCount >= 0
? "+" + statData.siteAddCount
: "-" + statData.siteAddCount
}}</span
></span
>
<span style="font-size: 12px"><span class="tips">昨日 </span><span :class="{
success: statData.siteAddCount >= 0,
warn: statData.siteAddCount < 0,
}">{{
statData.siteAddCount >= 0
? "+" + statData.siteAddCount
: "-" + statData.siteAddCount
}}</span></span>
<p class="total-item-title">
<img src="../assets/images/jczds.png" alt="" />
<span>监控站点数</span>
......@@ -79,12 +52,9 @@
<!-- 在线设备 -->
<div class="total-item">
<p class="total-item-count">{{ statData.deviceOnlineCount }}</p>
<span style="font-size: 12px"
><span class="tips">上线率 </span
><span v-bind:class="{ success: statData.deviceOnlineRatio >= 0 }"
>{{ (statData.deviceOnlineRatio * 100).toFixed(2) }}%</span
></span
>
<span style="font-size: 12px"><span class="tips">上线率 </span><span
v-bind:class="{ success: statData.deviceOnlineRatio >= 0 }">{{ (statData.deviceOnlineRatio *
100).toFixed(2) }}%</span></span>
<p class="total-item-title">
<img src="../assets/images/zxsb.png" alt="" />
<span>在线设备</span>
......@@ -93,12 +63,9 @@
<!-- 离线率 -->
<div class="total-item">
<p class="total-item-count">{{ statData.deviceOfflineCount }}</p>
<span style="font-size: 12px"
><span class="tips">离线率 </span
><span v-bind:class="{ warn: statData.deviceOfflineRatio >= 0 }"
>{{ (statData.deviceOfflineRatio * 100).toFixed(2) }}%</span
></span
>
<span style="font-size: 12px"><span class="tips">离线率 </span><span
v-bind:class="{ warn: statData.deviceOfflineRatio >= 0 }">{{ (statData.deviceOfflineRatio *
100).toFixed(2) }}%</span></span>
<p class="total-item-title">
<img src="../assets/images/lxsb.png" alt="" />
<span>离线设备</span>
......@@ -107,12 +74,9 @@
<!-- 停用设备 -->
<div class="total-item">
<p class="total-item-count">{{ statData.deviceStopRatio }}</p>
<span style="font-size: 12px"
><span class="tips">停用率 </span
><span v-bind:class="{ warn: statData.deviceStopRatio >= 0 }"
>{{ (statData.deviceStopRatio * 100).toFixed(2) }}%</span
></span
>
<span style="font-size: 12px"><span class="tips">停用率 </span><span
v-bind:class="{ warn: statData.deviceStopRatio >= 0 }">{{ (statData.deviceStopRatio * 100).toFixed(2)
}}%</span></span>
<p class="total-item-title">
<img src="../assets/images/tusb.png" alt="" />
<span>停用设备</span>
......@@ -121,12 +85,9 @@
<!-- 未激活设备 -->
<div class="total-item">
<p class="total-item-count">{{ statData.deviceUnActiveRatio }}</p>
<span style="font-size: 12px"
><span class="tips">未激活率 </span
><span v-bind:class="{ warn: statData.deviceUnActiveRatio >= 0 }"
>{{ (statData.deviceUnActiveRatio * 100).toFixed(2) }}%</span
></span
>
<span style="font-size: 12px"><span class="tips">未激活率 </span><span
v-bind:class="{ warn: statData.deviceUnActiveRatio >= 0 }">{{ (statData.deviceUnActiveRatio *
100).toFixed(2) }}%</span></span>
<p class="total-item-title">
<img src="../assets/images/wjhsb.png" alt="" />
<span>未激活设备</span>
......@@ -135,20 +96,14 @@
<!-- 今日警告次数 -->
<div class="total-item">
<p class="total-item-count">{{ statData.alarmTotalCount }}</p>
<span style="font-size: 12px"
><span class="tips">昨日 </span
><span
v-bind:class="{
success: statData.alarmAddCount >= 0,
warn: statData.alarmAddCount < 0,
}"
>{{
statData.alarmAddCount >= 0
? "+" + statData.alarmAddCount
: "-" + statData.alarmAddCount
}}</span
></span
>
<span style="font-size: 12px"><span class="tips">昨日 </span><span v-bind:class="{
success: statData.alarmAddCount >= 0,
warn: statData.alarmAddCount < 0,
}">{{
statData.alarmAddCount >= 0
? "+" + statData.alarmAddCount
: "-" + statData.alarmAddCount
}}</span></span>
<p class="total-item-title">
<img src="../assets/images/gjcs.png" alt="" />
<span>今日告警次数</span>
......@@ -157,20 +112,14 @@
<!-- 今日消息推送 -->
<div class="total-item">
<p class="total-item-count">{{ statData.pushTotalCount }}</p>
<span style="font-size: 12px"
><span class="tips">昨日 </span
><span
v-bind:class="{
success: statData.pushAddCount >= 0,
warn: statData.pushAddCount < 0,
}"
>{{
statData.pushAddCount >= 0
? "+" + statData.pushAddCount
: "-" + statData.pushAddCount
}}</span
></span
>
<span style="font-size: 12px"><span class="tips">昨日 </span><span v-bind:class="{
success: statData.pushAddCount >= 0,
warn: statData.pushAddCount < 0,
}">{{
statData.pushAddCount >= 0
? "+" + statData.pushAddCount
: "-" + statData.pushAddCount
}}</span></span>
<p class="total-item-title">
<img src="../assets/images/xits.png" alt="" />
<span>今日消息推送次数</span>
......@@ -364,21 +313,13 @@
</el-card>
</el-row>
<el-row
style="margin-left: 35px; margin-right: 35px; margin-top: 15px"
:gutter="20"
>
<el-row style="margin-left: 35px; margin-right: 35px; margin-top: 15px" :gutter="20">
<el-col :span="12">
<!-- 设备数据 -->
<el-card class="box-card">
<div id="deviceTotal" style="width: 100%; height: 300px"></div>
<!-- 天数选择 -->
<el-select
class="change-day"
v-model="myEchartsDay"
size="mini"
placeholder="请选择"
>
<el-select class="change-day" v-model="myEchartsDay" size="mini" placeholder="请选择">
<el-option label="近15天" :value="15"> </el-option>
<el-option label="近30天" :value="30"> </el-option>
</el-select>
......@@ -389,12 +330,7 @@
<el-card class="box-card">
<div id="deviceStat" style="width: 100%; height: 300px"></div>
<!-- 天数选择 -->
<el-select
class="change-day"
size="mini"
placeholder="请选择"
v-model="deviceStatEchartsDay"
>
<el-select class="change-day" size="mini" placeholder="请选择" v-model="deviceStatEchartsDay">
<el-option label="近15天" :value="15"> </el-option>
<el-option label="近30天" :value="30"> </el-option>
</el-select>
......@@ -402,22 +338,14 @@
</el-col>
</el-row>
<el-row
style="margin-left: 35px; margin-right: 35px; margin-top: 10px"
:gutter="20"
>
<el-row style="margin-left: 35px; margin-right: 35px; margin-top: 10px" :gutter="20">
<el-col :span="12">
<!-- 设备告警 -->
<el-card class="box-card device-alarm">
<div id="deviceAlarm" style="width: 70%; height: 300px"></div>
<div id="PieEcharts" style="width: 30%; height: 300px"></div>
<!-- 天数选择 -->
<el-select
class="change-day"
v-model="deviceAlarmEchartsDay"
size="mini"
placeholder="请选择"
>
<el-select class="change-day" v-model="deviceAlarmEchartsDay" size="mini" placeholder="请选择">
<el-option label="近15天" :value="15"> </el-option>
<el-option label="近30天" :value="30"> </el-option>
</el-select>
......@@ -428,12 +356,7 @@
<el-card class="box-card">
<div id="devicePush" style="width: 100%; height: 300px"></div>
<!-- 天数选择 -->
<el-select
class="change-day"
v-model="devicePushEchartsDay"
size="mini"
placeholder="请选择"
>
<el-select class="change-day" v-model="devicePushEchartsDay" size="mini" placeholder="请选择">
<el-option label="近15天" :value="15"> </el-option>
<el-option label="近30天" :value="30"> </el-option>
</el-select>
......@@ -649,8 +572,10 @@ export default {
let option = {
title: {
text: "设备数据",
top: "40px",
top: "0",
subtext: "",
fontSize:"16px",
color:"#333"
},
// 图例提示框
tooltip: {
......@@ -677,7 +602,7 @@ export default {
legend: {
orient: "horizontal",
top: "40px",
left: "98",
left: "0",
y: "top",
itemWidth: 14,
data: ["设备总量", "在线趋势"],
......@@ -758,7 +683,7 @@ export default {
let deviceStatOption = {
title: {
text: "设备状态",
top: "40px",
top: "0",
},
tooltip: {
trigger: "axis",
......@@ -775,7 +700,7 @@ export default {
},
legend: {
top: "40px",
left: "98",
left: "0",
itemWidth: 14,
data: ["在线率", "离线率"],
icon: "roundRect",
......@@ -868,7 +793,7 @@ export default {
let option = {
title: {
text: "设备告警趋势",
top: "40px",
top: "0",
},
tooltip: {
trigger: "axis",
......@@ -886,8 +811,7 @@ export default {
legend: {
itemWidth: 14,
top: "40px",
left: "120",
left: "",
data: ["告警次数"],
icon: "roundRect",
},
......@@ -1027,7 +951,7 @@ export default {
let option = {
title: {
text: "设备消息推送趋势",
top: "40px",
top: "0",
},
tooltip: {
trigger: "axis",
......@@ -1045,7 +969,7 @@ export default {
legend: {
top: "40px",
itemWidth: 14,
left: "160",
left: "0",
data: ["告警次数"],
icon: "roundRect",
},
......@@ -1136,32 +1060,38 @@ export default {
width: 100%;
height: 100%;
}
.total-list {
width: inherit;
height: inherit;
display: flex;
justify-content: space-around;
align-items: center;
.total-item {
height: 90px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
.total-item-count {
font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #333333;
}
.total-item-title {
display: flex;
align-items: center;
img {
width: 14px;
height: 14px;
margin-right: 4px;
}
span {
font-size: 14px;
font-family: Source Han Sans CN;
......@@ -1171,9 +1101,11 @@ export default {
}
}
}
.success {
color: green;
}
.warn {
color: rgb(215, 25, 25);
}
......@@ -1187,6 +1119,7 @@ export default {
display: flex;
position: relative;
}
.change-day {
width: 120px !important;
position: absolute;
......@@ -1194,6 +1127,7 @@ export default {
right: 20px;
z-index: 100;
}
.homeIndex::before {
content: "";
position: absolute;
......@@ -1201,7 +1135,7 @@ export default {
left: 0;
width: 100%;
height: 35%;
background: #2681e8;
background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
}
</style>
device-manager-ui/admin/src/views/alarm/config/dialogshow.vue
View file @ 2fc8a6d2
......@@ -45,7 +45,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/alarm/config/view.vue
View file @ 2fc8a6d2
......@@ -12,7 +12,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small"
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small"
>返回</el-button
>
</template>
......
device-manager-ui/admin/src/views/alarm/sms/send/dialogshow.vue
View file @ 2fc8a6d2
......@@ -13,7 +13,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/alarm/sms/send/list.vue
View file @ 2fc8a6d2
<template>
<div class="page">
<LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="doExport"
:disabled="isExport"
>导出</el-button
>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" size="mini" @click="doExport"
:disabled="isExport">导出</el-button>
</LayoutTable>
<drawer-show ref="drawerform" @ok="getData" />
......@@ -135,6 +128,7 @@ export default {
<style lang="less" >
.buttons {
display: flex;
.el-row {
margin-left: 20px;
}
......
device-manager-ui/admin/src/views/alarm/sms/send/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="电话号码" label-class-name="labelClass" content-class-name="contentClass">
{{form.mobile}}
......
device-manager-ui/admin/src/views/analysis/components/HeaderSite.vue
View file @ 2fc8a6d2
......@@ -28,7 +28,7 @@
</div>
<div class="site-btn">
<el-button
type="primary"
type="primary" class="addclass"
size="small"
style="margin-right: 10px"
@click="onSucessSite"
......
device-manager-ui/admin/src/views/app/publish/dialogshow.vue
View file @ 2fc8a6d2
......@@ -14,7 +14,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/app/publish/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="应用编码" label-class-name="labelClass" content-class-name="contentClass">
{{form.appCode}}
......
device-manager-ui/admin/src/views/device/alarm/info/dialogshow.vue
View file @ 2fc8a6d2
......@@ -58,7 +58,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/device/alarm/info/list.vue
View file @ 2fc8a6d2
<template>
<div class="page">
<LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="doExport"
:disabled="isExport"
>导出</el-button
>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="doExport"
:disabled="isExport">导出</el-button>
<el-tag slot="table-head-row2-left" size="mini"
>告警次数：{{ tableData.totalCount }}次</el-tag
>
<el-tag slot="table-head-row2-left" size="mini" style="margin: 10px">告警次数：{{ tableData.totalCount }}次</el-tag>
<el-tag
slot="table-head-row2-left"
size="mini"
style="margin: 5px"
type="danger"
>危险：{{ tableData.dangerCount }}次</el-tag
>
<el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="danger">危险：{{ tableData.dangerCount
}}次</el-tag>
<el-tag
slot="table-head-row2-left"
size="mini"
style="margin: 5px"
type="warning"
>次要：{{ tableData.subCount }}次</el-tag
>
<el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="warning">次要：{{ tableData.subCount
}}次</el-tag>
<el-tag
slot="table-head-row2-left"
size="mini"
style="margin: 5px"
type="info"
>一般：{{ tableData.normalCount }}次</el-tag
>
<el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="info">一般：{{ tableData.normalCount
}}次</el-tag>
</LayoutTable>
<dialog-show ref="dialogform" @ok="getData" />
......
device-manager-ui/admin/src/views/device/dialogshow.vue
View file @ 2fc8a6d2
......@@ -29,7 +29,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/device/list.vue
View file @ 2fc8a6d2
......@@ -2,259 +2,126 @@
<div class="page">
<div class="page-header">
<div>
<span style="font-size: 14px"
><b>设备列表</b> （
<span style="font-size: 14px"><b>设备列表</b> （
<span style="margin-right: 6px">{{ siteName }}</span> 站点编码：{{
siteCode
}}
）</span
>
<el-link
style="margin-left: 10px"
type="primary"
@click="switchMap"
:underline="false"
>地图模式
</el-link
>
）</span>
<el-link style="margin-left: 10px" type="primary" class="addclass" @click="switchMap" :underline="false">地图模式
</el-link>
</div>
<el-button style="margin-right: 10px" @click="$router.back()" size="small"
>返回上一级
</el-button
>
<el-button style="margin-right: 10px" @click="$router.back()" size="small">返回上一级
</el-button>
</div>
<el-divider></el-divider>
<LayoutTable :data="tableData" :config="tableConfig">
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="handleImport"
>导入
</el-button
>
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="doExport"
:disabled="isExport"
>导出
</el-button
>
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="batchActiveDevice"
>批量激活
</el-button
>
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="batchUpdateHall"
>更新大厅
</el-button
>
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="batchRestartApp"
>批量重启
</el-button
>
<el-tag
slot="table-body-head"
size="mini"
class="cursord"
@click="changeStatAll()"
>设备总数：{{ tableData.totalCount }}台
</el-tag
>
<el-tag
slot="table-body-head"
size="mini"
style="margin: 5px"
type="success"
class="cursord"
@click="changeStat(2)"
>在线：{{ tableData.onlineCount }}台
</el-tag
>
<el-tag
slot="table-body-head"
size="mini"
style="margin: 5px"
type="danger"
class="cursord"
@click="changeStat(1)"
>离线：{{ tableData.offlineCount }}台
</el-tag
>
<el-tag
slot="table-body-head"
size="mini"
style="margin: 5px"
type="danger"
class="cursord"
@click="changeStatEnabled( 0)"
>停用：{{ tableData.stopCount }}台
</el-tag
>
<el-tag
slot="table-body-head"
size="mini"
style="margin: 5px"
type="danger"
class="cursord"
@click="changeStat(0)"
>未激活：{{ tableData.unActiveCount }}台
</el-tag
>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="handleImport">导入
</el-button>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="doExport"
:disabled="isExport">导出
</el-button>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
@click="batchActiveDevice">批量激活
</el-button>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
@click="batchUpdateHall">更新大厅
</el-button>
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
@click="batchRestartApp">批量重启
</el-button>
<el-tag slot="table-body-head" size="mini" class="cursord" @click="changeStatAll()">设备总数：{{ tableData.totalCount }}台
</el-tag>
<el-tag slot="table-body-head" size="mini" style="margin: 5px" type="success" class="cursord"
@click="changeStat(2)">在线：{{ tableData.onlineCount }}台
</el-tag>
<el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
@click="changeStat(1)">离线：{{ tableData.offlineCount }}台
</el-tag>
<el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
@click="changeStatEnabled(0)">停用：{{ tableData.stopCount }}台
</el-tag>
<el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
@click="changeStat(0)">未激活：{{ tableData.unActiveCount }}台
</el-tag>
</LayoutTable>
<!-- 设备导入对话框 -->
<el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?siteId=' + siteId"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
:action="upload.url + '?siteId=' + siteId" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess" :auto-upload="false" drag>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处，或
<em>点击上传</em>
</div>
<div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport"/>
<el-checkbox v-model="upload.updateSupport" />
是否更新已经存在的数据
<el-link
type="primary"
style="font-size: 14px"
@click="downloadTemplate"
>下载模板
</el-link
>
<el-link type="primary" class="addclass" style="font-size: 14px" @click="downloadTemplate">下载模板
</el-link>
</div>
<div class="el-upload__tip" style="color: red" slot="tip">
提示：仅允许导入“xls”或“xlsx”格式文件！
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button type="primary" class="addclass" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
<!-- 站点修改对话框 -->
<el-dialog
:title="tree.title"
:visible.sync="tree.open"
width="40%"
append-to-body
>
<span style="font-size: 13px"
><b>当前站点:</b> (<el-link
style="margin-left: 10px"
type="primary"
:underline="false"
>{{ siteName }}</el-link
>
站点编码：{{ siteCode }} )</span
>
<el-dialog :title="tree.title" :visible.sync="tree.open" width="40%" append-to-body>
<span style="font-size: 13px"><b>当前站点:</b> (<el-link style="margin-left: 10px" type="primary" class="addclass"
:underline="false">{{ siteName }}</el-link>
站点编码：{{ siteCode }} )</span>
<el-divider></el-divider>
<el-scrollbar style="height: 100%">
<el-tree
size="mini"
ref="siteTree"
:data="areaData"
id="el-tree"
node-key="id"
indent="4"
:props="treeProps"
:load="loadNode"
highlight-current
default-expand-all
:expand-on-click-node="false"
:render-content="renderContent"
@node-click="handleNodeClick"
>
<el-tree size="mini" ref="siteTree" :data="areaData" id="el-tree" node-key="id" indent="4" :props="treeProps"
:load="loadNode" highlight-current default-expand-all :expand-on-click-node="false"
:render-content="renderContent" @node-click="handleNodeClick">
</el-tree>
</el-scrollbar>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="updateSiteConform">确 定</el-button>
<el-button type="primary" class="addclass" @click="updateSiteConform">确 定</el-button>
<el-button @click="tree.open = false">取 消</el-button>
</div>
</el-dialog>
<!-- 大厅修改对话框 -->
<el-dialog
:title="hallDialog.title"
:visible.sync="hallDialog.open"
width="60%"
append-to-body
>
<el-form label-width="120px">
<Field
label="站点大厅"
v-model="hallId"
type="radio"
:enumData="tableData.dict.hallId"
placeholder="请选择所属大厅"
/>
<el-dialog :title="hallDialog.title" :visible.sync="hallDialog.open" width="60%" append-to-body>
<el-form label-width="120px">
<Field label="站点大厅" v-model="hallId" type="radio" :enumData="tableData.dict.hallId" placeholder="请选择所属大厅" />
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="updateBatchHallConform">确 定</el-button>
<el-button type="primary" class="addclass" @click="updateBatchHallConform">确 定</el-button>
<el-button @click="hallDialog.open = false">取 消</el-button>
</div>
</el-dialog>
<!-- 查看二维码弹窗 -->
<el-dialog
title="设备二维码"
:visible.sync="qrCodeDialog.visible"
width="350px"
>
<img :src="qrCodeDialog.qrCode"/>
<el-dialog title="设备二维码" :visible.sync="qrCodeDialog.visible" width="350px">
<img :src="qrCodeDialog.qrCode" />
<p style="word-wrap: break-word">{{ qrCodeDialog.qrCodeUrl }}</p>
</el-dialog>
<!-- <dialog-show ref="dialogform" @ok="getData" /> -->
<drawer-show ref="drawerform" @ok="getData"/>
<drawer-show ref="drawerform" @ok="getData" />
<drawer-view ref="drawerViewform" @ok="getData"/>
<drawer-view ref="drawerViewform" @ok="getData" />
</div>
</template>
......@@ -267,26 +134,26 @@ import tree from "@/assets/mixins/tree";
export default {
name: "Device",
components: {drawerShow, drawerView},
components: { drawerShow, drawerView },
mixins: [table, tree],
created() {
this.siteId = this.$route.query.siteId;
this.info = this.$route.query;
this.query = {siteId: this.siteId};
this.query = { siteId: this.siteId };
this.$get("/sitestat/siteInfo", {
siteId: this.siteId,
})
.then((res) => {
if (res.code == 1) {
//this.info=res.data
this.siteName = res.data.siteName;
this.siteCode = res.data.siteCode;
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
//this.info=res.data
this.siteName = res.data.siteName;
this.siteCode = res.data.siteCode;
}
})
.catch((error) => {
this.$message.error(error.message);
});
// this.$router.push({ query: {siteId:this.siteId } });
},
......@@ -309,15 +176,15 @@ export default {
downloadTemplate() {
this.isExport = true;
this.$download(
"/device/downloadTemplate",
{},
{type: "excel", fileName: "设备导入模板"}
"/device/downloadTemplate",
{},
{ type: "excel", fileName: "设备导入模板" }
)
.then(() => (this.isExport = false))
.catch((error) => {
this.isExport = false;
this.$message.error(error.message);
});
.then(() => (this.isExport = false))
.catch((error) => {
this.isExport = false;
this.$message.error(error.message);
});
},
/** 文件上传中处理 */
handleFileUploadProgress(event, file, fileList) {
......@@ -328,7 +195,7 @@ export default {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert(response.msg, "导入结果", {dangerouslyUseHTMLString: true});
this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
this.getData();
},
/** 提交上传文件 */
......@@ -339,19 +206,19 @@ export default {
doExport() {
this.isExport = true;
this.$download(
"/device/exportExcel",
{
idList: this.selection,
deviceName: this.$route.query["deviceName"],
siteId: this.$route.query["siteId"],
},
{type: "excel", fileName: "设备表"}
"/device/exportExcel",
{
idList: this.selection,
deviceName: this.$route.query["deviceName"],
siteId: this.$route.query["siteId"],
},
{ type: "excel", fileName: "设备表" }
)
.then(() => (this.isExport = false))
.catch((error) => {
this.isExport = false;
this.$message.error(error.message);
});
.then(() => (this.isExport = false))
.catch((error) => {
this.isExport = false;
this.$message.error(error.message);
});
},
/** 重写新增方法 */
toAdd(row) {
......@@ -404,7 +271,7 @@ export default {
// delete this.query["productId"]
//delete this.query["deviceName"]
// delete this.query["deviceCode"]
this.query = Object.assign(this.query, {deviceStatus: val});
this.query = Object.assign(this.query, { deviceStatus: val });
this.query["page"] = 1
this.getData();
},
......@@ -414,60 +281,60 @@ export default {
this.$post("/device/active", {
deviceCode: row.deviceCode,
})
.then((res) => {
if (res.code == 1) {
this.$message.success("激活设备成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("激活设备成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
batchActiveDevice(row) {
this.$post("/device/batchActive", {
idList: this.selection,
})
.then((res) => {
if (res.code == 1) {
this.$message.success("批量激活设备成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("批量激活设备成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
batchUpdateHall() {
this.hallId=null;
this.hallName=""
this.hallId = null;
this.hallName = ""
this.hallDialog.title = "设备所属大厅设置";
this.hallDialog.open = true;
},
updateBatchHallConform(row) {
this.hallName=this.tableData.dict.hallId[this.hallId];
this.hallName = this.tableData.dict.hallId[this.hallId];
this.$post("/device/batchUpdateHall", {
idList: this.selection,
hallId: this.hallId,
hallName: this.hallName
})
.then((res) => {
if (res.code == 1) {
this.$message.success("批量更新大厅设备成功！");
this.hallDialog.open=false;
console.log(this.$refs)
this.selection=[]
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("批量更新大厅设备成功！");
this.hallDialog.open = false;
console.log(this.$refs)
this.selection = []
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
......@@ -475,34 +342,34 @@ export default {
this.$post("/device/batchRestartApp", {
idList: this.selection,
})
.then((res) => {
if (res.code == 1) {
this.$message.success("批量重启设备应用成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("批量重启设备应用成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
restartApp(row) {
this.$post("/device/batchRestartApp", {
idList: [row.id],
})
.then((res) => {
if (res.code == 1) {
this.$message.success("重启设备应用成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("重启设备应用成功！");
this.getData();
}
})
.catch((error) => {
this.$message.error(error.message);
});
},
updateSite(row) {
this.$get("/sitestat/siteTree", {}).then(({data}) => {
this.$get("/sitestat/siteTree", {}).then(({ data }) => {
this.areaData = data.siteTree;
this.tree.open = true;
this.tree.id = row.id;
......@@ -526,37 +393,37 @@ export default {
siteCode: this.currentNode.siteCode,
siteName: this.currentNode.label,
})
.then((res) => {
if (res.code == 1) {
this.$message.success("编辑站点成功！");
this.tree.open = false;
this.getData();
}
})
.catch((error) => {
this.loading = false;
this.$message.error(error.message);
});
.then((res) => {
if (res.code == 1) {
this.$message.success("编辑站点成功！");
this.tree.open = false;
this.getData();
}
})
.catch((error) => {
this.loading = false;
this.$message.error(error.message);
});
},
// 操作菜单状态
changeStatus(row, column) {
return (
<device-switch
confirm
url="/device/enable"
row={row}
onChange={this.statusChange}
value={this.tableData.data}
onInput={(data) => {
this.tableData.data = data;
}}
/>
<device-switch
confirm
url="/device/enable"
row={row}
onChange={this.statusChange}
value={this.tableData.data}
onInput={(data) => {
this.tableData.data = data;
}}
/>
);
},
async viewQrCode(id) {
try {
const {qrCode, qrCodeUrl} = await this.$post("/device/viewQrCode", {
const { qrCode, qrCodeUrl } = await this.$post("/device/viewQrCode", {
id: id,
});
this.qrCodeDialog.qrCode = qrCode;
......@@ -618,7 +485,7 @@ export default {
config: {
getsocketData: null,
tableName:"table",
tableName: "table",
search: [
{
name: "deviceName",
......@@ -645,9 +512,9 @@ export default {
reserveSelection: true,
width: 60,
},
{type: "index", label: "序号", align: "center", width: 50},
{ type: "index", label: "序号", align: "center", width: 50 },
{label: "设备名称", align: "center", prop: "deviceName"},
{ label: "设备名称", align: "center", prop: "deviceName" },
{
label: "设备类型",
......@@ -656,9 +523,9 @@ export default {
formatter: this.formatter,
},
{label: "设备编码", align: "center", prop: "deviceCode"},
{ label: "设备编码", align: "center", prop: "deviceCode" },
{ label: "所属大厅", prop: "hallName"},
{ label: "所属大厅", prop: "hallName" },
{
label: "设备生产商",
......@@ -667,7 +534,7 @@ export default {
formatter: this.formatter,
width: 250,
},
{label: "负责人", align: "center", prop: "leadingOfficial"},
{ label: "负责人", align: "center", prop: "leadingOfficial" },
{
label: "联系电话",
align: "center",
......@@ -708,46 +575,46 @@ export default {
width: 240,
formatter: (row) => {
return (
<div>
<table-buttons
noAdd
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
<span> </span>
{row.deviceStatus === 0 ? (
<el-button
size="mini"
type="text"
icon="el-icon-open"
onClick={() => {
this.activeDevice(row);
}}
>
激活
</el-button>
) : (
""
)}
<span> </span>
<el-button
type="text"
size="mini"
onClick={() => this.viewQrCode(row.id)}
>
二维码
</el-button>
<span> </span>
<div>
<table-buttons
noAdd
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
<span> </span>
{row.deviceStatus === 0 ? (
<el-button
type="text"
size="mini"
onClick={() => this.restartApp(row)}
size="mini"
type="text"
icon="el-icon-open"
onClick={() => {
this.activeDevice(row);
}}
>
重启
激活
</el-button>
</div>
) : (
""
)}
<span> </span>
<el-button
type="text"
size="mini"
onClick={() => this.viewQrCode(row.id)}
>
二维码
</el-button>
<span> </span>
<el-button
type="text"
size="mini"
onClick={() => this.restartApp(row)}
>
重启
</el-button>
</div>
);
},
},
......
device-manager-ui/admin/src/views/device/log/dialogshow.vue
View file @ 2fc8a6d2
......@@ -12,7 +12,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/device/log/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="设备编号" label-class-name="labelClass" content-class-name="contentClass">
{{form.deviceNum}}
......
device-manager-ui/admin/src/views/device/module/dialogshow.vue
View file @ 2fc8a6d2
......@@ -10,7 +10,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/device/module/distribute/dialogshow.vue
View file @ 2fc8a6d2
......@@ -17,7 +17,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/device/module/distribute/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="产品Id" label-class-name="labelClass" content-class-name="contentClass">
{{form.productId}}
......
device-manager-ui/admin/src/views/device/module/use/dialogshow.vue
View file @ 2fc8a6d2
......@@ -12,7 +12,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/device/module/use/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleName}}
......
device-manager-ui/admin/src/views/device/module/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.moduleName}}
......
device-manager-ui/admin/src/views/firm/dialogshow.vue
View file @ 2fc8a6d2
......@@ -11,7 +11,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/firm/list.vue
View file @ 2fc8a6d2
<template>
<div class="page">
<div class="xs-title">
<div class="active">生产产商</div>
</div>
<LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
<drawer-show ref="drawerform" @ok="getData" />
......@@ -17,7 +20,7 @@ export default {
drawerShow,
},
mixins: [table],
created() {},
created() { },
methods: {
/** 重写新增方法 */
toAdd(row) {
......@@ -85,4 +88,23 @@ export default {
};
},
};
</script>
\ No newline at end of file
</script>
<style scoped lang="less">
.xs-title {
padding-left: 20px;
background: #fff;
border-bottom: 1px solid #ededed;
display: flex;
height: 40px;
line-height: 40px;
font-size: 14px;
.active {
color: #1890ff;
font-weight: 600;
border-bottom: 2px solid #1890ff;
padding: 0 15px;
}
}
</style>
\ No newline at end of file
device-manager-ui/admin/src/views/firm/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="设备生产厂商名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.firmName}}
......
device-manager-ui/admin/src/views/login/login.vue
View file @ 2fc8a6d2
......@@ -19,7 +19,7 @@
</el-form-item>
<el-form-item size="large">
<el-button
type="primary"
type="primary" class="addclass"
native-type="submit"
:loading="loading"
@click="onSubmit"
......
device-manager-ui/admin/src/views/platform/dialogshow.vue
View file @ 2fc8a6d2
......@@ -16,7 +16,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/product/dialogshow.vue
View file @ 2fc8a6d2
......@@ -11,7 +11,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/product/version/view.vue
View file @ 2fc8a6d2
......@@ -6,7 +6,7 @@
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" class="addclass" @click="$router.go(-1)" size="small">返回</el-button>
</template>
<el-descriptions-item label="产品Id" label-class-name="labelClass" content-class-name="contentClass">
{{form.productId}}
......
device-manager-ui/admin/src/views/site/dialogshow.vue
View file @ 2fc8a6d2
......@@ -35,7 +35,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/sitestat/dialogshow.vue
View file @ 2fc8a6d2
......@@ -57,7 +57,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/sitestat/list.vue
View file @ 2fc8a6d2
<template>
<div class="page">
<el-row :gutter="20">
<el-row :gutter="20" class="pd20">
<el-col :span="6" :xs="12" class="mytree">
<el-card>
<div slot="header">
<span><b class="cardTitle">站点分布</b></span>
<el-button style="float: right" @click="switchStat" type="text"
>切换为地图模式</el-button
>
<el-button style="float: right" @click="switchStat" type="text">切换为地图模式</el-button>
</div>
<el-scrollbar style="height: 100%">
<el-tree
size="mini"
ref="siteTree"
:data="areaData"
id="el-tree"
node-key="id"
indent="4"
:props="treeProps"
:load="loadNode"
highlight-current
default-expand-all
:expand-on-click-node="false"
:render-content="renderContent"
@node-click="handleNodeClick"
>
<el-tree size="mini" ref="siteTree" :data="areaData" id="el-tree" node-key="id" indent="4" :props="treeProps"
:load="loadNode" highlight-current default-expand-all :expand-on-click-node="false"
:render-content="renderContent" @node-click="handleNodeClick">
</el-tree>
</el-scrollbar>
</el-card>
......@@ -33,22 +19,9 @@
<el-col :span="18" :xs="12">
<el-card>
<el-row>
<LayoutTable
ref="layoutTable"
:data="tableData"
notAdd
notDel
:config="tableConfig"
>
<el-button
slot="table-head-left2"
style="margin-left: 10px"
icon="el-icon-tickets"
size="mini"
@click="doExport"
:disabled="isExport"
>导出</el-button
>
<LayoutTable ref="layoutTable" :data="tableData" notAdd notDel :config="tableConfig">
<el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="doExport"
:disabled="isExport">导出</el-button>
</LayoutTable>
</el-row>
</el-card>
......@@ -245,9 +218,11 @@ export default {
.el-card__body {
padding: 10px;
}
.el-calendar-table .el-calendar-day {
height: 70px;
}
.is-selected {
color: #fa3b19;
}
......@@ -261,32 +236,32 @@ export default {
border-bottom: 3px solid rgb(20, 134, 248);
padding-bottom: 2px;
}
.mytree ::v-deep {
.el-tree--highlight-current
::v-deep
.el-tree-node.is-checked
> .el-tree-node__content {
.el-tree--highlight-current ::v-deep .el-tree-node.is-checked>.el-tree-node__content {
background-color: rgb(255, 255, 255);
color: rgb(64, 158, 255);
}
.el-tree--highlight-current
::v-deep
.el-tree-node.is-current
> .el-tree-node__content {
.el-tree--highlight-current ::v-deep .el-tree-node.is-current>.el-tree-node__content {
background-color: rgb(255, 255, 255);
color: rgb(64, 158, 255);
}
.el-tree > .el-tree-node:after {
.el-tree>.el-tree-node:after {
border-top: none;
}
.el-tree-node {
position: relative;
padding-left: 16px;
}
//节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉
.el-tree-node__expand-icon.is-leaf {
display: none;
}
.el-tree-node__children {
padding-left: 16px;
}
......@@ -295,11 +270,11 @@ export default {
height: 38px;
}
.el-tree > .el-tree-node:before {
.el-tree>.el-tree-node:before {
border-left: none;
}
.el-tree > .el-tree-node:after {
.el-tree>.el-tree-node:after {
border-top: none;
}
......
device-manager-ui/admin/src/views/sitestat/mapDetail.vue
View file @ 2fc8a6d2
......@@ -2,21 +2,13 @@
<div>
<MapDetail ref="map" :markersData="originData" @choose="getDetailData">
<el-card body-style="padding:0px;" slot="leftTop1">
<el-button
type="text"
size="mini"
style="margin-left: 10px"
icon="el-icon-back"
@click="switchStat"
>返回至站点分布</el-button
>
<el-button type="text" size="mini" style="margin-left: 10px" icon="el-icon-back"
@click="switchStat">返回至站点分布</el-button>
</el-card>
<el-card slot="leftTop">
<el-row type="flex" justify="space-between">
<span style="font-size: 18px"
><b>{{ info.siteName }}</b></span
>
<span style="font-size: 18px"><b>{{ info.siteName }}</b></span>
</el-row>
<el-divider></el-divider>
......@@ -27,11 +19,8 @@
<el-descriptions-item label="站点地址">{{
info.address
}}</el-descriptions-item>
<el-descriptions-item
label="联系人"
:labelStyle="{ 'text-align': 'right', width: '50px' }"
>{{ info.leadingOfficial }}</el-descriptions-item
>
<el-descriptions-item label="联系人" :labelStyle="{ 'text-align': 'right', width: '50px' }">{{ info.leadingOfficial
}}</el-descriptions-item>
<el-descriptions-item label="联系电话">
{{ info.leadingOfficialTelephone }}
</el-descriptions-item>
......@@ -43,33 +32,23 @@
<el-divider></el-divider>
<el-row type="flex" justify="space-around">
<el-col :span="4">
<span style="font-size: 13px"
><b>{{ info.deviceTotal }}</b></span
><br />
<span style="font-size: 13px"><b>{{ info.deviceTotal }}</b></span><br />
<span style="font-size: 12px">设备总数</span>
</el-col>
<el-col :span="4">
<span style="font-size: 13px"
><b style="color: green">{{ info.onlineCount }}</b></span
><br />
<span style="font-size: 13px"><b style="color: green">{{ info.onlineCount }}</b></span><br />
<span style="font-size: 12px">在线</span>
</el-col>
<el-col :span="4">
<span style="font-size: 13px"
><b style="color: red">{{ info.offlineCount }}</b></span
><br />
<span style="font-size: 13px"><b style="color: red">{{ info.offlineCount }}</b></span><br />
<span style="font-size: 12px">离线</span>
</el-col>
<el-col :span="4">
<span style="font-size: 13px"
><b style="color: orange">{{ info.stopCount }}</b></span
><br />
<span style="font-size: 13px"><b style="color: orange">{{ info.stopCount }}</b></span><br />
<span style="font-size: 12px">停用</span>
</el-col>
<el-col :span="4">
<span style="font-size: 13px"
><b style="color: grey">{{ info.unActiveCount }}</b></span
><br />
<span style="font-size: 13px"><b style="color: grey">{{ info.unActiveCount }}</b></span><br />
<span style="font-size: 12px">待激活</span>
</el-col>
</el-row>
......@@ -77,81 +56,39 @@
<el-divider></el-divider>
<el-row type="flex" justify="space-around" style="margin-top: 10px">
<el-button
type="primary"
@click="switchList"
size="mini"
icon="el-icon-tickets"
>列表模式</el-button
>
<el-button type="primary" size="mini" icon="el-icon-edit-outline"
>编辑站点</el-button
>
<el-button
type="primary"
size="mini"
@click="addDevice"
icon="el-icon-plus"
>添加设备</el-button
>
<el-button type="primary" class="addclass" @click="switchList" size="mini">列表模式</el-button>
<el-button type="primary" class="addclass" size="mini" icon="el-icon-edit-outline">编辑站点</el-button>
<el-button type="primary" class="addclass" size="mini" @click="addDevice" icon="el-icon-plus">添加设备</el-button>
</el-row>
</el-card>
<el-col
slot="rightTop"
style="box-shadow: 12px 2px 12px 12px rgba(0, 0, 0, 0.1)"
>
<el-col slot="rightTop" style="box-shadow: 12px 2px 12px 12px rgba(0, 0, 0, 0.1)">
<el-row type="flex" justify="space-around">
<el-select
style="padding: 5px"
size="mini"
@change="deviceStatuschange"
v-model="deviceStatus"
placeholder="请选择设备状态"
>
<el-option
v-for="($label, $value) in tableData.dict.deviceStatus"
:key="$value"
:label="$label"
:value="$value"
></el-option>
<el-select style="padding: 5px" size="mini" @change="deviceStatuschange" v-model="deviceStatus"
placeholder="请选择设备状态">
<el-option v-for="($label, $value) in tableData.dict.deviceStatus" :key="$value" :label="$label"
:value="$value"></el-option>
</el-select>
<span> </span>
</el-row>
<el-row>
<el-input
size="mini"
v-model="deviceName"
@change="deviceNameChange"
style="padding: 5px"
placeholder="请输入设备编码"
></el-input>
<el-input size="mini" v-model="deviceName" @change="deviceNameChange" style="padding: 5px"
placeholder="请输入设备编码"></el-input>
</el-row>
<el-divider></el-divider>
<el-row
v-for="(label, value, index) in tableData.dict.productId"
:key="index"
type="flex"
style="border-bottom: 1px solid #e8eaec; padding: 10px"
justify="space-between"
>
<el-row v-for="(label, value, index) in tableData.dict.productId" :key="index" type="flex"
style="border-bottom: 1px solid #e8eaec; padding: 10px" justify="space-between">
<!-- <img src="../../assets/images/排队机.png" alt="" /> -->
<img :src="require(`../../assets/images/${label}.png`)" />
<!-- <i style="font-size: 20px" class="el-icon-location-information"></i> -->
<span style="font-size: 12px">{{ label }}</span>
<el-switch
v-model="items[index]"
:active-value="value"
:inactive-value="0"
@change="switchChange"
active-color="#2882ED"
inactive-color="#8C8B8E"
>
<el-switch v-model="items[index]" :active-value="value" :inactive-value="0" @change="switchChange"
active-color="#2882ED" inactive-color="#8C8B8E">
</el-switch>
</el-row>
</el-col>
......@@ -363,6 +300,7 @@ export default {
background: 0 0;
border-top: 1px solid #e8eaec;
}
.back {
width: 200px;
top: 20px;
......@@ -370,9 +308,11 @@ export default {
position: absolute;
float: left;
}
.el-row {
margin-bottom: 5px;
margin-top: 5px;
&:last-child {
margin: 0;
}
......@@ -384,58 +324,72 @@ export default {
font-size: 18px;
color: red;
}
.location1 {
font-size: 18px;
color: blueviolet;
}
.location2 {
font-size: 18px;
color: aqua;
}
.location3 {
font-size: 18px;
color: coral;
}
.location4 {
font-size: 18px;
color: slateblue;
}
.location5 {
font-size: 18px;
color: purple;
}
.location6 {
font-size: 18px;
color: darkgreen;
}
.location7 {
font-size: 18px;
color: magenta;
}
.location8 {
font-size: 18px;
color: goldenrod;
}
.location9 {
font-size: 18px;
color: orchid;
}
.location10 {
font-size: 18px;
color: navy;
}
.location11 {
font-size: 18px;
color: darkred;
}
.location12 {
font-size: 18px;
color: forestgreen;
}
.location13 {
font-size: 18px;
color: cyan;
}
.location14 {
font-size: 18px;
color: deepskyblue;
......
device-manager-ui/admin/src/views/system/menu/dialogshow.vue
View file @ 2fc8a6d2
......@@ -69,7 +69,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/system/param/dialogshow.vue
View file @ 2fc8a6d2
......@@ -58,7 +58,7 @@
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button type="primary" class="addclass" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......
device-manager-ui/admin/src/views/system/resource/dialogshow.vue
View file @ 2fc8a6d2
......@@ -66,7 +66,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/system/role/dialogshow.vue
View file @ 2fc8a6d2
......@@ -29,7 +29,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/system/role/list.vue
View file @ 2fc8a6d2
......@@ -31,7 +31,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="mini" @click="auth.visible = false">取 消</el-button>
<el-button size="mini" type="primary" @click="saveAuth"
<el-button size="mini" type="primary" class="addclass" @click="saveAuth"
>确 定</el-button
>
</div>
......@@ -74,7 +74,7 @@
/>
<el-col style="text-align: center">
<el-button
type="primary"
type="primary" class="addclass"
size="mini"
icon="el-icon-search"
@click="searchUserList"
......@@ -145,7 +145,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="mini" @click="user.visible = false">取 消</el-button>
<el-button size="mini" type="primary" @click="saveUser"
<el-button size="mini" type="primary" class="addclass" @click="saveUser"
>确 定</el-button
>
</div>
......
device-manager-ui/admin/src/views/system/task/dialogshow.vue
View file @ 2fc8a6d2
......@@ -60,7 +60,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/system/user/dialogshow.vue
View file @ 2fc8a6d2
......@@ -55,7 +55,7 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button
type="primary"
type="primary" class="addclass"
v-if="pageInfo.type !== 'view'"
@click="submitForm"
>确 定</el-button
......
device-manager-ui/admin/src/views/system/user/list.vue
View file @ 2fc8a6d2
......@@ -35,7 +35,7 @@
/>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="userRoleConfirm">确 定</el-button>
<el-button type="primary" class="addclass" @click="userRoleConfirm">确 定</el-button>
<el-button @click="userRoleDialog.open = false">取 消</el-button>
</div>
</el-dialog>
......
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