人员追踪
@@ -48,7 +48,7 @@
+
+
diff --git a/src/views/coastalMap/components/keyInformantion.vue b/src/views/coastalMap/components/keyInformantion.vue
new file mode 100644
index 0000000..4ecda9e
--- /dev/null
+++ b/src/views/coastalMap/components/keyInformantion.vue
@@ -0,0 +1,837 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
+
+
+
+
张三asdasdaasdadasdasdsda
+
+
+
+
+
+ 涉毒人员
+
+
+
+
+
户籍
+
+
现住
+
+
+
+
+
+
+
+
+
diff --git a/src/views/coastalMap/components/keyPerson.vue b/src/views/coastalMap/components/keyPerson.vue
index 273cf97..c2362ba 100644
--- a/src/views/coastalMap/components/keyPerson.vue
+++ b/src/views/coastalMap/components/keyPerson.vue
@@ -7,7 +7,7 @@
\ No newline at end of file
+
diff --git a/src/views/coastalMap/components/keypersonScroll.vue b/src/views/coastalMap/components/keypersonScroll.vue
new file mode 100644
index 0000000..7cc3575
--- /dev/null
+++ b/src/views/coastalMap/components/keypersonScroll.vue
@@ -0,0 +1,180 @@
+
+
+
+
+
+
+
+
+
人员姓名 :
+
证件号码 :
+
抓拍时间 :
+
滞留时间 :
+
抓拍地点 :
+
+
+
张三
+
321287197606038965
+
2023-11-15 14:20:16
+
4个小时
+
江苏省射阳县海河镇革新村二组113号
+
+
+
+ {{ group.status }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/coastalMap/components/mapBody.vue b/src/views/coastalMap/components/mapBody.vue
index 933d5b0..6e65bf8 100644
--- a/src/views/coastalMap/components/mapBody.vue
+++ b/src/views/coastalMap/components/mapBody.vue
@@ -5,7 +5,9 @@
export default {
name: 'MapBody',
data() {
- return {}
+ return {
+ mapContainer: null
+ }
},
mounted() {
this.init_map()
diff --git a/src/views/coastalMap/components/policeScroll.vue b/src/views/coastalMap/components/policeScroll.vue
new file mode 100644
index 0000000..eac3668
--- /dev/null
+++ b/src/views/coastalMap/components/policeScroll.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
警情类型 :
+
接警单位 :
+
事发地址 :
+
现住地址 :
+
+
+
机动车与机动车
+
射阳公安局
+
建湖县明星路与冠华路交界北边
+
江苏省射阳县海河镇革新村二组113号
+
+
2023-11-30 14:00:00
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/coastalMap/components/policeSpread.vue b/src/views/coastalMap/components/policeSpread.vue
index f7f98c7..fcdc278 100644
--- a/src/views/coastalMap/components/policeSpread.vue
+++ b/src/views/coastalMap/components/policeSpread.vue
@@ -1,13 +1,36 @@
-
+
+
+
+
+
{{ item.text }}
+
+ 2,362
+
+
+
+
@@ -16,6 +39,61 @@ export default {
.police {
width: 18vw;
height: 18vh;
- background-color: #fcc9c9;
+
+ .police_title {
+ height: 4vh;
+ background-image: url('@/assets/picture/bg_small_title.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+
+ .police_title_text {
+ margin-left: 2vw;
+ font-size: 1vw;
+ color: #edf1f7;
+ line-height: 4vh;
+ text-shadow: 0 0 10px #0b4672;
+ }
+ }
+
+ .police_body {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ height: 15vh;
+ background-image: url('@/assets/picture/bg_right.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+
+ .police_body_box {
+ width: 5vw;
+ height: 10vh;
+ background-image: url('@/assets/picture/bg_police_nor.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+
+ &:hover {
+ background-image: url('@/assets/picture/bg_police_hover.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ }
+
+ .police_body_box_title {
+ height: 3vh;
+ text-align: center;
+ font-size: 1vw;
+ color: #edf1f7;
+ line-height: 2.7vh;
+ }
+
+ .police_body_box_num {
+ font-size: 1vw;
+ font-family: D-DIN, D-DIN;
+ font-weight: bold;
+ color: #00f5ff;
+ text-align: center;
+ line-height: 7vh;
+ }
+ }
+ }
}
diff --git a/src/views/coastalMap/components/policeStatu.vue b/src/views/coastalMap/components/policeStatu.vue
deleted file mode 100644
index 3b7da25..0000000
--- a/src/views/coastalMap/components/policeStatu.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/views/coastalMap/components/policeStatus.vue b/src/views/coastalMap/components/policeStatus.vue
new file mode 100644
index 0000000..3cf9947
--- /dev/null
+++ b/src/views/coastalMap/components/policeStatus.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/coastalMap/components/resource.vue b/src/views/coastalMap/components/resource.vue
index 16b035b..f005503 100644
--- a/src/views/coastalMap/components/resource.vue
+++ b/src/views/coastalMap/components/resource.vue
@@ -47,7 +47,7 @@ export default {
},
created() {
// this.add()
- this.get_person()
+ // this.get_person()
},
methods: {
// async add() {
@@ -112,7 +112,7 @@ export default {
color: aliceblue;
text-align: right;
line-height: 4vh;
- font-size: 14px;
+ font-size: 0.8rem;
font-weight: 500;
}
.box_item_value {
@@ -121,7 +121,7 @@ export default {
text-align: center;
line-height: 4vh;
color: #00f5ff;
- font-size: 14px;
+ font-size: 0.8rem;
font-weight: 800;
}
}
diff --git a/src/views/coastalMap/components/seaElement.vue b/src/views/coastalMap/components/seaElement.vue
index bff27a0..d083f35 100644
--- a/src/views/coastalMap/components/seaElement.vue
+++ b/src/views/coastalMap/components/seaElement.vue
@@ -1,13 +1,51 @@
-
+
+
+
+
+
{{ item.num }}
+
{{ item.text }}
+
+
+
@@ -16,7 +54,57 @@ export default {
.sea {
margin-top: 2vh;
width: 18vw;
- height: 26vh;
- background-color: #00a854;
+ height: 20vh;
+
+ .sea_title {
+ height: 4vh;
+ background-image: url('@/assets/picture/bg_small_title.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+
+ .sea_title_text {
+ margin-left: 2vw;
+ color: #edf1f7;
+ font-size: 1vw;
+ line-height: 4vh;
+ text-shadow: 0 0 10px #0b4672;
+ }
+ }
+
+ .sea_body {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-around;
+ height: 16vh;
+ background-image: url('@/assets/picture/bg_5.png');
+
+ .sea_body_box {
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ align-items: center;
+ width: 7vw;
+ height: 6vh;
+ background-repeat: no-repeat;
+ background-size: 100% auto;
+
+ .sea_body_box_num {
+ margin-left: 1vw;
+ color: #00f5ff;
+ font-size: 1vw;
+ font-family: D-DIN;
+ font-weight: bold;
+ }
+
+ .sea_body_box_title {
+ margin-left: 1vw;
+ color: #fff;
+ font-family: PingFangSC;
+ font-weight: 500;
+ font-size: 1vw;
+ }
+ }
+ }
}
diff --git a/src/views/coastalMap/index.vue b/src/views/coastalMap/index.vue
index 1b0b1ff..7667c65 100644
--- a/src/views/coastalMap/index.vue
+++ b/src/views/coastalMap/index.vue
@@ -1,7 +1,7 @@
-
+
@@ -33,56 +33,69 @@
-
-
diff --git a/src/views/sensingDevice/components/carEcharts.vue b/src/views/sensingDevice/components/carEcharts.vue
new file mode 100644
index 0000000..7ce610f
--- /dev/null
+++ b/src/views/sensingDevice/components/carEcharts.vue
@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
diff --git a/src/views/sensingDevice/components/carLarge.vue b/src/views/sensingDevice/components/carLarge.vue
index ad79c9f..44ffd4d 100644
--- a/src/views/sensingDevice/components/carLarge.vue
+++ b/src/views/sensingDevice/components/carLarge.vue
@@ -4,13 +4,17 @@
-
Echarts
+
+
+
+
+
diff --git a/src/views/sensingDevice/components/mancarStatistics.vue b/src/views/sensingDevice/components/mancarStatistics.vue
index 285e967..c49f299 100644
--- a/src/views/sensingDevice/components/mancarStatistics.vue
+++ b/src/views/sensingDevice/components/mancarStatistics.vue
@@ -31,7 +31,7 @@ export default {
.mancar_title_text {
margin-left: 2vw;
- font-size: 0.1vw;
+ font-size: 0.8rem;
font-family: 'PingFangSC';
line-height: 4vh;
color: #edf1f7;
diff --git a/src/views/sensingDevice/components/mapSearch.vue b/src/views/sensingDevice/components/mapSearch.vue
index a59d4f8..7ebb06a 100644
--- a/src/views/sensingDevice/components/mapSearch.vue
+++ b/src/views/sensingDevice/components/mapSearch.vue
@@ -65,7 +65,7 @@ export default {
.search_input::placeholder {
position: relative;
left: 1vw;
- font-size: 0.5vw;
+ font-size: 0.8rem;
font-family: '苹方-简';
color: #ecf4f9;
}
@@ -124,7 +124,7 @@ export default {
color: #ecf4f9;
.el-checkbox__label {
- font-size: 0.4vw;
+ font-size: 0.8rem;
font-family: '苹方-简 中黑体';
}
diff --git a/src/views/sensingDevice/components/peopleEcharts.vue b/src/views/sensingDevice/components/peopleEcharts.vue
index 63bb2ae..2d32c23 100644
--- a/src/views/sensingDevice/components/peopleEcharts.vue
+++ b/src/views/sensingDevice/components/peopleEcharts.vue
@@ -45,8 +45,8 @@ export default {
xAxis: [
{
type: 'category',
- boundaryGap: false,
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ boundaryGap: false
+ // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
}
],
yAxis: [
diff --git a/src/views/sensingDevice/components/peopleLarge.vue b/src/views/sensingDevice/components/peopleLarge.vue
index a09b17f..92a12c0 100644
--- a/src/views/sensingDevice/components/peopleLarge.vue
+++ b/src/views/sensingDevice/components/peopleLarge.vue
@@ -36,7 +36,7 @@ export default {
.people_large_title_text {
margin-left: 2vw;
- font-size: 0.1vw;
+ font-size: 0.8rem;
font-family: 'PingFangSC';
line-height: 4vh;
color: #edf1f7;
diff --git a/src/views/sensingDevice/components/publicCatch.vue b/src/views/sensingDevice/components/publicCatch.vue
index 6c9537b..a9c53b6 100644
--- a/src/views/sensingDevice/components/publicCatch.vue
+++ b/src/views/sensingDevice/components/publicCatch.vue
@@ -35,16 +35,16 @@ export default {
.capture_title {
width: 24vw;
- height: 4vh;
+ height: 4.5vh;
background-image: url('@/assets/picture/bg_small_title.png');
background-size: 100% auto;
background-repeat: no-repeat;
.capture_title_text {
- margin-left: 2vw;
- font-size: 0.1vw;
- font-family: 'PingFangSC';
- line-height: 4vh;
+ margin-left: 3vw;
+ font-size: 0.8rem;
+ font-family: PingFangSC, PingFang SC;
+ line-height: 4.5vh;
color: #edf1f7;
}
}
diff --git a/src/views/sensingDevice/index.vue b/src/views/sensingDevice/index.vue
index f6a6030..3d77e5c 100644
--- a/src/views/sensingDevice/index.vue
+++ b/src/views/sensingDevice/index.vue
@@ -2,6 +2,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ title_text }}
+
+
+
@@ -29,6 +53,7 @@ import ManCar from './components/mancarStatistics.vue' // * 人车统计
import PeopleLarge from './components/peopleLarge.vue' // * 人流量
import CarLarge from './components/carLarge.vue' // * 车流量
import PublicCatch from './components/publicCatch.vue' // * 通用抓拍
+import DeviceLive from './components/deviceLive.vue' // * 感知设备弹窗
export default {
components: {
MapDevice,
@@ -36,7 +61,8 @@ export default {
ManCar,
PeopleLarge,
CarLarge,
- PublicCatch
+ PublicCatch,
+ DeviceLive
},
data() {
return {
@@ -44,23 +70,102 @@ export default {
carouselData: [
{ id: 1, title: '人脸抓拍' },
{ id: 2, title: '车辆抓拍' }
- ]
+ ],
+ title_text: '射阳沿海治安防控综合平台',
+ play: true
}
},
created() {},
mounted() {},
- methods: {},
+ methods: {
+ onUpdateClose() {
+ this.play = !this.play
+ }
+ },
computed: {}
}
-