-
-
-
-
- 4009-120-999
-
-
-
- `;
- const markers = [];
- for (let i = 0; i < result.length; i++) {
- let { lon, lat } = result[i];
- const marker = new AMap.Marker({
- // 点的坐标
- position: [lon, lat],
- //启用点击事件 如果需要点击事件，必须开启
- clickable: true,
- title: `4009-120-999`,
- content: content,
- offset: new AMap.Pixel(-16, -30),
- });
- markers.push(marker);
- }
-
- // //将组 挂载到地图上
- // this.aircraftGroup.setMap(this.map);
- // //将需要批量控制的点放到一个组中，通过控制组，就可以操作组内所有所有覆盖物
- // this.aircraftGroup.addOverlay(markers);
-
- if (this.cluster) {
- // this.cluster.setMap(null);
- this.map.remove(this.cluster);
- // this.cluster = null;
- this.cluster.setMap(null);
- }
- //使用renderCluserMarker属性实现聚合点的完全自定义绘制
- let sts = [
- {
- url: mapbg,
- size: new AMap.Size(32, 32),
- offset: new AMap.Pixel(-16, -30),
- textColor: '#fff',
- textSize: 20,
- },
- ];
+ this.createAirRange(result);
let that = this;
- let arr = result.map((item) => ({ weight: 4, lnglat: [item.lon, item.lat] }));
+ let arr = result.map((item) => ({ weight: 4, lnglat: [item.lon, item.lat], params: item.name }));
let count = 4;
this.cluster = new AMap.MarkerClusterer(
that.map, // 地图实例
arr,
{
renderMarker: (context) => {
- var factor = Math.pow(context.count / count, 1 / 18);
- var div = document.createElement('div');
- var Hue = 180 - factor * 180;
- var bgColor = 'hsla(' + Hue + ',100%,50%,0.7)';
- var fontColor = 'hsla(' + Hue + ',100%,20%,1)';
- var borderColor = 'hsla(' + Hue + ',100%,40%,1)';
- var shadowColor = 'hsla(' + Hue + ',100%,50%,1)';
- var size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20);
+ let factor = Math.pow(context.count / count, 1 / 18);
+ let div = document.createElement('div');
+ div.className = 'render-air';
+ let Hue = 180 - factor * 180;
+ let size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20);
div.style.width = div.style.height = size + 'px';
- div.innerHTML = content || context.count;
- div.style.lineHeight = size + 'px';
- div.style.color = fontColor;
+ div.innerHTML = aircraftContent() || context.count;
+ div.style.color = '#fff';
div.style.fontSize = '14px';
- div.style.textAlign = 'center';
context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2));
context.marker.setContent(div);
+ this.airMarkerList.push(context.marker);
+ context.marker.on('click', () => {
+ console.log('data', context);
+ });
},
}
);
- console.log('xx', this.cluster);
this.cluster.setMap(this.map);
- this.getRange(result);
},
clearAircraft() {
- if (this.aircraftGroup) {
- this.map.remove(this.aircraftGroup);
- this.aircraftGroup = null;
+ if (this.cluster) {
+ this.map.remove(this.cluster);
+ this.cluster = null;
+ }
+ } /**
+ * @desc 飞机范围
+ * @param list
+ */,
+ createAirRange(list) {
+ this.removeOverlayGroup();
+ this.circleGroup = new AMap.OverlayGroup();
+ for (let i = 0; i < list.length; i++) {
+ let circle = createCircle({ lon: list[i].lon, lat: list[i].lat });
+ this.circleGroup.setMap(this.map);
+ this.circleGroup.addOverlay(circle);
}
},
- getRange(list) {
- //绘制飞机的范围图
- var array = new Array(list.length);
- for (var i = 0; i < list.length; i++) {
- var circle = new AMap.Circle({
- center: [list[i].lon, list[i].lat],
- radius: 100000, //半径
- borderWeight: 3,
- strokeColor: '#FF33FF',
- strokeOpacity: 1,
- strokeWeight: 6,
- strokeOpacity: 0.2,
- fillOpacity: 0.4,
- strokeStyle: 'dashed',
- strokeDasharray: [10, 10],
- // 线样式还支持 'dashed'
- fillColor: '#1791fc',
- zIndex: 50,
- });
- circle.setMap(this.map);
- array.push(circle);
+ clearAirRange() {
+ if (this.circleGroup) {
+ this.map.remove(this.circleGroup);
+ this.circleGroup = null;
+ }
+ } /**
+ * @desc 地方医院医疗点显示
+ * @param cityCode 城市code
+ * @param keywords 搜索名称
+ */,
+ createActiveHospital(cityCode: string, keywords = '医院') {
+ this.removeOverlayGroup();
+ this.clearActiveHospital();
+ if (!cityCode) return;
+ this.placeSearch = new AMap.PlaceSearch({
+ pageSize: 30, // 单页显示结果条数
+ pageIndex: 1, // 页码
+ city: cityCode, // 兴趣点城市
+ citylimit: true, //是否强制限制在设置的城市内搜索
+ map: this.map, // 展现结果的地图实例
+ // panel: 'map_hospital', // 结果列表将在此容器中进行展示。
+ autoFitView: false, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+ });
+ //关键字查询
+ this.placeSearch.search(keywords);
+ },
+ clearActiveHospital() {
+ if (this.placeSearch) {
+ // debugger;
+ this.placeSearch.clear();
+ this.placeSearch = null;
+ }
+ },
+ createMarker(option, callbck: () => {}) {
+ this.clearMarker();
+ let { lon, lat, zoom = 12 } = option;
+ const icon = createIcon({ icon: alarmIcon, iconSize: [36, 42], imageSize: [36, 42] });
+ this.marker = new AMap.Marker({
+ position: [lon, lat],
+ icon: icon,
+ offset: new AMap.Pixel(0, 0), //设置偏移量
+ label: {
+ content: `
+
${option?.realName},${option?.eventType_dictText}
+
`,
+ offset: new AMap.Pixel(0, -9),
+ direction: 'top',
+ },
+ });
+ this.map.add(this.marker);
+ this.map.setZoomAndCenter(zoom, [lon, lat]);
+ this.marker.on('click', callbck);
+ },
+ clearMarker() {
+ if (this.marker) {
+ this.marker?.setMap(null);
+ this.marker = null;
}
- return array;
},
};
diff --git a/src/components/body-d-left/bodyLeftHooks.ts b/src/components/body-d-left/bodyLeftHooks.ts
index 27833ff..b3a0649 100644
--- a/src/components/body-d-left/bodyLeftHooks.ts
+++ b/src/components/body-d-left/bodyLeftHooks.ts
@@ -1,6 +1,43 @@
import { ref } from 'vue';
import * as echarts from 'echarts';
+export function useStatistics() {
+ const statistics = ref([
+ {
+ name: '最新呼入电话',
+ value: '',
+ key: 'gross',
+ },
+ {
+ name: '最新受理电话',
+ value: '',
+ key: 'alerdyreceive',
+ },
+ {
+ name: '突发重大伤病应急',
+ value: '',
+ key: 'jqqz',
+ },
+ {
+ name: '重大伤病应急就医',
+ value: '',
+ key: 'dbjy',
+ },
+ ]);
+
+ function setStatistics(data = {}) {
+ statistics.value.forEach((item) => {
+ const { key } = item;
+ item.value = data[key];
+ });
+ }
+
+ return {
+ statistics,
+ setStatistics,
+ };
+}
+
export const timeTab = [
{
name: '全部',
diff --git a/src/components/body-d-left/oneL.vue b/src/components/body-d-left/oneL.vue
index 8457a17..d83b558 100644
--- a/src/components/body-d-left/oneL.vue
+++ b/src/components/body-d-left/oneL.vue
@@ -12,9 +12,9 @@
>
-
-
{{ item?.title }}
-
{{ item?.gross }}
+
+ {{ item?.name }}
+ {{ item?.value }}
@@ -23,12 +23,13 @@
+
\ No newline at end of file
diff --git a/src/utils/bus.ts b/src/utils/bus.ts
new file mode 100644
index 0000000..5dc098c
--- /dev/null
+++ b/src/utils/bus.ts
@@ -0,0 +1,5 @@
+// 引入mitt插件 index.ts
+import mitt from "mitt"
+
+const $bus = mitt();
+export default $bus
\ No newline at end of file
diff --git a/src/utils/socket.ts b/src/utils/socket.ts
new file mode 100644
index 0000000..3f67c53
--- /dev/null
+++ b/src/utils/socket.ts
@@ -0,0 +1,56 @@
+import { onMounted, onUnmounted, ref } from 'vue';
+//健康监测工具报警
+export const basicPath = 'ws://192.168.1.16:7098/websocket/watchMonitor';
+//应急求助
+export const emergencyPath = 'ws://192.168.1.16:7011/websocket/emergency';
+const token =
+ 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6ImFkbWluIiwiaWRlbnRpZmllciI6ImU5Y2EyM2Q2OGQ4ODRkNGViYjE5ZDA3ODg5NzI3ZGFlIiwiZXhwIjoxNzAyNjA0MDI3fQ.MYf9yUnXO0RTFL4u96pN1Z2mBwtXU5W-QlxDgoAsoOw';
+
+export function useSocket(path = basicPath) {
+ const socket = ref();
+ let socketData = ref({});
+
+ function init() {
+ if (typeof WebSocket === 'undefined') {
+ alert('您的浏览器不支持socket');
+ } else {
+ // 实例化socket
+ socket.value = new WebSocket(path, [token]);
+ // 监听socket连接
+ socket.value.onopen = open;
+ // 监听socket错误信息
+ socket.value.onerror = error;
+ // 监听socket消息
+ socket.value.onmessage = getMessage;
+ }
+ }
+
+ function open() {
+ console.log('socket连接成功');
+ }
+
+ function error() {
+ console.log('socket连接错误');
+ }
+
+ function getMessage(msg) {
+ console.log('y', msg.data);
+ socketData.value = JSON.parse(msg.data);
+ }
+
+ function setSocketData(data) {
+ socketData.value = data;
+ }
+
+ function close() {
+ console.log('socket已经关闭');
+ }
+
+ onMounted(() => {
+ init();
+ });
+ onUnmounted(() => {
+ socket.value.onclose = close;
+ });
+ return { socket, socketData, setSocketData };
+}
\ No newline at end of file
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
new file mode 100644
index 0000000..3a539b8
--- /dev/null
+++ b/src/utils/utils.ts
@@ -0,0 +1,25 @@
+import * as dayjs from 'dayjs';
+
+export function getZero(num: any) {
+ if (num < 10) {
+ return '0' + num;
+ }
+ return num;
+}
+
+export function useTopTime() {
+ const timeLeft = dayjs().format('YYYY年MM月DD日 HH时mm分ss秒');
+ const timeRight =
+ dayjs().diff(dayjs('2018-10-01'), 'day') +
+ '天' +
+ getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD') + ' 00:00:00'), 'hours')) +
+ '时' +
+ getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD HH') + ':00:00'), 'minutes')) +
+ '分' +
+ getZero(dayjs().diff(dayjs(dayjs().format('YYYY-MM-DD HH:mm') + ':00'), 'seconds')) +
+ '秒';
+ return {
+ timeLeft,
+ timeRight,
+ };
+}
\ No newline at end of file
diff --git a/src/views/components/dialogHooks.ts b/src/views/components/dialogHooks.ts
new file mode 100644
index 0000000..8d5d3d7
--- /dev/null
+++ b/src/views/components/dialogHooks.ts
@@ -0,0 +1,20 @@
+import { ref } from 'vue';
+
+export function useDialog({ title }) {
+ const visible = ref(false);
+
+ function openDialog() {
+ visible.value = true;
+ }
+
+ function closeDialog() {
+ visible.value = false;
+ }
+
+ return {
+ visible,
+ title,
+ openDialog,
+ closeDialog,
+ };
+}
\ No newline at end of file
diff --git a/src/views/components/emergencyDialog.vue b/src/views/components/emergencyDialog.vue
new file mode 100644
index 0000000..b8647fe
--- /dev/null
+++ b/src/views/components/emergencyDialog.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/employeeDialog.vue b/src/views/components/employeeDialog.vue
new file mode 100644
index 0000000..b8647fe
--- /dev/null
+++ b/src/views/components/employeeDialog.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/index.api.ts b/src/views/index.api.ts
new file mode 100644
index 0000000..f864e36
--- /dev/null
+++ b/src/views/index.api.ts
@@ -0,0 +1,8 @@
+import { get } from '/@/api/request';
+
+export enum Api {
+ deleteWatchNo = 'health-watch/watch/watchMonitorData/delete',
+}
+
+//获取全部部门
+export const deleteWatchNo = (params: any) => get(Api.deleteWatchNo, params);
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index e4e3c35..c551182 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -22,11 +22,13 @@