-
-
-
-
-
- 启用
-
-
-
-
-
-
-
-
-
-
- .
-
-
-
-
- .
-
-
-
- .
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 2-60000
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 信息发布
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 启用
+
+
+
+
+
+
+
+
+
+
+ .
+
+
+
+ .
+
+
+
+ .
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2-60000
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 信息发布
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+<<<<<<< HEAD
@@ -160,8 +206,50 @@
取 消
+=======
+
+
+
+
+
+
+
+
+
+
+>>>>>>> bc01ac6b0082d031596737d0f308cae975b5f2cb
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
diff --git a/src/components/ChiGate.vue b/src/components/ChiGate.vue
index 79e52dd..22a69a3 100644
--- a/src/components/ChiGate.vue
+++ b/src/components/ChiGate.vue
@@ -1,185 +1,209 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
diff --git a/src/components/PolicyManagement.vue b/src/components/PolicyManagement.vue
index 863e276..6621819 100644
--- a/src/components/PolicyManagement.vue
+++ b/src/components/PolicyManagement.vue
@@ -2,7 +2,9 @@
- 新增策略
+ 新增策略
@@ -12,8 +14,11 @@
-
-
+
@@ -28,7 +33,9 @@
- 编辑
+ 编辑
删除
@@ -59,7 +66,7 @@ export default {
{
label: "无线区策略",
value: "无线区策略",
- }
+ },
],
options2: [
{
@@ -73,13 +80,15 @@ export default {
{
label: "DNP3",
value: "DNP3",
- }, {
+ },
+ {
label: "S7",
value: "S7",
- }, {
+ },
+ {
label: "EC104",
value: "EC104",
- }
+ },
],
options3: [
{
@@ -89,30 +98,31 @@ export default {
{
label: "路由模式",
value: "路由模式",
- }, {
+ },
+ {
label: "透明模式",
value: "透明模式",
- }
+ },
],
options4: [
{
label: "有线区交换机",
- value: "有线区交换机"
+ value: "有线区交换机",
},
{
label: "无线区路由器",
- value: "无线区路由器"
- }
+ value: "无线区路由器",
+ },
],
options5: [
{
label: "拒绝",
- value: "拒绝"
+ value: "拒绝",
},
{
label: "允许",
- value: "允许"
- }
+ value: "允许",
+ },
],
options6: [
{
@@ -122,7 +132,8 @@ export default {
{
label: "读输入状态",
value: "读输入状态",
- }, {
+ },
+ {
label: "读线保持寄存器",
value: "读线保持寄存器",
},
@@ -133,14 +144,15 @@ export default {
{
label: "强制单个线圈",
value: "强制单个线圈",
- }, {
+ },
+ {
label: "预置单个寄存器",
value: "预置单个寄存器",
},
{
label: "强制多个寄存器",
value: "强制多个寄存器",
- }
+ },
],
options7: [
{
@@ -150,25 +162,27 @@ export default {
{
label: "无线区路由器命令",
value: "无线区路由器命令",
- }
+ },
],
options8: [
{
label: "有线区网闸(外网)",
value: "有线区网闸(外网)",
- }, {
+ },
+ {
label: "无线区网闸(外网)",
value: "无线区网闸(外网)",
- }
+ },
],
options9: [
{
label: "有线区网闸(内网)",
value: "有线区网闸(内网)",
- }, {
+ },
+ {
label: "无线区网闸(内网)",
value: "无线区网闸(内网)",
- }
+ },
],
dialogVisible: true,
labelPosition: "left",
@@ -252,10 +266,15 @@ export default {
flag: false,
};
},
+ watch: {
+ $route(to, from) {
+ this.dialogVisible = true;
+ },
+ },
methods: {
addPolicy() {
- this.$router.push("/addstrategy")
- }
+ this.$router.push("/addstrategy");
+ },
},
};
diff --git a/src/router/index.js b/src/router/index.js
index 01a7b71..5a73214 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,6 +7,11 @@ const routes = [
path: "/",
component: () => import("../views/Index.vue"),
},
+ {
+ path: "/cockpit",
+ name: "cockpit",
+ component: () => import("../views/Cockpit.vue"),
+ },
{
path: "/datacollect",
name: "datacollect",
@@ -30,7 +35,7 @@ const routes = [
{
path: "/dbcollectiongate",
name: "dbcollectiongate",
- component: () => import("../views/DbCollectiongate.vue")
+ component: () => import("../views/DbCollectiongate.vue"),
},
// db网关-数据采集配置-网口配置
{
@@ -164,11 +169,6 @@ const routes = [
name: "ntmaintenance",
component: () => import("../views/NtMaintenance.vue"),
},
- {
- path: "/cockpit",
- name: "cockpit",
- component: () => import("../views/Cockpit.vue"),
- },
];
const router = new VueRouter({
diff --git a/src/util/chartConfig.js b/src/util/chartConfig.js
index 3d36368..c3d88c6 100644
--- a/src/util/chartConfig.js
+++ b/src/util/chartConfig.js
@@ -22,6 +22,7 @@ export let productChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
@@ -77,6 +78,7 @@ export let mainshaftChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
@@ -173,6 +175,7 @@ export let loadChartChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
@@ -246,6 +249,7 @@ export let ratedChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
@@ -304,6 +308,7 @@ export let CuttingSpeedChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
@@ -386,7 +391,7 @@ export let stopChart = {
tooltip: {
//悬浮框
show: true, // 是否显示
- trigger: "item", //
+ // trigger: "item", //
},
xAxis: {
type: "category",
@@ -410,6 +415,7 @@ export let stopChart = {
fontSize: 10,
},
interval: 0, //代表显示所有x轴标签显示
+ rotate: 20,
},
},
yAxis: {
diff --git a/src/views/ChMqtt.vue b/src/views/ChMqtt.vue
index b4f9736..f4ceafa 100644
--- a/src/views/ChMqtt.vue
+++ b/src/views/ChMqtt.vue
@@ -8,7 +8,7 @@
-
\ No newline at end of file
+
diff --git a/src/views/Cockpit.vue b/src/views/Cockpit.vue
index 6390c20..b1706e5 100644
--- a/src/views/Cockpit.vue
+++ b/src/views/Cockpit.vue
@@ -1,11 +1,5 @@
-
-
提交
-
网关配置
-
网关维护
-
网关监控
-
{{ data }}
@@ -44,35 +38,38 @@
-
+
-
-
-
@@ -170,41 +167,11 @@ export default {
width: 100vw;
height: 100vh;
background-color: #fff;
- background-image: url("../assets/image/图片 2 Copy@1x.png");
+ // background-image: url("../assets/image/图片 2 Copy@1x.png");
background-size: cover; /* 图像大小适应容器 */
background-repeat: no-repeat; /* 防止图像平铺 */
background-position: center; /* 图像在容器中居中 */
- .btns {
- div {
- width: 146px;
- height: 39px;
- position: absolute;
- background-image: url("../assets/image/未选中-文字背景_06.png");
- background-size: cover; /* 图像大小适应容器 */
- background-repeat: no-repeat; /* 防止图像平铺 */
- background-position: center; /* 图像在容器中居中 */
- color: #fff;
- font-size: 20px;
- text-align: center;
- line-height: 39px;
- right: 10px;
- font-family: "Microsoft Yahei";
- }
- .btnOne {
- top: 80px;
- }
- .btnTwo {
- top: 129px;
- }
- .btnThree {
- top: 178px;
- }
- .btnFour {
- top: 227px;
- color: #6b92fd;
- background-image: url("../assets/image/选中-文字背景_07.png");
- }
- }
+
.title {
height: 11%;
display: flex;
@@ -279,30 +246,35 @@ export default {
margin-left: 45px;
position: relative;
}
- .mainshaftChart {
- margin-left: 45px;
- margin-top: 45px;
- position: relative;
- }
+ // .mainshaftChart {
+ // margin-left: 45px;
+ // margin-top: 45px;
+ // position: relative;
+ // }
.loadChart {
position: absolute;
right: 45px;
top: 180px;
}
- .ratedChart {
- position: absolute;
- right: 45px;
- top: 533px;
- }
- .one {
- position: absolute;
- right: 560px;
- top: 533px;
- }
- .two {
- position: absolute;
- left: 560px;
- top: 533px;
+ // .ratedChart {
+ // position: absolute;
+ // right: 45px;
+ // top: 533px;
+ // }
+ // .one {
+ // position: absolute;
+ // right: 560px;
+ // top: 533px;
+ // }
+ // .two {
+ // position: absolute;
+ // left: 560px;
+ // top: 533px;
+ // }
+ .chartsDiv {
+ display: flex;
+ justify-content: space-between;
+ margin: 45px;
}
.one,
.two,
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 93692d9..d21a384 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -8,113 +8,63 @@
db网关-ip配置-无线网关
db网关-ip配置-有线网关
- db网关-数据采集配置-网关配置
- db网关-数据采集配置-网口通道配置
- db网关-数据采集配置-串口通道配置
- db网关-数据采集配置-设备配置
+ db网关-数据采集配置-网关配置
+ db网关-数据采集配置-网口通道配置
+ db网关-数据采集配置-串口通道配置
+ db网关-数据采集配置-设备配置
db网关-数据采集配置-采集点配置
db-网关-MQTT上云-MQTT1配置
- 斥候工业网关-ip配置-无线网关
- 斥候工业网关-ip配置-有线网关
- 斥候工业网关-数据采集配置-网关配置
- 斥候工业网关-数据采集配置-设备配置
- 斥候工业网关-数据采集配置-采集点配置
+ 斥候工业网关-ip配置-无线网关
+ 斥候工业网关-ip配置-有线网关
+ 斥候工业网关-数据采集配置-网关配置
+ 斥候工业网关-数据采集配置-设备配置
+ 斥候工业网关-数据采集配置-采集点配置
斥候工业网关-数据上云配置-MQTT上云
串口服务器-Ip配置
串口服务器-端口配置
- 串口服务器-485towifi-串口及网络协议设置
+ 串口服务器-485towifi-串口及网络协议设置
串口服务器-485towifi-网口配置
串口服务器-485towifi-无线配置
工业网闸配置-网络管理
工业网闸配置-对象管理
工业网闸配置-策略管理
- 工业网闸配置-策略管理-添加策略
+ 工业网闸配置-策略管理-添加策略
网络优化-网关配置
网络优化-网关维护
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-