-
+
@@ -27,44 +27,53 @@ import { ref } from "vue";
// 可以在这里添加需要的响应式数据和方法
import { tbGjZdxxselectList, tbGjclXlxxselectList } from "@/api/mosty-zhgj.js";
import emitter from "@/utils/eventBus.js";
-const imgBut =ref( [
+const imgBut = ref([
{
name: '路线',
icon1: require("@/assets/images/qt11/lx.png"),
icon2: require("@/assets/images/qt11/lxxz.png"),
show: true,
- key:'xl'
+ key: 'xl'
},
{
name: '站台',
icon1: require("@/assets/images/qt11/zt.png"),
icon2: require("@/assets/images/qt11/ztxz.png"),
show: true,
- key:'zt'
+ key: 'zt'
},
{
name: '清除',
icon1: require("@/assets/images/qt11/qc.png"),
icon2: require("@/assets/images/qt11/qcxz.png"),
show: true,
- key:'qc'
+ key: 'qc'
},
])
-const funClick = (index,val) => {
+const funClick = (index, val) => {
imgBut.value[index].show = !imgBut.value[index].show
switch (val) {
case 'xl':
- gettbGjclXlxxselectList()
+ if (imgBut.value[index].show) {
+ emitter.emit("deletePointArea", "lx");
+ } else {
+ gettbGjclXlxxselectList()
+ }
break;
case 'zt':
- gettbGjZdxxselectList()
+
+ if (imgBut.value[index].show) {
+ emitter.emit("deletePointArea", "gjz");
+ } else {
+ gettbGjZdxxselectList()
+ }
break;
case 'qc':
clearContents()
setTimeout(() => {
imgBut.value[index].show = true
imgBut.value[0].show = true
- imgBut.value[1].show =true
+ imgBut.value[1].show = true
}, 500);
break;
@@ -73,32 +82,32 @@ const funClick = (index,val) => {
const gettbGjZdxxselectList = () => {
tbGjZdxxselectList({}).then((res) => {
const coords = res
- .filter((item) => item.jd && item.wd)
- .map((items) => {
- return {
- jd: items.jd,
- wd: items.wd
- };
- });
- const icon = require("@/assets/images/qt11/car.png");
- emitter.emit("addPoint", { coords, flag: "gjz", icon });
+ .filter((item) => item.jd && item.wd)
+ .map((items) => {
+ return {
+ jd: items.jd,
+ wd: items.wd
+ };
+ });
+ const icon = require("@/assets/images/qt11/car.png");
+ emitter.emit("addPoint", { coords, flag: "gjz", icon });
});
};
const gettbGjclXlxxselectList = () => {
tbGjclXlxxselectList({}).then((res) => {
if (res) {
- const data =res.filter(item=>item.zb&&item.zb.length>0 ).map((item) => {
- return { coords: [item.zb], text: item.xlmc };
- });
-
- emitter.emit("echoLine", {
- type: "solid",
- coords: data,
- isclear: true,
- flag: "lx",
- color: "#46ff71"
- });
+ const data = res.filter(item => item.zb && item.zb.length > 0).map((item) => {
+ return { coords: [item.zb], text: item.xlmc };
+ });
+ emitter.emit("echoLine", {
+ type: "solid",
+ coords: data,
+ width: 2,
+ isclear: true,
+ flag: "lx",
+ color: "#f88a34"
+ });
}
});
};
@@ -112,6 +121,7 @@ const clearContents = () => {
diff --git a/src/views/home/components/sendFqzl.vue b/src/views/home/components/sendFqzl.vue
new file mode 100644
index 0000000..75bb60f
--- /dev/null
+++ b/src/views/home/components/sendFqzl.vue
@@ -0,0 +1,219 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/home/components/warning.vue b/src/views/home/components/warning.vue
index b0272b9..58b9c2e 100644
--- a/src/views/home/components/warning.vue
+++ b/src/views/home/components/warning.vue
@@ -9,7 +9,21 @@
>
-
![预警图片]()
+
+
+
+
+
+
+
+
+

+
+
+
+
+
@@ -150,7 +164,7 @@ const roadmap = (row) => {
border: 1px solid #0468e1;
padding: 10px 10px 10px 14px;
- width: 123px;
+ width: 85px;
height: 69px;
img {
width: 100%;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b827212..2bb34ee 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -30,10 +30,10 @@
-