diff --git a/Dkl-vue3-ui-DP/src/plugins/auth.js b/Dkl-vue3-ui-DP/src/plugins/auth.js
new file mode 100644
index 0000000..5e8c28d
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/auth.js
@@ -0,0 +1,60 @@
+import useUserStore from '@/store/modules/user'
+
+function authPermission(permission) {
+  const all_permission = "*:*:*";
+  const permissions = useUserStore().permissions
+  if (permission && permission.length > 0) {
+    return permissions.some(v => {
+      return all_permission === v || v === permission
+    })
+  } else {
+    return false
+  }
+}
+
+function authRole(role) {
+  const super_admin = "admin";
+  const roles = useUserStore().roles
+  if (role && role.length > 0) {
+    return roles.some(v => {
+      return super_admin === v || v === role
+    })
+  } else {
+    return false
+  }
+}
+
+export default {
+  // 验证用户是否具备某权限
+  hasPermi(permission) {
+    return authPermission(permission);
+  },
+  // 验证用户是否含有指定权限，只需包含其中一个
+  hasPermiOr(permissions) {
+    return permissions.some(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否含有指定权限，必须全部拥有
+  hasPermiAnd(permissions) {
+    return permissions.every(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否具备某角色
+  hasRole(role) {
+    return authRole(role);
+  },
+  // 验证用户是否含有指定角色，只需包含其中一个
+  hasRoleOr(roles) {
+    return roles.some(item => {
+      return authRole(item)
+    })
+  },
+  // 验证用户是否含有指定角色，必须全部拥有
+  hasRoleAnd(roles) {
+    return roles.every(item => {
+      return authRole(item)
+    })
+  }
+}
diff --git a/Dkl-vue3-ui-DP/src/plugins/cache.js b/Dkl-vue3-ui-DP/src/plugins/cache.js
new file mode 100644
index 0000000..b67d453
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/cache.js
@@ -0,0 +1,79 @@
+const sessionCache = {
+  set (key, value) {
+    if (!sessionStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!sessionStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return sessionStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key) {
+    sessionStorage.removeItem(key);
+  }
+}
+const localCache = {
+  set (key, value) {
+    if (!localStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value)
+    }
+  },
+  get (key) {
+    if (!localStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return localStorage.getItem(key)
+  },
+  setJSON (key, jsonValue) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key) {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key) {
+    localStorage.removeItem(key);
+  }
+}
+
+export default {
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
+}
diff --git a/Dkl-vue3-ui-DP/src/plugins/download.js b/Dkl-vue3-ui-DP/src/plugins/download.js
new file mode 100644
index 0000000..a2ece34
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/download.js
@@ -0,0 +1,79 @@
+import axios from 'axios'
+import { ElLoading, ElMessage } from 'element-plus'
+import { saveAs } from 'file-saver'
+import { getToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { blobValidate } from '@/utils/dkl'
+
+const baseURL = import.meta.env.VITE_APP_BASE_API
+let downloadLoadingInstance;
+
+export default {
+  name(name, isDelete = true) {
+    var url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data);
+      }
+    })
+  },
+  resource(resource) {
+    var url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource);
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data);
+      }
+    })
+  },
+  zip(url, name) {
+    var url = baseURL + url
+    downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res) => {
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data], { type: 'application/zip' })
+        this.saveAs(blob, name)
+      } else {
+        this.printErrMsg(res.data);
+      }
+      downloadLoadingInstance.close();
+    }).catch((r) => {
+      console.error(r)
+      ElMessage.error('下载文件出现错误，请联系管理员！')
+      downloadLoadingInstance.close();
+    })
+  },
+  saveAs(text, name, opts) {
+    saveAs(text, name, opts);
+  },
+  async printErrMsg(data) {
+    const resText = await data.text();
+    const rspObj = JSON.parse(resText);
+    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+    ElMessage.error(errMsg);
+  }
+}
+
diff --git a/Dkl-vue3-ui-DP/src/plugins/index.js b/Dkl-vue3-ui-DP/src/plugins/index.js
new file mode 100644
index 0000000..47d1b41
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/index.js
@@ -0,0 +1,18 @@
+import tab from './tab'
+import auth from './auth'
+import cache from './cache'
+import modal from './modal'
+import download from './download'
+
+export default function installPlugins(app){
+  // 页签操作
+  app.config.globalProperties.$tab = tab
+  // 认证对象
+  app.config.globalProperties.$auth = auth
+  // 缓存对象
+  app.config.globalProperties.$cache = cache
+  // 模态框对象
+  app.config.globalProperties.$modal = modal
+  // 下载文件
+  app.config.globalProperties.$download = download
+}
diff --git a/Dkl-vue3-ui-DP/src/plugins/modal.js b/Dkl-vue3-ui-DP/src/plugins/modal.js
new file mode 100644
index 0000000..6e2fc9e
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/modal.js
@@ -0,0 +1,102 @@
+import { ElMessage, ElMessageBox, ElNotification, ElLoading } from 'element-plus'
+
+let loadingInstance;
+
+export default {
+  // 消息提示
+  msg(content) {
+    let options =  {
+      customClass: 'public-message',
+      message: content,
+      plain: true,
+    }
+    ElMessage.info(options)
+  },
+  // 错误消息
+  msgError(content) {
+    let options =  {
+      customClass: 'public-message',
+      message: content,
+      plain: true,
+    }
+    ElMessage.error(options)
+  },
+  // 成功消息
+  msgSuccess(content) {
+    let options =  {
+      customClass: 'public-message',
+      message: content,
+      plain: true,
+    }
+    ElMessage.success(options)
+  },
+  // 警告消息
+  msgWarning(content) {
+    let options =  {
+      customClass: 'public-message',
+      message: content,
+      plain: true,
+    }
+    ElMessage.warning(options)
+  },
+  // 弹出提示
+  alert(content) {
+    ElMessageBox.alert(content, "系统提示")
+  },
+  // 错误提示
+  alertError(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'error' })
+  },
+  // 成功提示
+  alertSuccess(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'success' })
+  },
+  // 警告提示
+  alertWarning(content) {
+    ElMessageBox.alert(content, "系统提示", { type: 'warning' })
+  },
+  // 通知提示
+  notify(content) {
+    ElNotification.info(content)
+  },
+  // 错误通知
+  notifyError(content) {
+    ElNotification.error(content);
+  },
+  // 成功通知
+  notifySuccess(content) {
+    ElNotification.success(content)
+  },
+  // 警告通知
+  notifyWarning(content) {
+    ElNotification.warning(content)
+  },
+  // 确认窗体
+  confirm(content) {
+    return ElMessageBox.confirm(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 提交内容
+  prompt(content) {
+    return ElMessageBox.prompt(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 打开遮罩层
+  loading(content) {
+    loadingInstance = ElLoading.service({
+      lock: true,
+      text: content,
+      background: "rgba(0, 0, 0, 0.7)",
+    })
+  },
+  // 关闭遮罩层
+  closeLoading() {
+    loadingInstance.close();
+  }
+}
diff --git a/Dkl-vue3-ui-DP/src/plugins/tab.js b/Dkl-vue3-ui-DP/src/plugins/tab.js
new file mode 100644
index 0000000..7b51cf5
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/plugins/tab.js
@@ -0,0 +1,69 @@
+import useTagsViewStore from '@/store/modules/tagsView'
+import router from '@/router'
+
+export default {
+  // 刷新当前tab页签
+  refreshPage(obj) {
+    const { path, query, matched } = router.currentRoute.value;
+    if (obj === undefined) {
+      matched.forEach((m) => {
+        if (m.components && m.components.default && m.components.default.name) {
+          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
+            obj = { name: m.components.default.name, path: path, query: query };
+          }
+        }
+      });
+    }
+    return useTagsViewStore().delCachedView(obj).then(() => {
+      const { path, query } = obj
+      router.replace({
+        path: '/redirect' + path,
+        query: query
+      })
+    })
+  },
+  // 关闭当前tab页签，打开新页签
+  closeOpenPage(obj) {
+    useTagsViewStore().delView(router.currentRoute.value);
+    if (obj !== undefined) {
+      return router.push(obj);
+    }
+  },
+  // 关闭指定tab页签
+  closePage(obj) {
+    if (obj === undefined) {
+      return useTagsViewStore().delView(router.currentRoute.value).then(({ visitedViews }) => {
+        const latestView = visitedViews.slice(-1)[0]
+        if (latestView) {
+          return router.push(latestView.fullPath)
+        }
+        return router.push('/');
+      });
+    }
+    return useTagsViewStore().delView(obj);
+  },
+  // 关闭所有tab页签
+  closeAllPage() {
+    return useTagsViewStore().delAllViews();
+  },
+  // 关闭左侧tab页签
+  closeLeftPage(obj) {
+    return useTagsViewStore().delLeftTags(obj || router.currentRoute.value);
+  },
+  // 关闭右侧tab页签
+  closeRightPage(obj) {
+    return useTagsViewStore().delRightTags(obj || router.currentRoute.value);
+  },
+  // 关闭其他tab页签
+  closeOtherPage(obj) {
+    return useTagsViewStore().delOthersViews(obj || router.currentRoute.value);
+  },
+  // 打开tab页签
+  openPage(url) {
+    return router.push(url);
+  },
+  // 修改tab页签
+  updatePage(obj) {
+    return useTagsViewStore().updateVisitedView(obj);
+  }
+}
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/components/analysis.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/components/analysis.vue
new file mode 100644
index 0000000..d37e377
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/components/analysis.vue
@@ -0,0 +1,395 @@
+<template>
+  <!-- 信息数据分析 -->
+  <div class="chartBox">
+    <div class="search largeScreen">
+      <el-form :model="queryParams" ref="queryRef" :inline="true"  label-width="68px">
+        <el-row gutter="10">
+          <el-col :span="8">
+            <el-form-item label="类型" prop="type" class="w100">
+              <el-select
+                class="largeScreen__select w100"
+                popper-class="largeScreen__select"
+                v-model="queryParams.type" 
+                placeholder="请选择分析类型"
+                @change="changeTypeHandle"
+              >
+                <el-option 
+                  v-for="item in typeOptions" 
+                  :key="item.value" 
+                  :label="item.label" 
+                  :value="item.value"
+                />
+              </el-select>
+          </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '1'">
+            <el-form-item label="年度" prop="year" class="w100">
+              <el-date-picker
+                v-model="queryParams.year"
+                type="year"
+                placeholder="请选择年份"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '2'">
+            <el-form-item label="季度" prop="quarter" class="w100">
+              <el-select 
+                class="largeScreen__select w100"
+                popper-class="largeScreen__select"
+                v-model="queryParams.quarter" 
+                placeholder="请选择分析类型"
+              >
+                <el-option 
+                  v-for="item in quarterOptions" 
+                  :key="item.value" 
+                  :label="item.label" 
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '3'">
+            <el-form-item label="月度" prop="month" class="w100">
+              <el-date-picker
+                v-model="queryParams.month"
+                type="month"
+                placeholder="请选择年份"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <!-- <el-button icon="Refresh" @click="resetQuery">重置</el-button> -->
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <Echarts class="echarts" :option="initOption"></Echarts>
+  </div>
+  
+</template>
+
+<script setup>
+import {ref, reactive, onMounted, nextTick, computed, getCurrentInstance} from "vue";
+import moment from "moment";
+import {fitChartSize, fitChartSizeVh} from "@/utils/styleUtils";
+const {proxy} = getCurrentInstance();
+
+
+
+// 类型
+const queryParams = reactive({
+  // pageNum: 1,
+  // pageSize: 10,
+  type: '1',
+  year: '',
+  quarter: '',
+  month: '',
+})
+const typeOptions = reactive([
+  {
+    value: "1",
+    label: "年度",
+  },
+  {
+    value: "2",
+    label: "季度",
+  },
+  {
+    value: "3",
+    label: "月度",
+  },
+]);
+const quarterOptions = reactive([
+  {
+    value: "1",
+    label: "第一季度",
+  },
+  {
+    value: "2",
+    label: "第二季度",
+  },
+  {
+    value: "3",
+    label: "第三季度",
+  },
+  {
+    value: "4",
+    label: "第四季度",
+  },
+]);
+
+function changeTypeHandle(e) {
+  console.log("e",e)
+  if (e === "1") {
+    queryParams.year = formatDate(Date.now(), "YYYY");
+    queryParams.quarter = "";
+    queryParams.month = "";
+  }else if(e === "2") {
+    queryParams.year = "";
+    queryParams.quarter = "1";
+    queryParams.month = "";
+  }else if(e === "3") {
+    queryParams.year = "";
+    queryParams.quarter = "";
+    queryParams.month = formatDate(Date.now(), "YYYY-MM");
+  }
+  getList();
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+// function resetQuery() {
+//   dateRange.value = [];
+//   proxy.resetForm("queryRef");
+//   handleQuery();
+// }
+
+function getList() {
+  console.log("queryParams", queryParams)
+  nextTick(() => {
+    init();
+  });
+}
+
+
+function formatDate(str,type="yyyy-MM-dd") {
+  return moment(str).format(type);
+}
+
+const dataMap = reactive({
+  streetData: [],
+  streetPieData: [],
+});
+const minYear = ref("2021");
+const maxYear = ref(new Date().getFullYear());
+const yearList = ref([]);
+const fanZui_options = ref([
+  {
+    dictLabel: "危险作业罪",
+    dictVal: "1",
+  },
+  {
+    dictLabel: "重大责任事故罪",
+    dictVal: "2",
+  },
+  {
+    dictLabel: "危险驾驶罪",
+    dictVal: "3",
+  },
+  {
+    dictLabel: "信用卡诈骗罪等",
+    dictVal: "4",
+  },
+]);
+let types = ref("西安市");
+const dataList = ref([]);
+const xData = ref([]);
+const initOption = ref({});
+const echartsOptions = ref({});
+function randomHandle(min, max) {
+  return Math.floor(Math.random() * (max - min)) + min;
+}
+function getValue(arr, key) {
+  return arr.map((v) => v[key]);
+}
+
+function init() {
+  var option;
+  let xData = [...new Set(dataList.value.map((v) => v.street))];
+  let seriesData = dataList.value.map((v) => ({
+    value: v.amount,
+    groupId: v.id,
+  }));
+  let seriesObj = {
+    name: "各辖区统计",
+    type: "bar",
+    id: "sales",
+    data: seriesData,
+    itemStyle: {
+      // 图形样式
+      color: {
+        x: 0,
+        y: 0,
+        x2: 0,
+        y2: 1,
+        type: "linear",
+        global: false,
+        colorStops: [
+          {
+            offset: 0,
+            color: "#826fe5",
+          },
+          {
+            offset: 1,
+            color: "#0c1f5699",
+          },
+        ],
+      },
+    },
+  };
+  let varColor = "#D1EDFF";
+  initOption.value = {
+    // legend: {
+    //   data: ["各辖区统计"],
+    //   textStyle: {
+    //     color: varColor,
+    //   },
+    // },
+    tooltip: {
+      trigger: "item",
+      axisPointer: {
+        type: "shadow",
+      },
+      borderColor: "rgba(255,255,255,.3)",
+      backgroundColor: "rgba(13,5,30,.6)",
+      textStyle: {
+        color: "white", //设置文字颜色
+      },
+    },
+    // 图表定位
+    grid: {
+      top: fitChartSizeVh(70),
+      left: fitChartSizeVh(100),
+      right: fitChartSizeVh(100),
+      bottom: fitChartSizeVh(30),
+      containLabel: true,
+    },
+    xAxis: {
+      name: "区域",
+      nameTextStyle: {
+        color: varColor, // 设置Y轴名称的颜色
+      },
+      data: xData,
+      axisTick: {
+        //x轴刻度线
+        show: false,
+      },
+      axisLine: {
+        //x轴坐标轴
+        show: false,
+      },
+      axisLabel: {
+        color: varColor,
+        fontSize: fitChartSize(30),
+      },
+    },
+    yAxis: {
+      name: "数量",
+      nameTextStyle: {
+        color: varColor, // 设置Y轴名称的颜色为红色
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#00A8FF"],
+          type: "dashed",
+          opacity: 0.5,
+        },
+      },
+      axisLabel: {
+        color: varColor,
+      },
+    },
+    // dataGroupId: "",
+    animationDurationUpdate: 500,
+    series: [
+      {
+        ...seriesObj,
+      },
+      {
+        data: [],
+      },
+    ],
+    graphic: [
+      {
+        type: "text",
+        style: {
+          text: "",
+        },
+      },
+    ],
+  };
+}
+
+function getYearList() {
+  let arr = [];
+  for (var year = minYear.value; year <= maxYear.value; year++) {
+    arr.push(year);
+  }
+  yearList.value = arr;
+}
+function testHandle() {
+  let arr = [];
+  let list = [
+    // 各辖区,
+    "未央区",
+    "新城区",
+    "碑林区",
+    "莲湖区",
+    "灞桥区",
+    "雁塔区",
+    "阎良区",
+    "临潼区",
+    "长安区",
+    "高陵区",
+    "鄠邑区",
+    "蓝田县",
+    "周至县",
+  ];
+  let list2 = [
+    // 各街道办,
+    "三桥街道",
+    "建章路街道",
+    "六村堡街道",
+    "未央宫街道",
+    "汉城街道",
+    "草滩街道",
+    "未央湖街道",
+    "徐家湾街道",
+    "张家堡街道",
+    "谭家街道",
+    "大明宫街道",
+    "辛家庙街道",
+  ];
+  let lists = [];
+  if (types.value == "西安市") {
+    lists = list;
+  } else {
+    lists = list2;
+  }
+  lists.forEach((v, i) => {
+    arr.push({
+      id: "00" + i,
+      street: v,
+      age: randomHandle(20, 25),
+      amount: randomHandle(30, 55),
+      index: i,
+      outsideData: randomHandle(10, 20),
+      picketAmount: randomHandle(10, 25),
+    });
+  });
+  dataList.value = arr;
+}
+onMounted(() => {
+  xData.value = getValue(fanZui_options.value, "dictLabel");
+  testHandle();
+  getYearList();
+  changeTypeHandle('1');
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+.chartBox {
+  height: 100%;
+  .echarts {
+    height: calc(100% - calculate.vh(50px)) !important;
+  }
+}
+</style>
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/index.vue
new file mode 100644
index 0000000..b40d475
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/InfoOverview/index.vue
@@ -0,0 +1,462 @@
+<template>
+  <!-- 只保留一个图表容器 -->
+  <div ref="chartContainer" class="chartContainer"></div>
+
+  <!-- 模态框部分保持不变 -->
+  <LargeScreenModal
+    v-model:open="chargeOpen"
+    :title="modalTitle"
+  >
+    <div class="tableWrap largeScreen">
+      <el-table
+        class="tableData"
+        row-class-name="table-row"
+        :data="tableData"
+        @row-click="handleRowClick"
+      >
+        <el-table-column
+          label="名称"
+          show-overflow-tooltip=""
+          align="center"
+          prop="pointName"
+        />
+       
+        <el-table-column
+          label="值班人员"
+          show-overflow-tooltip=""
+          align="center"
+          prop="dutyPeople"
+        />
+        <el-table-column label="值班联系方式" align="center" prop="dutyPhone" />
+        <el-table-column
+          label="地址"
+          show-overflow-tooltip
+          align="center"
+          prop="pointAddress"
+        />
+        <el-table-column
+          label="经度"
+          show-overflow-tooltip
+          align="center"
+          prop="lng"
+        />
+        <el-table-column
+          label="纬度"
+          show-overflow-tooltip
+          align="center"
+          prop="lat"
+        />
+        <el-table-column
+          label="最大承载量"
+          align="center"
+          prop="loadBearingMax"
+        />
+      </el-table>
+      <pagination
+        class="largeScreen__pagination"
+        popperClass="largeScreen__pagination"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+  </LargeScreenModal>
+</template>
+
+<script setup>
+import {
+  ref,
+  reactive,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+  getCurrentInstance,
+} from "vue";
+import * as echarts from "echarts";
+import LargeScreenModal from "../largeScreenModal.vue";
+import { fitChartSize, fitChartSizeVh } from "@/utils/styleUtils";
+import { getallList } from "@/api/InfoOverview.js";
+import { getzongshuDetail } from "@/api/map.js";
+import { useRouter } from "vue-router";
+import { useResizeObserver } from "@vueuse/core";
+
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+const { sys_yes_no } = proxy.useDict("sys_yes_no");
+
+const props = defineProps({
+  time: {
+    type: Date,
+    required: true,
+  },
+});
+
+// 图表相关
+const chartContainer = ref(null);
+let chartInstance = null;
+
+// 模态框相关
+const chargeOpen = ref(false);
+const modalTitle = ref("");
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  regionname: null,
+});
+const tableData = ref([]);
+const total = ref(0);
+
+// 处理数据，生成堆叠柱状图需要的格式
+const processStackedBarData = (rawData) => {
+  const targetTypes = ["重点场所", "安保力量", "交通枢纽", "景区"];
+  const regionMap = {};
+
+  rawData.forEach((item) => {
+    const region = item.regionname;
+    const type = item.typename || "无类型";
+
+    if (!regionMap[region]) {
+      regionMap[region] = {
+        重点场所: 0,
+        安保力量: 0,
+        交通枢纽: 0,
+        景区: 0,
+      };
+    }
+
+    if (targetTypes.includes(type)) {
+      const count = item.loadBearingMax ? parseInt(item.loadBearingMax) : 1;
+      regionMap[region][type] += count;
+    }
+  });
+
+  const regions = Object.keys(regionMap);
+  const seriesData = targetTypes.map((type) => ({
+    name: type,
+    type: "bar",
+    stack: "total",
+    emphasis: { focus: "series" },
+    data: regions.map((region) => regionMap[region][type]),
+    itemStyle: {
+      color: getSeriesColor(targetTypes.indexOf(type)),
+    },
+  }));
+
+  return { regions, seriesData };
+};
+
+// 获取系列颜色
+const getSeriesColor = (index) => {
+  const colors = [
+    new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      { offset: 0, color: "#409EFF" },
+      { offset: 1, color: "#409EFF99" },
+    ]),
+    new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      { offset: 0, color: "#67C23A" },
+      { offset: 1, color: "#67C23AAA" },
+    ]),
+    new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      { offset: 0, color: "#2CBF04" },
+      { offset: 1, color: "#2CBF04AA" },
+    ]),
+    new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      { offset: 0, color: "#F56C6C" },
+      { offset: 1, color: "#F56C6CAA" },
+    ]),
+  ];
+  return colors[index % colors.length];
+};
+const paramsseriesName = ref('');
+const paramsname = ref('');
+const name1 = ref('');
+const name2 = ref('');
+// 初始化图表
+const initChart = () => {
+  if (!chartContainer.value) return;
+
+  // 先销毁旧实例
+  if (chartInstance) {
+    chartInstance.dispose();
+  }
+
+  chartInstance = echarts.init(chartContainer.value);
+
+  const option = {
+    title: {
+      text: "",
+      left: "center",
+      textStyle: {
+        color: "#D1EDFF",
+        fontSize: fitChartSize(16),
+      },
+    },
+    dataZoom: [
+      {
+        type: 'slider', // 滑动条型dataZoom
+        show: true,
+        xAxisIndex: [0],
+        start: 0, // 默认起始位置0%
+        end: 30, // 默认显示前30%的数据（约6-7个市区）
+        height: fitChartSizeVh(40), // 滑动条高度
+        left: 0,
+        right: 0,
+        bottom: fitChartSizeVh(20), // 距离底部距离
+        fillerColor: 'rgba(0, 168, 255, 0.5)', // 选中区域填充颜色
+        borderColor: 'transparent',
+        handleStyle: {
+          color: '#00A8FF' // 手柄颜色
+        },
+        textStyle: {
+          color: '#D1EDFF' // 文字颜色
+        }
+      },
+      {
+        type: 'inside', // 内置型dataZoom，可以用鼠标滚轮缩放
+        xAxisIndex: [0],
+        zoomOnMouseWheel: false, // 关闭滚轮缩放
+        moveOnMouseWheel: true, // 开启滚轮平移
+        moveOnMouseMove: true // 开启鼠标拖动平移
+      }
+    ],
+    tooltip: {
+      trigger: "axis",
+      className: "toolTip",
+      formatter: function (params) {
+        console.log(params);
+        let str = "";
+        str += `<div class="chartsBox">
+          <div class="chartsBox__title">${params[0].axisValue}</div>
+          <div class="chartsBox__container">`;
+            params.forEach(v => {
+              str += `
+                <div class="chartsBox__container-item flex">
+                  <div class="chartsBox__container-item-label flex">
+                    ${v.marker} 
+                    ${v.seriesName}
+                  </div>
+                  <div class="chartsBox__container-item-value">${v.value}</div>
+                </div>
+              `;
+            })
+          str += `</div>
+          </div>
+        `;
+        return str
+      },
+    },
+    grid: {
+      top: fitChartSizeVh(20),
+      left: fitChartSize(20),
+      right: fitChartSize(20),
+      bottom: fitChartSizeVh(80),
+      containLabel: true,
+    },
+    xAxis: {
+      type: "category",
+      axisLabel: {
+        color: "#D1EDFF",
+        rotate: 30,
+        fontSize: fitChartSize(28),
+        formatter: (value) =>
+          value.length > 4 ? value.substring(0, 4) + "..." : value,
+      },
+      axisLine: { lineStyle: { color: "#FFF" } },
+      axisTick: { show: false },
+    },
+    yAxis: {
+      type: "value",
+      name: "数量",
+      nameTextStyle: { color: "#D1EDFF" },
+      splitLine: {
+        lineStyle: {
+          color: ["#FFF"],
+          type: "dashed",
+          opacity: 0.5,
+        },
+      },
+      axisLabel: { color: "#D1EDFF", fontSize: fitChartSize(26) },
+      axisLine: { show: false, lineStyle: { color: "#00A8FF" } },
+    },
+    series: [],
+  };
+  // 添加点击事件监听
+  chartInstance.on("click", (params) => {
+    console.log(params);
+    paramsseriesName.value = params.seriesName;
+    paramsname.value = params.name;
+     let par = {
+      typename: paramsseriesName.value,
+      regionname: paramsname.value ,
+    };
+    getList()
+  });
+  chartInstance.setOption(option);
+  window.addEventListener("resize", () => {
+    chartInstance.resize();
+  });
+};
+
+// 更新图表数据
+const updateChart = (data) => {
+  if (!chartInstance) return;
+
+  const { regions, seriesData } = processStackedBarData(data);
+
+  chartInstance.setOption({
+    xAxis: { data: regions },
+    series: seriesData,
+  });
+};
+
+// 响应式调整图表大小
+const handleResize = () => {
+  if (chartInstance) {
+    chartInstance.resize();
+  }
+};
+
+// 获取数据
+const fetchData = () => {
+  const params = {
+    delFlag: 0,
+    monitoringType: 2,
+  };
+
+  getallList(params).then((res) => {
+    updateChart(res.rows);
+  });
+};
+
+// 模态框相关方法
+const getList = () => {
+   let par = {
+      typename: paramsseriesName.value,
+      regionname: paramsname.value,
+      pageSize:queryParams.pageSize,
+      pageNum:queryParams.pageNum,
+    };
+  getzongshuDetail(par).then((res) => {
+    tableData.value = res.rows;
+    total.value = res.total;
+    modalTitle.value = "大客流信息概览" +'('+ paramsname.value + '-'+ paramsseriesName.value + ')';
+    chargeOpen.value = true;
+  });
+};
+
+const handleRowClick = (row) => {
+  console.log(row);
+  
+  // router.push({
+  //   path: "/BasicInformation/DklMonitoringPoints",
+  //   query: { id: row.id },
+  // });
+};
+
+const handleDetail = (row) => {
+  console.log(row);
+
+  // queryParams.regionname = row.data.groupId;
+  // getList();
+};
+
+// 监听时间变化
+watch(
+  () => props.time,
+  (newTime) => {
+    console.log("时间变化:", newTime);
+    fetchData();
+  }
+);
+
+// 初始化
+onMounted(() => {
+  initChart();
+  fetchData();
+
+  // 使用vueuse的useResizeObserver实现更好的响应式
+  useResizeObserver(chartContainer, handleResize);
+});
+
+// 清理
+onBeforeUnmount(() => {
+  if (chartInstance) {
+    chartInstance.dispose();
+    chartInstance = null;
+  }
+});
+</script>
+
+<style scoped lang="scss">
+@use "@/assets/styles/computed.scss" as calculate;
+// :deep(.el-table__body-wrapper) {
+//   background: #29689E !important;
+// }
+:deep(.cell) {
+  color: #fff !important;
+}
+
+/* 图表容器样式 */
+// div[ref="chartContainer"] {
+//   transition: all 0.3s ease;
+// }
+.chartContainer {
+  width: 100%;
+  height: 100%;
+}
+.tableWrap {
+  :deep(td.el-table__cell) {
+    border-bottom: calculate.px2font(1px) solid #888;
+  }
+  :deep(.table-row:hover) {
+    box-shadow: inset 0 0 0 calculate.px2font(3px) #266FFF;
+    background-color: transparent;
+  }
+  // :deep(tr) {
+  //   background-color: transparent !important;
+  // }
+}
+.chartContainer {
+  &:deep(.toolTip) {
+    padding: 0 !important;
+    box-shadow: none !important;
+    border: 0 !important;
+    border-radius: calculate.px2font(5px) !important;
+
+    .chartsBox { 
+      line-height: 1;
+      padding: calculate.vh(15px) calculate.vw(15px);
+      .chartsBox__title {
+        font-size: calculate.px2font(16px);
+        margin-bottom: calculate.vh(10px);
+      }
+      .chartsBox__container {
+        .flex {
+          display: flex;
+          align-items: center;
+        }
+        &-item {
+          display: flex;
+          gap: calculate.vw(20px);
+          justify-content: space-between;
+          font-size: calculate.px2font(14px);
+          line-height: inherit;
+          padding: calculate.vh(5px) 0;
+
+          &-label {
+            gap: calculate.vw(5px);
+            span {
+              display: block;
+              width: calculate.vh(10px) !important;
+              height: calculate.vh(10px) !important;
+              border-radius: 50%;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/dropdownItem.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/dropdownItem.vue
new file mode 100644
index 0000000..d2861d2
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/dropdownItem.vue
@@ -0,0 +1,46 @@
+<template>
+  <el-dropdown class="dropdown" popper-class="largeScreen__dropdown" trigger="click" @command="dropDownHandle">
+    <span class="el-dropdown-link">
+      <img src="@/assets/images/largeScreenImage/more@2x.png" alt="">
+    </span>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item v-for="v in options" :command="v.value">
+          {{ v.label }}
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed, getCurrentInstance} from "vue";
+
+const props = defineProps({
+    options: {
+        required: true,
+        default: () => []
+    },
+})
+
+const emit = defineEmits(["command"]);
+
+function dropDownHandle(e) {
+  emit("command",e)
+}
+
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+.dropdown {
+  .el-dropdown-link {
+    img {
+      width: calculate.vw(15px);
+      height: calculate.vw(15px);
+      cursor: pointer;
+    }
+  }
+}
+</style>
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/components/riskAnalysis.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/components/riskAnalysis.vue
new file mode 100644
index 0000000..993d6cb
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/components/riskAnalysis.vue
@@ -0,0 +1,374 @@
+<template>
+  <!-- 信息数据分析 -->
+  <div class="chartBox">
+    <div class="search largeScreen">
+      <el-form :model="queryParams" ref="queryRef" :inline="true"  label-width="68px">
+        <el-row gutter="10">
+          <el-col :span="8">
+            <el-form-item label="类型" prop="type" class="w100">
+              <el-select
+                class="largeScreen__select w100"
+                popper-class="largeScreen__select"
+                v-model="queryParams.type" 
+                placeholder="请选择分析类型"
+                @change="changeTypeHandle"
+              >
+                <el-option 
+                  v-for="item in typeOptions" 
+                  :key="item.value" 
+                  :label="item.label" 
+                  :value="item.value"
+                />
+              </el-select>
+          </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '1'">
+            <el-form-item label="年度" prop="year" class="w100">
+              <el-date-picker
+                v-model="queryParams.year"
+                type="year"
+                placeholder="请选择年份"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '2'">
+            <el-form-item label="季度" prop="quarter" class="w100">
+              <el-select 
+                class="largeScreen__select w100"
+                popper-class="largeScreen__select"
+                v-model="queryParams.quarter" 
+                placeholder="请选择分析类型"
+              >
+                <el-option 
+                  v-for="item in quarterOptions" 
+                  :key="item.value" 
+                  :label="item.label" 
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="queryParams.type == '3'">
+            <el-form-item label="月度" prop="month" class="w100">
+              <el-date-picker
+                v-model="queryParams.month"
+                type="month"
+                placeholder="请选择年份"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <!-- <el-button icon="Refresh" @click="resetQuery">重置</el-button> -->
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <Echarts class="echarts" :option="initOption"></Echarts>
+  </div>
+  
+</template>
+
+<script setup>
+import {ref, reactive, onMounted, nextTick, computed, getCurrentInstance} from "vue";
+import moment from "moment";
+import {fitChartSize, fitChartSizeVh} from "@/utils/styleUtils";
+const {proxy} = getCurrentInstance();
+
+
+
+// 类型
+const queryParams = reactive({
+  // pageNum: 1,
+  // pageSize: 10,
+  type: '1',
+  year: '',
+  quarter: '',
+  month: '',
+})
+const typeOptions = reactive([
+  {
+    value: "1",
+    label: "年度",
+  },
+  {
+    value: "2",
+    label: "季度",
+  },
+  {
+    value: "3",
+    label: "月度",
+  },
+]);
+const quarterOptions = reactive([
+  {
+    value: "1",
+    label: "第一季度",
+  },
+  {
+    value: "2",
+    label: "第二季度",
+  },
+  {
+    value: "3",
+    label: "第三季度",
+  },
+  {
+    value: "4",
+    label: "第四季度",
+  },
+]);
+
+function changeTypeHandle(e) {
+  console.log("e",e)
+  if (e === "1") {
+    queryParams.year = formatDate(Date.now(), "YYYY");
+    queryParams.quarter = "";
+    queryParams.month = "";
+  }else if(e === "2") {
+    queryParams.year = "";
+    queryParams.quarter = "1";
+    queryParams.month = "";
+  }else if(e === "3") {
+    queryParams.year = "";
+    queryParams.quarter = "";
+    queryParams.month = formatDate(Date.now(), "YYYY-MM");
+  }
+  getList();
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+// function resetQuery() {
+//   dateRange.value = [];
+//   proxy.resetForm("queryRef");
+//   handleQuery();
+// }
+
+function getList() {
+  console.log("queryParams", queryParams)
+  nextTick(() => {
+    init();
+  });
+}
+
+
+function formatDate(str,type="yyyy-MM-dd") {
+  return moment(str).format(type);
+}
+
+const dataMap = reactive({
+  streetData: [],
+  streetPieData: [],
+});
+const minYear = ref("2021");
+const maxYear = ref(new Date().getFullYear());
+const yearList = ref([]);
+const fanZui_options = ref([
+  {
+    dictLabel: "危险作业罪",
+    dictVal: "1",
+  },
+  {
+    dictLabel: "重大责任事故罪",
+    dictVal: "2",
+  },
+  {
+    dictLabel: "危险驾驶罪",
+    dictVal: "3",
+  },
+  {
+    dictLabel: "信用卡诈骗罪等",
+    dictVal: "4",
+  },
+]);
+let types = ref("西安市");
+const dataList = ref([]);
+const xData = ref([]);
+const initOption = ref({});
+const echartsOptions = ref({});
+function randomHandle(min, max) {
+  return Math.floor(Math.random() * (max - min)) + min;
+}
+function getValue(arr, key) {
+  return arr.map((v) => v[key]);
+}
+
+function init() {
+  var option;
+  let xData = [...new Set(dataList.value.map((v) => v.street))];
+  let seriesData = dataList.value.map((v) => ({
+    value: v.amount,
+    groupId: v.id,
+  }));
+  let seriesObj = {
+    name: "各辖区统计",
+    type: "bar",
+    id: "sales",
+    data: seriesData,
+    itemStyle: {
+      // 图形样式
+      color: {
+        x: 0,
+        y: 0,
+        x2: 0,
+        y2: 1,
+        type: "linear",
+        global: false,
+        colorStops: [
+          {
+            offset: 0,
+            color: "#826fe5",
+          },
+          {
+            offset: 1,
+            color: "#0c1f5699",
+          },
+        ],
+      },
+    },
+  };
+  let varColor = "#D1EDFF";
+  initOption.value = {
+    // legend: {
+    //   data: ["各辖区统计"],
+    //   textStyle: {
+    //     color: varColor,
+    //   },
+    // },
+    tooltip: {
+      trigger: "item",
+      axisPointer: {
+        type: "shadow",
+      },
+      borderColor: "rgba(255,255,255,.3)",
+      backgroundColor: "rgba(13,5,30,.6)",
+      textStyle: {
+        color: "white", //设置文字颜色
+      },
+    },
+    // 图表定位
+    grid: {
+      top: fitChartSizeVh(70),
+      left: fitChartSizeVh(100),
+      right: fitChartSizeVh(100),
+      bottom: fitChartSizeVh(30),
+      containLabel: true,
+    },
+    xAxis: {
+      name: "区域",
+      nameTextStyle: {
+        color: varColor, // 设置Y轴名称的颜色
+      },
+      data: xData,
+      axisTick: {
+        //x轴刻度线
+        show: false,
+      },
+      axisLine: {
+        //x轴坐标轴
+        show: false,
+      },
+      axisLabel: {
+        color: varColor,
+        fontSize: fitChartSize(30),
+      },
+    },
+    yAxis: {
+      name: "数量",
+      nameTextStyle: {
+        color: varColor, // 设置Y轴名称的颜色为红色
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: ["#00A8FF"],
+          type: "dashed",
+          opacity: 0.5,
+        },
+      },
+      axisLabel: {
+        color: varColor,
+      },
+    },
+    // dataGroupId: "",
+    animationDurationUpdate: 500,
+    series: [
+      {
+        ...seriesObj,
+      },
+      {
+        data: [],
+      },
+    ],
+    graphic: [
+      {
+        type: "text",
+        style: {
+          text: "",
+        },
+      },
+    ],
+  };
+}
+
+function getYearList() {
+  let arr = [];
+  for (var year = minYear.value; year <= maxYear.value; year++) {
+    arr.push(year);
+  }
+  yearList.value = arr;
+}
+function testHandle() {
+  let arr = [];
+  let list = [
+    "未央区",
+    "新城区",
+    "碑林区",
+    "莲湖区",
+    "灞桥区",
+    "雁塔区",
+    "阎良区",
+    "临潼区",
+    "长安区",
+    "高陵区",
+    "鄠邑区",
+    "蓝田县",
+    "周至县",
+  ];
+
+  list.forEach((v, i) => {
+    arr.push({
+      id: "00" + i,
+      street: v,
+      age: randomHandle(20, 25),
+      amount: randomHandle(30, 55),
+      index: i,
+      outsideData: randomHandle(10, 20),
+      picketAmount: randomHandle(10, 25),
+    });
+  });
+  dataList.value = arr;
+}
+onMounted(() => {
+  xData.value = getValue(fanZui_options.value, "dictLabel");
+  testHandle();
+  getYearList();
+  changeTypeHandle('1');
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+.chartBox {
+  height: 100%;
+  .echarts {
+    height: calc(100% - calculate.vh(50px)) !important;
+  }
+}
+</style>
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/index.vue
new file mode 100644
index 0000000..78fc733
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/earlyWarning/index.vue
@@ -0,0 +1,1081 @@
+<template>
+  <div class="card__content-box">
+    <!-- 滚动表格区域 -->
+    <div class="table">
+      <!-- 表头容器 - 固定显示 -->
+      <div class="table__header-container">
+        <div class="table__item table__header">
+          <div>序号</div>
+          <div>预警名称</div>
+          <div>预警点位</div>
+          <div>预警摄像</div>
+          <div>发布时间</div>
+        </div>
+      </div>
+
+      <!-- 内容滚动区域 -->
+      <div class="table__body-container">
+        <div class="scroll" v-if="tableData.length > 0">
+          <vue3-seamless-scroll :step="0.5" :hover="true" :list="tableData">
+              <div
+              class="table__item"
+              v-for="(item, index) in tableData"
+              :key="index"
+              @click="handleRowClick(item)"
+            >
+              <div class="scroll_table item_num">{{ index + 1 }}</div>
+              
+              <!-- 1. 预警名称添加Tooltip -->
+              <el-tooltip 
+                effect="dark" 
+                placement="top" 
+                :content="item.warningSigns"
+                teleported
+                popper-class="table-tooltip"
+              >
+                <div class="scroll_table item_courtName tooltip">
+                  {{ item.warningSigns }}
+                </div>
+              </el-tooltip>
+              
+              <!-- 2. 预警点位添加Tooltip -->
+              <el-tooltip 
+                effect="dark" 
+                placement="top" 
+                :content="item.pointName"
+                teleported
+                popper-class="table-tooltip"
+              >
+                <div class="scroll_table item_punisherName tooltip">
+                  {{ item.pointName }}
+                </div>
+              </el-tooltip>
+              
+              <!-- 3. 预警摄像添加Tooltip -->
+              <el-tooltip 
+                effect="dark" 
+                placement="top" 
+                :content="item.cameraName"
+                teleported
+                popper-class="table-tooltip"
+              >
+                <div class="scroll_table item_punisherName tooltip">
+                  {{ item.cameraName }}
+                </div>
+              </el-tooltip>
+              
+              <!-- 4. 发布时间添加Tooltip -->
+              <el-tooltip 
+                effect="dark" 
+                placement="top" 
+                :content="item.releaseTime"
+                teleported
+                popper-class="table-tooltip"
+              >
+                <div class="scroll_table item_courtName tooltip">
+                  {{ item.releaseTime }}
+                </div>
+              </el-tooltip>
+            </div>
+          </vue3-seamless-scroll>
+        </div>
+
+        <div v-else class="nocontent">
+          <el-empty :image-size="100" description="暂无数据" />
+        </div>
+      </div>
+    </div>
+
+    <!-- 处置状态弹窗 -->
+    <LargeScreenModal
+      v-model:open="chargeOpen"
+      :title="modalTitle"
+    >
+      <div class="tableWrap largeScreen">
+        <el-descriptions
+          class="largeScreen__descriptions"
+          :column="2"
+          size="large"
+          border
+        >
+          <template v-for="item in formColumns">
+            <el-descriptions-item :label="item.label">{{
+              formInfo[item.key] || "-"
+            }}</el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </div>
+
+      <div class="custom-timeline">
+        <div
+          v-for="(item, index) in timelineData"
+          :key="index"
+          class="timeline-item"
+        >
+          <div class="timeline-dot"></div>
+          <div class="timeline-content">
+            <div class="timeline-time">处理时间: {{ item.createTime }}</div>
+            <div class="timeline-desc">
+              <p>状态:{{ getStatusLabel(item.disposalStatus) }}</p>
+              <p>措施:{{ item.disposalMeasures || "-" }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </LargeScreenModal>
+
+    <!-- 预警详情与热力图弹窗 -->
+    <LargeScreenModal
+      v-model:open="warningModalOpen"
+      title="预警详情与热力图"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(800)"
+      @close="handleClose"
+    >
+      <div class="titles">{{ titlesTitle }}</div> 
+      <!-- 详情区域 -->
+      <div class="detail-section">
+        <el-descriptions
+          class="largeScreen__descriptions"
+          :column="2"
+          size="large"
+          border
+        >
+          <template #extra>
+          </template>
+          <template v-for="item in warningFormColumns">
+             <!-- <el-descriptions-item v-if="item.label == '监控/外呼'" :label="item.label"> -->
+              <el-descriptions-item v-if="item.label == '监控'" :label="item.label">
+              <el-button type="primary" size="default" @click="lookJK">
+              查看监控
+            </el-button>
+            <!-- <el-button type="primary" size="default" @click="CALL">
+              外呼
+            </el-button> -->
+             </el-descriptions-item>
+            <el-descriptions-item v-else :label="item.label">{{
+              warningDetail[item.key] || "-"
+            }}</el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </div>
+
+      <!-- 地图区域 -->
+      <div class="map-section">
+        <div id="warningMap" ref="mapContainer"></div>
+
+        <!-- 加载状态 -->
+        <div v-if="isLoading" class="map-loading">
+          <el-icon class="is-loading"><Loading /></el-icon>加载中...
+        </div>
+
+        <!-- 热力图图例 -->
+        <div class="map-legend" v-if="showLegend && showHeatmap">
+          <h4>客流热力等级</h4>
+          <div class="legend-gradient"></div>
+          <div class="legend-labels">
+            <span>低</span><span>中</span><span>高</span>
+          </div>
+        </div>
+      </div>
+    </LargeScreenModal>
+
+    <!-- 视频弹窗 -->
+    <LargeScreenModal
+      v-model:open="chargeOpenJK"
+      title="监控视频"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(800)"
+      @close="handleVideoClose"
+    >
+      <div class="tableWrap largeScreen">
+        <VideoMonitor
+          :video-url="currentVideoUrl"
+          width="100%"
+          height="100%"
+          style="margin-left: 40px"
+        />
+      </div>
+    </LargeScreenModal>
+     <!-- 外呼的弹窗 -->
+    <LargeScreenModal
+      v-model:open="callDialog"
+      title="外呼"
+      :width="styleUtil.px2vw(400)"
+      :height="styleUtil.px2vh(500)"
+      @close="handleVideoClose2"
+    >
+      <el-row>
+        <el-col :span="24">
+          <div class="callDemo">
+            <Call ref="CallRef" :listRows="callForm" width="100%" height="400px" />
+          </div>
+        </el-col>
+      </el-row>
+    </LargeScreenModal>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  reactive,
+  onMounted,
+  getCurrentInstance,
+  nextTick,
+  watch,
+} from "vue";
+import {
+  getPoints,
+} from "@/api/points";
+import Call from "@/components/call.vue";
+
+import styleUtil from "@/utils/styleUtils";
+import LargeScreenModal from "../largeScreenModal.vue";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import "leaflet.heat/dist/leaflet-heat.js"; // 与主地图一致的热力图库
+import { ElIcon, ElEmpty, ElMessage, ElSlider } from "element-plus";
+import { Loading } from "@element-plus/icons-vue";
+import _ from "lodash";
+import VideoMonitor from "../../../../components/VideoMonitor.vue";
+import moment from "moment";
+
+// 接口导入 - 与主地图使用相同的接口
+import {
+  getchuzhiList,
+  getchuzhiListDetail,
+  getchuzhiListLiucheng,
+  getYJRLi,
+  getYJRLiDetalis,
+  getYJRLiJK,
+} from "@/api/map.js";
+
+// 图标 - 与主地图一致
+import warningIcon from "@/assets/images/yujing2.png";
+
+// 常量定义 - 与主地图完全一致
+const CHINA_BOUNDS = {
+  minLat: 18.1,
+  maxLat: 53.5,
+  minLng: 73.6,
+  maxLng: 135.1,
+};
+const DEFAULT_COORDS = [34.22, 108.96]; // 西安
+const DEFAULT_ZOOM = 11;
+const PARAM_ZOOM = 16;
+
+const { proxy } = getCurrentInstance();
+const emit = defineEmits(["update-map-params"]);
+const { disposal_status } = proxy.useDict("disposal_status");
+
+// 表格数据
+const tableData = ref([]);
+
+// 处置弹窗相关
+const chargeOpen = ref(false);
+const modalTitle = ref("处置状态查看");
+const formInfo = ref({});
+const timelineData = ref([]);
+const formColumns = ref([
+  { label: "预警唯一标识符", key: "warningSigns" },
+  { label: "发布单位名称", key: "unitName" },
+  { label: "发布单位编码", key: "unitCode" },
+  { label: "发布时间", key: "releaseTime" },
+  { label: "经度", key: "lng" },
+  { label: "纬度", key: "lat" },
+  { label: "可能波及范围", key: "scopeImpact" },
+  { label: "异常数据值", key: "abnormalData" },
+  { label: "预计持续时间", key: "expectedDuration" },
+  //{ label: "监控/外呼", key: "expectedDuration" },
+  { label: "监控", key: "expectedDuration" },
+]);
+
+// 预警详情弹窗相关
+const warningModalOpen = ref(false);
+const warningDetail = ref({});
+const currentRow = ref(null);
+const isLoading = ref(false);
+const showLegend = ref(false);
+const showNoData = ref(false);
+const showHeatmap = ref(true);
+const showMarker = ref(true);
+
+// 热力图参数 - 与主地图完全一致
+const heatRadius = ref(50); // 热力图半径
+const heatBlur = ref(30); // 热力图模糊度
+const heatMaxZoom = ref(10); // 最大缩放级别
+const heatMaxOpacity = ref(0.8); // 最大透明度
+
+// 地图相关 - 与主地图保持一致的图层结构
+const mapContainer = ref(null);
+const mapInstance = ref(null);
+const markerObj = ref(null);
+const heatmapLayer = ref(null); // 热力图专用图层
+const markersLayer = ref(null); // 标记专用图层
+let currentHeatmapLayer = null; // 当前热力图层实例
+const filePathS = ref("");
+const chargeOpenJK = ref(false);
+const currentVideoUrl = ref("");
+// 预警详情表格配置
+const warningFormColumns = ref([
+  { label: "预警名称", key: "warningSigns" },
+  { label: "预警点位", key: "pointName" },
+  { label: "预警摄像", key: "cameraName" },
+  { label: "发布时间", key: "releaseTime" },
+  { label: "经度", key: "lng" },
+  { label: "纬度", key: "lat" },
+  { label: "可能波及范围", key: "scopeImpact" },
+  { label: "异常数据值", key: "abnormalData" },
+  { label: "预计持续时间", key: "expectedDuration" },
+  // { label: "监控/外呼", key: "expectedDuration" }
+  { label: "监控", key: "expectedDuration" }
+]);
+const titlesTitle = ref('')
+const currentWarningId = ref('')
+// 行点击事件 - 与主地图逻辑一致
+const handleRowClick = async (row) => {
+  console.log(row);
+  currentWarningId.value = row.unitCode; 
+  filePathS.value = row.filePath;
+  currentRow.value = row;
+  isLoading.value = true;
+  warningModalOpen.value = true;
+  showNoData.value = false;
+  showHeatmap.value = true;
+  showMarker.value = true;
+
+  try {
+    // 解析经纬度
+    const lat = Number(row.lat);
+    const lng = Number(row.lng);
+    const hasValidCoord = !isNaN(lat) && !isNaN(lng) && isInChina(lat, lng);
+
+    if (hasValidCoord) {
+      emit("update-map-params", {
+        latitude: lat.toFixed(6),
+        longitude: lng.toFixed(6),
+        monitoringTypeName: "warning",
+      });
+    } else {
+      ElMessage.warning("经纬度无效，使用默认位置");
+    }
+
+    await nextTick();
+    let startTime = moment(row.releaseTime).format("YYYY-MM-DD");
+
+    // 并行加载数据 - 与主地图使用相同的接口
+    const [detailRes, heatRes] = await Promise.all([
+      getYJRLiDetalis(row.id).catch((err) => ({ code: 500, data: null })),
+      getYJRLi({
+        srcIndex: row.filePath || row.id,
+        startTime: startTime ? `${startTime} 00:00:00` : "",
+        endTime: row.releaseTime ? `${row.releaseTime}` : "",
+      }).catch((err) => ({ code: 500, data: null })),
+    ]);
+    console.log(heatRes, "热力");
+
+    // 处理详情数据
+    warningDetail.value = detailRes.code === 200 ? detailRes.data || {} : {};
+    console.log(warningDetail.value,'warningDetailwarningDetail');
+    const index = warningDetail.value.warningSigns.indexOf('秒');
+    titlesTitle.value = index !== -1 ? warningDetail.value.warningSigns.slice(index + 1) : '';
+    // 初始化地图（与主地图配置一致）
+    await initMap(row);
+
+    // 处理热力图数据 - 与主地图逻辑一致
+    if (heatRes.code === 200 && heatRes.data && heatRes.data.length) {
+      renderHeatmap(heatRes.data); // 使用与主地图相同的热力图渲染
+      showLegend.value = true;
+      showNoData.value = false;
+
+      // 调整地图视图到数据区域 - 与主地图逻辑一致
+      const bounds = L.latLngBounds(
+        heatRes.data.map((item) => [
+          Number(item.latitude || item.lat),
+          Number(item.longitude || item.lng),
+        ])
+      );
+
+      if (bounds.isValid()) {
+        mapInstance.value.fitBounds(bounds, {
+          padding: [80, 80], // 可选：增加边距，让视图更宽松
+          maxZoom: 14, // 核心属性：限制最大缩放级别
+        });
+      }
+    } else {
+      showNoData.value = true;
+      showLegend.value = false;
+      ElMessage.info("未获取到热力图数据");
+    }
+  } catch (error) {
+    console.error("加载失败:", error);
+    ElMessage.error("加载数据失败，请重试");
+    await initMap(currentRow.value);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 初始化地图 - 与主地图配置完全一致
+const initMap = async (row) => {
+  const lat = Number(row.lat) || DEFAULT_COORDS[0];
+  const lng = Number(row.lng) || DEFAULT_COORDS[1];
+
+  await nextTick();
+
+  if (!mapContainer.value) {
+    console.error("地图容器不存在");
+    return;
+  }
+
+  // 设置容器尺寸
+  mapContainer.value.style.width = "100%";
+  mapContainer.value.style.height = "100%";
+
+  // 创建瓦片地图
+  L.CRS.EPSG4490 = L.extend({},
+    L.CRS.EPSG4326,
+    {
+      code: 'EPSG:4490',
+      scale: function (zoom) { return 256 * Math.pow(2, zoom - 1); }
+    }
+  );
+
+  // 创建地图实例（与主地图参数一致）
+  if (!mapInstance.value) {
+    mapInstance.value = L.map(mapContainer.value, {
+      center: [lat, lng],
+      zoom: 12,
+      maxZoom: 16, // 可选：限制手动缩放的最大级别
+      minZoom: 8,
+      zoomControl: false,
+      attributionControl: false,
+      dragging: true,
+      touchZoom: true,
+      scrollWheelZoom: true,
+      doubleClickZoom: true,
+      // 配置瓦片地图
+      crs: L.CRS.EPSG4490,
+    });
+
+    // 添加与主地图相同的底图
+    L.tileLayer(
+      // "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
+      "https://10.22.245.209:18888/kgis/rest/services/GETileWGS20240425/MapServer/tile/{z}/{y}/{x}",
+      { subdomains: ["1", "2", "3", "4"], maxZoom: 20 }
+    ).addTo(mapInstance.value);
+
+    // // 添加与主地图相同的底图
+    // const tileLayer1 = L.tileLayer(
+    //   "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
+    //   { subdomains: ["1", "2", "3", "4"] }
+    // ).addTo(mapInstance.value);
+
+    // const tileLayer2 = L.tileLayer(
+    //   "https://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1",
+    //   { subdomains: ["1", "2", "3", "4"], pane: "markerPane" }
+    // ).addTo(mapInstance.value);
+
+    // 添加相同的缩放控件
+    L.control.zoom({ position: "topright" }).addTo(mapInstance.value);
+
+    // 创建图层（与主地图图层结构一致）
+    heatmapLayer.value = L.layerGroup().addTo(mapInstance.value);
+    markersLayer.value = L.layerGroup().addTo(mapInstance.value);
+
+    // 保持与主地图相同的图层顺序
+    heatmapLayer.value.setZIndex(300);
+    markersLayer.value.setZIndex(400);
+
+    // 监听地图事件 - 与主地图一致
+    mapInstance.value.on(
+      "zoomend moveend",
+      _.debounce(() => {
+        if (mapInstance.value) {
+          mapInstance.value.invalidateSize();
+        }
+      }, 100)
+    );
+  } else {
+    mapInstance.value.setView([lat, lng], PARAM_ZOOM);
+    clearHeatmap();
+  }
+
+  // 添加预警标记 - 与主地图标记样式一致
+  if (row) {
+    addWarningMarker(lat, lng, row);
+  }
+};
+
+// 添加预警标记 - 与主地图标记逻辑一致
+const addWarningMarker = (lat, lng, row) => {
+  if (markerObj.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+
+  // 创建与主地图一致的图标
+  const icon = L.icon({
+    iconUrl: warningIcon,
+    iconSize: [32, 32],
+    iconAnchor: [16, 32],
+    popupAnchor: [0, -32],
+  });
+
+  markerObj.value = L.marker([lat, lng], {
+    icon: icon,
+    zIndexOffset: 1000, // 确保标记在热力图上方
+  });
+
+  // 绑定与主地图风格一致的弹窗内容
+  markerObj.value.bindPopup(`
+    <b>${row.warningSigns || "预警信息"}</b><br>
+    点位: ${row.pointName || "未知"}<br>
+    时间: ${row.releaseTime || "未知"}
+  `);
+
+  markersLayer.value.addLayer(markerObj.value);
+  markerObj.value.openPopup();
+
+  if (!showMarker.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+};
+
+// 修改后的renderHeatmap函数，只显示一个圆圈
+const renderHeatmap = (heatData) => {
+  // 清除现有热力图
+  clearHeatmap();
+
+  if (!mapInstance.value || !heatData || !heatData.length) {
+    return;
+  }
+
+  try {
+    // 获取第一条数据
+    const firstItem = heatData[0];
+    if (!firstItem) {
+      showNoData.value = true;
+      ElMessage.warning("没有有效的热力图数据");
+      return;
+    }
+
+    // 提取并验证经纬度和强度值
+    const lat = Number(
+      firstItem.latitude || firstItem.lat || firstItem.LAT || firstItem.Latitude
+    );
+    const lng = Number(
+      firstItem.longitude ||
+        firstItem.lng ||
+        firstItem.LNG ||
+        firstItem.Longitude
+    );
+
+    // 计算强度值
+    const enterValue = Number(
+      firstItem.enter || firstItem.count || firstItem.value || 50
+    );
+
+    let intensity;
+    if (enterValue <= 0) {
+      intensity = 30;
+    } else {
+      if (enterValue < 10000) {
+        intensity = 50;
+      } else if (enterValue < 100000) {
+        intensity = 70;
+      } else {
+        intensity = 100;
+      }
+    }
+
+    // 有效性检查
+    if (isNaN(lat) || isNaN(lng)) {
+      showNoData.value = true;
+      ElMessage.warning(`经纬度无效: lat=${lat}, lng=${lng}`);
+      console.error("无效的经纬度数据:", firstItem);
+      return;
+    }
+
+    if (!isInChina(lat, lng)) {
+      showNoData.value = true;
+      ElMessage.warning(`经纬度不在有效范围内: lat=${lat}, lng=${lng}`);
+      console.error("经纬度超出范围:", firstItem);
+      return;
+    }
+
+    // 只使用单个点
+    const points = [
+      [lat, lng, intensity], // 仅保留中心点位
+    ];
+
+    // 确保热力图容器图层已添加到地图
+    if (!mapInstance.value.hasLayer(heatmapLayer.value)) {
+      mapInstance.value.addLayer(heatmapLayer.value);
+    }
+
+    // 创建热力图图层
+    currentHeatmapLayer = L.heatLayer(points, {
+      radius: 60, // 可以根据需要调整半径大小
+      blur: 40, // 可以根据需要调整模糊度
+      maxZoom: heatMaxZoom.value,
+      maxOpacity: 0.9,
+      gradient: {
+        0.1: "#FFEDA0",
+        0.3: "#FED976",
+        0.5: "#FEB24C",
+        0.7: "#FD8D3C",
+        0.9: "#FC4E2A",
+        1: "#E31A1C",
+      },
+    });
+
+    // 添加热力图到容器图层
+    heatmapLayer.value.addLayer(currentHeatmapLayer);
+
+    // 确保标记层在热力图上方
+    if (markersLayer.value) {
+      mapInstance.value.removeLayer(markersLayer.value);
+      mapInstance.value.addLayer(markersLayer.value);
+    }
+
+    // 显示图例
+    showLegend.value = true;
+    showNoData.value = false;
+
+    console.log(`成功渲染热力图，经纬度: (${lat}, ${lng})，强度: ${intensity}`);
+  } catch (error) {
+    console.error("热力图渲染失败:", error);
+    ElMessage.error(`热力图渲染失败: ${error.message}`);
+  }
+};
+
+// 更新热力图设置
+const updateHeatmapSettings = () => {
+  if (currentRow.value && currentHeatmapLayer) {
+    clearHeatmap();
+    // 重新获取数据并渲染
+    getYJRLi({
+      srcIndex: currentRow.value.filePath || currentRow.value.id,
+      startTime: currentRow.value.releaseTime
+        ? `${currentRow.value.releaseTime} 00:00:00`
+        : "",
+      endTime: currentRow.value.releaseTime
+        ? `${currentRow.value.releaseTime} 23:59:59`
+        : "",
+    }).then((res) => {
+      if (res.code === 200 && res.data && res.data.length) {
+        renderHeatmap(res.data);
+      }
+    });
+  }
+};
+
+// 切换热力图显示 - 与主地图逻辑一致
+const toggleHeatmap = () => {
+  showHeatmap.value = !showHeatmap.value;
+
+  if (showHeatmap.value) {
+    mapInstance.value.addLayer(heatmapLayer.value);
+    showLegend.value = true;
+  } else {
+    mapInstance.value.removeLayer(heatmapLayer.value);
+    showLegend.value = false;
+  }
+};
+
+// 切换标记显示
+const toggleMarker = () => {
+  showMarker.value = !showMarker.value;
+
+  if (showMarker.value && markerObj.value) {
+    markersLayer.value.addLayer(markerObj.value);
+  } else if (markerObj.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+};
+
+// 清除热力图 - 与主地图逻辑一致
+const clearHeatmap = () => {
+  if (
+    currentHeatmapLayer &&
+    heatmapLayer.value &&
+    heatmapLayer.value.hasLayer(currentHeatmapLayer)
+  ) {
+    heatmapLayer.value.removeLayer(currentHeatmapLayer);
+  }
+  currentHeatmapLayer = null;
+};
+
+// 查看监控
+const lookJK = () => {
+  let params = {
+    typeinfo: filePathS.value,
+  };
+  getYJRLiJK(params).then((res) => {
+    console.log(res, "监控返回");
+    if (res.code === 200 && res.msg) {
+      currentVideoUrl.value = res.msg;
+      chargeOpenJK.value = true;
+    } else {
+      proxy.$modal.msgWarning("无监控数据");
+    }
+  });
+};
+const callDialog = ref(false);
+const callForm = ref({});
+// 外呼
+const CALL = () => {
+  resetCall();
+  getPoints(currentWarningId.value).then((response) => {
+    console.log(response,'rq');
+    callForm.value = {
+      phone: response.data.dutyPhone
+    }
+  });
+  callDialog.value = true;
+}
+// 重置外呼内容
+function resetCall() {
+  callDialog.value = false;
+  callForm.value = {};
+}
+// 关闭弹窗
+const handleVideoClose = () => {
+  chargeOpenJK.value = false;
+  currentVideoUrl.value = "";
+};
+
+// 关闭弹窗清理 - 与主地图一致
+const handleClose = () => {
+  if (mapInstance.value) {
+    mapInstance.value.off();
+    mapInstance.value.remove();
+    mapInstance.value = null;
+  }
+  warningModalOpen.value = false;
+  clearHeatmap();
+  showLegend.value = false;
+};
+
+// 查看处置详情
+const handleLook = (row) => {
+  getchuzhiListDetail(row.warningId).then((res) => {
+    formInfo.value = res.data || {};
+  });
+
+  getchuzhiListLiucheng({ handleId: row.id }).then((res) => {
+    timelineData.value = res.rows || [];
+    chargeOpen.value = true;
+  });
+};
+
+// 检查是否在中国范围内 - 与主地图一致
+const isInChina = (lat, lng) => {
+  return (
+    lat >= CHINA_BOUNDS.minLat &&
+    lat <= CHINA_BOUNDS.maxLat &&
+    lng >= CHINA_BOUNDS.minLng &&
+    lng <= CHINA_BOUNDS.maxLng
+  );
+};
+
+const getStatusLabel = (value) => {
+  const found = disposal_status.value.find((item) => item.value === value);
+  return found ? found.label : "未知状态";
+};
+
+// 加载表格数据
+const loadTableData = () => {
+  getchuzhiList({ warningStatus: 1 })
+    .then((res) => {
+      tableData.value = res.rows || [];
+    })
+    .catch((err) => {
+      console.error("加载表格数据失败:", err);
+      ElMessage.error("加载表格数据失败");
+    });
+};
+
+// 初始化 - 修复Leaflet图标路径问题与主地图一致
+onMounted(() => {
+  loadTableData();
+
+  // 修复Leaflet默认图标路径问题
+  if (!L.Icon.Default.prototype._getIconUrl) {
+    delete L.Icon.Default.prototype._getIconUrl;
+    L.Icon.Default.mergeOptions({
+      iconRetinaUrl: require("leaflet/dist/images/marker-icon-2x.png"),
+      iconUrl: require("leaflet/dist/images/marker-icon.png"),
+      shadowUrl: require("leaflet/dist/images/marker-shadow.png"),
+    });
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+$tableColumnLength: 4;
+$table__title__height: calculate.vh(45px);
+$table__item__height: calculate.vh(35px);
+.titles {
+  color: #fff;
+  text-align: center;
+  font-size: calculate.px2font(20px);
+}
+// 基础样式
+.nocontent {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:deep(.el-empty) {
+    padding: calculate.vh(50px) 0;
+    .el-empty__image {
+      width: calculate.vw(100px) !important;
+    }
+    .el-empty__description {
+      margin-top: calculate.vh(40px);
+      p {
+        font-size: calculate.px2font(20px);
+      }
+    }
+  }
+}
+.callDemo {
+  &:deep(#demo) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+
+    .el-button {
+      max-width: 100px;
+    }
+  }
+}
+// 弹窗样式
+.detail-section {
+  height: 50%;
+  padding: 10px;
+  overflow: auto;
+  box-sizing: border-box;
+}
+
+.map-controls {
+  height: 5%;
+  padding: 5px 10px;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  box-sizing: border-box;
+
+  :deep(.el-slider) {
+    width: 150px;
+  }
+}
+
+.map-section {
+  height: calculate.vh(500px);
+  position: relative;
+  padding: calculate.vh(10px);
+  box-sizing: border-box;
+  margin-top: calculate.vh(10px);
+}
+
+#warningMap {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+  position: relative;
+  z-index: 1;
+}
+
+// 地图状态样式 - 与主地图一致
+.map-loading,
+.no-data {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1001;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 20px;
+  border-radius: 8px;
+}
+
+.map-loading {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: #555;
+}
+
+// 热力图图例 - 与主地图完全一致
+.map-legend {
+  position: absolute;
+  bottom: 30px;
+  right: 20px;
+  z-index: 1000;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 12px;
+  border-radius: 8px;
+  color: #333;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border: 1px solid #eee;
+}
+
+.map-legend h4 {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  color: #333;
+}
+
+.legend-gradient {
+  height: 20px;
+  width: 180px;
+  background: linear-gradient(
+    to right,
+    #ffeda0,
+    /* 低 */ #fed976,
+    #feb24c,
+    #fd8d3c,
+    #fc4e2a,
+    #e31a1c /* 高 */
+  );
+  margin: 5px 0;
+  border-radius: 4px;
+}
+
+.legend-labels {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #555;
+}
+
+.card__content-box {
+  .table {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    margin-top: 2vh;
+    // 表头容器 - 固定不滚动
+    &__header-container {
+      flex-shrink: 0; // 不缩小
+      border-bottom: 1px solid #888; // 增加分隔线
+    }
+    
+    // 内容容器 - 可滚动
+    &__body-container {
+      flex-grow: 1; // 占满剩余空间
+      overflow-y: auto; // 允许垂直滚动
+      // 添加滚动条样式（可选）
+      &::-webkit-scrollbar {
+        width: 0;
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: rgba(255, 255, 255, 0.3);
+        border-radius: 3px;
+      }
+    }
+
+    &__item {
+      line-height: $table__item__height;
+      display: grid;
+      grid-template-columns: 2fr repeat(4, minmax(0, 3fr));
+      color: #fff;
+      text-align: center;
+      font-size: calculate.px2font(14px);
+      font-weight: bold;
+      border-radius: calculate.px2font(2px);
+      padding: calculate.vh(7px) 0;
+      cursor: pointer;
+      border-bottom: 10px solid #0b2342; // 红色分隔线（若只需纯间距可删除此句）
+      // background-color: #29689e;
+    }
+
+    &__item:nth-child(2n) {
+      // background-color: #3c93d2;
+    }
+
+    &__item:hover {
+      box-shadow: inset 0 0 0 calculate.px2font(3px) #266fff;
+    }
+    
+    // 表头样式
+    &__header {
+      font-weight: bold;
+      border-bottom: none;
+    }
+  }
+}
+// 时间线样式
+.custom-timeline {
+  position: relative;
+  padding-left: 20px;
+  margin-top: 4%;
+
+  .timeline-item {
+    position: relative;
+    padding-bottom: 20px;
+
+    &:not(:last-child)::after {
+      content: "";
+      position: absolute;
+      left: -2px;
+      top: 16px;
+      height: calc(100% - 16px);
+      width: 2px;
+      background: #e4e7ed;
+    }
+  }
+
+  .timeline-dot {
+    position: absolute;
+    left: -8px;
+    top: 4px;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: #409eff;
+  }
+
+  .timeline-content {
+    padding-left: 20px;
+    color: #fff;
+  }
+}
+
+.tooltip {
+  width: 98%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// 图层层级控制 - 与主地图完全一致
+:deep(.leaflet-map-pane) {
+  z-index: 2 !important;
+}
+:deep(.leaflet-tile-pane) {
+  z-index: 2 !important;
+} /* 底图 */
+:deep(.leaflet-overlay-pane) {
+  z-index: 3 !important;
+} /* 热力图在底图上方 */
+:deep(.leaflet-marker-pane) {
+  z-index: 4 !important;
+} /* 标记在热力图上方 */
+:deep(.leaflet-popup-pane) {
+  z-index: 5 !important;
+} /* 弹窗在最上方 */
+.largeScreen__descriptions {
+  :deep(.el-button){
+    background: #0479fe;
+  }
+}
+</style>
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/foragtDate.js b/Dkl-vue3-ui-DP/src/views/largeScreen/components/foragtDate.js
new file mode 100644
index 0000000..fdca847
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/foragtDate.js
@@ -0,0 +1,12 @@
+// utils/date.js
+export const formatDate = (date) => {
+  const d = new Date(date)
+  return d.toISOString().split('T')[0] // 返回 YYYY-MM-DD 格式
+}
+
+export const getLastMonthToday = () => {
+   const today = new Date()
+  const lastMonth = new Date(today)
+  lastMonth.setMonth(lastMonth.getMonth() - 1)
+  return lastMonth
+}
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal copy.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal copy.vue
new file mode 100644
index 0000000..f9a701f
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal copy.vue	
@@ -0,0 +1,554 @@
+<template>
+  <div class="largeScreen">
+    <el-dialog
+      class="largeScreen__dialog"
+      v-model="visible"
+      :width="width"
+      :show-close="false"
+      append-to-body
+      @opened="openedHandle"
+      @close="closeHandle"
+    >
+      <div class="largeScreen__dialog-content" :style="{ '--height--' : height }">
+        <div class="header">
+          <div class="header-title">
+            <!-- <el-icon size="16"><CopyDocument /></el-icon> -->
+            <span>{{ title }}</span>
+          </div>
+          <div class="header-close" @click="closeHandle">
+            <el-icon size="24"><Close /></el-icon>
+          </div>
+        </div>
+        <!-- v-if="contentShow"  -->
+        <div class="container">
+          <slot />
+        </div>
+      </div>
+      <template #footer>
+        <div></div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import {ref, reactive, onMounted, computed, getCurrentInstance} from "vue";
+import { fitChartSize, fitChartSizeVh } from "@/utils/styleUtils";
+import styleUtil from "@/utils/styleUtils";
+const props = defineProps({
+  open: {
+    type: Boolean,
+    default: false,
+  },
+  width: {
+    type: String || Number,
+    default: styleUtil.px2vw(900),
+  },
+  height: {
+    type: String || Number,
+    default: styleUtil.px2vh(700),
+  },
+  title: {
+    required: true,
+    type: String,
+    default: "",
+  },
+});
+const contentShow = ref(false);
+const visible = computed(() => props.open);
+
+function openedHandle() {
+  contentShow.value = true;
+}
+
+// 添加emit事件
+const emit = defineEmits(["update:open"]);
+
+// 确定
+const closeHandle = () => {
+  contentShow.value = false;
+  emit("update:open", false);
+};
+
+defineExpose({
+  contentShow,
+});
+</script>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+}
+</style>
+<style lang="scss">
+@use "@/assets/styles/computed.scss" as calculate;
+// 大屏样式
+$shadow-color: #127BDC;
+$dialog__title-color: #00f4f5;
+$dp-primary-color: #11396A;
+$text__color: #F4F4F4;
+$pager__bg-color: linear-gradient(rgba(0, 240, 255, 0.1), rgba(13, 172, 255, 0.1));
+$pager__bg-color-isActive: #127BDC;
+$header__height: calculate.vh(40px);
+$clip__size: calculate.px2font(15px);
+.largeScreen {
+  // 大屏弹框
+  &__dialog {
+    background-color: $dp-primary-color;
+    // padding: calculate.vh(20px) calculate.vh(30px);
+    padding: calculate.vh(15px);
+    border-radius: calculate.px2font(0px);
+    border: calculate.px2font(1px) solid rgba(14, 255, 255, 0.6);
+    box-shadow: 0px 0px calculate.px2font(100px) 0 #4790f4;
+    // box-shadow: inset 0 0 calculate.px2font(20px) $shadow-color; /* 向内阴影，颜色为深红色 */
+    max-height: fit-content;
+    clip-path: polygon($clip__size 0, calc(100% - $clip__size) 0, 100% $clip__size, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 $clip__size);
+    &::before,&::after {
+      content: "";
+      bottom: 0;
+      position: absolute;
+      z-index: 1;
+      width: calculate.px2font(25px);
+      height: calculate.px2font(25px);
+      border-color: #84E0FF;
+      border-style: solid;
+    }
+    &::before {
+      left: 0;
+      border-width: 0 0 calculate.px2font(3px) calculate.px2font(3px);
+    }
+    &::after {
+      right: 0;
+      border-width: 0 calculate.px2font(3px) calculate.px2font(3px) 0;
+    }
+
+    .el-dialog__header,.el-dialog__footer {
+      display: none;
+    }
+    .show-close {
+      display: none;
+    }
+    &-content {
+      width: 100%;
+      // height: var(--height--);
+      .header {
+        position: relative;
+        // border-bottom: calculate.px2font(2px) solid #072a52;
+        margin-bottom: calculate.px2font(15px);
+        &-title {
+          height: $header__height;
+          color: $dialog__title-color;
+          font-size: calculate.px2font(16px);
+          display: flex;
+          align-items: center;
+          gap: calculate.px2font(10px);
+
+          .el-icon {
+            font-size: calculate.px2font(20px) !important;
+            line-height: 1.5;
+          }
+        }
+        &-close {
+          position: absolute;
+          top: calculate.vh(10px);
+          right: 0;
+          z-index: 9;
+          border-radius: 50%;
+          // padding: calculate.vh(3px) calculate.vw(5px);
+          // background-color: #0c3573;
+          border: calculate.px2font(1px) solid #D8D8D8;
+          color: #FFF;
+          width: calculate.vh(30px);
+          height: calculate.vh(30px);
+          display: grid;
+          place-items: center;
+          cursor: pointer;
+          
+          .el-icon {
+            font-size: calculate.px2font(16px) !important;
+            font-weight: bold;
+            line-height: 1;
+          }
+        }
+      }
+      .container {
+        height: calc(#{var(--height--)} - calculate.vh(60px));
+        overflow-y: auto;
+        &::-webkit-scrollbar {
+          width: 0;
+        }
+        .tableWrap {
+          height: 100%;
+        }
+      }
+      
+    }
+    .el-dialog__body {
+      padding: 0;
+      overflow-y: visible;
+      &::-webkit-scrollbar {
+        width: 0;
+      }
+    }
+    .el-scrollbar__bar {
+      border-radius: calculate.px2font(9999px);
+      height: calculate.vh(10px);
+    }
+
+    .el-card {
+      .el-card__body {
+        --el-font-size-base: #{calculate.px2font(14px)};
+        padding: calculate.vh(14px) calculate.vw(20px) calculate.vh(20px) calculate.vw(20px)  !important;
+        
+        h4,p {
+          margin: calculate.vh(14px) 0;
+          font-size: calculate.px2font(16px);
+        }
+      }
+    }
+
+    .el-timeline {
+      .el-timeline-item {
+        .el-timeline-item__node--normal {
+          --el-timeline-node-size-normal: #{calculate.px2font(12px)};
+        }
+        .el-timeline-item__tail {
+          left: calculate.px2font(4px);
+          border-left-width: calculate.px2font(2px);
+        }
+      }
+    }
+  }
+  .el-table {
+    --el-table-header-bg-color: #1A87D2;
+    --el-table-bg-color: #005E99;
+    --el-table-border-color: transparent;
+    --el-table-border: 0px solid #043576;
+    --el-table-text-color: #FFF;
+    // --el-table-header-text-color: #98C8FF;
+    --el-table-tr-bg-color: #325b81;
+    --el-table-row-hover-bg-color: #0dacff4d;
+
+    $tableBg: #005E99;
+
+    height: calc(100% - calculate.vh(70px)) !important;
+    font-size: calculate.px2font(14px);
+
+    border-radius: 0;
+
+    .el-table__inner-wrapper {
+      height: 100% !important;
+      background: $tableBg !important;
+    }
+    .el-table__header-wrapper th, 
+    .el-table__fixed-header-wrapper th {
+      font-size: calculate.px2font(16px) !important;
+      height: calculate.vh(30px) !important;
+      padding: calculate.vh(10px) calculate.vh(12px);
+      // background-color: var(--el-table-header-bg-color) !important;
+      background-color: transparent !important;
+      color: var(--el-table-header-text-color);
+    }
+    thead {
+      tr {
+        background: linear-gradient(to bottom, #56CCF2, #2F80ED);
+        pointer-events: none;
+      }
+    }
+    .cell{
+      padding: 0 calculate.vw(10px);
+      line-height: calculate.vh(23px);
+    }
+    .el-table__cell{
+      padding: calculate.vh(15px) 0;
+    }
+    .el-table__empty-block {
+      height: 100%;
+    }
+    tr {
+      background-color: $tableBg;
+      &:hover {
+        background-color: $tableBg;
+      }
+    }
+    tr:nth-child(2n) {
+      background-color: #3C93D2;
+      &:hover {
+        background-color: #3C93D2;
+      }
+    }
+  }
+  .pagination-container {
+    display: flex;
+    justify-content: flex-end;
+    margin: calculate.vh(20px) 0 0 0;
+    .el-pagination {
+      $buttonWH: calculate.vh(40px);
+      --el-pagination-font-size: #{calculate.px2font(14px)};
+      --el-pagination-button-width: #{$buttonWH};
+      --el-pagination-button-height: #{$buttonWH};
+      --el-pagination-border-radius: #{calculate.px2font(3px)};
+      --el-input-border-radius: #{calculate.px2font(5px)};
+      --el-input-inner-height: calc(#{calculate.vh(32px)} - #{calculate.vh(2px)});
+      --el-pagination-item-gap: #{calculate.px2font(12px)};
+      
+      margin-right: calculate.vw(10px);
+
+      button {
+        // border-radius: var(--el-pagination-border-radius) !important;
+        padding: 0 calculate.vh(4px);
+        .el-icon {
+          font-size: calculate.px2font(18px);
+        }
+      }
+      &.is-background .el-pager li.is-active {
+        border-radius: var(--el-pagination-border-radius);
+      }
+      &.is-background {
+        .btn-next, .btn-prev, .el-pager li {
+          margin: 0 calculate.vw(4px);
+        }
+      }
+      &__jump {
+        .el-pagination__editor.el-input {
+          width: calculate.vw(56px);
+        }
+        .el-input__wrapper {
+          padding: calculate.vh(1px) calculate.vh(11px);
+          box-shadow: 0 0 0 calculate.px2font(1px) var(--el-input-border-color,var(--el-border-color)) inset;
+          border-radius: var(--el-pagination-border-radius);
+          .el-input__inner {
+            height: calculate.vh(35px);
+            font-size: calculate.px2font(14px);
+            border-radius: var(--el-pagination-border-radius);
+          }
+        }
+      }
+      .el-select {
+        width: calculate.vw(128px);
+        .el-select__wrapper {
+          min-height: calculate.vh(40px);
+          line-height: calculate.vh(24px);
+          font-size: calculate.px2font(14px);
+          padding: calculate.vh(4px) calculate.vh(12px);
+          border-radius: calculate.px2font(4px);
+        }
+        .el-select__suffix {
+          .el-icon {
+            width: calculate.vw(20px);
+            height: calculate.vh(20px);
+            line-height: calculate.vh(20px);
+            font-size: calculate.px2font(14px);
+          }
+        }
+      }
+        
+    }
+  } 
+  &__select, &__pagination {
+    // 下拉气泡三角颜色
+    &[data-popper-placement^=bottom] .el-popper__arrow::before {
+      background: #254277;
+      border: calculate.px2font(1px) solid #254277;
+    }
+   
+    .el-select__wrapper {
+      background-color: $dp-primary-color; // 外层下拉框背景
+      box-shadow: 0 0 0 calculate.px2font(1px) #254277 inset;
+      
+      &:hover{ 
+        box-shadow: 0 0 0 calculate.px2font(1px) $shadow-color inset;
+      }
+    }
+    .el-select__placeholder {
+      color: $text__color;
+      &.is-transparent {
+        // color: rgb(244, 244, 244, .5);
+      }
+    }
+
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+
+    .el-select-dropdown {
+      &__wrap {
+        border: none;
+        // background-color: $dp-primary-color; // 下拉框背景色
+        background-color: linear-gradient(0deg, #00B4FF 0%, rgba(0,234,255,0.13) 71%, rgba(1,12,16,0) 100%);
+      }
+      &__item {
+        color: #409eff;
+        &:hover,&.selcted,&.is-hovering {
+          background-color: rgba(0,234,255,0.13);
+          color: $text__color;
+          font-weight: 700;
+          
+        }
+      }
+    }
+  }
+  &__pagination {
+    .el-input__wrapper {
+      background-color: $dp-primary-color;
+      .el-input__inner {
+        color: $text__color;
+      }
+    }
+    .el-pagination.is-background .btn-next, 
+    .el-pagination.is-background .btn-prev, 
+    .el-pagination.is-background .el-pager li {
+      background: $pager__bg-color;
+    }
+    .el-pagination.is-background .btn-next.is-active, 
+    .el-pagination.is-background .btn-prev.is-active, 
+    .el-pagination.is-background .el-pager li.is-active {
+      background-color: $pager__bg-color-isActive;
+    }
+    .btn-prev, .btn-next, .el-pager li {
+      color: #FFF;
+    }
+    .el-pagination {
+      &__total,&__jump {
+        color: $text__color;
+      }
+    }
+  }
+  &__map-select {
+    // 下拉气泡三角颜色
+    &[data-popper-placement^=bottom] .el-popper__arrow::before {
+      background: #00B4FF;
+    }
+   
+    .el-select__wrapper {
+      background: linear-gradient(0deg, rgba(0,234,255,0.13) 0%, rgba(1,12,16,0) 100%);
+      box-shadow: none;
+      border-radius: 0;
+      &:hover{ 
+        box-shadow: none;
+      }
+    }
+    .el-select__suffix {
+      .el-select__caret {
+        color: #FFF;
+      }
+    }
+    .el-select__placeholder {
+      color: #fff;
+      font-weight: bold;
+      &.is-transparent {
+        // color: rgb(244, 244, 244, .5);
+        color: #fff;
+      }
+    }
+
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+
+    .el-select-dropdown {
+      &__wrap {
+        border: none;
+        background-color: #024489; // 下拉框背景色
+      }
+      &__item {
+        color: #409eff;
+        &:hover,&.selcted,&.is-hovering {
+          background-color: #0257A9;
+          color: $text__color;
+          font-weight: 700;
+        }
+      }
+    }
+
+    .el-cascader-menu {
+      color: #409eff;
+    }
+    .el-cascader-node:not(.is-disabled):focus, 
+    .el-cascader-node:not(.is-disabled):hover {
+      background-color: rgba(0,234,255,0.13);
+      color: #FFF;
+      font-weight: 700;
+    }
+  }
+  // 级联
+  &__map-cascader {
+    background-color: #024489 !important;
+    .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
+      background-color: #0257a9;
+      color: #FFF;
+    }
+  }
+  &__dropdown {
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+    .el-dropdown-menu {
+      background-color: #024489;
+      &__item {
+        color: #409eff;
+      }
+    }
+    .el-dropdown-menu__item:not(.is-disabled):focus, 
+    .el-dropdown-menu__item:not(.is-disabled):hover {
+      background-color: rgba(0,234,255,0.13);
+      color: #FFF;
+      font-weight: 700;
+    }
+    .el-popper.is-light .el-popper__arrow:before {
+      background-color: transparent;
+    }
+  }
+  .el-form {
+    &-item__label {
+      color: #FFF;
+    }
+    .el-input {
+      &__wrapper {
+        background-color: $dp-primary-color;
+        // box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
+        input {
+          color: #FFF;
+        }
+      }
+      &-group__append, &-group__prepend {
+        background-color: #409EFF;
+        color: #fff;
+      }
+    }
+  }
+  
+  &__descriptions{
+    font-size: calculate.px2font(16px);
+    color: #FFF;
+    .el-descriptions__header {
+      margin-bottom: calculate.vh(15px);
+    }
+    .el-descriptions__body {
+      background-color: #325b81;
+      .el-descriptions__table.is-bordered .el-descriptions__cell {
+        padding: calculate.vh(12px) calculate.vw(15px);
+        line-height: calculate.vh(25px);
+      }
+      .el-descriptions__content.el-descriptions__cell.is-bordered-content {
+        font-size: inherit;
+        color: inherit;
+        background-color: #195590;
+      }
+      .el-descriptions__label.el-descriptions__cell.is-bordered-label {
+        width: calculate.vw(150px);
+        font-size: inherit;
+        background-color: #155ea2;
+        color: #98C8FF;
+      }
+    }
+  }
+}
+.w100 {
+  width: 100% !important;
+}
+
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal.vue
new file mode 100644
index 0000000..13dcd40
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/largeScreenModal.vue
@@ -0,0 +1,521 @@
+<template>
+  <div class="largeScreen">
+    <el-dialog
+      class="largeScreen__dialog"
+      v-model="visible"
+      :width="width"
+      :show-close="false"
+      append-to-body
+      @opened="openedHandle"
+      @close="closeHandle"
+    >
+      <div class="largeScreen__dialog-content" :style="{ '--height--' : height }">
+        <div class="header">
+          <div class="header-title">
+            <el-icon size="16"><CopyDocument /></el-icon>
+            <span>{{ title }}</span>
+          </div>
+          <div class="header-close" @click="closeHandle">
+            <el-icon size="24"><Close /></el-icon>
+          </div>
+        </div>
+        <!-- v-if="contentShow"  -->
+        <div class="container">
+          <slot />
+        </div>
+      </div>
+      <template #footer>
+        <div></div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import {ref, reactive, onMounted, computed, getCurrentInstance} from "vue";
+import { fitChartSize, fitChartSizeVh } from "@/utils/styleUtils";
+import styleUtil from "@/utils/styleUtils";
+const props = defineProps({
+  open: {
+    type: Boolean,
+    default: false,
+  },
+  width: {
+    type: String || Number,
+    default: styleUtil.px2vw(900),
+  },
+  height: {
+    type: String || Number,
+    default: styleUtil.px2vh(700),
+  },
+  title: {
+    required: true,
+    type: String,
+    default: "",
+  },
+});
+const contentShow = ref(false);
+const visible = computed(() => props.open);
+
+function openedHandle() {
+  contentShow.value = true;
+}
+
+// 添加emit事件
+const emit = defineEmits(["update:open"]);
+
+// 确定
+const closeHandle = () => {
+  contentShow.value = false;
+  emit("update:open", false);
+};
+
+defineExpose({
+  contentShow,
+});
+</script>
+
+<style lang="scss" scoped>
+.container {
+  width: 100%;
+}
+</style>
+<style lang="scss">
+@use "@/assets/styles/computed.scss" as calculate;
+// 大屏样式
+$shadow-color: #127BDC;
+$dialog__title-color: #00f4f5;
+$dp-primary-color: #00214E;
+$text__color: #F4F4F4;
+$pager__bg-color: linear-gradient(rgba(0, 240, 255, 0.1), rgba(13, 172, 255, 0.1));
+$pager__bg-color-isActive: #127BDC;
+$header__height: calculate.vh(50px);
+.largeScreen {
+  // 大屏弹框
+  &__dialog {
+    background-color: $dp-primary-color;
+    padding: calculate.vh(20px) calculate.vh(30px);
+    border-radius: calculate.px2font(15px);
+    box-shadow: inset 0 0 calculate.px2font(20px) $shadow-color; /* 向内阴影，颜色为深红色 */
+    max-height: fit-content;
+
+    .el-dialog__header,.el-dialog__footer {
+      display: none;
+    }
+    .show-close {
+      display: none;
+    }
+    &-content {
+      width: 100%;
+      // height: var(--height--);
+      .header {
+        position: relative;
+        border-bottom: calculate.px2font(2px) solid #072a52;
+        margin-bottom: calculate.px2font(15px);
+        &-title {
+          height: $header__height;
+          color: $dialog__title-color;
+          font-size: calculate.px2font(16px);
+          display: flex;
+          align-items: center;
+          gap: calculate.px2font(10px);
+
+          .el-icon {
+            font-size: calculate.px2font(20px) !important;
+            line-height: 1.5;
+          }
+        }
+        &-close {
+          position: absolute;
+          top: calculate.vh(10px);
+          right: 0;
+          z-index: 9;
+          border-radius: calculate.px2font(3px);
+          padding: calculate.vh(3px) calculate.vw(5px);
+          background-color: #0c3573;
+          color: #aaa;
+          width: calculate.vh(30px);
+          height: calculate.vh(30px);
+          display: grid;
+          place-items: center;
+          cursor: pointer;
+          
+          .el-icon {
+            font-size: calculate.px2font(16px) !important;
+            line-height: 1;
+          }
+        }
+      }
+      .container {
+        height: calc(#{var(--height--)} - calculate.vh(60px));
+        overflow-y: auto;
+        &::-webkit-scrollbar {
+          width: 0;
+        }
+        .tableWrap {
+          height: 100%;
+        }
+      }
+      
+    }
+    .el-dialog__body {
+      padding: 0;
+      overflow-y: visible;
+      &::-webkit-scrollbar {
+        width: 0;
+      }
+    }
+    .el-scrollbar__bar {
+      border-radius: calculate.px2font(9999px);
+      height: calculate.vh(10px);
+    }
+
+    .el-card {
+      .el-card__body {
+        --el-font-size-base: #{calculate.px2font(14px)};
+        padding: calculate.vh(14px) calculate.vw(20px) calculate.vh(20px) calculate.vw(20px)  !important;
+        
+        h4,p {
+          margin: calculate.vh(14px) 0;
+          font-size: calculate.px2font(16px);
+        }
+      }
+    }
+
+    .el-timeline {
+      .el-timeline-item {
+        .el-timeline-item__node--normal {
+          --el-timeline-node-size-normal: #{calculate.px2font(12px)};
+        }
+        .el-timeline-item__tail {
+          left: calculate.px2font(4px);
+          border-left-width: calculate.px2font(2px);
+        }
+      }
+    }
+  }
+  .el-table {
+    --el-table-header-bg-color: #1A87D2;
+    --el-table-bg-color: #29689E;
+    --el-table-border-color: transparent;
+    --el-table-border: 0px solid #043576;
+    --el-table-text-color: #FFF;
+    // --el-table-header-text-color: #98C8FF;
+    --el-table-tr-bg-color: #325b81;
+    --el-table-row-hover-bg-color: #0dacff4d;
+
+    $tableBg: #29689E;
+
+    height: calc(100% - calculate.vh(70px)) !important;
+    font-size: calculate.px2font(14px);
+
+    border-radius: calculate.px2font(10px) calculate.px2font(10px) 0 0;
+
+    .el-table__inner-wrapper {
+      height: 100% !important;
+      background: $tableBg !important;
+    }
+    .el-table__header-wrapper th, 
+    .el-table__fixed-header-wrapper th {
+      font-size: calculate.px2font(16px) !important;
+      height: calculate.vh(30px) !important;
+      padding: calculate.vh(10px) calculate.vh(12px);
+      background-color: var(--el-table-header-bg-color) !important;
+      color: var(--el-table-header-text-color);
+    }
+    .cell{
+      padding: 0 calculate.vw(10px);
+      line-height: calculate.vh(23px);
+    }
+    .el-table__cell{
+      padding: calculate.vh(15px) 0;
+    }
+    .el-table__empty-block {
+      height: 100%;
+    }
+    tr {
+      background-color: $tableBg;
+      &:hover {
+        background-color: $tableBg;
+      }
+    }
+    tr:nth-child(2n) {
+      background-color: #3C93D2;
+      &:hover {
+        background-color: #3C93D2;
+      }
+    }
+  }
+  .pagination-container {
+    display: flex;
+    justify-content: flex-end;
+    margin: calculate.vh(20px) 0 0 0;
+    .el-pagination {
+      $buttonWH: calculate.vh(40px);
+      --el-pagination-font-size: #{calculate.px2font(14px)};
+      --el-pagination-button-width: #{$buttonWH};
+      --el-pagination-button-height: #{$buttonWH};
+      --el-pagination-border-radius: #{calculate.px2font(3px)};
+      --el-input-border-radius: #{calculate.px2font(5px)};
+      --el-input-inner-height: calc(#{calculate.vh(32px)} - #{calculate.vh(2px)});
+      --el-pagination-item-gap: #{calculate.px2font(12px)};
+      
+      margin-right: calculate.vw(10px);
+
+      button {
+        // border-radius: var(--el-pagination-border-radius) !important;
+        padding: 0 calculate.vh(4px);
+        .el-icon {
+          font-size: calculate.px2font(18px);
+        }
+      }
+      &.is-background .el-pager li.is-active {
+        border-radius: var(--el-pagination-border-radius);
+      }
+      &.is-background {
+        .btn-next, .btn-prev, .el-pager li {
+          margin: 0 calculate.vw(4px);
+        }
+      }
+      &__jump {
+        .el-pagination__editor.el-input {
+          width: calculate.vw(56px);
+        }
+        .el-input__wrapper {
+          padding: calculate.vh(1px) calculate.vh(11px);
+          box-shadow: 0 0 0 calculate.px2font(1px) var(--el-input-border-color,var(--el-border-color)) inset;
+          border-radius: var(--el-pagination-border-radius);
+          .el-input__inner {
+            height: calculate.vh(35px);
+            font-size: calculate.px2font(14px);
+            border-radius: var(--el-pagination-border-radius);
+          }
+        }
+      }
+      .el-select {
+        width: calculate.vw(128px);
+        .el-select__wrapper {
+          min-height: calculate.vh(40px);
+          line-height: calculate.vh(24px);
+          font-size: calculate.px2font(14px);
+          padding: calculate.vh(4px) calculate.vh(12px);
+          border-radius: calculate.px2font(4px);
+        }
+        .el-select__suffix {
+          .el-icon {
+            width: calculate.vw(20px);
+            height: calculate.vh(20px);
+            line-height: calculate.vh(20px);
+            font-size: calculate.px2font(14px);
+          }
+        }
+      }
+        
+    }
+  } 
+  &__select, &__pagination {
+    // 下拉气泡三角颜色
+    &[data-popper-placement^=bottom] .el-popper__arrow::before {
+      background: #254277;
+      border: calculate.px2font(1px) solid #254277;
+    }
+   
+    .el-select__wrapper {
+      background-color: $dp-primary-color; // 外层下拉框背景
+      box-shadow: 0 0 0 calculate.px2font(1px) #254277 inset;
+      
+      &:hover{ 
+        box-shadow: 0 0 0 calculate.px2font(1px) $shadow-color inset;
+      }
+    }
+    .el-select__placeholder {
+      color: $text__color;
+      &.is-transparent {
+        // color: rgb(244, 244, 244, .5);
+      }
+    }
+
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+
+    .el-select-dropdown {
+      &__wrap {
+        border: none;
+        // background-color: $dp-primary-color; // 下拉框背景色
+        background-color: linear-gradient(0deg, #00B4FF 0%, rgba(0,234,255,0.13) 71%, rgba(1,12,16,0) 100%);
+      }
+      &__item {
+        color: #409eff;
+        &:hover,&.selcted,&.is-hovering {
+          background-color: rgba(0,234,255,0.13);
+          color: $text__color;
+          font-weight: 700;
+          
+        }
+      }
+    }
+  }
+  &__pagination {
+    .el-input__wrapper {
+      background-color: $dp-primary-color;
+      .el-input__inner {
+        color: $text__color;
+      }
+    }
+    .el-pagination.is-background .btn-next, 
+    .el-pagination.is-background .btn-prev, 
+    .el-pagination.is-background .el-pager li {
+      background: $pager__bg-color;
+    }
+    .el-pagination.is-background .btn-next.is-active, 
+    .el-pagination.is-background .btn-prev.is-active, 
+    .el-pagination.is-background .el-pager li.is-active {
+      background-color: $pager__bg-color-isActive;
+    }
+    .btn-prev, .btn-next, .el-pager li {
+      color: #FFF;
+    }
+    .el-pagination {
+      &__total,&__jump {
+        color: $text__color;
+      }
+    }
+  }
+  &__map-select {
+    // 下拉气泡三角颜色
+    &[data-popper-placement^=bottom] .el-popper__arrow::before {
+      background: #00B4FF;
+    }
+   
+    .el-select__wrapper {
+      background: linear-gradient(0deg, rgba(0,234,255,0.13) 0%, rgba(1,12,16,0) 100%);
+      box-shadow: none;
+      border-radius: 0;
+      &:hover{ 
+        box-shadow: none;
+      }
+    }
+    .el-select__suffix {
+      .el-select__caret {
+        color: #FFF;
+      }
+    }
+    .el-select__placeholder {
+      color: #fff;
+      font-weight: bold;
+      &.is-transparent {
+        // color: rgb(244, 244, 244, .5);
+        color: #fff;
+      }
+    }
+
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+
+    .el-select-dropdown {
+      &__wrap {
+        border: none;
+        background-color: #024489; // 下拉框背景色
+      }
+      &__item {
+        color: #409eff;
+        &:hover,&.selcted,&.is-hovering {
+          background-color: #0257A9;
+          color: $text__color;
+          font-weight: 700;
+        }
+      }
+    }
+
+    .el-cascader-menu {
+      color: #409eff;
+    }
+    .el-cascader-node:not(.is-disabled):focus, 
+    .el-cascader-node:not(.is-disabled):hover {
+      background-color: rgba(0,234,255,0.13);
+      color: #FFF;
+      font-weight: 700;
+    }
+  }
+  // 级联
+  &__map-cascader {
+    background-color: #024489 !important;
+    .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
+      background-color: #0257a9;
+      color: #FFF;
+    }
+  }
+  &__dropdown {
+    &.is-light {
+      border-color: #00a2ff;
+      background-color: rgba(0, 120, 233, 0.63) ; // 外层下拉框背景
+    }
+    .el-dropdown-menu {
+      background-color: #024489;
+      &__item {
+        color: #409eff;
+      }
+    }
+    .el-dropdown-menu__item:not(.is-disabled):focus, 
+    .el-dropdown-menu__item:not(.is-disabled):hover {
+      background-color: rgba(0,234,255,0.13);
+      color: #FFF;
+      font-weight: 700;
+    }
+    .el-popper.is-light .el-popper__arrow:before {
+      background-color: transparent;
+    }
+  }
+  .el-form {
+    &-item__label {
+      color: #FFF;
+    }
+    .el-input {
+      &__wrapper {
+        background-color: $dp-primary-color;
+        // box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
+        input {
+          color: #FFF;
+        }
+      }
+      &-group__append, &-group__prepend {
+        background-color: #409EFF;
+        color: #fff;
+      }
+    }
+  }
+  
+  &__descriptions{
+    font-size: calculate.px2font(16px);
+    color: #FFF;
+    .el-descriptions__header {
+      margin-bottom: calculate.vh(15px);
+    }
+    .el-descriptions__body {
+      background-color: #325b81;
+      .el-descriptions__table.is-bordered .el-descriptions__cell {
+        padding: calculate.vh(12px) calculate.vw(15px);
+        line-height: calculate.vh(25px);
+      }
+      .el-descriptions__content.el-descriptions__cell.is-bordered-content {
+        font-size: inherit;
+        color: inherit;
+        background-color: #195590;
+      }
+      .el-descriptions__label.el-descriptions__cell.is-bordered-label {
+        width: calculate.vw(150px);
+        font-size: inherit;
+        background-color: #155ea2;
+        color: #98C8FF;
+      }
+    }
+  }
+}
+.w100 {
+  width: 100% !important;
+}
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/610000.json b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/610000.json
new file mode 100644
index 0000000..d04cd51
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/610000.json
@@ -0,0 +1,5018 @@
+{
+    "type": "FeatureCollection",
+    "features": [
+        {
+            "type": "Feature",
+            "properties": {
+                "adcode": 610100,
+                "name": "西安市",
+                "center": [
+                    108.948024,
+                    34.263161
+                ],
+                "centroid": [
+                    108.797426,
+                    34.10671
+                ],
+                "childrenNum": 13,
+                "level": "city",
+                "acroutes": [
+                    100000,
+                    610000
+                ],
+                "parent": {
+                    "adcode": 610000
+                }
+            },
+            "geometry": {
+                "type": "MultiPolygon",
+                "coordinates": [
+                    [
+                        [
+                            [
+                                109.426743,
+                                34.655983
+                            ],
+                            [
+                                109.42467,
+                                34.664667
+                            ],
+                            [
+                                109.423332,
+                                34.679569
+                            ],
+                            [
+                                109.425814,
+                                34.683472
+                            ],
+                            [
+                                109.430153,
+                                34.6856
+                            ],
+                            [
+                                109.430758,
+                                34.68799
+                            ],
+                            [
+                                109.425447,
+                                34.692257
+                            ],
+                            [
+                                109.423872,
+                                34.694479
+                            ],
+                            [
+                                109.421778,
+                                34.699904
+                            ],
+                            [
+                                109.421173,
+                                34.706852
+                            ],
+                            [
+                                109.42331,
+                                34.71044
+                            ],
+                            [
+                                109.429873,
+                                34.71382
+                            ],
+                            [
+                                109.43065,
+                                34.715009
+                            ],
+                            [
+                                109.428405,
+                                34.717387
+                            ],
+                            [
+                                109.423094,
+                                34.720526
+                            ],
+                            [
+                                109.419058,
+                                34.726742
+                            ],
+                            [
+                                109.417655,
+                                34.735231
+                            ],
+                            [
+                                109.416899,
+                                34.737129
+                            ],
+                            [
+                                109.412733,
+                                34.740737
+                            ],
+                            [
+                                109.411135,
+                                34.742895
+                            ],
+                            [
+                                109.408847,
+                                34.742634
+                            ],
+                            [
+                                109.405069,
+                                34.740486
+                            ],
+                            [
+                                109.399975,
+                                34.739141
+                            ],
+                            [
+                                109.390887,
+                                34.739892
+                            ],
+                            [
+                                109.388102,
+                                34.739683
+                            ],
+                            [
+                                109.379813,
+                                34.737848
+                            ],
+                            [
+                                109.3723,
+                                34.7379
+                            ],
+                            [
+                                109.36509,
+                                34.739308
+                            ],
+                            [
+                                109.362219,
+                                34.737546
+                            ],
+                            [
+                                109.359845,
+                                34.731894
+                            ],
+                            [
+                                109.358938,
+                                34.72571
+                            ],
+                            [
+                                109.359154,
+                                34.720558
+                            ],
+                            [
+                                109.358636,
+                                34.716949
+                            ],
+                            [
+                                109.355808,
+                                34.713309
+                            ],
+                            [
+                                109.351123,
+                                34.711379
+                            ],
+                            [
+                                109.349159,
+                                34.709616
+                            ],
+                            [
+                                109.347972,
+                                34.704463
+                            ],
+                            [
+                                109.346007,
+                                34.701959
+                            ],
+                            [
+                                109.340762,
+                                34.698725
+                            ],
+                            [
+                                109.32958,
+                                34.695564
+                            ],
+                            [
+                                109.319131,
+                                34.693498
+                            ],
+                            [
+                                109.307647,
+                                34.693498
+                            ],
+                            [
+                                109.305143,
+                                34.692945
+                            ],
+                            [
+                                109.300977,
+                                34.688209
+                            ],
+                            [
+                                109.298883,
+                                34.68776
+                            ],
+                            [
+                                109.294306,
+                                34.688417
+                            ],
+                            [
+                                109.286665,
+                                34.687708
+                            ],
+                            [
+                                109.284506,
+                                34.688751
+                            ],
+                            [
+                                109.282628,
+                                34.695116
+                            ],
+                            [
+                                109.280426,
+                                34.697421
+                            ],
+                            [
+                                109.27695,
+                                34.698078
+                            ],
+                            [
+                                109.272093,
+                                34.697359
+                            ],
+                            [
+                                109.266783,
+                                34.69401
+                            ],
+                            [
+                                109.263092,
+                                34.693457
+                            ],
+                            [
+                                109.260523,
+                                34.694333
+                            ],
+                            [
+                                109.254198,
+                                34.698788
+                            ],
+                            [
+                                109.249945,
+                                34.697077
+                            ],
+                            [
+                                109.247311,
+                                34.693144
+                            ],
+                            [
+                                109.246124,
+                                34.689982
+                            ],
+                            [
+                                109.243901,
+                                34.687301
+                            ],
+                            [
+                                109.239519,
+                                34.687854
+                            ],
+                            [
+                                109.23369,
+                                34.691735
+                            ],
+                            [
+                                109.231208,
+                                34.692382
+                            ],
+                            [
+                                109.22525,
+                                34.690734
+                            ],
+                            [
+                                109.221515,
+                                34.691328
+                            ],
+                            [
+                                109.219594,
+                                34.69306
+                            ],
+                            [
+                                109.211758,
+                                34.691808
+                            ],
+                            [
+                                109.20921,
+                                34.694291
+                            ],
+                            [
+                                109.208584,
+                                34.698318
+                            ],
+                            [
+                                109.207138,
+                                34.698266
+                            ],
+                            [
+                                109.20716,
+                                34.70053
+                            ],
+                            [
+                                109.203447,
+                                34.701052
+                            ],
+                            [
+                                109.203403,
+                                34.697661
+                            ],
+                            [
+                                109.183004,
+                                34.696566
+                            ],
+                            [
+                                109.180996,
+                                34.698631
+                            ],
+                            [
+                                109.176031,
+                                34.695397
+                            ],
+                            [
+                                109.173074,
+                                34.691933
+                            ],
+                            [
+                                109.172707,
+                                34.688563
+                            ],
+                            [
+                                109.169059,
+                                34.684379
+                            ],
+                            [
+                                109.168152,
+                                34.680936
+                            ],
+                            [
+                                109.168022,
+                                34.676772
+                            ],
+                            [
+                                109.170785,
+                                34.672577
+                            ],
+                            [
+                                109.169987,
+                                34.66904
+                            ],
+                            [
+                                109.168217,
+                                34.666535
+                            ],
+                            [
+                                109.163964,
+                                34.662391
+                            ],
+                            [
+                                109.157056,
+                                34.656421
+                            ],
+                            [
+                                109.155502,
+                                34.652997
+                            ],
+                            [
+                                109.156042,
+                                34.644678
+                            ],
+                            [
+                                109.148378,
+                                34.643676
+                            ],
+                            [
+                                109.145248,
+                                34.644135
+                            ],
+                            [
+                                109.141988,
+                                34.642548
+                            ],
+                            [
+                                109.139031,
+                                34.639479
+                            ],
+                            [
+                                109.138275,
+                                34.632964
+                            ],
+                            [
+                                109.136009,
+                                34.627013
+                            ],
+                            [
+                                109.135491,
+                                34.624152
+                            ],
+                            [
+                                109.136613,
+                                34.616978
+                            ],
+                            [
+                                109.136527,
+                                34.602983
+                            ],
+                            [
+                                109.137671,
+                                34.599495
+                            ],
+                            [
+                                109.138858,
+                                34.588788
+                            ],
+                            [
+                                109.136786,
+                                34.583941
+                            ],
+                            [
+                                109.131217,
+                                34.580326
+                            ],
+                            [
+                                109.118653,
+                                34.578675
+                            ],
+                            [
+                                109.114098,
+                                34.577714
+                            ],
+                            [
+                                109.108896,
+                                34.577714
+                            ],
+                            [
+                                109.105765,
+                                34.578884
+                            ],
+                            [
+                                109.10216,
+                                34.582269
+                            ],
+                            [
+                                109.092921,
+                                34.588945
+                            ],
+                            [
+                                109.090849,
+                                34.58953
+                            ],
+                            [
+                                109.081588,
+                                34.588548
+                            ],
+                            [
+                                109.078134,
+                                34.589007
+                            ],
+                            [
+                                109.075803,
+                                34.592287
+                            ],
+                            [
+                                109.070665,
+                                34.59351
+                            ],
+                            [
+                                109.061231,
+                                34.59353
+                            ],
+                            [
+                                109.056849,
+                                34.593029
+                            ],
+                            [
+                                109.046228,
+                                34.592663
+                            ],
+                            [
+                                109.031377,
+                                34.591316
+                            ],
+                            [
+                                109.026368,
+                                34.590261
+                            ],
+                            [
+                                109.020691,
+                                34.587587
+                            ],
+                            [
+                                109.011862,
+                                34.586166
+                            ],
+                            [
+                                109.006616,
+                                34.583272
+                            ],
+                            [
+                                109.003033,
+                                34.578247
+                            ],
+                            [
+                                108.998305,
+                                34.576429
+                            ],
+                            [
+                                108.992693,
+                                34.575927
+                            ],
+                            [
+                                108.988591,
+                                34.576742
+                            ],
+                            [
+                                108.985245,
+                                34.576419
+                            ],
+                            [
+                                108.983648,
+                                34.574998
+                            ],
+                            [
+                                108.981187,
+                                34.570714
+                            ],
+                            [
+                                108.97769,
+                                34.569941
+                            ],
+                            [
+                                108.970177,
+                                34.569199
+                            ],
+                            [
+                                108.96042,
+                                34.569533
+                            ],
+                            [
+                                108.956426,
+                                34.567381
+                            ],
+                            [
+                                108.955174,
+                                34.565876
+                            ],
+                            [
+                                108.955714,
+                                34.561654
+                            ],
+                            [
+                                108.958391,
+                                34.557192
+                            ],
+                            [
+                                108.961154,
+                                34.554203
+                            ],
+                            [
+                                108.962449,
+                                34.551288
+                            ],
+                            [
+                                108.963529,
+                                34.545895
+                            ],
+                            [
+                                108.966443,
+                                34.544066
+                            ],
+                            [
+                                108.971494,
+                                34.543303
+                            ],
+                            [
+                                108.974063,
+                                34.541359
+                            ],
+                            [
+                                108.974193,
+                                34.538327
+                            ],
+                            [
+                                108.973221,
+                                34.531449
+                            ],
+                            [
+                                108.975272,
+                                34.524926
+                            ],
+                            [
+                                108.974408,
+                                34.521779
+                            ],
+                            [
+                                108.973804,
+                                34.5149
+                            ],
+                            [
+                                108.97266,
+                                34.51307
+                            ],
+                            [
+                                108.972315,
+                                34.508427
+                            ],
+                            [
+                                108.970695,
+                                34.504768
+                            ],
+                            [
+                                108.971149,
+                                34.503
+                            ],
+                            [
+                                108.975639,
+                                34.499393
+                            ],
+                            [
+                                108.975704,
+                                34.497615
+                            ],
+                            [
+                                108.97402,
+                                34.495094
+                            ],
+                            [
+                                108.973847,
+                                34.492752
+                            ],
+                            [
+                                108.975725,
+                                34.490012
+                            ],
+                            [
+                                108.976049,
+                                34.485242
+                            ],
+                            [
+                                108.974516,
+                                34.478987
+                            ],
+                            [
+                                108.976351,
+                                34.471853
+                            ],
+                            [
+                                108.974581,
+                                34.468129
+                            ],
+                            [
+                                108.972207,
+                                34.465555
+                            ],
+                            [
+                                108.971149,
+                                34.462187
+                            ],
+                            [
+                                108.972163,
+                                34.459487
+                            ],
+                            [
+                                108.974495,
+                                34.456861
+                            ],
+                            [
+                                108.974819,
+                                34.450447
+                            ],
+                            [
+                                108.976416,
+                                34.445979
+                            ],
+                            [
+                                108.973653,
+                                34.443227
+                            ],
+                            [
+                                108.971019,
+                                34.443572
+                            ],
+                            [
+                                108.968753,
+                                34.448271
+                            ],
+                            [
+                                108.965148,
+                                34.449254
+                            ],
+                            [
+                                108.96083,
+                                34.449097
+                            ],
+                            [
+                                108.956858,
+                                34.446733
+                            ],
+                            [
+                                108.955844,
+                                34.444975
+                            ],
+                            [
+                                108.958067,
+                                34.43902
+                            ],
+                            [
+                                108.961003,
+                                34.424765
+                            ],
+                            [
+                                108.960873,
+                                34.424085
+                            ],
+                            [
+                                108.952886,
+                                34.417041
+                            ],
+                            [
+                                108.94723,
+                                34.414298
+                            ],
+                            [
+                                108.941942,
+                                34.41279
+                            ],
+                            [
+                                108.934602,
+                                34.406614
+                            ],
+                            [
+                                108.929831,
+                                34.404394
+                            ],
+                            [
+                                108.92342,
+                                34.404551
+                            ],
+                            [
+                                108.913468,
+                                34.406069
+                            ],
+                            [
+                                108.910144,
+                                34.405232
+                            ],
+                            [
+                                108.90751,
+                                34.403337
+                            ],
+                            [
+                                108.904359,
+                                34.399013
+                            ],
+                            [
+                                108.900732,
+                                34.395306
+                            ],
+                            [
+                                108.892896,
+                                34.390814
+                            ],
+                            [
+                                108.889377,
+                                34.389935
+                            ],
+                            [
+                                108.885319,
+                                34.390113
+                            ],
+                            [
+                                108.879771,
+                                34.391443
+                            ],
+                            [
+                                108.871287,
+                                34.391055
+                            ],
+                            [
+                                108.865027,
+                                34.390186
+                            ],
+                            [
+                                108.859868,
+                                34.388668
+                            ],
+                            [
+                                108.855248,
+                                34.383903
+                            ],
+                            [
+                                108.849312,
+                                34.380803
+                            ],
+                            [
+                                108.841605,
+                                34.373692
+                            ],
+                            [
+                                108.835345,
+                                34.370519
+                            ],
+                            [
+                                108.832949,
+                                34.367419
+                            ],
+                            [
+                                108.82807,
+                                34.36591
+                            ],
+                            [
+                                108.817859,
+                                34.368372
+                            ],
+                            [
+                                108.8146,
+                                34.368613
+                            ],
+                            [
+                                108.811621,
+                                34.366895
+                            ],
+                            [
+                                108.803245,
+                                34.359531
+                            ],
+                            [
+                                108.802144,
+                                34.353372
+                            ],
+                            [
+                                108.800115,
+                                34.349401
+                            ],
+                            [
+                                108.802425,
+                                34.34762
+                            ],
+                            [
+                                108.802166,
+                                34.343168
+                            ],
+                            [
+                                108.79746,
+                                34.342329
+                            ],
+                            [
+                                108.79651,
+                                34.341166
+                            ],
+                            [
+                                108.799467,
+                                34.338201
+                            ],
+                            [
+                                108.798755,
+                                34.33642
+                            ],
+                            [
+                                108.794308,
+                                34.334157
+                            ],
+                            [
+                                108.794481,
+                                34.329242
+                            ],
+                            [
+                                108.795927,
+                                34.324726
+                            ],
+                            [
+                                108.795474,
+                                34.321676
+                            ],
+                            [
+                                108.796316,
+                                34.318082
+                            ],
+                            [
+                                108.79569,
+                                34.31194
+                            ],
+                            [
+                                108.794546,
+                                34.309404
+                            ],
+                            [
+                                108.790444,
+                                34.309508
+                            ],
+                            [
+                                108.79053,
+                                34.305787
+                            ],
+                            [
+                                108.792883,
+                                34.304351
+                            ],
+                            [
+                                108.795323,
+                                34.304372
+                            ],
+                            [
+                                108.796769,
+                                34.29672
+                            ],
+                            [
+                                108.793293,
+                                34.293869
+                            ],
+                            [
+                                108.786494,
+                                34.294414
+                            ],
+                            [
+                                108.775247,
+                                34.293743
+                            ],
+                            [
+                                108.766267,
+                                34.294257
+                            ],
+                            [
+                                108.757545,
+                                34.295819
+                            ],
+                            [
+                                108.750292,
+                                34.296186
+                            ],
+                            [
+                                108.747443,
+                                34.294571
+                            ],
+                            [
+                                108.74727,
+                                34.292883
+                            ],
+                            [
+                                108.753552,
+                                34.28696
+                            ],
+                            [
+                                108.753768,
+                                34.284475
+                            ],
+                            [
+                                108.751954,
+                                34.282032
+                            ],
+                            [
+                                108.748177,
+                                34.279327
+                            ],
+                            [
+                                108.748457,
+                                34.276098
+                            ],
+                            [
+                                108.7455,
+                                34.276287
+                            ],
+                            [
+                                108.740319,
+                                34.281393
+                            ],
+                            [
+                                108.73598,
+                                34.284213
+                            ],
+                            [
+                                108.730583,
+                                34.283385
+                            ],
+                            [
+                                108.725273,
+                                34.276003
+                            ],
+                            [
+                                108.721603,
+                                34.275626
+                            ],
+                            [
+                                108.713292,
+                                34.275741
+                            ],
+                            [
+                                108.707269,
+                                34.274263
+                            ],
+                            [
+                                108.700966,
+                                34.273634
+                            ],
+                            [
+                                108.697512,
+                                34.271348
+                            ],
+                            [
+                                108.696389,
+                                34.267342
+                            ],
+                            [
+                                108.697879,
+                                34.263053
+                            ],
+                            [
+                                108.702088,
+                                34.256163
+                            ],
+                            [
+                                108.701657,
+                                34.254086
+                            ],
+                            [
+                                108.695958,
+                                34.254348
+                            ],
+                            [
+                                108.691791,
+                                34.253132
+                            ],
+                            [
+                                108.690734,
+                                34.246219
+                            ],
+                            [
+                                108.692072,
+                                34.239024
+                            ],
+                            [
+                                108.687344,
+                                34.23788
+                            ],
+                            [
+                                108.682617,
+                                34.239233
+                            ],
+                            [
+                                108.677436,
+                                34.241929
+                            ],
+                            [
+                                108.669729,
+                                34.243996
+                            ],
+                            [
+                                108.667657,
+                                34.245768
+                            ],
+                            [
+                                108.665887,
+                                34.251034
+                            ],
+                            [
+                                108.660706,
+                                34.254579
+                            ],
+                            [
+                                108.656389,
+                                34.263682
+                            ],
+                            [
+                                108.653841,
+                                34.266052
+                            ],
+                            [
+                                108.650128,
+                                34.265842
+                            ],
+                            [
+                                108.64199,
+                                34.262529
+                            ],
+                            [
+                                108.626383,
+                                34.256142
+                            ],
+                            [
+                                108.62567,
+                                34.259288
+                            ],
+                            [
+                                108.619453,
+                                34.25826
+                            ],
+                            [
+                                108.614726,
+                                34.254526
+                            ],
+                            [
+                                108.612524,
+                                34.250761
+                            ],
+                            [
+                                108.610063,
+                                34.248926
+                            ],
+                            [
+                                108.603457,
+                                34.245695
+                            ],
+                            [
+                                108.60037,
+                                34.243261
+                            ],
+                            [
+                                108.593398,
+                                34.239307
+                            ],
+                            [
+                                108.59098,
+                                34.238572
+                            ],
+                            [
+                                108.582259,
+                                34.237513
+                            ],
+                            [
+                                108.576128,
+                                34.237387
+                            ],
+                            [
+                                108.571897,
+                                34.235918
+                            ],
+                            [
+                                108.567644,
+                                34.231009
+                            ],
+                            [
+                                108.564061,
+                                34.229592
+                            ],
+                            [
+                                108.55588,
+                                34.231334
+                            ],
+                            [
+                                108.553613,
+                                34.233715
+                            ],
+                            [
+                                108.543877,
+                                34.234229
+                            ],
+                            [
+                                108.53712,
+                                34.232561
+                            ],
+                            [
+                                108.529694,
+                                34.232173
+                            ],
+                            [
+                                108.527385,
+                                34.230725
+                            ],
+                            [
+                                108.523585,
+                                34.229876
+                            ],
+                            [
+                                108.520671,
+                                34.228291
+                            ],
+                            [
+                                108.511475,
+                                34.224609
+                            ],
+                            [
+                                108.503358,
+                                34.224431
+                            ],
+                            [
+                                108.500228,
+                                34.223413
+                            ],
+                            [
+                                108.498026,
+                                34.220108
+                            ],
+                            [
+                                108.495134,
+                                34.217401
+                            ],
+                            [
+                                108.480433,
+                                34.210402
+                            ],
+                            [
+                                108.476439,
+                                34.20802
+                            ],
+                            [
+                                108.471517,
+                                34.206246
+                            ],
+                            [
+                                108.468128,
+                                34.205742
+                            ],
+                            [
+                                108.457378,
+                                34.209163
+                            ],
+                            [
+                                108.454485,
+                                34.209342
+                            ],
+                            [
+                                108.448808,
+                                34.208334
+                            ],
+                            [
+                                108.443713,
+                                34.206393
+                            ],
+                            [
+                                108.439741,
+                                34.203077
+                            ],
+                            [
+                                108.436352,
+                                34.201471
+                            ],
+                            [
+                                108.431171,
+                                34.200285
+                            ],
+                            [
+                                108.425947,
+                                34.200369
+                            ],
+                            [
+                                108.418262,
+                                34.20548
+                            ],
+                            [
+                                108.403324,
+                                34.206928
+                            ],
+                            [
+                                108.395251,
+                                34.208198
+                            ],
+                            [
+                                108.388364,
+                                34.20888
+                            ],
+                            [
+                                108.382665,
+                                34.208786
+                            ],
+                            [
+                                108.374505,
+                                34.207694
+                            ],
+                            [
+                                108.369778,
+                                34.203643
+                            ],
+                            [
+                                108.366043,
+                                34.201555
+                            ],
+                            [
+                                108.359934,
+                                34.199236
+                            ],
+                            [
+                                108.351515,
+                                34.196843
+                            ],
+                            [
+                                108.342168,
+                                34.195163
+                            ],
+                            [
+                                108.335109,
+                                34.195111
+                            ],
+                            [
+                                108.328611,
+                                34.195951
+                            ],
+                            [
+                                108.326151,
+                                34.197315
+                            ],
+                            [
+                                108.32315,
+                                34.201461
+                            ],
+                            [
+                                108.30111,
+                                34.208954
+                            ],
+                            [
+                                108.291201,
+                                34.209908
+                            ],
+                            [
+                                108.285114,
+                                34.208576
+                            ],
+                            [
+                                108.27881,
+                                34.206382
+                            ],
+                            [
+                                108.274277,
+                                34.203308
+                            ],
+                            [
+                                108.264887,
+                                34.199456
+                            ],
+                            [
+                                108.256014,
+                                34.198386
+                            ],
+                            [
+                                108.249279,
+                                34.199246
+                            ],
+                            [
+                                108.246473,
+                                34.198774
+                            ],
+                            [
+                                108.237665,
+                                34.199624
+                            ],
+                            [
+                                108.226958,
+                                34.204588
+                            ],
+                            [
+                                108.220266,
+                                34.210444
+                            ],
+                            [
+                                108.211912,
+                                34.21633
+                            ],
+                            [
+                                108.201939,
+                                34.221724
+                            ],
+                            [
+                                108.190951,
+                                34.224976
+                            ],
+                            [
+                                108.183439,
+                                34.22592
+                            ],
+                            [
+                                108.177977,
+                                34.225469
+                            ],
+                            [
+                                108.168954,
+                                34.225931
+                            ],
+                            [
+                                108.156563,
+                                34.225071
+                            ],
+                            [
+                                108.150389,
+                                34.222143
+                            ],
+                            [
+                                108.147389,
+                                34.219678
+                            ],
+                            [
+                                108.143913,
+                                34.218618
+                            ],
+                            [
+                                108.137264,
+                                34.217852
+                            ],
+                            [
+                                108.130745,
+                                34.218188
+                            ],
+                            [
+                                108.125348,
+                                34.222049
+                            ],
+                            [
+                                108.121614,
+                                34.223979
+                            ],
+                            [
+                                108.112677,
+                                34.227242
+                            ],
+                            [
+                                108.111144,
+                                34.225627
+                            ],
+                            [
+                                108.10184,
+                                34.22911
+                            ],
+                            [
+                                108.086772,
+                                34.231009
+                            ],
+                            [
+                                108.080749,
+                                34.231187
+                            ],
+                            [
+                                108.061105,
+                                34.230767
+                            ],
+                            [
+                                108.054435,
+                                34.230243
+                            ],
+                            [
+                                108.03818,
+                                34.228344
+                            ],
+                            [
+                                108.032783,
+                                34.227924
+                            ],
+                            [
+                                108.027948,
+                                34.228155
+                            ],
+                            [
+                                108.030128,
+                                34.220958
+                            ],
+                            [
+                                108.030646,
+                                34.216886
+                            ],
+                            [
+                                108.034186,
+                                34.214295
+                            ],
+                            [
+                                108.035093,
+                                34.211388
+                            ],
+                            [
+                                108.030948,
+                                34.209363
+                            ],
+                            [
+                                108.029631,
+                                34.207358
+                            ],
+                            [
+                                108.029156,
+                                34.203444
+                            ],
+                            [
+                                108.027602,
+                                34.198449
+                            ],
+                            [
+                                108.024235,
+                                34.193054
+                            ],
+                            [
+                                108.022939,
+                                34.188257
+                            ],
+                            [
+                                108.025055,
+                                34.183282
+                            ],
+                            [
+                                108.02471,
+                                34.180468
+                            ],
+                            [
+                                108.023134,
+                                34.177151
+                            ],
+                            [
+                                108.018406,
+                                34.176679
+                            ],
+                            [
+                                108.013765,
+                                34.164553
+                            ],
+                            [
+                                108.011412,
+                                34.161025
+                            ],
+                            [
+                                108.003058,
+                                34.155733
+                            ],
+                            [
+                                108.001914,
+                                34.152278
+                            ],
+                            [
+                                108.002281,
+                                34.147626
+                            ],
+                            [
+                                107.997963,
+                                34.146996
+                            ],
+                            [
+                                107.999582,
+                                34.142291
+                            ],
+                            [
+                                108.001568,
+                                34.139645
+                            ],
+                            [
+                                108.00159,
+                                34.134131
+                            ],
+                            [
+                                107.999863,
+                                34.128826
+                            ],
+                            [
+                                108.000036,
+                                34.121652
+                            ],
+                            [
+                                108.001309,
+                                34.118238
+                            ],
+                            [
+                                107.997467,
+                                34.112943
+                            ],
+                            [
+                                107.99751,
+                                34.111693
+                            ],
+                            [
+                                108.001352,
+                                34.104801
+                            ],
+                            [
+                                108.000575,
+                                34.100461
+                            ],
+                            [
+                                107.997553,
+                                34.099295
+                            ],
+                            [
+                                107.98935,
+                                34.089838
+                            ],
+                            [
+                                107.985184,
+                                34.084583
+                            ],
+                            [
+                                107.977564,
+                                34.078193
+                            ],
+                            [
+                                107.976506,
+                                34.075051
+                            ],
+                            [
+                                107.971951,
+                                34.075429
+                            ],
+                            [
+                                107.971195,
+                                34.074
+                            ],
+                            [
+                                107.972577,
+                                34.062111
+                            ],
+                            [
+                                107.970289,
+                                34.058674
+                            ],
+                            [
+                                107.966619,
+                                34.056729
+                            ],
+                            [
+                                107.956991,
+                                34.0504
+                            ],
+                            [
+                                107.956236,
+                                34.047299
+                            ],
+                            [
+                                107.954703,
+                                34.045585
+                            ],
+                            [
+                                107.950364,
+                                34.044502
+                            ],
+                            [
+                                107.945054,
+                                34.04405
+                            ],
+                            [
+                                107.943046,
+                                34.042336
+                            ],
+                            [
+                                107.943715,
+                                34.035817
+                            ],
+                            [
+                                107.941708,
+                                34.031989
+                            ],
+                            [
+                                107.940153,
+                                34.027067
+                            ],
+                            [
+                                107.940283,
+                                34.024764
+                            ],
+                            [
+                                107.94296,
+                                34.020252
+                            ],
+                            [
+                                107.943219,
+                                34.016014
+                            ],
+                            [
+                                107.941794,
+                                34.010355
+                            ],
+                            [
+                                107.941923,
+                                34.006116
+                            ],
+                            [
+                                107.94473,
+                                34.001256
+                            ],
+                            [
+                                107.947817,
+                                33.997238
+                            ],
+                            [
+                                107.94868,
+                                33.992198
+                            ],
+                            [
+                                107.947709,
+                                33.990031
+                            ],
+                            [
+                                107.949414,
+                                33.988242
+                            ],
+                            [
+                                107.949867,
+                                33.985381
+                            ],
+                            [
+                                107.948076,
+                                33.984307
+                            ],
+                            [
+                                107.941729,
+                                33.983013
+                            ],
+                            [
+                                107.937951,
+                                33.982982
+                            ],
+                            [
+                                107.92882,
+                                33.984907
+                            ],
+                            [
+                                107.924503,
+                                33.984981
+                            ],
+                            [
+                                107.920639,
+                                33.984265
+                            ],
+                            [
+                                107.91563,
+                                33.986117
+                            ],
+                            [
+                                107.912436,
+                                33.990767
+                            ],
+                            [
+                                107.911032,
+                                33.995007
+                            ],
+                            [
+                                107.907837,
+                                33.999562
+                            ],
+                            [
+                                107.901772,
+                                33.999973
+                            ],
+                            [
+                                107.891755,
+                                33.998658
+                            ],
+                            [
+                                107.88787,
+                                33.995901
+                            ],
+                            [
+                                107.883984,
+                                33.99465
+                            ],
+                            [
+                                107.877594,
+                                33.993892
+                            ],
+                            [
+                                107.870578,
+                                33.989926
+                            ],
+                            [
+                                107.863282,
+                                33.98437
+                            ],
+                            [
+                                107.860843,
+                                33.980099
+                            ],
+                            [
+                                107.858295,
+                                33.977594
+                            ],
+                            [
+                                107.85033,
+                                33.975311
+                            ],
+                            [
+                                107.846574,
+                                33.975153
+                            ],
+                            [
+                                107.842817,
+                                33.975932
+                            ],
+                            [
+                                107.840961,
+                                33.977321
+                            ],
+                            [
+                                107.836816,
+                                33.982371
+                            ],
+                            [
+                                107.830448,
+                                33.984591
+                            ],
+                            [
+                                107.828289,
+                                33.988895
+                            ],
+                            [
+                                107.82503,
+                                33.991094
+                            ],
+                            [
+                                107.815963,
+                                33.994366
+                            ],
+                            [
+                                107.810286,
+                                33.995039
+                            ],
+                            [
+                                107.807652,
+                                33.992724
+                            ],
+                            [
+                                107.802255,
+                                33.989326
+                            ],
+                            [
+                                107.799924,
+                                33.98497
+                            ],
+                            [
+                                107.794614,
+                                33.984886
+                            ],
+                            [
+                                107.788915,
+                                33.983834
+                            ],
+                            [
+                                107.784446,
+                                33.980593
+                            ],
+                            [
+                                107.781748,
+                                33.977405
+                            ],
+                            [
+                                107.780366,
+                                33.973806
+                            ],
+                            [
+                                107.774279,
+                                33.963777
+                            ],
+                            [
+                                107.769724,
+                                33.959504
+                            ],
+                            [
+                                107.767371,
+                                33.954494
+                            ],
+                            [
+                                107.770371,
+                                33.954305
+                            ],
+                            [
+                                107.769918,
+                                33.952631
+                            ],
+                            [
+                                107.766745,
+                                33.951694
+                            ],
+                            [
+                                107.761024,
+                                33.948673
+                            ],
+                            [
+                                107.75552,
+                                33.946863
+                            ],
+                            [
+                                107.746021,
+                                33.942726
+                            ],
+                            [
+                                107.741618,
+                                33.940062
+                            ],
+                            [
+                                107.73335,
+                                33.93602
+                            ],
+                            [
+                                107.729896,
+                                33.932019
+                            ],
+                            [
+                                107.72301,
+                                33.929303
+                            ],
+                            [
+                                107.719879,
+                                33.929303
+                            ],
+                            [
+                                107.713749,
+                                33.927355
+                            ],
+                            [
+                                107.714914,
+                                33.921017
+                            ],
+                            [
+                                107.717613,
+                                33.910392
+                            ],
+                            [
+                                107.714202,
+                                33.900734
+                            ],
+                            [
+                                107.713403,
+                                33.886567
+                            ],
+                            [
+                                107.709993,
+                                33.871429
+                            ],
+                            [
+                                107.705546,
+                                33.859628
+                            ],
+                            [
+                                107.70438,
+                                33.85731
+                            ],
+                            [
+                                107.707467,
+                                33.853179
+                            ],
+                            [
+                                107.708589,
+                                33.846814
+                            ],
+                            [
+                                107.706042,
+                                33.844021
+                            ],
+                            [
+                                107.704596,
+                                33.841049
+                            ],
+                            [
+                                107.705395,
+                                33.836528
+                            ],
+                            [
+                                107.703581,
+                                33.832238
+                            ],
+                            [
+                                107.699091,
+                                33.830256
+                            ],
+                            [
+                                107.697407,
+                                33.817944
+                            ],
+                            [
+                                107.689506,
+                                33.810205
+                            ],
+                            [
+                                107.679447,
+                                33.808286
+                            ],
+                            [
+                                107.681066,
+                                33.802139
+                            ],
+                            [
+                                107.685945,
+                                33.797025
+                            ],
+                            [
+                                107.685427,
+                                33.790329
+                            ],
+                            [
+                                107.678281,
+                                33.785161
+                            ],
+                            [
+                                107.678864,
+                                33.783358
+                            ],
+                            [
+                                107.675669,
+                                33.777019
+                            ],
+                            [
+                                107.671589,
+                                33.773074
+                            ],
+                            [
+                                107.664444,
+                                33.769309
+                            ],
+                            [
+                                107.663753,
+                                33.767589
+                            ],
+                            [
+                                107.665415,
+                                33.763982
+                            ],
+                            [
+                                107.665804,
+                                33.760047
+                            ],
+                            [
+                                107.673338,
+                                33.754677
+                            ],
+                            [
+                                107.681066,
+                                33.750489
+                            ],
+                            [
+                                107.687909,
+                                33.744759
+                            ],
+                            [
+                                107.688147,
+                                33.739579
+                            ],
+                            [
+                                107.68983,
+                                33.730746
+                            ],
+                            [
+                                107.69391,
+                                33.728435
+                            ],
+                            [
+                                107.693932,
+                                33.726694
+                            ],
+                            [
+                                107.695875,
+                                33.723654
+                            ],
+                            [
+                                107.707208,
+                                33.725733
+                            ],
+                            [
+                                107.712022,
+                                33.726008
+                            ],
+                            [
+                                107.719361,
+                                33.725765
+                            ],
+                            [
+                                107.722232,
+                                33.7249
+                            ],
+                            [
+                                107.728644,
+                                33.721216
+                            ],
+                            [
+                                107.737408,
+                                33.717923
+                            ],
+                            [
+                                107.744812,
+                                33.718018
+                            ],
+                            [
+                                107.75213,
+                                33.716034
+                            ],
+                            [
+                                107.755282,
+                                33.715865
+                            ],
+                            [
+                                107.762751,
+                                33.719253
+                            ],
+                            [
+                                107.765903,
+                                33.720214
+                            ],
+                            [
+                                107.772897,
+                                33.718747
+                            ],
+                            [
+                                107.776567,
+                                33.716562
+                            ],
+                            [
+                                107.78518,
+                                33.716171
+                            ],
+                            [
+                                107.797593,
+                                33.710155
+                            ],
+                            [
+                                107.804479,
+                                33.70873
+                            ],
+                            [
+                                107.812617,
+                                33.712298
+                            ],
+                            [
+                                107.819029,
+                                33.707611
+                            ],
+                            [
+                                107.824253,
+                                33.702375
+                            ],
+                            [
+                                107.828203,
+                                33.700401
+                            ],
+                            [
+                                107.830103,
+                                33.697867
+                            ],
+                            [
+                                107.833017,
+                                33.696073
+                            ],
+                            [
+                                107.840184,
+                                33.695745
+                            ],
+                            [
+                                107.84353,
+                                33.697202
+                            ],
+                            [
+                                107.846077,
+                                33.697128
+                            ],
+                            [
+                                107.851862,
+                                33.694003
+                            ],
+                            [
+                                107.854259,
+                                33.694109
+                            ],
+                            [
+                                107.858425,
+                                33.696928
+                            ],
+                            [
+                                107.862267,
+                                33.698564
+                            ],
+                            [
+                                107.864145,
+                                33.703937
+                            ],
+                            [
+                                107.868484,
+                                33.71083
+                            ],
+                            [
+                                107.870708,
+                                33.71539
+                            ],
+                            [
+                                107.87373,
+                                33.717491
+                            ],
+                            [
+                                107.880033,
+                                33.718768
+                            ],
+                            [
+                                107.884178,
+                                33.725206
+                            ],
+                            [
+                                107.88828,
+                                33.729828
+                            ],
+                            [
+                                107.890244,
+                                33.73521
+                            ],
+                            [
+                                107.889812,
+                                33.737626
+                            ],
+                            [
+                                107.891626,
+                                33.743831
+                            ],
+                            [
+                                107.89577,
+                                33.745076
+                            ],
+                            [
+                                107.896958,
+                                33.747914
+                            ],
+                            [
+                                107.901513,
+                                33.749834
+                            ],
+                            [
+                                107.903067,
+                                33.748948
+                            ],
+                            [
+                                107.905377,
+                                33.742459
+                            ],
+                            [
+                                107.910234,
+                                33.741193
+                            ],
+                            [
+                                107.914249,
+                                33.738196
+                            ],
+                            [
+                                107.914896,
+                                33.735727
+                            ],
+                            [
+                                107.917789,
+                                33.734725
+                            ],
+                            [
+                                107.921027,
+                                33.732414
+                            ],
+                            [
+                                107.926402,
+                                33.733047
+                            ],
+                            [
+                                107.931583,
+                                33.731284
+                            ],
+                            [
+                                107.935922,
+                                33.735263
+                            ],
+                            [
+                                107.936397,
+                                33.738344
+                            ],
+                            [
+                                107.942593,
+                                33.73999
+                            ],
+                            [
+                                107.951638,
+                                33.745825
+                            ],
+                            [
+                                107.952846,
+                                33.745793
+                            ],
+                            [
+                                107.956624,
+                                33.741394
+                            ],
+                            [
+                                107.962021,
+                                33.738122
+                            ],
+                            [
+                                107.966122,
+                                33.734661
+                            ],
+                            [
+                                107.974822,
+                                33.736001
+                            ],
+                            [
+                                107.978297,
+                                33.734735
+                            ],
+                            [
+                                107.982377,
+                                33.734208
+                            ],
+                            [
+                                107.988379,
+                                33.731707
+                            ],
+                            [
+                                107.993926,
+                                33.732297
+                            ],
+                            [
+                                108.002518,
+                                33.727644
+                            ],
+                            [
+                                108.004914,
+                                33.727665
+                            ],
+                            [
+                                108.006037,
+                                33.729248
+                            ],
+                            [
+                                108.008303,
+                                33.729015
+                            ],
+                            [
+                                108.015578,
+                                33.724446
+                            ],
+                            [
+                                108.020263,
+                                33.724013
+                            ],
+                            [
+                                108.026242,
+                                33.721069
+                            ],
+                            [
+                                108.031207,
+                                33.717607
+                            ],
+                            [
+                                108.033409,
+                                33.717047
+                            ],
+                            [
+                                108.043663,
+                                33.712762
+                            ],
+                            [
+                                108.057328,
+                                33.709426
+                            ],
+                            [
+                                108.060522,
+                                33.710545
+                            ],
+                            [
+                                108.062465,
+                                33.712276
+                            ],
+                            [
+                                108.064343,
+                                33.715654
+                            ],
+                            [
+                                108.073798,
+                                33.723443
+                            ],
+                            [
+                                108.082671,
+                                33.725237
+                            ],
+                            [
+                                108.093097,
+                                33.723844
+                            ],
+                            [
+                                108.098408,
+                                33.723485
+                            ],
+                            [
+                                108.101754,
+                                33.721248
+                            ],
+                            [
+                                108.105402,
+                                33.717786
+                            ],
+                            [
+                                108.110734,
+                                33.715264
+                            ],
+                            [
+                                108.113821,
+                                33.712593
+                            ],
+                            [
+                                108.118117,
+                                33.712276
+                            ],
+                            [
+                                108.123276,
+                                33.718029
+                            ],
+                            [
+                                108.132234,
+                                33.72185
+                            ],
+                            [
+                                108.137739,
+                                33.718356
+                            ],
+                            [
+                                108.14564,
+                                33.715475
+                            ],
+                            [
+                                108.149267,
+                                33.71234
+                            ],
+                            [
+                                108.153433,
+                                33.712973
+                            ],
+                            [
+                                108.155462,
+                                33.714694
+                            ],
+                            [
+                                108.157923,
+                                33.715031
+                            ],
+                            [
+                                108.163536,
+                                33.712287
+                            ],
+                            [
+                                108.172818,
+                                33.714345
+                            ],
+                            [
+                                108.180201,
+                                33.711886
+                            ],
+                            [
+                                108.186828,
+                                33.714229
+                            ],
+                            [
+                                108.188339,
+                                33.715432
+                            ],
+                            [
+                                108.188382,
+                                33.718989
+                            ],
+                            [
+                                108.19175,
+                                33.72528
+                            ],
+                            [
+                                108.194945,
+                                33.725839
+                            ],
+                            [
+                                108.198291,
+                                33.723749
+                            ],
+                            [
+                                108.202781,
+                                33.722504
+                            ],
+                            [
+                                108.207919,
+                                33.72262
+                            ],
+                            [
+                                108.210595,
+                                33.721491
+                            ],
+                            [
+                                108.215301,
+                                33.72529
+                            ],
+                            [
+                                108.21733,
+                                33.729015
+                            ],
+                            [
+                                108.220547,
+                                33.728952
+                            ],
+                            [
+                                108.226764,
+                                33.727116
+                            ],
+                            [
+                                108.229635,
+                                33.727411
+                            ],
+                            [
+                                108.233175,
+                                33.72663
+                            ],
+                            [
+                                108.239608,
+                                33.728519
+                            ],
+                            [
+                                108.242156,
+                                33.733384
+                            ],
+                            [
+                                108.245976,
+                                33.738144
+                            ],
+                            [
+                                108.250618,
+                                33.742723
+                            ],
+                            [
+                                108.253143,
+                                33.746859
+                            ],
+                            [
+                                108.258022,
+                                33.750193
+                            ],
+                            [
+                                108.257763,
+                                33.752757
+                            ],
+                            [
+                                108.259317,
+                                33.75473
+                            ],
+                            [
+                                108.264131,
+                                33.755468
+                            ],
+                            [
+                                108.269334,
+                                33.757283
+                            ],
+                            [
+                                108.280472,
+                                33.763138
+                            ],
+                            [
+                                108.28302,
+                                33.766345
+                            ],
+                            [
+                                108.288287,
+                                33.767252
+                            ],
+                            [
+                                108.303096,
+                                33.763623
+                            ],
+                            [
+                                108.306981,
+                                33.762948
+                            ],
+                            [
+                                108.310824,
+                                33.763771
+                            ],
+                            [
+                                108.312594,
+                                33.766471
+                            ],
+                            [
+                                108.323582,
+                                33.771482
+                            ],
+                            [
+                                108.327985,
+                                33.776365
+                            ],
+                            [
+                                108.328871,
+                                33.779972
+                            ],
+                            [
+                                108.333188,
+                                33.782609
+                            ],
+                            [
+                                108.338067,
+                                33.784349
+                            ],
+                            [
+                                108.344327,
+                                33.785741
+                            ],
+                            [
+                                108.345082,
+                                33.786427
+                            ],
+                            [
+                                108.344456,
+                                33.790782
+                            ],
+                            [
+                                108.345946,
+                                33.793872
+                            ],
+                            [
+                                108.358294,
+                                33.7919
+                            ],
+                            [
+                                108.370598,
+                                33.792976
+                            ],
+                            [
+                                108.371829,
+                                33.792754
+                            ],
+                            [
+                                108.374678,
+                                33.789411
+                            ],
+                            [
+                                108.375887,
+                                33.783063
+                            ],
+                            [
+                                108.377463,
+                                33.780669
+                            ],
+                            [
+                                108.387717,
+                                33.778338
+                            ],
+                            [
+                                108.39212,
+                                33.777705
+                            ],
+                            [
+                                108.393178,
+                                33.776745
+                            ],
+                            [
+                                108.393459,
+                                33.773022
+                            ],
+                            [
+                                108.404857,
+                                33.763286
+                            ],
+                            [
+                                108.410664,
+                                33.763043
+                            ],
+                            [
+                                108.412024,
+                                33.764172
+                            ],
+                            [
+                                108.414355,
+                                33.770575
+                            ],
+                            [
+                                108.41932,
+                                33.771629
+                            ],
+                            [
+                                108.423767,
+                                33.773866
+                            ],
+                            [
+                                108.432359,
+                                33.777325
+                            ],
+                            [
+                                108.440044,
+                                33.780953
+                            ],
+                            [
+                                108.443735,
+                                33.781955
+                            ],
+                            [
+                                108.45019,
+                                33.790234
+                            ],
+                            [
+                                108.454529,
+                                33.791394
+                            ],
+                            [
+                                108.460314,
+                                33.796382
+                            ],
+                            [
+                                108.466466,
+                                33.800589
+                            ],
+                            [
+                                108.468517,
+                                33.800874
+                            ],
+                            [
+                                108.474324,
+                                33.799767
+                            ],
+                            [
+                                108.478835,
+                                33.800958
+                            ],
+                            [
+                                108.484405,
+                                33.804259
+                            ],
+                            [
+                                108.488571,
+                                33.803816
+                            ],
+                            [
+                                108.493968,
+                                33.800505
+                            ],
+                            [
+                                108.503164,
+                                33.797384
+                            ],
+                            [
+                                108.513699,
+                                33.794336
+                            ],
+                            [
+                                108.517822,
+                                33.793714
+                            ],
+                            [
+                                108.523197,
+                                33.794473
+                            ],
+                            [
+                                108.527795,
+                                33.791078
+                            ],
+                            [
+                                108.534293,
+                                33.791183
+                            ],
+                            [
+                                108.53779,
+                                33.789359
+                            ],
+                            [
+                                108.544525,
+                                33.788441
+                            ],
+                            [
+                                108.546878,
+                                33.780162
+                            ],
+                            [
+                                108.553289,
+                                33.77722
+                            ],
+                            [
+                                108.55847,
+                                33.767357
+                            ],
+                            [
+                                108.560456,
+                                33.765121
+                            ],
+                            [
+                                108.571185,
+                                33.765543
+                            ],
+                            [
+                                108.575783,
+                                33.763929
+                            ],
+                            [
+                                108.577985,
+                                33.764963
+                            ],
+                            [
+                                108.584266,
+                                33.764551
+                            ],
+                            [
+                                108.58962,
+                                33.76779
+                            ],
+                            [
+                                108.589771,
+                                33.772378
+                            ],
+                            [
+                                108.587051,
+                                33.775817
+                            ],
+                            [
+                                108.585454,
+                                33.780088
+                            ],
+                            [
+                                108.588368,
+                                33.780299
+                            ],
+                            [
+                                108.597953,
+                                33.789728
+                            ],
+                            [
+                                108.601191,
+                                33.790223
+                            ],
+                            [
+                                108.602551,
+                                33.791426
+                            ],
+                            [
+                                108.605875,
+                                33.799503
+                            ],
+                            [
+                                108.60499,
+                                33.802498
+                            ],
+                            [
+                                108.60825,
+                                33.80623
+                            ],
+                            [
+                                108.608422,
+                                33.808613
+                            ],
+                            [
+                                108.611315,
+                                33.810374
+                            ],
+                            [
+                                108.616129,
+                                33.81204
+                            ],
+                            [
+                                108.61682,
+                                33.81496
+                            ],
+                            [
+                                108.614704,
+                                33.82177
+                            ],
+                            [
+                                108.615201,
+                                33.824237
+                            ],
+                            [
+                                108.617748,
+                                33.825955
+                            ],
+                            [
+                                108.630786,
+                                33.829497
+                            ],
+                            [
+                                108.637543,
+                                33.831669
+                            ],
+                            [
+                                108.643868,
+                                33.83442
+                            ],
+                            [
+                                108.645854,
+                                33.83619
+                            ],
+                            [
+                                108.650064,
+                                33.841523
+                            ],
+                            [
+                                108.656453,
+                                33.837339
+                            ],
+                            [
+                                108.665261,
+                                33.837223
+                            ],
+                            [
+                                108.669168,
+                                33.835737
+                            ],
+                            [
+                                108.675018,
+                                33.834936
+                            ],
+                            [
+                                108.679012,
+                                33.83579
+                            ],
+                            [
+                                108.688165,
+                                33.836875
+                            ],
+                            [
+                                108.695504,
+                                33.83424
+                            ],
+                            [
+                                108.695418,
+                                33.831152
+                            ],
+                            [
+                                108.697814,
+                                33.828338
+                            ],
+                            [
+                                108.70565,
+                                33.827368
+                            ],
+                            [
+                                108.711522,
+                                33.830109
+                            ],
+                            [
+                                108.717415,
+                                33.830161
+                            ],
+                            [
+                                108.720524,
+                                33.831584
+                            ],
+                            [
+                                108.724107,
+                                33.834504
+                            ],
+                            [
+                                108.731123,
+                                33.836496
+                            ],
+                            [
+                                108.737664,
+                                33.840744
+                            ],
+                            [
+                                108.741031,
+                                33.841471
+                            ],
+                            [
+                                108.745694,
+                                33.838077
+                            ],
+                            [
+                                108.751803,
+                                33.839321
+                            ],
+                            [
+                                108.755926,
+                                33.839089
+                            ],
+                            [
+                                108.757437,
+                                33.838225
+                            ],
+                            [
+                                108.758646,
+                                33.834209
+                            ],
+                            [
+                                108.758409,
+                                33.83014
+                            ],
+                            [
+                                108.756488,
+                                33.825165
+                            ],
+                            [
+                                108.753724,
+                                33.821054
+                            ],
+                            [
+                                108.753509,
+                                33.817448
+                            ],
+                            [
+                                108.756013,
+                                33.81263
+                            ],
+                            [
+                                108.75938,
+                                33.809868
+                            ],
+                            [
+                                108.764993,
+                                33.806589
+                            ],
+                            [
+                                108.770865,
+                                33.802329
+                            ],
+                            [
+                                108.775765,
+                                33.800294
+                            ],
+                            [
+                                108.778506,
+                                33.798059
+                            ],
+                            [
+                                108.778636,
+                                33.801802
+                            ],
+                            [
+                                108.782327,
+                                33.806779
+                            ],
+                            [
+                                108.786796,
+                                33.808908
+                            ],
+                            [
+                                108.792538,
+                                33.807
+                            ],
+                            [
+                                108.794524,
+                                33.807105
+                            ],
+                            [
+                                108.797697,
+                                33.810416
+                            ],
+                            [
+                                108.802015,
+                                33.813147
+                            ],
+                            [
+                                108.805641,
+                                33.81359
+                            ],
+                            [
+                                108.805749,
+                                33.817142
+                            ],
+                            [
+                                108.807714,
+                                33.816552
+                            ],
+                            [
+                                108.811534,
+                                33.812925
+                            ],
+                            [
+                                108.814082,
+                                33.813084
+                            ],
+                            [
+                                108.816845,
+                                33.81651
+                            ],
+                            [
+                                108.8195,
+                                33.81788
+                            ],
+                            [
+                                108.824789,
+                                33.818766
+                            ],
+                            [
+                                108.827185,
+                                33.820421
+                            ],
+                            [
+                                108.830121,
+                                33.820685
+                            ],
+                            [
+                                108.835453,
+                                33.816932
+                            ],
+                            [
+                                108.838669,
+                                33.817142
+                            ],
+                            [
+                                108.84085,
+                                33.815297
+                            ],
+                            [
+                                108.843052,
+                                33.815118
+                            ],
+                            [
+                                108.84521,
+                                33.820611
+                            ],
+                            [
+                                108.850197,
+                                33.82235
+                            ],
+                            [
+                                108.854277,
+                                33.826525
+                            ],
+                            [
+                                108.858162,
+                                33.824722
+                            ],
+                            [
+                                108.862415,
+                                33.824195
+                            ],
+                            [
+                                108.864379,
+                                33.821538
+                            ],
+                            [
+                                108.872885,
+                                33.823447
+                            ],
+                            [
+                                108.876533,
+                                33.82663
+                            ],
+                            [
+                                108.880462,
+                                33.82839
+                            ],
+                            [
+                                108.884326,
+                                33.832501
+                            ],
+                            [
+                                108.886722,
+                                33.833408
+                            ],
+                            [
+                                108.890629,
+                                33.833439
+                            ],
+                            [
+                                108.896609,
+                                33.836169
+                            ],
+                            [
+                                108.898552,
+                                33.837719
+                            ],
+                            [
+                                108.899998,
+                                33.841028
+                            ],
+                            [
+                                108.905503,
+                                33.841692
+                            ],
+                            [
+                                108.910727,
+                                33.845855
+                            ],
+                            [
+                                108.913231,
+                                33.848658
+                            ],
+                            [
+                                108.914764,
+                                33.853632
+                            ],
+                            [
+                                108.914159,
+                                33.857932
+                            ],
+                            [
+                                108.914677,
+                                33.862853
+                            ],
+                            [
+                                108.917246,
+                                33.867942
+                            ],
+                            [
+                                108.922146,
+                                33.869417
+                            ],
+                            [
+                                108.925773,
+                                33.867404
+                            ],
+                            [
+                                108.932012,
+                                33.865666
+                            ],
+                            [
+                                108.934624,
+                                33.865487
+                            ],
+                            [
+                                108.938639,
+                                33.867078
+                            ],
+                            [
+                                108.944273,
+                                33.866667
+                            ],
+                            [
+                                108.947792,
+                                33.867626
+                            ],
+                            [
+                                108.955649,
+                                33.871682
+                            ],
+                            [
+                                108.957657,
+                                33.872008
+                            ],
+                            [
+                                108.96409,
+                                33.876475
+                            ],
+                            [
+                                108.967112,
+                                33.876749
+                            ],
+                            [
+                                108.970069,
+                                33.87538
+                            ],
+                            [
+                                108.977582,
+                                33.874274
+                            ],
+                            [
+                                108.984144,
+                                33.876897
+                            ],
+                            [
+                                108.989455,
+                                33.87695
+                            ],
+                            [
+                                108.994441,
+                                33.882786
+                            ],
+                            [
+                                108.999428,
+                                33.883407
+                            ],
+                            [
+                                109.002795,
+                                33.882828
+                            ],
+                            [
+                                109.007976,
+                                33.883281
+                            ],
+                            [
+                                109.013567,
+                                33.886241
+                            ],
+                            [
+                                109.018165,
+                                33.892192
+                            ],
+                            [
+                                109.0268,
+                                33.896363
+                            ],
+                            [
+                                109.029369,
+                                33.899628
+                            ],
+                            [
+                                109.03645,
+                                33.905853
+                            ],
+                            [
+                                109.037788,
+                                33.908822
+                            ],
+                            [
+                                109.042731,
+                                33.916383
+                            ],
+                            [
+                                109.043465,
+                                33.920564
+                            ],
+                            [
+                                109.045883,
+                                33.922449
+                            ],
+                            [
+                                109.051517,
+                                33.923154
+                            ],
+                            [
+                                109.054453,
+                                33.919774
+                            ],
+                            [
+                                109.061771,
+                                33.918521
+                            ],
+                            [
+                                109.06706,
+                                33.914141
+                            ],
+                            [
+                                109.06611,
+                                33.909402
+                            ],
+                            [
+                                109.070535,
+                                33.906664
+                            ],
+                            [
+                                109.080768,
+                                33.909665
+                            ],
+                            [
+                                109.086272,
+                                33.910371
+                            ],
+                            [
+                                109.096569,
+                                33.906674
+                            ],
+                            [
+                                109.1027,
+                                33.908759
+                            ],
+                            [
+                                109.107708,
+                                33.907643
+                            ],
+                            [
+                                109.111356,
+                                33.902756
+                            ],
+                            [
+                                109.11725,
+                                33.899744
+                            ],
+                            [
+                                109.117142,
+                                33.895552
+                            ],
+                            [
+                                109.118113,
+                                33.889306
+                            ],
+                            [
+                                109.117746,
+                                33.884555
+                            ],
+                            [
+                                109.118113,
+                                33.880658
+                            ],
+                            [
+                                109.120596,
+                                33.876497
+                            ],
+                            [
+                                109.123812,
+                                33.875822
+                            ],
+                            [
+                                109.125194,
+                                33.877244
+                            ],
+                            [
+                                109.131562,
+                                33.877181
+                            ],
+                            [
+                                109.137887,
+                                33.873073
+                            ],
+                            [
+                                109.143521,
+                                33.872925
+                            ],
+                            [
+                                109.145939,
+                                33.876001
+                            ],
+                            [
+                                109.149091,
+                                33.875749
+                            ],
+                            [
+                                109.156301,
+                                33.876212
+                            ],
+                            [
+                                109.160359,
+                                33.871882
+                            ],
+                            [
+                                109.162151,
+                                33.871008
+                            ],
+                            [
+                                109.166187,
+                                33.871724
+                            ],
+                            [
+                                109.172858,
+                                33.874537
+                            ],
+                            [
+                                109.178319,
+                                33.872662
+                            ],
+                            [
+                                109.184925,
+                                33.874274
+                            ],
+                            [
+                                109.189372,
+                                33.872683
+                            ],
+                            [
+                                109.193776,
+                                33.86909
+                            ],
+                            [
+                                109.198849,
+                                33.867457
+                            ],
+                            [
+                                109.207397,
+                                33.867046
+                            ],
+                            [
+                                109.209944,
+                                33.866509
+                            ],
+                            [
+                                109.217478,
+                                33.866909
+                            ],
+                            [
+                                109.219464,
+                                33.867583
+                            ],
+                            [
+                                109.22253,
+                                33.871966
+                            ],
+                            [
+                                109.225034,
+                                33.874242
+                            ],
+                            [
+                                109.23151,
+                                33.878203
+                            ],
+                            [
+                                109.236799,
+                                33.878509
+                            ],
+                            [
+                                109.243102,
+                                33.876749
+                            ],
+                            [
+                                109.245088,
+                                33.876791
+                            ],
+                            [
+                                109.250334,
+                                33.880247
+                            ],
+                            [
+                                109.251866,
+                                33.880637
+                            ],
+                            [
+                                109.257004,
+                                33.879689
+                            ],
+                            [
+                                109.259853,
+                                33.877729
+                            ],
+                            [
+                                109.267258,
+                                33.875443
+                            ],
+                            [
+                                109.279498,
+                                33.874969
+                            ],
+                            [
+                                109.289492,
+                                33.87027
+                            ],
+                            [
+                                109.291586,
+                                33.867099
+                            ],
+                            [
+                                109.294414,
+                                33.860724
+                            ],
+                            [
+                                109.297221,
+                                33.85928
+                            ],
+                            [
+                                109.299811,
+                                33.85652
+                            ],
+                            [
+                                109.304625,
+                                33.857468
+                            ],
+                            [
+                                109.308878,
+                                33.856067
+                            ],
+                            [
+                                109.312332,
+                                33.855866
+                            ],
+                            [
+                                109.31693,
+                                33.854644
+                            ],
+                            [
+                                109.318721,
+                                33.855213
+                            ],
+                            [
+                                109.323147,
+                                33.858395
+                            ],
+                            [
+                                109.326752,
+                                33.85947
+                            ],
+                            [
+                                109.331047,
+                                33.86339
+                            ],
+                            [
+                                109.33299,
+                                33.863611
+                            ],
+                            [
+                                109.336746,
+                                33.86222
+                            ],
+                            [
+                                109.339099,
+                                33.86221
+                            ],
+                            [
+                                109.343935,
+                                33.865329
+                            ],
+                            [
+                                109.352203,
+                                33.866035
+                            ],
+                            [
+                                109.355937,
+                                33.867615
+                            ],
+                            [
+                                109.360945,
+                                33.865402
+                            ],
+                            [
+                                109.366191,
+                                33.860334
+                            ],
+                            [
+                                109.371588,
+                                33.8575
+                            ],
+                            [
+                                109.378474,
+                                33.85281
+                            ],
+                            [
+                                109.39216,
+                                33.853527
+                            ],
+                            [
+                                109.394492,
+                                33.852073
+                            ],
+                            [
+                                109.396348,
+                                33.847362
+                            ],
+                            [
+                                109.400666,
+                                33.845149
+                            ],
+                            [
+                                109.410207,
+                                33.845244
+                            ],
+                            [
+                                109.414179,
+                                33.844696
+                            ],
+                            [
+                                109.425426,
+                                33.844949
+                            ],
+                            [
+                                109.428426,
+                                33.843094
+                            ],
+                            [
+                                109.438939,
+                                33.843905
+                            ],
+                            [
+                                109.442501,
+                                33.843536
+                            ],
+                            [
+                                109.445394,
+                                33.840122
+                            ],
+                            [
+                                109.44915,
+                                33.838709
+                            ],
+                            [
+                                109.451762,
+                                33.840058
+                            ],
+                            [
+                                109.45282,
+                                33.842567
+                            ],
+                            [
+                                109.455324,
+                                33.845117
+                            ],
+                            [
+                                109.461822,
+                                33.844253
+                            ],
+                            [
+                                109.463138,
+                                33.844875
+                            ],
+                            [
+                                109.46398,
+                                33.8483
+                            ],
+                            [
+                                109.470262,
+                                33.851778
+                            ],
+                            [
+                                109.47499,
+                                33.852073
+                            ],
+                            [
+                                109.483862,
+                                33.849449
+                            ],
+                            [
+                                109.495929,
+                                33.84771
+                            ],
+                            [
+                                109.501973,
+                                33.849006
+                            ],
+                            [
+                                109.508536,
+                                33.847994
+                            ],
+                            [
+                                109.51063,
+                                33.850914
+                            ],
+                            [
+                                109.512249,
+                                33.854686
+                            ],
+                            [
+                                109.513889,
+                                33.856298
+                            ],
+                            [
+                                109.523992,
+                                33.857732
+                            ],
+                            [
+                                109.535887,
+                                33.860851
+                            ],
+                            [
+                                109.537916,
+                                33.863084
+                            ],
+                            [
+                                109.538779,
+                                33.866572
+                            ],
+                            [
+                                109.539146,
+                                33.872461
+                            ],
+                            [
+                                109.540161,
+                                33.875496
+                            ],
+                            [
+                                109.54165,
+                                33.876412
+                            ],
+                            [
+                                109.546723,
+                                33.876939
+                            ],
+                            [
+                                109.549853,
+                                33.878203
+                            ],
+                            [
+                                109.559719,
+                                33.886578
+                            ],
+                            [
+                                109.560863,
+                                33.890012
+                            ],
+                            [
+                                109.563324,
+                                33.892129
+                            ],
+                            [
+                                109.567922,
+                                33.89214
+                            ],
+                            [
+                                109.570102,
+                                33.893235
+                            ],
+                            [
+                                109.572606,
+                                33.896153
+                            ],
+                            [
+                                109.576103,
+                                33.897711
+                            ],
+                            [
+                                109.581651,
+                                33.897153
+                            ],
+                            [
+                                109.58722,
+                                33.897459
+                            ],
+                            [
+                                109.592984,
+                                33.896795
+                            ],
+                            [
+                                109.593934,
+                                33.897659
+                            ],
+                            [
+                                109.596697,
+                                33.90481
+                            ],
+                            [
+                                109.598985,
+                                33.914993
+                            ],
+                            [
+                                109.597064,
+                                33.924944
+                            ],
+                            [
+                                109.597453,
+                                33.928819
+                            ],
+                            [
+                                109.601641,
+                                33.932019
+                            ],
+                            [
+                                109.603735,
+                                33.936957
+                            ],
+                            [
+                                109.603648,
+                                33.940947
+                            ],
+                            [
+                                109.601166,
+                                33.943842
+                            ],
+                            [
+                                109.594431,
+                                33.944368
+                            ],
+                            [
+                                109.587566,
+                                33.948231
+                            ],
+                            [
+                                109.584047,
+                                33.951473
+                            ],
+                            [
+                                109.58273,
+                                33.953641
+                            ],
+                            [
+                                109.578132,
+                                33.955515
+                            ],
+                            [
+                                109.573944,
+                                33.956357
+                            ],
+                            [
+                                109.56926,
+                                33.958978
+                            ],
+                            [
+                                109.563,
+                                33.960735
+                            ],
+                            [
+                                109.556459,
+                                33.964893
+                            ],
+                            [
+                                109.548688,
+                                33.970933
+                            ],
+                            [
+                                109.539535,
+                                33.975311
+                            ],
+                            [
+                                109.535325,
+                                33.978394
+                            ],
+                            [
+                                109.533318,
+                                33.981024
+                            ],
+                            [
+                                109.534462,
+                                33.983823
+                            ],
+                            [
+                                109.539772,
+                                33.990063
+                            ],
+                            [
+                                109.537268,
+                                33.992808
+                            ],
+                            [
+                                109.536254,
+                                33.995901
+                            ],
+                            [
+                                109.540398,
+                                33.999026
+                            ],
+                            [
+                                109.543464,
+                                34.009293
+                            ],
+                            [
+                                109.545838,
+                                34.014226
+                            ],
+                            [
+                                109.545989,
+                                34.017949
+                            ],
+                            [
+                                109.545385,
+                                34.024649
+                            ],
+                            [
+                                109.546292,
+                                34.026563
+                            ],
+                            [
+                                109.557495,
+                                34.03037
+                            ],
+                            [
+                                109.561122,
+                                34.033766
+                            ],
+                            [
+                                109.559244,
+                                34.03732
+                            ],
+                            [
+                                109.554516,
+                                34.041043
+                            ],
+                            [
+                                109.552832,
+                                34.044712
+                            ],
+                            [
+                                109.554624,
+                                34.050957
+                            ],
+                            [
+                                109.562957,
+                                34.054416
+                            ],
+                            [
+                                109.565569,
+                                34.058148
+                            ],
+                            [
+                                109.567145,
+                                34.064666
+                            ],
+                            [
+                                109.5747,
+                                34.065412
+                            ],
+                            [
+                                109.576621,
+                                34.066053
+                            ],
+                            [
+                                109.580118,
+                                34.070437
+                            ],
+                            [
+                                109.58422,
+                                34.072108
+                            ],
+                            [
+                                109.591862,
+                                34.072266
+                            ],
+                            [
+                                109.599827,
+                                34.073043
+                            ],
+                            [
+                                109.625235,
+                                34.074178
+                            ],
+                            [
+                                109.634323,
+                                34.075608
+                            ],
+                            [
+                                109.635273,
+                                34.078141
+                            ],
+                            [
+                                109.636115,
+                                34.084783
+                            ],
+                            [
+                                109.640843,
+                                34.08802
+                            ],
+                            [
+                                109.645872,
+                                34.088409
+                            ],
+                            [
+                                109.652694,
+                                34.091141
+                            ],
+                            [
+                                109.657119,
+                                34.097236
+                            ],
+                            [
+                                109.658328,
+                                34.101502
+                            ],
+                            [
+                                109.658026,
+                                34.104297
+                            ],
+                            [
+                                109.659472,
+                                34.105568
+                            ],
+                            [
+                                109.662861,
+                                34.102889
+                            ],
+                            [
+                                109.669381,
+                                34.100136
+                            ],
+                            [
+                                109.672576,
+                                34.099936
+                            ],
+                            [
+                                109.677195,
+                                34.101113
+                            ],
+                            [
+                                109.687643,
+                                34.105127
+                            ],
+                            [
+                                109.694724,
+                                34.10913
+                            ],
+                            [
+                                109.698631,
+                                34.114141
+                            ],
+                            [
+                                109.701329,
+                                34.111514
+                            ],
+                            [
+                                109.702409,
+                                34.107869
+                            ],
+                            [
+                                109.705733,
+                                34.104055
+                            ],
+                            [
+                                109.709727,
+                                34.104601
+                            ],
+                            [
+                                109.713871,
+                                34.106167
+                            ],
+                            [
+                                109.718988,
+                                34.104307
+                            ],
+                            [
+                                109.728551,
+                                34.096637
+                            ],
+                            [
+                                109.73602,
+                                34.096164
+                            ],
+                            [
+                                109.739841,
+                                34.097961
+                            ],
+                            [
+                                109.74038,
+                                34.102889
+                            ],
+                            [
+                                109.741935,
+                                34.106671
+                            ],
+                            [
+                                109.742258,
+                                34.110401
+                            ],
+                            [
+                                109.741524,
+                                34.115381
+                            ],
+                            [
+                                109.742172,
+                                34.121852
+                            ],
+                            [
+                                109.745173,
+                                34.125476
+                            ],
+                            [
+                                109.751865,
+                                34.126306
+                            ],
+                            [
+                                109.755103,
+                                34.127177
+                            ],
+                            [
+                                109.759269,
+                                34.130234
+                            ],
+                            [
+                                109.766457,
+                                34.137817
+                            ],
+                            [
+                                109.769113,
+                                34.141094
+                            ],
+                            [
+                                109.773193,
+                                34.148781
+                            ],
+                            [
+                                109.780985,
+                                34.160091
+                            ],
+                            [
+                                109.784483,
+                                34.161476
+                            ],
+                            [
+                                109.794197,
+                                34.160479
+                            ],
+                            [
+                                109.795147,
+                                34.158369
+                            ],
+                            [
+                                109.791326,
+                                34.155712
+                            ],
+                            [
+                                109.7888,
+                                34.151701
+                            ],
+                            [
+                                109.788649,
+                                34.148676
+                            ],
+                            [
+                                109.789815,
+                                34.145064
+                            ],
+                            [
+                                109.791865,
+                                34.145064
+                            ],
+                            [
+                                109.794952,
+                                34.146912
+                            ],
+                            [
+                                109.800867,
+                                34.14939
+                            ],
+                            [
+                                109.803652,
+                                34.15294
+                            ],
+                            [
+                                109.805444,
+                                34.153517
+                            ],
+                            [
+                                109.81015,
+                                34.150892
+                            ],
+                            [
+                                109.812697,
+                                34.147763
+                            ],
+                            [
+                                109.815935,
+                                34.148046
+                            ],
+                            [
+                                109.821547,
+                                34.152299
+                            ],
+                            [
+                                109.822217,
+                                34.155733
+                            ],
+                            [
+                                109.813258,
+                                34.165151
+                            ],
+                            [
+                                109.810538,
+                                34.166359
+                            ],
+                            [
+                                109.806955,
+                                34.163713
+                            ],
+                            [
+                                109.801407,
+                                34.160899
+                            ],
+                            [
+                                109.799291,
+                                34.160889
+                            ],
+                            [
+                                109.793808,
+                                34.165739
+                            ],
+                            [
+                                109.790462,
+                                34.170789
+                            ],
+                            [
+                                109.786296,
+                                34.172983
+                            ],
+                            [
+                                109.785411,
+                                34.176427
+                            ],
+                            [
+                                109.782497,
+                                34.180132
+                            ],
+                            [
+                                109.778071,
+                                34.183376
+                            ],
+                            [
+                                109.77207,
+                                34.18409
+                            ],
+                            [
+                                109.767235,
+                                34.185853
+                            ],
+                            [
+                                109.759744,
+                                34.183985
+                            ],
+                            [
+                                109.755534,
+                                34.184541
+                            ],
+                            [
+                                109.751994,
+                                34.186809
+                            ],
+                            [
+                                109.74759,
+                                34.186735
+                            ],
+                            [
+                                109.745432,
+                                34.187522
+                            ],
+                            [
+                                109.746597,
+                                34.190503
+                            ],
+                            [
+                                109.75439,
+                                34.198449
+                            ],
+                            [
+                                109.757326,
+                                34.203213
+                            ],
+                            [
+                                109.760003,
+                                34.206026
+                            ],
+                            [
+                                109.761147,
+                                34.209468
+                            ],
+                            [
+                                109.760586,
+                                34.211357
+                            ],
+                            [
+                                109.745604,
+                                34.213749
+                            ],
+                            [
+                                109.741654,
+                                34.215554
+                            ],
+                            [
+                                109.739992,
+                                34.217212
+                            ],
+                            [
+                                109.735437,
+                                34.226686
+                            ],
+                            [
+                                109.732328,
+                                34.234639
+                            ],
+                            [
+                                109.73045,
+                                34.236453
+                            ],
+                            [
+                                109.722744,
+                                34.235656
+                            ],
+                            [
+                                109.719268,
+                                34.236495
+                            ],
+                            [
+                                109.715447,
+                                34.238772
+                            ],
+                            [
+                                109.712123,
+                                34.239716
+                            ],
+                            [
+                                109.706813,
+                                34.239852
+                            ],
+                            [
+                                109.69399,
+                                34.2428
+                            ],
+                            [
+                                109.687859,
+                                34.242433
+                            ],
+                            [
+                                109.681361,
+                                34.239905
+                            ],
+                            [
+                                109.673914,
+                                34.238363
+                            ],
+                            [
+                                109.668582,
+                                34.238614
+                            ],
+                            [
+                                109.663228,
+                                34.241961
+                            ],
+                            [
+                                109.659105,
+                                34.245873
+                            ],
+                            [
+                                109.654831,
+                                34.246996
+                            ],
+                            [
+                                109.651377,
+                                34.246733
+                            ],
+                            [
+                                109.645505,
+                                34.245254
+                            ],
+                            [
+                                109.640821,
+                                34.24259
+                            ],
+                            [
+                                109.635057,
+                                34.238142
+                            ],
+                            [
+                                109.627739,
+                                34.240073
+                            ],
+                            [
+                                109.617896,
+                                34.24387
+                            ],
+                            [
+                                109.612693,
+                                34.247132
+                            ],
+                            [
+                                109.601727,
+                                34.250782
+                            ],
+                            [
+                                109.595251,
+                                34.254369
+                            ],
+                            [
+                                109.590092,
+                                34.255733
+                            ],
+                            [
+                                109.580658,
+                                34.259005
+                            ],
+                            [
+                                109.579773,
+                                34.26063
+                            ],
+                            [
+                                109.575801,
+                                34.262508
+                            ],
+                            [
+                                109.568742,
+                                34.261071
+                            ],
+                            [
+                                109.566605,
+                                34.261249
+                            ],
+                            [
+                                109.56328,
+                                34.263021
+                            ],
+                            [
+                                109.559848,
+                                34.26385
+                            ],
+                            [
+                                109.556092,
+                                34.260137
+                            ],
+                            [
+                                109.549573,
+                                34.257652
+                            ],
+                            [
+                                109.543723,
+                                34.257862
+                            ],
+                            [
+                                109.534548,
+                                34.259424
+                            ],
+                            [
+                                109.529324,
+                                34.256037
+                            ],
+                            [
+                                109.524856,
+                                34.255219
+                            ],
+                            [
+                                109.523647,
+                                34.255848
+                            ],
+                            [
+                                109.518984,
+                                34.261543
+                            ],
+                            [
+                                109.516566,
+                                34.263263
+                            ],
+                            [
+                                109.5056,
+                                34.26817
+                            ],
+                            [
+                                109.500246,
+                                34.268663
+                            ],
+                            [
+                                109.495605,
+                                34.271453
+                            ],
+                            [
+                                109.493706,
+                                34.274399
+                            ],
+                            [
+                                109.490273,
+                                34.276947
+                            ],
+                            [
+                                109.489582,
+                                34.279254
+                            ],
+                            [
+                                109.484294,
+                                34.287715
+                            ],
+                            [
+                                109.485049,
+                                34.289319
+                            ],
+                            [
+                                109.480278,
+                                34.289896
+                            ],
+                            [
+                                109.478012,
+                                34.29085
+                            ],
+                            [
+                                109.477688,
+                                34.294477
+                            ],
+                            [
+                                109.475875,
+                                34.294131
+                            ],
+                            [
+                                109.474169,
+                                34.296018
+                            ],
+                            [
+                                109.468298,
+                                34.295892
+                            ],
+                            [
+                                109.465599,
+                                34.29759
+                            ],
+                            [
+                                109.456446,
+                                34.298219
+                            ],
+                            [
+                                109.455475,
+                                34.301354
+                            ],
+                            [
+                                109.456943,
+                                34.303702
+                            ],
+                            [
+                                109.45677,
+                                34.305819
+                            ],
+                            [
+                                109.458324,
+                                34.310923
+                            ],
+                            [
+                                109.457029,
+                                34.312485
+                            ],
+                            [
+                                109.454352,
+                                34.313187
+                            ],
+                            [
+                                109.454309,
+                                34.316153
+                            ],
+                            [
+                                109.451481,
+                                34.319979
+                            ],
+                            [
+                                109.450899,
+                                34.322525
+                            ],
+                            [
+                                109.452798,
+                                34.324778
+                            ],
+                            [
+                                109.450618,
+                                34.326822
+                            ],
+                            [
+                                109.453597,
+                                34.332637
+                            ],
+                            [
+                                109.452474,
+                                34.335247
+                            ],
+                            [
+                                109.454827,
+                                34.338306
+                            ],
+                            [
+                                109.453985,
+                                34.339647
+                            ],
+                            [
+                                109.454504,
+                                34.343765
+                            ],
+                            [
+                                109.456619,
+                                34.344896
+                            ],
+                            [
+                                109.456554,
+                                34.346478
+                            ],
+                            [
+                                109.458907,
+                                34.351025
+                            ],
+                            [
+                                109.456554,
+                                34.353089
+                            ],
+                            [
+                                109.45554,
+                                34.356357
+                            ],
+                            [
+                                109.456468,
+                                34.359542
+                            ],
+                            [
+                                109.458843,
+                                34.360987
+                            ],
+                            [
+                                109.458497,
+                                34.363187
+                            ],
+                            [
+                                109.461282,
+                                34.365868
+                            ],
+                            [
+                                109.459836,
+                                34.369346
+                            ],
+                            [
+                                109.462404,
+                                34.371221
+                            ],
+                            [
+                                109.461584,
+                                34.374572
+                            ],
+                            [
+                                109.462599,
+                                34.376017
+                            ],
+                            [
+                                109.461735,
+                                34.378164
+                            ],
+                            [
+                                109.464671,
+                                34.380667
+                            ],
+                            [
+                                109.465016,
+                                34.384982
+                            ],
+                            [
+                                109.462059,
+                                34.384521
+                            ],
+                            [
+                                109.460785,
+                                34.386217
+                            ],
+                            [
+                                109.460915,
+                                34.390071
+                            ],
+                            [
+                                109.463829,
+                                34.390825
+                            ],
+                            [
+                                109.46098,
+                                34.392909
+                            ],
+                            [
+                                109.461865,
+                                34.394186
+                            ],
+                            [
+                                109.453403,
+                                34.39428
+                            ],
+                            [
+                                109.447833,
+                                34.395882
+                            ],
+                            [
+                                109.445804,
+                                34.39739
+                            ],
+                            [
+                                109.447034,
+                                34.402583
+                            ],
+                            [
+                                109.447142,
+                                34.406415
+                            ],
+                            [
+                                109.445804,
+                                34.40987
+                            ],
+                            [
+                                109.442609,
+                                34.41413
+                            ],
+                            [
+                                109.432852,
+                                34.416863
+                            ],
+                            [
+                                109.427973,
+                                34.419364
+                            ],
+                            [
+                                109.424951,
+                                34.421688
+                            ],
+                            [
+                                109.423073,
+                                34.426158
+                            ],
+                            [
+                                109.423548,
+                                34.430344
+                            ],
+                            [
+                                109.424692,
+                                34.433819
+                            ],
+                            [
+                                109.420115,
+                                34.437356
+                            ],
+                            [
+                                109.423677,
+                                34.440182
+                            ],
+                            [
+                                109.424519,
+                                34.441898
+                            ],
+                            [
+                                109.423116,
+                                34.445404
+                            ],
+                            [
+                                109.415841,
+                                34.450793
+                            ],
+                            [
+                                109.414352,
+                                34.453775
+                            ],
+                            [
+                                109.414481,
+                                34.456924
+                            ],
+                            [
+                                109.413272,
+                                34.460722
+                            ],
+                            [
+                                109.407919,
+                                34.464541
+                            ],
+                            [
+                                109.404465,
+                                34.46497
+                            ],
+                            [
+                                109.397687,
+                                34.464896
+                            ],
+                            [
+                                109.394643,
+                                34.465838
+                            ],
+                            [
+                                109.39134,
+                                34.468547
+                            ],
+                            [
+                                109.389419,
+                                34.474123
+                            ],
+                            [
+                                109.38916,
+                                34.477502
+                            ],
+                            [
+                                109.390131,
+                                34.482763
+                            ],
+                            [
+                                109.393175,
+                                34.487888
+                            ],
+                            [
+                                109.3946,
+                                34.491549
+                            ],
+                            [
+                                109.397643,
+                                34.497081
+                            ],
+                            [
+                                109.399694,
+                                34.499769
+                            ],
+                            [
+                                109.404422,
+                                34.5007
+                            ],
+                            [
+                                109.408221,
+                                34.499351
+                            ],
+                            [
+                                109.410229,
+                                34.499738
+                            ],
+                            [
+                                109.411027,
+                                34.503
+                            ],
+                            [
+                                109.406321,
+                                34.506974
+                            ],
+                            [
+                                109.396132,
+                                34.508375
+                            ],
+                            [
+                                109.391599,
+                                34.524006
+                            ],
+                            [
+                                109.39134,
+                                34.52916
+                            ],
+                            [
+                                109.394578,
+                                34.534982
+                            ],
+                            [
+                                109.397514,
+                                34.535453
+                            ],
+                            [
+                                109.402328,
+                                34.533205
+                            ],
+                            [
+                                109.408718,
+                                34.534899
+                            ],
+                            [
+                                109.418043,
+                                34.536728
+                            ],
+                            [
+                                109.420698,
+                                34.538662
+                            ],
+                            [
+                                109.427196,
+                                34.547556
+                            ],
+                            [
+                                109.429096,
+                                34.549417
+                            ],
+                            [
+                                109.436737,
+                                34.551235
+                            ],
+                            [
+                                109.443861,
+                                34.554297
+                            ],
+                            [
+                                109.449776,
+                                34.55366
+                            ],
+                            [
+                                109.449646,
+                                34.556544
+                            ],
+                            [
+                                109.448135,
+                                34.562166
+                            ],
+                            [
+                                109.437191,
+                                34.59564
+                            ],
+                            [
+                                109.43596,
+                                34.60597
+                            ],
+                            [
+                                109.433672,
+                                34.611036
+                            ],
+                            [
+                                109.432895,
+                                34.614712
+                            ],
+                            [
+                                109.434147,
+                                34.62127
+                            ],
+                            [
+                                109.43106,
+                                34.636483
+                            ],
+                            [
+                                109.429527,
+                                34.645356
+                            ],
+                            [
+                                109.426743,
+                                34.655983
+                            ]
+                        ]
+                    ],
+                    [
+                        [
+                            [
+                                109.174175,
+                                33.808687
+                            ],
+                            [
+                                109.173959,
+                                33.811196
+                            ],
+                            [
+                                109.169728,
+                                33.811228
+                            ],
+                            [
+                                109.162367,
+                                33.812641
+                            ],
+                            [
+                                109.157963,
+                                33.812715
+                            ],
+                            [
+                                109.153063,
+                                33.809446
+                            ],
+                            [
+                                109.151422,
+                                33.804849
+                            ],
+                            [
+                                109.147299,
+                                33.799303
+                            ],
+                            [
+                                109.151616,
+                                33.795349
+                            ],
+                            [
+                                109.154034,
+                                33.791141
+                            ],
+                            [
+                                109.160553,
+                                33.79305
+                            ],
+                            [
+                                109.166619,
+                                33.797489
+                            ],
+                            [
+                                109.167742,
+                                33.802171
+                            ],
+                            [
+                                109.174175,
+                                33.808687
+                            ]
+                        ]
+                    ],
+                    [
+                        [
+                            [
+                                109.181363,
+                                33.805534
+                            ],
+                            [
+                                109.183284,
+                                33.806874
+                            ],
+                            [
+                                109.185335,
+                                33.809942
+                            ],
+                            [
+                                109.185767,
+                                33.812303
+                            ],
+                            [
+                                109.177477,
+                                33.811217
+                            ],
+                            [
+                                109.177542,
+                                33.809109
+                            ],
+                            [
+                                109.181363,
+                                33.805534
+                            ]
+                        ]
+                    ]
+                ]
+            }
+        }
+    ]
+}
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapData.js b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapData.js
new file mode 100644
index 0000000..bf08b3e
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapData.js
@@ -0,0 +1,2000 @@
+/**
+ * http://gaode.com)
+ */
+export default [{
+	"lng": 116.191031,
+	"lat": 39.988585,
+	"count": 10
+}, {
+	"lng": 116.389275,
+	"lat": 39.925818,
+	"count": 11
+}, {
+	"lng": 116.287444,
+	"lat": 39.810742,
+	"count": 12
+}, {
+	"lng": 116.481707,
+	"lat": 39.940089,
+	"count": 13
+}, {
+	"lng": 116.410588,
+	"lat": 39.880172,
+	"count": 14
+}, {
+	"lng": 116.394816,
+	"lat": 39.91181,
+	"count": 15
+}, {
+	"lng": 116.416002,
+	"lat": 39.952917,
+	"count": 16
+}, {
+	"lng": 116.39671,
+	"lat": 39.924903,
+	"count": 17
+}, {
+	"lng": 116.180816,
+	"lat": 39.957553,
+	"count": 18
+}, {
+	"lng": 116.382035,
+	"lat": 39.874114,
+	"count": 19
+}, {
+	"lng": 116.316648,
+	"lat": 39.914529,
+	"count": 20
+}, {
+	"lng": 116.395803,
+	"lat": 39.908556,
+	"count": 21
+}, {
+	"lng": 116.74553,
+	"lat": 39.875916,
+	"count": 22
+}, {
+	"lng": 116.352289,
+	"lat": 39.916475,
+	"count": 23
+}, {
+	"lng": 116.441548,
+	"lat": 39.878262,
+	"count": 24
+}, {
+	"lng": 116.318947,
+	"lat": 39.942735,
+	"count": 25
+}, {
+	"lng": 116.382585,
+	"lat": 39.941949,
+	"count": 26
+}, {
+	"lng": 116.42042,
+	"lat": 39.884017,
+	"count": 27
+}, {
+	"lng": 116.31744,
+	"lat": 39.892561,
+	"count": 28
+}, {
+	"lng": 116.407059,
+	"lat": 39.912438,
+	"count": 29
+}, {
+	"lng": 116.412351,
+	"lat": 39.888082,
+	"count": 30
+}, {
+	"lng": 116.444341,
+	"lat": 39.915891,
+	"count": 31
+}, {
+	"lng": 116.335385,
+	"lat": 39.741756,
+	"count": 32
+}, {
+	"lng": 116.3926,
+	"lat": 40.008733,
+	"count": 33
+}, {
+	"lng": 116.389731,
+	"lat": 39.92292,
+	"count": 34
+}, {
+	"lng": 116.413371,
+	"lat": 39.874483,
+	"count": 35
+}, {
+	"lng": 116.199752,
+	"lat": 39.911717,
+	"count": 36
+}, {
+	"lng": 116.278472,
+	"lat": 40.254994,
+	"count": 37
+}, {
+	"lng": 116.464252,
+	"lat": 39.925828,
+	"count": 38
+}, {
+	"lng": 116.479475,
+	"lat": 39.937945,
+	"count": 39
+}, {
+	"lng": 116.415599,
+	"lat": 39.956902,
+	"count": 40
+}, {
+	"lng": 116.355675,
+	"lat": 39.870089,
+	"count": 41
+}, {
+	"lng": 116.295267,
+	"lat": 39.987171,
+	"count": 42
+}, {
+	"lng": 116.323634,
+	"lat": 39.911692,
+	"count": 43
+}, {
+	"lng": 116.692769,
+	"lat": 40.173307,
+	"count": 44
+}, {
+	"lng": 116.287888,
+	"lat": 39.928531,
+	"count": 45
+}, {
+	"lng": 116.386502,
+	"lat": 39.922747,
+	"count": 46
+}, {
+	"lng": 116.236773,
+	"lat": 40.218341,
+	"count": 47
+}, {
+	"lng": 116.490636,
+	"lat": 39.804253,
+	"count": 48
+}, {
+	"lng": 116.391095,
+	"lat": 39.925791,
+	"count": 49
+}, {
+	"lng": 116.472402,
+	"lat": 39.769178,
+	"count": 50
+}, {
+	"lng": 116.38657,
+	"lat": 39.956731,
+	"count": 51
+}, {
+	"lng": 116.427536,
+	"lat": 39.943671,
+	"count": 52
+}, {
+	"lng": 116.374547,
+	"lat": 39.967588,
+	"count": 53
+}, {
+	"lng": 116.380383,
+	"lat": 39.871634,
+	"count": 54
+}, {
+	"lng": 116.376092,
+	"lat": 39.965485,
+	"count": 55
+}, {
+	"lng": 116.352424,
+	"lat": 39.91811,
+	"count": 56
+}, {
+	"lng": 116.020157,
+	"lat": 40.348526,
+	"count": 57
+}, {
+	"lng": 116.416201,
+	"lat": 39.951736,
+	"count": 58
+}, {
+	"lng": 116.405392,
+	"lat": 39.908738,
+	"count": 59
+}, {
+	"lng": 116.49238,
+	"lat": 39.926248,
+	"count": 60
+}, {
+	"lng": 116.389282,
+	"lat": 39.988391,
+	"count": 61
+}, {
+	"lng": 116.396683,
+	"lat": 39.923487,
+	"count": 62
+}, {
+	"lng": 116.41718,
+	"lat": 39.905213,
+	"count": 63
+}, {
+	"lng": 116.321512,
+	"lat": 39.913192,
+	"count": 64
+}, {
+	"lng": 116.260028,
+	"lat": 40.03353,
+	"count": 65
+}, {
+	"lng": 116.394846,
+	"lat": 39.911168,
+	"count": 66
+}, {
+	"lng": 116.374767,
+	"lat": 39.96608,
+	"count": 67
+}, {
+	"lng": 116.6841,
+	"lat": 39.909762,
+	"count": 68
+}, {
+	"lng": 116.3838,
+	"lat": 39.95811,
+	"count": 69
+}, {
+	"lng": 116.39243,
+	"lat": 40.01143,
+	"count": 70
+}, {
+	"lng": 116.661912,
+	"lat": 40.121137,
+	"count": 71
+}, {
+	"lng": 116.333056,
+	"lat": 39.90123,
+	"count": 72
+}, {
+	"lng": 116.484839,
+	"lat": 39.881729,
+	"count": 73
+}, {
+	"lng": 116.360923,
+	"lat": 39.935745,
+	"count": 74
+}, {
+	"lng": 116.408531,
+	"lat": 39.953194,
+	"count": 75
+}, {
+	"lng": 116.417916,
+	"lat": 39.954029,
+	"count": 76
+}, {
+	"lng": 116.412215,
+	"lat": 39.992282,
+	"count": 77
+}, {
+	"lng": 116.181532,
+	"lat": 40.048762,
+	"count": 78
+}, {
+	"lng": 116.434848,
+	"lat": 40.070463,
+	"count": 79
+}, {
+	"lng": 116.385039,
+	"lat": 39.956937,
+	"count": 80
+}, {
+	"lng": 116.755067,
+	"lat": 39.854499,
+	"count": 81
+}, {
+	"lng": 116.396061,
+	"lat": 39.912841,
+	"count": 82
+}, {
+	"lng": 116.474303,
+	"lat": 39.971398,
+	"count": 83
+}, {
+	"lng": 116.376262,
+	"lat": 39.85811,
+	"count": 84
+}, {
+	"lng": 116.403783,
+	"lat": 39.954469,
+	"count": 85
+}, {
+	"lng": 116.339136,
+	"lat": 39.729159,
+	"count": 86
+}, {
+	"lng": 116.240159,
+	"lat": 39.947003,
+	"count": 87
+}, {
+	"lng": 117.107541,
+	"lat": 40.141457,
+	"count": 88
+}, {
+	"lng": 116.341813,
+	"lat": 40.078786,
+	"count": 89
+}, {
+	"lng": 116.320648,
+	"lat": 39.706455,
+	"count": 90
+}, {
+	"lng": 116.402566,
+	"lat": 39.960873,
+	"count": 91
+}, {
+	"lng": 116.849261,
+	"lat": 40.402999,
+	"count": 92
+}, {
+	"lng": 116.521064,
+	"lat": 39.834187,
+	"count": 93
+}, {
+	"lng": 116.329942,
+	"lat": 39.925327,
+	"count": 94
+}, {
+	"lng": 116.479852,
+	"lat": 39.974856,
+	"count": 95
+}, {
+	"lng": 116.399185,
+	"lat": 39.925736,
+	"count": 96
+}, {
+	"lng": 116.193166,
+	"lat": 39.911953,
+	"count": 1
+}, {
+	"lng": 116.400916,
+	"lat": 39.870614,
+	"count": 2
+}, {
+	"lng": 116.518041,
+	"lat": 39.956615,
+	"count": 3
+}, {
+	"lng": 116.388981,
+	"lat": 39.997716,
+	"count": 4
+}, {
+	"lng": 116.285852,
+	"lat": 39.863497,
+	"count": 5
+}, {
+	"lng": 116.294167,
+	"lat": 39.884599,
+	"count": 6
+}, {
+	"lng": 116.394235,
+	"lat": 39.996845,
+	"count": 7
+}, {
+	"lng": 116.32471,
+	"lat": 39.970486,
+	"count": 8
+}, {
+	"lng": 116.496828,
+	"lat": 39.99335,
+	"count": 9
+}, {
+	"lng": 116.482534,
+	"lat": 39.934086,
+	"count": 10
+}, {
+	"lng": 116.454662,
+	"lat": 39.974981,
+	"count": 11
+}, {
+	"lng": 116.387076,
+	"lat": 39.87631,
+	"count": 12
+}, {
+	"lng": 116.433341,
+	"lat": 39.92803,
+	"count": 13
+}, {
+	"lng": 116.382196,
+	"lat": 39.941606,
+	"count": 14
+}, {
+	"lng": 116.244286,
+	"lat": 39.82905,
+	"count": 15
+}, {
+	"lng": 116.566672,
+	"lat": 40.176097,
+	"count": 16
+}, {
+	"lng": 116.686862,
+	"lat": 39.908507,
+	"count": 17
+}, {
+	"lng": 117.240166,
+	"lat": 40.175796,
+	"count": 18
+}, {
+	"lng": 116.428661,
+	"lat": 39.866958,
+	"count": 19
+}, {
+	"lng": 116.443292,
+	"lat": 39.917447,
+	"count": 20
+}, {
+	"lng": 116.356538,
+	"lat": 39.926711,
+	"count": 21
+}, {
+	"lng": 116.194086,
+	"lat": 39.912242,
+	"count": 22
+}, {
+	"lng": 116.379861,
+	"lat": 39.971831,
+	"count": 23
+}, {
+	"lng": 116.377966,
+	"lat": 39.874647,
+	"count": 24
+}, {
+	"lng": 116.466778,
+	"lat": 39.926304,
+	"count": 25
+}, {
+	"lng": 116.692078,
+	"lat": 40.170197,
+	"count": 26
+}, {
+	"lng": 116.428651,
+	"lat": 39.94275,
+	"count": 27
+}, {
+	"lng": 116.322655,
+	"lat": 39.939517,
+	"count": 28
+}, {
+	"lng": 116.445601,
+	"lat": 39.98439,
+	"count": 29
+}, {
+	"lng": 116.662833,
+	"lat": 39.912238,
+	"count": 30
+}, {
+	"lng": 116.394183,
+	"lat": 39.925557,
+	"count": 31
+}, {
+	"lng": 116.312788,
+	"lat": 39.860017,
+	"count": 32
+}, {
+	"lng": 116.104708,
+	"lat": 40.065563,
+	"count": 33
+}, {
+	"lng": 116.204443,
+	"lat": 39.938295,
+	"count": 34
+}, {
+	"lng": 116.310917,
+	"lat": 39.89381,
+	"count": 35
+}, {
+	"lng": 116.265851,
+	"lat": 39.834247,
+	"count": 36
+}, {
+	"lng": 116.33501,
+	"lat": 39.742507,
+	"count": 37
+}, {
+	"lng": 116.397519,
+	"lat": 39.99794,
+	"count": 38
+}, {
+	"lng": 116.441252,
+	"lat": 39.915566,
+	"count": 39
+}, {
+	"lng": 116.441898,
+	"lat": 39.856454,
+	"count": 40
+}, {
+	"lng": 116.446552,
+	"lat": 39.946418,
+	"count": 41
+}, {
+	"lng": 116.359761,
+	"lat": 39.895327,
+	"count": 42
+}, {
+	"lng": 116.349168,
+	"lat": 39.893551,
+	"count": 43
+}, {
+	"lng": 116.476819,
+	"lat": 39.94388,
+	"count": 44
+}, {
+	"lng": 116.29912,
+	"lat": 39.988433,
+	"count": 45
+}, {
+	"lng": 116.467912,
+	"lat": 39.770524,
+	"count": 46
+}, {
+	"lng": 116.382134,
+	"lat": 39.862204,
+	"count": 47
+}, {
+	"lng": 116.483378,
+	"lat": 39.93431,
+	"count": 48
+}, {
+	"lng": 116.35395,
+	"lat": 39.910738,
+	"count": 49
+}, {
+	"lng": 116.398771,
+	"lat": 39.976433,
+	"count": 50
+}, {
+	"lng": 116.462189,
+	"lat": 39.925864,
+	"count": 51
+}, {
+	"lng": 116.378957,
+	"lat": 39.806676,
+	"count": 52
+}, {
+	"lng": 116.334199,
+	"lat": 39.900985,
+	"count": 53
+}, {
+	"lng": 116.443961,
+	"lat": 39.913511,
+	"count": 54
+}, {
+	"lng": 116.388829,
+	"lat": 39.95053,
+	"count": 55
+}, {
+	"lng": 116.319655,
+	"lat": 39.892339,
+	"count": 56
+}, {
+	"lng": 117.431959,
+	"lat": 40.630521,
+	"count": 57
+}, {
+	"lng": 117.108914,
+	"lat": 40.140406,
+	"count": 58
+}, {
+	"lng": 116.43019,
+	"lat": 39.880486,
+	"count": 59
+}, {
+	"lng": 116.250698,
+	"lat": 39.907186,
+	"count": 60
+}, {
+	"lng": 116.341065,
+	"lat": 39.766082,
+	"count": 61
+}, {
+	"lng": 116.290335,
+	"lat": 39.812431,
+	"count": 62
+}, {
+	"lng": 116.360813,
+	"lat": 39.936362,
+	"count": 63
+}, {
+	"lng": 116.400282,
+	"lat": 39.995027,
+	"count": 64
+}, {
+	"lng": 116.317257,
+	"lat": 39.889092,
+	"count": 65
+}, {
+	"lng": 116.482537,
+	"lat": 39.954978,
+	"count": 66
+}, {
+	"lng": 116.38496,
+	"lat": 39.954428,
+	"count": 67
+}, {
+	"lng": 116.391803,
+	"lat": 39.911587,
+	"count": 68
+}, {
+	"lng": 116.4266,
+	"lat": 39.867228,
+	"count": 69
+}, {
+	"lng": 116.145997,
+	"lat": 39.790856,
+	"count": 70
+}, {
+	"lng": 116.430265,
+	"lat": 39.867451,
+	"count": 71
+}, {
+	"lng": 116.315479,
+	"lat": 39.940668,
+	"count": 72
+}, {
+	"lng": 116.359393,
+	"lat": 39.975431,
+	"count": 73
+}, {
+	"lng": 116.382347,
+	"lat": 39.968935,
+	"count": 74
+}, {
+	"lng": 115.987169,
+	"lat": 40.454625,
+	"count": 75
+}, {
+	"lng": 116.489292,
+	"lat": 39.931242,
+	"count": 76
+}, {
+	"lng": 116.368238,
+	"lat": 39.879807,
+	"count": 77
+}, {
+	"lng": 116.493761,
+	"lat": 39.923885,
+	"count": 78
+}, {
+	"lng": 116.53666,
+	"lat": 39.8778,
+	"count": 79
+}, {
+	"lng": 116.501743,
+	"lat": 39.79602,
+	"count": 80
+}, {
+	"lng": 116.582818,
+	"lat": 39.932646,
+	"count": 81
+}, {
+	"lng": 116.417364,
+	"lat": 39.869292,
+	"count": 82
+}, {
+	"lng": 116.354305,
+	"lat": 39.872022,
+	"count": 83
+}, {
+	"lng": 116.375162,
+	"lat": 40.01344,
+	"count": 84
+}, {
+	"lng": 116.400523,
+	"lat": 39.881031,
+	"count": 85
+}, {
+	"lng": 116.315365,
+	"lat": 39.945005,
+	"count": 86
+}, {
+	"lng": 116.44088,
+	"lat": 39.810753,
+	"count": 87
+}, {
+	"lng": 116.679285,
+	"lat": 39.916527,
+	"count": 88
+}, {
+	"lng": 116.483694,
+	"lat": 39.946929,
+	"count": 89
+}, {
+	"lng": 116.341678,
+	"lat": 40.080021,
+	"count": 90
+}, {
+	"lng": 116.017167,
+	"lat": 39.889175,
+	"count": 91
+}, {
+	"lng": 116.454692,
+	"lat": 39.954167,
+	"count": 92
+}, {
+	"lng": 116.410129,
+	"lat": 40.050952,
+	"count": 93
+}, {
+	"lng": 116.418556,
+	"lat": 39.872365,
+	"count": 94
+}, {
+	"lng": 116.25432,
+	"lat": 40.142367,
+	"count": 95
+}, {
+	"lng": 116.658763,
+	"lat": 39.891072,
+	"count": 96
+}, {
+	"lng": 116.305312,
+	"lat": 39.9953,
+	"count": 97
+}, {
+	"lng": 116.388761,
+	"lat": 39.951259,
+	"count": 98
+}, {
+	"lng": 116.68017,
+	"lat": 39.873413,
+	"count": 99
+}, {
+	"lng": 116.090539,
+	"lat": 39.796301,
+	"count": 1
+}, {
+	"lng": 116.380305,
+	"lat": 39.78354,
+	"count": 2
+}, {
+	"lng": 116.348831,
+	"lat": 40.022543,
+	"count": 3
+}, {
+	"lng": 116.438133,
+	"lat": 39.960988,
+	"count": 4
+}, {
+	"lng": 116.199587,
+	"lat": 39.911,
+	"count": 5
+}, {
+	"lng": 116.081743,
+	"lat": 39.788321,
+	"count": 6
+}, {
+	"lng": 117.24044,
+	"lat": 40.1752,
+	"count": 7
+}, {
+	"lng": 116.636141,
+	"lat": 40.327724,
+	"count": 8
+}, {
+	"lng": 116.453166,
+	"lat": 39.973511,
+	"count": 9
+}, {
+	"lng": 116.583381,
+	"lat": 39.953315,
+	"count": 10
+}, {
+	"lng": 116.236326,
+	"lat": 39.90595,
+	"count": 11
+}, {
+	"lng": 116.328305,
+	"lat": 39.781647,
+	"count": 12
+}, {
+	"lng": 116.260012,
+	"lat": 39.984951,
+	"count": 13
+}, {
+	"lng": 116.254938,
+	"lat": 39.916206,
+	"count": 14
+}, {
+	"lng": 116.85469,
+	"lat": 40.474419,
+	"count": 15
+}, {
+	"lng": 116.309389,
+	"lat": 39.971918,
+	"count": 16
+}, {
+	"lng": 116.310732,
+	"lat": 39.971517,
+	"count": 17
+}, {
+	"lng": 116.401885,
+	"lat": 39.847641,
+	"count": 18
+}, {
+	"lng": 116.427771,
+	"lat": 39.880572,
+	"count": 19
+}, {
+	"lng": 116.430537,
+	"lat": 39.880968,
+	"count": 20
+}, {
+	"lng": 116.550673,
+	"lat": 39.895212,
+	"count": 21
+}, {
+	"lng": 116.345906,
+	"lat": 39.815152,
+	"count": 22
+}, {
+	"lng": 116.512016,
+	"lat": 39.868573,
+	"count": 23
+}, {
+	"lng": 115.894604,
+	"lat": 39.803644,
+	"count": 24
+}, {
+	"lng": 116.32497,
+	"lat": 40.083198,
+	"count": 25
+}, {
+	"lng": 116.315523,
+	"lat": 39.858242,
+	"count": 26
+}, {
+	"lng": 116.465052,
+	"lat": 39.903055,
+	"count": 27
+}, {
+	"lng": 116.464814,
+	"lat": 39.924176,
+	"count": 28
+}, {
+	"lng": 115.959538,
+	"lat": 39.727218,
+	"count": 29
+}, {
+	"lng": 116.478895,
+	"lat": 39.954472,
+	"count": 30
+}, {
+	"lng": 116.337546,
+	"lat": 39.741337,
+	"count": 31
+}, {
+	"lng": 116.504757,
+	"lat": 39.83778,
+	"count": 32
+}, {
+	"lng": 116.393143,
+	"lat": 40.02725,
+	"count": 33
+}, {
+	"lng": 116.23419,
+	"lat": 40.217361,
+	"count": 34
+}, {
+	"lng": 116.368688,
+	"lat": 39.829561,
+	"count": 35
+}, {
+	"lng": 116.460134,
+	"lat": 39.983721,
+	"count": 36
+}, {
+	"lng": 116.381539,
+	"lat": 39.746766,
+	"count": 37
+}, {
+	"lng": 116.291759,
+	"lat": 39.983886,
+	"count": 38
+}, {
+	"lng": 116.377613,
+	"lat": 39.817895,
+	"count": 39
+}, {
+	"lng": 116.306646,
+	"lat": 39.956296,
+	"count": 40
+}, {
+	"lng": 116.160747,
+	"lat": 39.818863,
+	"count": 41
+}, {
+	"lng": 116.392912,
+	"lat": 40.001989,
+	"count": 42
+}, {
+	"lng": 116.199115,
+	"lat": 39.91276,
+	"count": 43
+}, {
+	"lng": 116.434577,
+	"lat": 39.812232,
+	"count": 44
+}, {
+	"lng": 116.495843,
+	"lat": 39.925538,
+	"count": 45
+}, {
+	"lng": 116.333803,
+	"lat": 39.913224,
+	"count": 46
+}, {
+	"lng": 116.489277,
+	"lat": 39.941842,
+	"count": 47
+}, {
+	"lng": 116.510514,
+	"lat": 39.973547,
+	"count": 48
+}, {
+	"lng": 116.474685,
+	"lat": 39.936648,
+	"count": 49
+}, {
+	"lng": 116.418054,
+	"lat": 39.905091,
+	"count": 50
+}, {
+	"lng": 116.285529,
+	"lat": 39.926274,
+	"count": 51
+}, {
+	"lng": 116.289399,
+	"lat": 39.948054,
+	"count": 52
+}, {
+	"lng": 116.508241,
+	"lat": 39.920234,
+	"count": 53
+}, {
+	"lng": 116.317979,
+	"lat": 40.000721,
+	"count": 54
+}, {
+	"lng": 116.428324,
+	"lat": 39.868263,
+	"count": 55
+}, {
+	"lng": 116.407517,
+	"lat": 40.016715,
+	"count": 56
+}, {
+	"lng": 116.338841,
+	"lat": 39.969646,
+	"count": 57
+}, {
+	"lng": 116.495703,
+	"lat": 39.992607,
+	"count": 58
+}, {
+	"lng": 116.369659,
+	"lat": 39.97595,
+	"count": 59
+}, {
+	"lng": 116.291709,
+	"lat": 39.96228,
+	"count": 60
+}, {
+	"lng": 116.311003,
+	"lat": 39.998264,
+	"count": 61
+}, {
+	"lng": 116.391429,
+	"lat": 39.93324,
+	"count": 62
+}, {
+	"lng": 116.406033,
+	"lat": 39.95407,
+	"count": 63
+}, {
+	"lng": 116.391856,
+	"lat": 39.912004,
+	"count": 64
+}, {
+	"lng": 116.356434,
+	"lat": 39.871474,
+	"count": 65
+}, {
+	"lng": 116.477081,
+	"lat": 39.970334,
+	"count": 66
+}, {
+	"lng": 116.475337,
+	"lat": 39.939749,
+	"count": 67
+}, {
+	"lng": 116.752911,
+	"lat": 39.916369,
+	"count": 68
+}, {
+	"lng": 116.470361,
+	"lat": 39.874606,
+	"count": 69
+}, {
+	"lng": 116.489172,
+	"lat": 39.949033,
+	"count": 70
+}, {
+	"lng": 116.502514,
+	"lat": 39.973734,
+	"count": 71
+}, {
+	"lng": 116.186985,
+	"lat": 39.920185,
+	"count": 72
+}, {
+	"lng": 116.583743,
+	"lat": 39.95335,
+	"count": 73
+}, {
+	"lng": 116.119183,
+	"lat": 39.732055,
+	"count": 74
+}, {
+	"lng": 116.391902,
+	"lat": 39.93331,
+	"count": 75
+}, {
+	"lng": 116.488588,
+	"lat": 39.953371,
+	"count": 76
+}, {
+	"lng": 116.381798,
+	"lat": 39.975717,
+	"count": 77
+}, {
+	"lng": 116.384689,
+	"lat": 39.827773,
+	"count": 78
+}, {
+	"lng": 116.445287,
+	"lat": 39.894354,
+	"count": 79
+}, {
+	"lng": 116.24048,
+	"lat": 39.947687,
+	"count": 80
+}, {
+	"lng": 116.413605,
+	"lat": 40.04902,
+	"count": 81
+}, {
+	"lng": 116.239012,
+	"lat": 39.904288,
+	"count": 82
+}, {
+	"lng": 116.408522,
+	"lat": 40.016971,
+	"count": 83
+}, {
+	"lng": 116.475833,
+	"lat": 39.947107,
+	"count": 84
+}, {
+	"lng": 116.43476,
+	"lat": 39.901671,
+	"count": 85
+}, {
+	"lng": 116.40229,
+	"lat": 39.869205,
+	"count": 86
+}, {
+	"lng": 116.226013,
+	"lat": 40.213485,
+	"count": 87
+}, {
+	"lng": 116.689042,
+	"lat": 39.889192,
+	"count": 88
+}, {
+	"lng": 116.377252,
+	"lat": 39.873622,
+	"count": 89
+}, {
+	"lng": 116.53061,
+	"lat": 40.103146,
+	"count": 90
+}, {
+	"lng": 116.416271,
+	"lat": 39.905187,
+	"count": 91
+}, {
+	"lng": 116.531169,
+	"lat": 39.91276,
+	"count": 92
+}, {
+	"lng": 116.17849,
+	"lat": 40.075692,
+	"count": 93
+}, {
+	"lng": 116.188616,
+	"lat": 40.102413,
+	"count": 94
+}, {
+	"lng": 116.531799,
+	"lat": 39.84939,
+	"count": 95
+}, {
+	"lng": 116.443707,
+	"lat": 39.87558,
+	"count": 96
+}, {
+	"lng": 116.814298,
+	"lat": 40.53416,
+	"count": 97
+}, {
+	"lng": 116.428247,
+	"lat": 39.873118,
+	"count": 98
+}, {
+	"lng": 116.290774,
+	"lat": 39.963116,
+	"count": 99
+}, {
+	"lng": 116.299918,
+	"lat": 39.936094,
+	"count": 100
+}, {
+	"lng": 116.489325,
+	"lat": 39.944556,
+	"count": 101
+}, {
+	"lng": 116.339297,
+	"lat": 40.038739,
+	"count": 102
+}, {
+	"lng": 116.485631,
+	"lat": 39.804667,
+	"count": 103
+}, {
+	"lng": 116.480549,
+	"lat": 39.955012,
+	"count": 104
+}, {
+	"lng": 116.381977,
+	"lat": 39.878496,
+	"count": 1
+}, {
+	"lng": 116.259586,
+	"lat": 40.043622,
+	"count": 2
+}, {
+	"lng": 116.587813,
+	"lat": 40.015618,
+	"count": 3
+}, {
+	"lng": 116.35472,
+	"lat": 39.975865,
+	"count": 4
+}, {
+	"lng": 116.644011,
+	"lat": 40.299776,
+	"count": 5
+}, {
+	"lng": 116.299449,
+	"lat": 39.95324,
+	"count": 6
+}, {
+	"lng": 116.332228,
+	"lat": 39.900741,
+	"count": 7
+}, {
+	"lng": 116.377459,
+	"lat": 39.80869,
+	"count": 8
+}, {
+	"lng": 116.657873,
+	"lat": 40.120521,
+	"count": 9
+}, {
+	"lng": 116.154466,
+	"lat": 39.731616,
+	"count": 10
+}, {
+	"lng": 116.845418,
+	"lat": 40.375612,
+	"count": 11
+}, {
+	"lng": 116.466696,
+	"lat": 39.766475,
+	"count": 12
+}, {
+	"lng": 116.45685,
+	"lat": 40.011172,
+	"count": 13
+}, {
+	"lng": 116.406651,
+	"lat": 39.970182,
+	"count": 14
+}, {
+	"lng": 116.428161,
+	"lat": 39.866144,
+	"count": 15
+}, {
+	"lng": 116.504801,
+	"lat": 39.836822,
+	"count": 16
+}, {
+	"lng": 116.439995,
+	"lat": 39.81546,
+	"count": 17
+}, {
+	"lng": 116.559057,
+	"lat": 39.936131,
+	"count": 18
+}, {
+	"lng": 116.225584,
+	"lat": 39.842961,
+	"count": 19
+}, {
+	"lng": 116.64103,
+	"lat": 40.141812,
+	"count": 20
+}, {
+	"lng": 116.306028,
+	"lat": 39.860581,
+	"count": 21
+}, {
+	"lng": 116.403426,
+	"lat": 40.066843,
+	"count": 22
+}, {
+	"lng": 116.399935,
+	"lat": 40.009504,
+	"count": 23
+}, {
+	"lng": 116.309222,
+	"lat": 39.913107,
+	"count": 24
+}, {
+	"lng": 116.295396,
+	"lat": 39.784501,
+	"count": 25
+}, {
+	"lng": 116.289673,
+	"lat": 39.963462,
+	"count": 26
+}, {
+	"lng": 116.445731,
+	"lat": 40.051509,
+	"count": 27
+}, {
+	"lng": 116.395362,
+	"lat": 39.975426,
+	"count": 28
+}, {
+	"lng": 116.605608,
+	"lat": 40.0489,
+	"count": 29
+}, {
+	"lng": 116.421157,
+	"lat": 39.975636,
+	"count": 30
+}, {
+	"lng": 116.452161,
+	"lat": 39.977081,
+	"count": 31
+}, {
+	"lng": 116.242604,
+	"lat": 40.22134,
+	"count": 32
+}, {
+	"lng": 116.32532,
+	"lat": 39.970535,
+	"count": 33
+}, {
+	"lng": 116.685587,
+	"lat": 39.926874,
+	"count": 34
+}, {
+	"lng": 116.39186,
+	"lat": 39.912056,
+	"count": 35
+}, {
+	"lng": 116.326004,
+	"lat": 39.974148,
+	"count": 36
+}, {
+	"lng": 116.677542,
+	"lat": 39.892667,
+	"count": 37
+}, {
+	"lng": 116.835958,
+	"lat": 40.375008,
+	"count": 38
+}, {
+	"lng": 116.484969,
+	"lat": 39.956518,
+	"count": 39
+}, {
+	"lng": 115.95685,
+	"lat": 39.732297,
+	"count": 40
+}, {
+	"lng": 116.380024,
+	"lat": 39.872133,
+	"count": 41
+}, {
+	"lng": 116.396477,
+	"lat": 39.928246,
+	"count": 42
+}, {
+	"lng": 116.390986,
+	"lat": 39.92675,
+	"count": 43
+}, {
+	"lng": 116.346845,
+	"lat": 40.018932,
+	"count": 44
+}, {
+	"lng": 116.381966,
+	"lat": 39.970729,
+	"count": 45
+}, {
+	"lng": 116.337349,
+	"lat": 39.752131,
+	"count": 46
+}, {
+	"lng": 116.494995,
+	"lat": 39.99648,
+	"count": 47
+}, {
+	"lng": 116.314029,
+	"lat": 39.516896,
+	"count": 48
+}, {
+	"lng": 116.662237,
+	"lat": 40.122764,
+	"count": 49
+}, {
+	"lng": 116.841367,
+	"lat": 40.379938,
+	"count": 50
+}, {
+	"lng": 116.365928,
+	"lat": 39.975824,
+	"count": 51
+}, {
+	"lng": 116.489236,
+	"lat": 39.939992,
+	"count": 52
+}, {
+	"lng": 116.363994,
+	"lat": 39.852943,
+	"count": 53
+}, {
+	"lng": 116.34283,
+	"lat": 39.754081,
+	"count": 54
+}, {
+	"lng": 116.361183,
+	"lat": 39.894634,
+	"count": 55
+}, {
+	"lng": 116.412822,
+	"lat": 39.9769,
+	"count": 56
+}, {
+	"lng": 116.40433,
+	"lat": 39.97541,
+	"count": 57
+}, {
+	"lng": 116.413478,
+	"lat": 39.948868,
+	"count": 58
+}, {
+	"lng": 116.406129,
+	"lat": 39.932386,
+	"count": 59
+}, {
+	"lng": 116.451852,
+	"lat": 39.995137,
+	"count": 60
+}, {
+	"lng": 116.349718,
+	"lat": 39.870509,
+	"count": 61
+}, {
+	"lng": 116.568628,
+	"lat": 39.926382,
+	"count": 62
+}, {
+	"lng": 116.643881,
+	"lat": 40.300758,
+	"count": 63
+}, {
+	"lng": 116.440445,
+	"lat": 39.881325,
+	"count": 64
+}, {
+	"lng": 116.48299,
+	"lat": 39.869588,
+	"count": 65
+}, {
+	"lng": 116.323732,
+	"lat": 40.082528,
+	"count": 66
+}, {
+	"lng": 116.257834,
+	"lat": 39.876782,
+	"count": 67
+}, {
+	"lng": 116.3596,
+	"lat": 40.034545,
+	"count": 68
+}, {
+	"lng": 116.349841,
+	"lat": 39.875597,
+	"count": 69
+}, {
+	"lng": 116.403928,
+	"lat": 39.879252,
+	"count": 70
+}, {
+	"lng": 116.42005,
+	"lat": 39.833467,
+	"count": 71
+}, {
+	"lng": 116.663001,
+	"lat": 39.91046,
+	"count": 72
+}, {
+	"lng": 116.406568,
+	"lat": 39.908939,
+	"count": 73
+}, {
+	"lng": 116.405188,
+	"lat": 39.909159,
+	"count": 74
+}, {
+	"lng": 116.415107,
+	"lat": 39.872521,
+	"count": 75
+}, {
+	"lng": 116.321197,
+	"lat": 39.767552,
+	"count": 76
+}, {
+	"lng": 116.211721,
+	"lat": 39.688611,
+	"count": 77
+}, {
+	"lng": 116.451346,
+	"lat": 39.882833,
+	"count": 78
+}, {
+	"lng": 116.557492,
+	"lat": 39.875288,
+	"count": 79
+}, {
+	"lng": 116.420546,
+	"lat": 39.899053,
+	"count": 80
+}, {
+	"lng": 116.440968,
+	"lat": 39.898035,
+	"count": 81
+}, {
+	"lng": 116.096699,
+	"lat": 39.94052,
+	"count": 82
+}, {
+	"lng": 116.410422,
+	"lat": 39.996992,
+	"count": 83
+}, {
+	"lng": 116.376382,
+	"lat": 40.040343,
+	"count": 84
+}, {
+	"lng": 116.664304,
+	"lat": 39.912656,
+	"count": 85
+}, {
+	"lng": 116.477188,
+	"lat": 39.972973,
+	"count": 86
+}, {
+	"lng": 116.400057,
+	"lat": 39.883241,
+	"count": 87
+}, {
+	"lng": 116.287055,
+	"lat": 39.865057,
+	"count": 88
+}, {
+	"lng": 116.47842,
+	"lat": 39.975087,
+	"count": 89
+}, {
+	"lng": 116.481061,
+	"lat": 39.973994,
+	"count": 90
+}, {
+	"lng": 116.428439,
+	"lat": 39.943564,
+	"count": 91
+}, {
+	"lng": 116.507173,
+	"lat": 39.815616,
+	"count": 92
+}, {
+	"lng": 116.405081,
+	"lat": 39.959449,
+	"count": 93
+}, {
+	"lng": 116.40121,
+	"lat": 39.869219,
+	"count": 94
+}, {
+	"lng": 116.437595,
+	"lat": 39.878214,
+	"count": 95
+}, {
+	"lng": 116.448647,
+	"lat": 39.981149,
+	"count": 96
+}, {
+	"lng": 116.239298,
+	"lat": 40.218372,
+	"count": 97
+}, {
+	"lng": 116.402223,
+	"lat": 39.960511,
+	"count": 98
+}, {
+	"lng": 116.664158,
+	"lat": 40.120092,
+	"count": 99
+}, {
+	"lng": 116.119102,
+	"lat": 40.233172,
+	"count": 99
+}, {
+	"lng": 116.666931,
+	"lat": 39.917685,
+	"count": 100
+}, {
+	"lng": 115.977448,
+	"lat": 40.456067,
+	"count": 101
+}, {
+	"lng": 116.355541,
+	"lat": 39.911069,
+	"count": 1
+}, {
+	"lng": 116.474525,
+	"lat": 39.944593,
+	"count": 2
+}, {
+	"lng": 116.35277,
+	"lat": 39.910566,
+	"count": 3
+}, {
+	"lng": 116.310743,
+	"lat": 39.915123,
+	"count": 4
+}, {
+	"lng": 116.384415,
+	"lat": 39.948468,
+	"count": 5
+}, {
+	"lng": 116.470283,
+	"lat": 39.92274,
+	"count": 6
+}, {
+	"lng": 116.545304,
+	"lat": 39.632635,
+	"count": 7
+}, {
+	"lng": 116.358194,
+	"lat": 39.898647,
+	"count": 8
+}, {
+	"lng": 116.311002,
+	"lat": 39.917643,
+	"count": 9
+}, {
+	"lng": 116.387084,
+	"lat": 39.959407,
+	"count": 10
+}, {
+	"lng": 116.399161,
+	"lat": 39.972319,
+	"count": 11
+}, {
+	"lng": 116.41415,
+	"lat": 40.048341,
+	"count": 12
+}, {
+	"lng": 116.283811,
+	"lat": 39.862684,
+	"count": 13
+}, {
+	"lng": 116.154671,
+	"lat": 39.793723,
+	"count": 14
+}, {
+	"lng": 116.338059,
+	"lat": 40.034402,
+	"count": 15
+}, {
+	"lng": 116.564921,
+	"lat": 40.336754,
+	"count": 16
+}, {
+	"lng": 116.396465,
+	"lat": 39.928236,
+	"count": 17
+}, {
+	"lng": 116.345465,
+	"lat": 39.815134,
+	"count": 18
+}, {
+	"lng": 117.105997,
+	"lat": 40.140457,
+	"count": 19
+}, {
+	"lng": 116.458762,
+	"lat": 40.011334,
+	"count": 20
+}, {
+	"lng": 116.330312,
+	"lat": 39.892811,
+	"count": 21
+}, {
+	"lng": 116.246434,
+	"lat": 39.981835,
+	"count": 22
+}, {
+	"lng": 116.482718,
+	"lat": 39.967001,
+	"count": 23
+}, {
+	"lng": 116.531887,
+	"lat": 39.91018,
+	"count": 24
+}, {
+	"lng": 116.303479,
+	"lat": 40.030135,
+	"count": 25
+}, {
+	"lng": 116.567226,
+	"lat": 39.897282,
+	"count": 26
+}, {
+	"lng": 116.443197,
+	"lat": 39.810833,
+	"count": 27
+}, {
+	"lng": 116.271062,
+	"lat": 40.205664,
+	"count": 28
+}, {
+	"lng": 116.430094,
+	"lat": 39.975569,
+	"count": 29
+}, {
+	"lng": 116.320701,
+	"lat": 40.030695,
+	"count": 30
+}, {
+	"lng": 116.318237,
+	"lat": 39.945583,
+	"count": 31
+}, {
+	"lng": 116.384177,
+	"lat": 39.976624,
+	"count": 32
+}, {
+	"lng": 116.609751,
+	"lat": 39.67949,
+	"count": 33
+}, {
+	"lng": 116.470793,
+	"lat": 39.976487,
+	"count": 34
+}, {
+	"lng": 116.451952,
+	"lat": 39.994476,
+	"count": 35
+}, {
+	"lng": 116.898355,
+	"lat": 40.465999,
+	"count": 36
+}, {
+	"lng": 116.324261,
+	"lat": 39.97006,
+	"count": 37
+}, {
+	"lng": 116.345849,
+	"lat": 39.902789,
+	"count": 38
+}, {
+	"lng": 116.392448,
+	"lat": 39.949775,
+	"count": 39
+}, {
+	"lng": 116.404969,
+	"lat": 39.869671,
+	"count": 40
+}, {
+	"lng": 116.391978,
+	"lat": 39.951331,
+	"count": 41
+}, {
+	"lng": 116.293389,
+	"lat": 39.963228,
+	"count": 42
+}, {
+	"lng": 116.354359,
+	"lat": 39.871352,
+	"count": 43
+}, {
+	"lng": 116.250473,
+	"lat": 39.905799,
+	"count": 44
+}, {
+	"lng": 116.529661,
+	"lat": 39.912838,
+	"count": 45
+}, {
+	"lng": 116.400244,
+	"lat": 39.953832,
+	"count": 46
+}, {
+	"lng": 116.33445,
+	"lat": 39.790326,
+	"count": 47
+}, {
+	"lng": 116.327622,
+	"lat": 39.795556,
+	"count": 48
+}, {
+	"lng": 116.394292,
+	"lat": 39.948671,
+	"count": 49
+}, {
+	"lng": 116.841248,
+	"lat": 40.382222,
+	"count": 50
+}, {
+	"lng": 116.39621,
+	"lat": 39.912717,
+	"count": 51
+}, {
+	"lng": 116.29526,
+	"lat": 39.839011,
+	"count": 52
+}, {
+	"lng": 116.390165,
+	"lat": 39.949776,
+	"count": 53
+}, {
+	"lng": 116.521784,
+	"lat": 39.83616,
+	"count": 54
+}, {
+	"lng": 116.393875,
+	"lat": 39.996715,
+	"count": 55
+}, {
+	"lng": 116.724049,
+	"lat": 39.951418,
+	"count": 56
+}, {
+	"lng": 116.434731,
+	"lat": 39.90149,
+	"count": 57
+}, {
+	"lng": 116.356244,
+	"lat": 39.910916,
+	"count": 58
+}, {
+	"lng": 116.457003,
+	"lat": 40.008583,
+	"count": 59
+}, {
+	"lng": 116.4954,
+	"lat": 39.922626,
+	"count": 60
+}, {
+	"lng": 116.451481,
+	"lat": 39.81428,
+	"count": 61
+}, {
+	"lng": 116.33145,
+	"lat": 39.891865,
+	"count": 62
+}, {
+	"lng": 116.2393,
+	"lat": 40.236043,
+	"count": 63
+}, {
+	"lng": 116.424888,
+	"lat": 39.976048,
+	"count": 64
+}, {
+	"lng": 116.336565,
+	"lat": 39.751957,
+	"count": 65
+}, {
+	"lng": 116.225132,
+	"lat": 39.872326,
+	"count": 66
+}, {
+	"lng": 116.564558,
+	"lat": 39.886867,
+	"count": 67
+}, {
+	"lng": 116.12651,
+	"lat": 39.735538,
+	"count": 68
+}, {
+	"lng": 117.008136,
+	"lat": 40.376266,
+	"count": 69
+}, {
+	"lng": 116.420949,
+	"lat": 39.87321,
+	"count": 70
+}, {
+	"lng": 115.994695,
+	"lat": 39.701187,
+	"count": 71
+}, {
+	"lng": 116.400738,
+	"lat": 39.908585,
+	"count": 72
+}, {
+	"lng": 116.424696,
+	"lat": 39.962873,
+	"count": 73
+}, {
+	"lng": 116.3266,
+	"lat": 40.08181,
+	"count": 74
+}, {
+	"lng": 116.331061,
+	"lat": 39.892843,
+	"count": 75
+}, {
+	"lng": 116.29248,
+	"lat": 39.988895,
+	"count": 76
+}, {
+	"lng": 116.466217,
+	"lat": 39.92232,
+	"count": 77
+}, {
+	"lng": 116.324551,
+	"lat": 39.940216,
+	"count": 78
+}, {
+	"lng": 116.289698,
+	"lat": 39.815009,
+	"count": 79
+}, {
+	"lng": 116.366762,
+	"lat": 40.240256,
+	"count": 80
+}, {
+	"lng": 116.331123,
+	"lat": 39.890995,
+	"count": 81
+}, {
+	"lng": 116.416662,
+	"lat": 39.869136,
+	"count": 82
+}, {
+	"lng": 116.417434,
+	"lat": 39.833862,
+	"count": 83
+}, {
+	"lng": 116.489063,
+	"lat": 39.950495,
+	"count": 84
+}, {
+	"lng": 116.425088,
+	"lat": 39.834288,
+	"count": 85
+}, {
+	"lng": 116.288801,
+	"lat": 39.965264,
+	"count": 86
+}, {
+	"lng": 116.29665,
+	"lat": 39.805464,
+	"count": 87
+}, {
+	"lng": 116.154403,
+	"lat": 39.792215,
+	"count": 88
+}, {
+	"lng": 116.320248,
+	"lat": 39.945852,
+	"count": 89
+}, {
+	"lng": 115.957457,
+	"lat": 39.599769,
+	"count": 90
+}, {
+	"lng": 116.353289,
+	"lat": 39.915624,
+	"count": 91
+}, {
+	"lng": 116.438992,
+	"lat": 39.876785,
+	"count": 92
+}, {
+	"lng": 116.10987,
+	"lat": 39.93606,
+	"count": 1
+}, {
+	"lng": 116.42478,
+	"lat": 39.9665,
+	"count": 2
+}, {
+	"lng": 116.295136,
+	"lat": 39.927262,
+	"count": 3
+}, {
+	"lng": 116.579446,
+	"lat": 39.846365,
+	"count": 4
+}, {
+	"lng": 116.507268,
+	"lat": 39.859229,
+	"count": 5
+}, {
+	"lng": 116.246201,
+	"lat": 39.943989,
+	"count": 6
+}, {
+	"lng": 116.321964,
+	"lat": 39.767435,
+	"count": 7
+}, {
+	"lng": 116.543317,
+	"lat": 39.877525,
+	"count": 8
+}, {
+	"lng": 116.402726,
+	"lat": 39.962996,
+	"count": 9
+}, {
+	"lng": 116.533757,
+	"lat": 39.916293,
+	"count": 10
+}, {
+	"lng": 116.297368,
+	"lat": 39.936267,
+	"count": 11
+}, {
+	"lng": 116.281225,
+	"lat": 39.947723,
+	"count": 12
+}, {
+	"lng": 116.651846,
+	"lat": 40.119239,
+	"count": 13
+}, {
+	"lng": 116.399739,
+	"lat": 39.960987,
+	"count": 14
+}, {
+	"lng": 116.316824,
+	"lat": 39.862571,
+	"count": 15
+}];
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapList.js b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapList.js
new file mode 100644
index 0000000..73bc595
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/data/heatmapList.js
@@ -0,0 +1,3231 @@
+/**
+ * http://gaode.com)
+ */
+export default [{
+	"lng": 116.191031,
+	"lat": 39.988585,
+	"value": 10
+}, {
+	"lng": 116.389275,
+	"lat": 39.925818,
+	"value": 11
+}, {
+	"lng": 116.287444,
+	"lat": 39.810742,
+	"value": 12
+}, {
+	"lng": 116.481707,
+	"lat": 39.940089,
+	"value": 13
+}, {
+	"lng": 116.410588,
+	"lat": 39.880172,
+	"value": 14
+}, {
+	"lng": 116.394816,
+	"lat": 39.91181,
+	"value": 15
+}, {
+	"lng": 116.416002,
+	"lat": 39.952917,
+	"value": 16
+}, {
+	"lng": 116.39671,
+	"lat": 39.924903,
+	"value": 17
+}, {
+	"lng": 116.180816,
+	"lat": 39.957553,
+	"value": 18
+}, {
+	"lng": 116.382035,
+	"lat": 39.874114,
+	"value": 19
+}, {
+	"lng": 116.316648,
+	"lat": 39.914529,
+	"value": 20
+}, {
+	"lng": 116.395803,
+	"lat": 39.908556,
+	"value": 21
+}, {
+	"lng": 116.74553,
+	"lat": 39.875916,
+	"value": 22
+}, {
+	"lng": 116.352289,
+	"lat": 39.916475,
+	"value": 23
+}, {
+	"lng": 116.441548,
+	"lat": 39.878262,
+	"value": 24
+}, {
+	"lng": 116.318947,
+	"lat": 39.942735,
+	"value": 25
+}, {
+	"lng": 116.382585,
+	"lat": 39.941949,
+	"value": 26
+}, {
+	"lng": 116.42042,
+	"lat": 39.884017,
+	"value": 27
+}, {
+	"lng": 116.31744,
+	"lat": 39.892561,
+	"value": 28
+}, {
+	"lng": 116.407059,
+	"lat": 39.912438,
+	"value": 29
+}, {
+	"lng": 116.412351,
+	"lat": 39.888082,
+	"value": 30
+}, {
+	"lng": 116.444341,
+	"lat": 39.915891,
+	"value": 31
+}, {
+	"lng": 116.335385,
+	"lat": 39.741756,
+	"value": 32
+}, {
+	"lng": 116.3926,
+	"lat": 40.008733,
+	"value": 33
+}, {
+	"lng": 116.389731,
+	"lat": 39.92292,
+	"value": 34
+}, {
+	"lng": 116.413371,
+	"lat": 39.874483,
+	"value": 35
+}, {
+	"lng": 116.199752,
+	"lat": 39.911717,
+	"value": 36
+}, {
+	"lng": 116.278472,
+	"lat": 40.254994,
+	"value": 37
+}, {
+	"lng": 116.464252,
+	"lat": 39.925828,
+	"value": 38
+}, {
+	"lng": 116.479475,
+	"lat": 39.937945,
+	"value": 39
+}, {
+	"lng": 116.415599,
+	"lat": 39.956902,
+	"value": 40
+}, {
+	"lng": 116.355675,
+	"lat": 39.870089,
+	"value": 41
+}, {
+	"lng": 116.295267,
+	"lat": 39.987171,
+	"value": 42
+}, {
+	"lng": 116.323634,
+	"lat": 39.911692,
+	"value": 43
+}, {
+	"lng": 116.692769,
+	"lat": 40.173307,
+	"value": 44
+}, {
+	"lng": 116.287888,
+	"lat": 39.928531,
+	"value": 45
+}, {
+	"lng": 116.386502,
+	"lat": 39.922747,
+	"value": 46
+}, {
+	"lng": 116.236773,
+	"lat": 40.218341,
+	"value": 47
+}, {
+	"lng": 116.490636,
+	"lat": 39.804253,
+	"value": 48
+}, {
+	"lng": 116.391095,
+	"lat": 39.925791,
+	"value": 49
+}, {
+	"lng": 116.472402,
+	"lat": 39.769178,
+	"value": 50
+}, {
+	"lng": 116.38657,
+	"lat": 39.956731,
+	"value": 51
+}, {
+	"lng": 116.427536,
+	"lat": 39.943671,
+	"value": 52
+}, {
+	"lng": 116.374547,
+	"lat": 39.967588,
+	"value": 53
+}, {
+	"lng": 116.380383,
+	"lat": 39.871634,
+	"value": 54
+}, {
+	"lng": 116.376092,
+	"lat": 39.965485,
+	"value": 55
+}, {
+	"lng": 116.352424,
+	"lat": 39.91811,
+	"value": 56
+}, {
+	"lng": 116.020157,
+	"lat": 40.348526,
+	"value": 57
+}, {
+	"lng": 116.416201,
+	"lat": 39.951736,
+	"value": 58
+}, {
+	"lng": 116.405392,
+	"lat": 39.908738,
+	"value": 59
+}, {
+	"lng": 116.49238,
+	"lat": 39.926248,
+	"value": 60
+}, {
+	"lng": 116.389282,
+	"lat": 39.988391,
+	"value": 61
+}, {
+	"lng": 116.396683,
+	"lat": 39.923487,
+	"value": 62
+}, {
+	"lng": 116.41718,
+	"lat": 39.905213,
+	"value": 63
+}, {
+	"lng": 116.321512,
+	"lat": 39.913192,
+	"value": 64
+}, {
+	"lng": 116.260028,
+	"lat": 40.03353,
+	"value": 65
+}, {
+	"lng": 116.394846,
+	"lat": 39.911168,
+	"value": 66
+}, {
+	"lng": 116.374767,
+	"lat": 39.96608,
+	"value": 67
+}, {
+	"lng": 116.6841,
+	"lat": 39.909762,
+	"value": 68
+}, {
+	"lng": 116.3838,
+	"lat": 39.95811,
+	"value": 69
+}, {
+	"lng": 116.39243,
+	"lat": 40.01143,
+	"value": 70
+}, {
+	"lng": 116.661912,
+	"lat": 40.121137,
+	"value": 71
+}, {
+	"lng": 116.333056,
+	"lat": 39.90123,
+	"value": 72
+}, {
+	"lng": 116.484839,
+	"lat": 39.881729,
+	"value": 73
+}, {
+	"lng": 116.360923,
+	"lat": 39.935745,
+	"value": 74
+}, {
+	"lng": 116.408531,
+	"lat": 39.953194,
+	"value": 75
+}, {
+	"lng": 116.417916,
+	"lat": 39.954029,
+	"value": 76
+}, {
+	"lng": 116.412215,
+	"lat": 39.992282,
+	"value": 77
+}, {
+	"lng": 116.181532,
+	"lat": 40.048762,
+	"value": 78
+}, {
+	"lng": 116.434848,
+	"lat": 40.070463,
+	"value": 79
+}, {
+	"lng": 116.385039,
+	"lat": 39.956937,
+	"value": 80
+}, {
+	"lng": 116.755067,
+	"lat": 39.854499,
+	"value": 81
+}, {
+	"lng": 116.396061,
+	"lat": 39.912841,
+	"value": 82
+}, {
+	"lng": 116.474303,
+	"lat": 39.971398,
+	"value": 83
+}, {
+	"lng": 116.376262,
+	"lat": 39.85811,
+	"value": 84
+}, {
+	"lng": 116.403783,
+	"lat": 39.954469,
+	"value": 85
+}, {
+	"lng": 116.339136,
+	"lat": 39.729159,
+	"value": 86
+}, {
+	"lng": 116.240159,
+	"lat": 39.947003,
+	"value": 87
+}, {
+	"lng": 117.107541,
+	"lat": 40.141457,
+	"value": 88
+}, {
+	"lng": 116.341813,
+	"lat": 40.078786,
+	"value": 89
+}, {
+	"lng": 116.320648,
+	"lat": 39.706455,
+	"value": 90
+}, {
+	"lng": 116.402566,
+	"lat": 39.960873,
+	"value": 91
+}, {
+	"lng": 116.849261,
+	"lat": 40.402999,
+	"value": 92
+}, {
+	"lng": 116.521064,
+	"lat": 39.834187,
+	"value": 93
+}, {
+	"lng": 116.329942,
+	"lat": 39.925327,
+	"value": 94
+}, {
+	"lng": 116.479852,
+	"lat": 39.974856,
+	"value": 95
+}, {
+	"lng": 116.399185,
+	"lat": 39.925736,
+	"value": 96
+}, {
+	"lng": 116.193166,
+	"lat": 39.911953,
+	"value": 1
+}, {
+	"lng": 116.400916,
+	"lat": 39.870614,
+	"value": 2
+}, {
+	"lng": 116.518041,
+	"lat": 39.956615,
+	"value": 3
+}, {
+	"lng": 116.388981,
+	"lat": 39.997716,
+	"value": 4
+}, {
+	"lng": 116.285852,
+	"lat": 39.863497,
+	"value": 5
+}, {
+	"lng": 116.294167,
+	"lat": 39.884599,
+	"value": 6
+}, {
+	"lng": 116.394235,
+	"lat": 39.996845,
+	"value": 7
+}, {
+	"lng": 116.32471,
+	"lat": 39.970486,
+	"value": 8
+}, {
+	"lng": 116.496828,
+	"lat": 39.99335,
+	"value": 9
+}, {
+	"lng": 116.482534,
+	"lat": 39.934086,
+	"value": 10
+}, {
+	"lng": 116.454662,
+	"lat": 39.974981,
+	"value": 11
+}, {
+	"lng": 116.387076,
+	"lat": 39.87631,
+	"value": 12
+}, {
+	"lng": 116.433341,
+	"lat": 39.92803,
+	"value": 13
+}, {
+	"lng": 116.382196,
+	"lat": 39.941606,
+	"value": 14
+}, {
+	"lng": 116.244286,
+	"lat": 39.82905,
+	"value": 15
+}, {
+	"lng": 116.566672,
+	"lat": 40.176097,
+	"value": 16
+}, {
+	"lng": 116.686862,
+	"lat": 39.908507,
+	"value": 17
+}, {
+	"lng": 117.240166,
+	"lat": 40.175796,
+	"value": 18
+}, {
+	"lng": 116.428661,
+	"lat": 39.866958,
+	"value": 19
+}, {
+	"lng": 116.443292,
+	"lat": 39.917447,
+	"value": 20
+}, {
+	"lng": 116.356538,
+	"lat": 39.926711,
+	"value": 21
+}, {
+	"lng": 116.194086,
+	"lat": 39.912242,
+	"value": 22
+}, {
+	"lng": 116.379861,
+	"lat": 39.971831,
+	"value": 23
+}, {
+	"lng": 116.377966,
+	"lat": 39.874647,
+	"value": 24
+}, {
+	"lng": 116.466778,
+	"lat": 39.926304,
+	"value": 25
+}, {
+	"lng": 116.692078,
+	"lat": 40.170197,
+	"value": 26
+}, {
+	"lng": 116.428651,
+	"lat": 39.94275,
+	"value": 27
+}, {
+	"lng": 116.322655,
+	"lat": 39.939517,
+	"value": 28
+}, {
+	"lng": 116.445601,
+	"lat": 39.98439,
+	"value": 29
+}, {
+	"lng": 116.662833,
+	"lat": 39.912238,
+	"value": 30
+}, {
+	"lng": 116.394183,
+	"lat": 39.925557,
+	"value": 31
+}, {
+	"lng": 116.312788,
+	"lat": 39.860017,
+	"value": 32
+}, {
+	"lng": 116.104708,
+	"lat": 40.065563,
+	"value": 33
+}, {
+	"lng": 116.204443,
+	"lat": 39.938295,
+	"value": 34
+}, {
+	"lng": 116.310917,
+	"lat": 39.89381,
+	"value": 35
+}, {
+	"lng": 116.265851,
+	"lat": 39.834247,
+	"value": 36
+}, {
+	"lng": 116.33501,
+	"lat": 39.742507,
+	"value": 37
+}, {
+	"lng": 116.397519,
+	"lat": 39.99794,
+	"value": 38
+}, {
+	"lng": 116.441252,
+	"lat": 39.915566,
+	"value": 39
+}, {
+	"lng": 116.441898,
+	"lat": 39.856454,
+	"value": 40
+}, {
+	"lng": 116.446552,
+	"lat": 39.946418,
+	"value": 41
+}, {
+	"lng": 116.359761,
+	"lat": 39.895327,
+	"value": 42
+}, {
+	"lng": 116.349168,
+	"lat": 39.893551,
+	"value": 43
+}, {
+	"lng": 116.476819,
+	"lat": 39.94388,
+	"value": 44
+}, {
+	"lng": 116.29912,
+	"lat": 39.988433,
+	"value": 45
+}, {
+	"lng": 116.467912,
+	"lat": 39.770524,
+	"value": 46
+}, {
+	"lng": 116.382134,
+	"lat": 39.862204,
+	"value": 47
+}, {
+	"lng": 116.483378,
+	"lat": 39.93431,
+	"value": 48
+}, {
+	"lng": 116.35395,
+	"lat": 39.910738,
+	"value": 49
+}, {
+	"lng": 116.398771,
+	"lat": 39.976433,
+	"value": 50
+}, {
+	"lng": 116.462189,
+	"lat": 39.925864,
+	"value": 51
+}, {
+	"lng": 116.378957,
+	"lat": 39.806676,
+	"value": 52
+}, {
+	"lng": 116.334199,
+	"lat": 39.900985,
+	"value": 53
+}, {
+	"lng": 116.443961,
+	"lat": 39.913511,
+	"value": 54
+}, {
+	"lng": 116.388829,
+	"lat": 39.95053,
+	"value": 55
+}, {
+	"lng": 116.319655,
+	"lat": 39.892339,
+	"value": 56
+}, {
+	"lng": 117.431959,
+	"lat": 40.630521,
+	"value": 57
+}, {
+	"lng": 117.108914,
+	"lat": 40.140406,
+	"value": 58
+}, {
+	"lng": 116.43019,
+	"lat": 39.880486,
+	"value": 59
+}, {
+	"lng": 116.250698,
+	"lat": 39.907186,
+	"value": 60
+}, {
+	"lng": 116.341065,
+	"lat": 39.766082,
+	"value": 61
+}, {
+	"lng": 116.290335,
+	"lat": 39.812431,
+	"value": 62
+}, {
+	"lng": 116.360813,
+	"lat": 39.936362,
+	"value": 63
+}, {
+	"lng": 116.400282,
+	"lat": 39.995027,
+	"value": 64
+}, {
+	"lng": 116.317257,
+	"lat": 39.889092,
+	"value": 65
+}, {
+	"lng": 116.482537,
+	"lat": 39.954978,
+	"value": 66
+}, {
+	"lng": 116.38496,
+	"lat": 39.954428,
+	"value": 67
+}, {
+	"lng": 116.391803,
+	"lat": 39.911587,
+	"value": 68
+}, {
+	"lng": 116.4266,
+	"lat": 39.867228,
+	"value": 69
+}, {
+	"lng": 116.145997,
+	"lat": 39.790856,
+	"value": 70
+}, {
+	"lng": 116.430265,
+	"lat": 39.867451,
+	"value": 71
+}, {
+	"lng": 116.315479,
+	"lat": 39.940668,
+	"value": 72
+}, {
+	"lng": 116.359393,
+	"lat": 39.975431,
+	"value": 73
+}, {
+	"lng": 116.382347,
+	"lat": 39.968935,
+	"value": 74
+}, {
+	"lng": 115.987169,
+	"lat": 40.454625,
+	"value": 75
+}, {
+	"lng": 116.489292,
+	"lat": 39.931242,
+	"value": 76
+}, {
+	"lng": 116.368238,
+	"lat": 39.879807,
+	"value": 77
+}, {
+	"lng": 116.493761,
+	"lat": 39.923885,
+	"value": 78
+}, {
+	"lng": 116.53666,
+	"lat": 39.8778,
+	"value": 79
+}, {
+	"lng": 116.501743,
+	"lat": 39.79602,
+	"value": 80
+}, {
+	"lng": 116.582818,
+	"lat": 39.932646,
+	"value": 81
+}, {
+	"lng": 116.417364,
+	"lat": 39.869292,
+	"value": 82
+}, {
+	"lng": 116.354305,
+	"lat": 39.872022,
+	"value": 83
+}, {
+	"lng": 116.375162,
+	"lat": 40.01344,
+	"value": 84
+}, {
+	"lng": 116.400523,
+	"lat": 39.881031,
+	"value": 85
+}, {
+	"lng": 116.315365,
+	"lat": 39.945005,
+	"value": 86
+}, {
+	"lng": 116.44088,
+	"lat": 39.810753,
+	"value": 87
+}, {
+	"lng": 116.679285,
+	"lat": 39.916527,
+	"value": 88
+}, {
+	"lng": 116.483694,
+	"lat": 39.946929,
+	"value": 89
+}, {
+	"lng": 116.341678,
+	"lat": 40.080021,
+	"value": 90
+}, {
+	"lng": 116.017167,
+	"lat": 39.889175,
+	"value": 91
+}, {
+	"lng": 116.454692,
+	"lat": 39.954167,
+	"value": 92
+}, {
+	"lng": 116.410129,
+	"lat": 40.050952,
+	"value": 93
+}, {
+	"lng": 116.418556,
+	"lat": 39.872365,
+	"value": 94
+}, {
+	"lng": 116.25432,
+	"lat": 40.142367,
+	"value": 95
+}, {
+	"lng": 116.658763,
+	"lat": 39.891072,
+	"value": 96
+}, {
+	"lng": 116.305312,
+	"lat": 39.9953,
+	"value": 97
+}, {
+	"lng": 116.388761,
+	"lat": 39.951259,
+	"value": 98
+}, {
+	"lng": 116.68017,
+	"lat": 39.873413,
+	"value": 99
+}, {
+	"lng": 116.090539,
+	"lat": 39.796301,
+	"value": 1
+}, {
+	"lng": 116.380305,
+	"lat": 39.78354,
+	"value": 2
+}, {
+	"lng": 116.348831,
+	"lat": 40.022543,
+	"value": 3
+}, {
+	"lng": 116.438133,
+	"lat": 39.960988,
+	"value": 4
+}, {
+	"lng": 116.199587,
+	"lat": 39.911,
+	"value": 5
+}, {
+	"lng": 116.081743,
+	"lat": 39.788321,
+	"value": 6
+}, {
+	"lng": 117.24044,
+	"lat": 40.1752,
+	"value": 7
+}, {
+	"lng": 116.636141,
+	"lat": 40.327724,
+	"value": 8
+}, {
+	"lng": 116.453166,
+	"lat": 39.973511,
+	"value": 9
+}, {
+	"lng": 116.583381,
+	"lat": 39.953315,
+	"value": 10
+}, {
+	"lng": 116.236326,
+	"lat": 39.90595,
+	"value": 11
+}, {
+	"lng": 116.328305,
+	"lat": 39.781647,
+	"value": 12
+}, {
+	"lng": 116.260012,
+	"lat": 39.984951,
+	"value": 13
+}, {
+	"lng": 116.254938,
+	"lat": 39.916206,
+	"value": 14
+}, {
+	"lng": 116.85469,
+	"lat": 40.474419,
+	"value": 15
+}, {
+	"lng": 116.309389,
+	"lat": 39.971918,
+	"value": 16
+}, {
+	"lng": 116.310732,
+	"lat": 39.971517,
+	"value": 17
+}, {
+	"lng": 116.401885,
+	"lat": 39.847641,
+	"value": 18
+}, {
+	"lng": 116.427771,
+	"lat": 39.880572,
+	"value": 19
+}, {
+	"lng": 116.430537,
+	"lat": 39.880968,
+	"value": 20
+}, {
+	"lng": 116.550673,
+	"lat": 39.895212,
+	"value": 21
+}, {
+	"lng": 116.345906,
+	"lat": 39.815152,
+	"value": 22
+}, {
+	"lng": 116.512016,
+	"lat": 39.868573,
+	"value": 23
+}, {
+	"lng": 115.894604,
+	"lat": 39.803644,
+	"value": 24
+}, {
+	"lng": 116.32497,
+	"lat": 40.083198,
+	"value": 25
+}, {
+	"lng": 116.315523,
+	"lat": 39.858242,
+	"value": 26
+}, {
+	"lng": 116.465052,
+	"lat": 39.903055,
+	"value": 27
+}, {
+	"lng": 116.464814,
+	"lat": 39.924176,
+	"value": 28
+}, {
+	"lng": 115.959538,
+	"lat": 39.727218,
+	"value": 29
+}, {
+	"lng": 116.478895,
+	"lat": 39.954472,
+	"value": 30
+}, {
+	"lng": 116.337546,
+	"lat": 39.741337,
+	"value": 31
+}, {
+	"lng": 116.504757,
+	"lat": 39.83778,
+	"value": 32
+}, {
+	"lng": 116.393143,
+	"lat": 40.02725,
+	"value": 33
+}, {
+	"lng": 116.23419,
+	"lat": 40.217361,
+	"value": 34
+}, {
+	"lng": 116.368688,
+	"lat": 39.829561,
+	"value": 35
+}, {
+	"lng": 116.460134,
+	"lat": 39.983721,
+	"value": 36
+}, {
+	"lng": 116.381539,
+	"lat": 39.746766,
+	"value": 37
+}, {
+	"lng": 116.291759,
+	"lat": 39.983886,
+	"value": 38
+}, {
+	"lng": 116.377613,
+	"lat": 39.817895,
+	"value": 39
+}, {
+	"lng": 116.306646,
+	"lat": 39.956296,
+	"value": 40
+}, {
+	"lng": 116.160747,
+	"lat": 39.818863,
+	"value": 41
+}, {
+	"lng": 116.392912,
+	"lat": 40.001989,
+	"value": 42
+}, {
+	"lng": 116.199115,
+	"lat": 39.91276,
+	"value": 43
+}, {
+	"lng": 116.434577,
+	"lat": 39.812232,
+	"value": 44
+}, {
+	"lng": 116.495843,
+	"lat": 39.925538,
+	"value": 45
+}, {
+	"lng": 116.333803,
+	"lat": 39.913224,
+	"value": 46
+}, {
+	"lng": 116.489277,
+	"lat": 39.941842,
+	"value": 47
+}, {
+	"lng": 116.510514,
+	"lat": 39.973547,
+	"value": 48
+}, {
+	"lng": 116.474685,
+	"lat": 39.936648,
+	"value": 49
+}, {
+	"lng": 116.418054,
+	"lat": 39.905091,
+	"value": 50
+}, {
+	"lng": 116.285529,
+	"lat": 39.926274,
+	"value": 51
+}, {
+	"lng": 116.289399,
+	"lat": 39.948054,
+	"value": 52
+}, {
+	"lng": 116.508241,
+	"lat": 39.920234,
+	"value": 53
+}, {
+	"lng": 116.317979,
+	"lat": 40.000721,
+	"value": 54
+}, {
+	"lng": 116.428324,
+	"lat": 39.868263,
+	"value": 55
+}, {
+	"lng": 116.407517,
+	"lat": 40.016715,
+	"value": 56
+}, {
+	"lng": 116.338841,
+	"lat": 39.969646,
+	"value": 57
+}, {
+	"lng": 116.495703,
+	"lat": 39.992607,
+	"value": 58
+}, {
+	"lng": 116.369659,
+	"lat": 39.97595,
+	"value": 59
+}, {
+	"lng": 116.291709,
+	"lat": 39.96228,
+	"value": 60
+}, {
+	"lng": 116.311003,
+	"lat": 39.998264,
+	"value": 61
+}, {
+	"lng": 116.391429,
+	"lat": 39.93324,
+	"value": 62
+}, {
+	"lng": 116.406033,
+	"lat": 39.95407,
+	"value": 63
+}, {
+	"lng": 116.391856,
+	"lat": 39.912004,
+	"value": 64
+}, {
+	"lng": 116.356434,
+	"lat": 39.871474,
+	"value": 65
+}, {
+	"lng": 116.477081,
+	"lat": 39.970334,
+	"value": 66
+}, {
+	"lng": 116.475337,
+	"lat": 39.939749,
+	"value": 67
+}, {
+	"lng": 116.752911,
+	"lat": 39.916369,
+	"value": 68
+}, {
+	"lng": 116.470361,
+	"lat": 39.874606,
+	"value": 69
+}, {
+	"lng": 116.489172,
+	"lat": 39.949033,
+	"value": 70
+}, {
+	"lng": 116.502514,
+	"lat": 39.973734,
+	"value": 71
+}, {
+	"lng": 116.186985,
+	"lat": 39.920185,
+	"value": 72
+}, {
+	"lng": 116.583743,
+	"lat": 39.95335,
+	"value": 73
+}, {
+	"lng": 116.119183,
+	"lat": 39.732055,
+	"value": 74
+}, {
+	"lng": 116.391902,
+	"lat": 39.93331,
+	"value": 75
+}, {
+	"lng": 116.488588,
+	"lat": 39.953371,
+	"value": 76
+}, {
+	"lng": 116.381798,
+	"lat": 39.975717,
+	"value": 77
+}, {
+	"lng": 116.384689,
+	"lat": 39.827773,
+	"value": 78
+}, {
+	"lng": 116.445287,
+	"lat": 39.894354,
+	"value": 79
+}, {
+	"lng": 116.24048,
+	"lat": 39.947687,
+	"value": 80
+}, {
+	"lng": 116.413605,
+	"lat": 40.04902,
+	"value": 81
+}, {
+	"lng": 116.239012,
+	"lat": 39.904288,
+	"value": 82
+}, {
+	"lng": 116.408522,
+	"lat": 40.016971,
+	"value": 83
+}, {
+	"lng": 116.475833,
+	"lat": 39.947107,
+	"value": 84
+}, {
+	"lng": 116.43476,
+	"lat": 39.901671,
+	"value": 85
+}, {
+	"lng": 116.40229,
+	"lat": 39.869205,
+	"value": 86
+}, {
+	"lng": 116.226013,
+	"lat": 40.213485,
+	"value": 87
+}, {
+	"lng": 116.689042,
+	"lat": 39.889192,
+	"value": 88
+}, {
+	"lng": 116.377252,
+	"lat": 39.873622,
+	"value": 89
+}, {
+	"lng": 116.53061,
+	"lat": 40.103146,
+	"value": 90
+}, {
+	"lng": 116.416271,
+	"lat": 39.905187,
+	"value": 91
+}, {
+	"lng": 116.531169,
+	"lat": 39.91276,
+	"value": 92
+}, {
+	"lng": 116.17849,
+	"lat": 40.075692,
+	"value": 93
+}, {
+	"lng": 116.188616,
+	"lat": 40.102413,
+	"value": 94
+}, {
+	"lng": 116.531799,
+	"lat": 39.84939,
+	"value": 95
+}, {
+	"lng": 116.443707,
+	"lat": 39.87558,
+	"value": 96
+}, {
+	"lng": 116.814298,
+	"lat": 40.53416,
+	"value": 97
+}, {
+	"lng": 116.428247,
+	"lat": 39.873118,
+	"value": 98
+}, {
+	"lng": 116.290774,
+	"lat": 39.963116,
+	"value": 99
+}, {
+	"lng": 116.299918,
+	"lat": 39.936094,
+	"value": 100
+}, {
+	"lng": 116.489325,
+	"lat": 39.944556,
+	"value": 101
+}, {
+	"lng": 116.339297,
+	"lat": 40.038739,
+	"value": 102
+}, {
+	"lng": 116.485631,
+	"lat": 39.804667,
+	"value": 103
+}, {
+	"lng": 116.480549,
+	"lat": 39.955012,
+	"value": 104
+}, {
+	"lng": 116.381977,
+	"lat": 39.878496,
+	"value": 1
+}, {
+	"lng": 116.259586,
+	"lat": 40.043622,
+	"value": 2
+}, {
+	"lng": 116.587813,
+	"lat": 40.015618,
+	"value": 3
+}, {
+	"lng": 116.35472,
+	"lat": 39.975865,
+	"value": 4
+}, {
+	"lng": 116.644011,
+	"lat": 40.299776,
+	"value": 5
+}, {
+	"lng": 116.299449,
+	"lat": 39.95324,
+	"value": 6
+}, {
+	"lng": 116.332228,
+	"lat": 39.900741,
+	"value": 7
+}, {
+	"lng": 116.377459,
+	"lat": 39.80869,
+	"value": 8
+}, {
+	"lng": 116.657873,
+	"lat": 40.120521,
+	"value": 9
+}, {
+	"lng": 116.154466,
+	"lat": 39.731616,
+	"value": 10
+}, {
+	"lng": 116.845418,
+	"lat": 40.375612,
+	"value": 11
+}, {
+	"lng": 116.466696,
+	"lat": 39.766475,
+	"value": 12
+}, {
+	"lng": 116.45685,
+	"lat": 40.011172,
+	"value": 13
+}, {
+	"lng": 116.406651,
+	"lat": 39.970182,
+	"value": 14
+}, {
+	"lng": 116.428161,
+	"lat": 39.866144,
+	"value": 15
+}, {
+	"lng": 116.504801,
+	"lat": 39.836822,
+	"value": 16
+}, {
+	"lng": 116.439995,
+	"lat": 39.81546,
+	"value": 17
+}, {
+	"lng": 116.559057,
+	"lat": 39.936131,
+	"value": 18
+}, {
+	"lng": 116.225584,
+	"lat": 39.842961,
+	"value": 19
+}, {
+	"lng": 116.64103,
+	"lat": 40.141812,
+	"value": 20
+}, {
+	"lng": 116.306028,
+	"lat": 39.860581,
+	"value": 21
+}, {
+	"lng": 116.403426,
+	"lat": 40.066843,
+	"value": 22
+}, {
+	"lng": 116.399935,
+	"lat": 40.009504,
+	"value": 23
+}, {
+	"lng": 116.309222,
+	"lat": 39.913107,
+	"value": 24
+}, {
+	"lng": 116.295396,
+	"lat": 39.784501,
+	"value": 25
+}, {
+	"lng": 116.289673,
+	"lat": 39.963462,
+	"value": 26
+}, {
+	"lng": 116.445731,
+	"lat": 40.051509,
+	"value": 27
+}, {
+	"lng": 116.395362,
+	"lat": 39.975426,
+	"value": 28
+}, {
+	"lng": 116.605608,
+	"lat": 40.0489,
+	"value": 29
+}, {
+	"lng": 116.421157,
+	"lat": 39.975636,
+	"value": 30
+}, {
+	"lng": 116.452161,
+	"lat": 39.977081,
+	"value": 31
+}, {
+	"lng": 116.242604,
+	"lat": 40.22134,
+	"value": 32
+}, {
+	"lng": 116.32532,
+	"lat": 39.970535,
+	"value": 33
+}, {
+	"lng": 116.685587,
+	"lat": 39.926874,
+	"value": 34
+}, {
+	"lng": 116.39186,
+	"lat": 39.912056,
+	"value": 35
+}, {
+	"lng": 116.326004,
+	"lat": 39.974148,
+	"value": 36
+}, {
+	"lng": 116.677542,
+	"lat": 39.892667,
+	"value": 37
+}, {
+	"lng": 116.835958,
+	"lat": 40.375008,
+	"value": 38
+}, {
+	"lng": 116.484969,
+	"lat": 39.956518,
+	"value": 39
+}, {
+	"lng": 115.95685,
+	"lat": 39.732297,
+	"value": 40
+}, {
+	"lng": 116.380024,
+	"lat": 39.872133,
+	"value": 41
+}, {
+	"lng": 116.396477,
+	"lat": 39.928246,
+	"value": 42
+}, {
+	"lng": 116.390986,
+	"lat": 39.92675,
+	"value": 43
+}, {
+	"lng": 116.346845,
+	"lat": 40.018932,
+	"value": 44
+}, {
+	"lng": 116.381966,
+	"lat": 39.970729,
+	"value": 45
+}, {
+	"lng": 116.337349,
+	"lat": 39.752131,
+	"value": 46
+}, {
+	"lng": 116.494995,
+	"lat": 39.99648,
+	"value": 47
+}, {
+	"lng": 116.314029,
+	"lat": 39.516896,
+	"value": 48
+}, {
+	"lng": 116.662237,
+	"lat": 40.122764,
+	"value": 49
+}, {
+	"lng": 116.841367,
+	"lat": 40.379938,
+	"value": 50
+}, {
+	"lng": 116.365928,
+	"lat": 39.975824,
+	"value": 51
+}, {
+	"lng": 116.489236,
+	"lat": 39.939992,
+	"value": 52
+}, {
+	"lng": 116.363994,
+	"lat": 39.852943,
+	"value": 53
+}, {
+	"lng": 116.34283,
+	"lat": 39.754081,
+	"value": 54
+}, {
+	"lng": 116.361183,
+	"lat": 39.894634,
+	"value": 55
+}, {
+	"lng": 116.412822,
+	"lat": 39.9769,
+	"value": 56
+}, {
+	"lng": 116.40433,
+	"lat": 39.97541,
+	"value": 57
+}, {
+	"lng": 116.413478,
+	"lat": 39.948868,
+	"value": 58
+}, {
+	"lng": 116.406129,
+	"lat": 39.932386,
+	"value": 59
+}, {
+	"lng": 116.451852,
+	"lat": 39.995137,
+	"value": 60
+}, {
+	"lng": 116.349718,
+	"lat": 39.870509,
+	"value": 61
+}, {
+	"lng": 116.568628,
+	"lat": 39.926382,
+	"value": 62
+}, {
+	"lng": 116.643881,
+	"lat": 40.300758,
+	"value": 63
+}, {
+	"lng": 116.440445,
+	"lat": 39.881325,
+	"value": 64
+}, {
+	"lng": 116.48299,
+	"lat": 39.869588,
+	"value": 65
+}, {
+	"lng": 116.323732,
+	"lat": 40.082528,
+	"value": 66
+}, {
+	"lng": 116.257834,
+	"lat": 39.876782,
+	"value": 67
+}, {
+	"lng": 116.3596,
+	"lat": 40.034545,
+	"value": 68
+}, {
+	"lng": 116.349841,
+	"lat": 39.875597,
+	"value": 69
+}, {
+	"lng": 116.403928,
+	"lat": 39.879252,
+	"value": 70
+}, {
+	"lng": 116.42005,
+	"lat": 39.833467,
+	"value": 71
+}, {
+	"lng": 116.663001,
+	"lat": 39.91046,
+	"value": 72
+}, {
+	"lng": 116.406568,
+	"lat": 39.908939,
+	"value": 73
+}, {
+	"lng": 116.405188,
+	"lat": 39.909159,
+	"value": 74
+}, {
+	"lng": 116.415107,
+	"lat": 39.872521,
+	"value": 75
+}, {
+	"lng": 116.321197,
+	"lat": 39.767552,
+	"value": 76
+}, {
+	"lng": 116.211721,
+	"lat": 39.688611,
+	"value": 77
+}, {
+	"lng": 116.451346,
+	"lat": 39.882833,
+	"value": 78
+}, {
+	"lng": 116.557492,
+	"lat": 39.875288,
+	"value": 79
+}, {
+	"lng": 116.420546,
+	"lat": 39.899053,
+	"value": 80
+}, {
+	"lng": 116.440968,
+	"lat": 39.898035,
+	"value": 81
+}, {
+	"lng": 116.096699,
+	"lat": 39.94052,
+	"value": 82
+}, {
+	"lng": 116.410422,
+	"lat": 39.996992,
+	"value": 83
+}, {
+	"lng": 116.376382,
+	"lat": 40.040343,
+	"value": 84
+}, {
+	"lng": 116.664304,
+	"lat": 39.912656,
+	"value": 85
+}, {
+	"lng": 116.477188,
+	"lat": 39.972973,
+	"value": 86
+}, {
+	"lng": 116.400057,
+	"lat": 39.883241,
+	"value": 87
+}, {
+	"lng": 116.287055,
+	"lat": 39.865057,
+	"value": 88
+}, {
+	"lng": 116.47842,
+	"lat": 39.975087,
+	"value": 89
+}, {
+	"lng": 116.481061,
+	"lat": 39.973994,
+	"value": 90
+}, {
+	"lng": 116.428439,
+	"lat": 39.943564,
+	"value": 91
+}, {
+	"lng": 116.507173,
+	"lat": 39.815616,
+	"value": 92
+}, {
+	"lng": 116.405081,
+	"lat": 39.959449,
+	"value": 93
+}, {
+	"lng": 116.40121,
+	"lat": 39.869219,
+	"value": 94
+}, {
+	"lng": 116.437595,
+	"lat": 39.878214,
+	"value": 95
+}, {
+	"lng": 116.448647,
+	"lat": 39.981149,
+	"value": 96
+}, {
+	"lng": 116.239298,
+	"lat": 40.218372,
+	"value": 97
+}, {
+	"lng": 116.402223,
+	"lat": 39.960511,
+	"value": 98
+}, {
+	"lng": 116.664158,
+	"lat": 40.120092,
+	"value": 99
+}, {
+	"lng": 116.119102,
+	"lat": 40.233172,
+	"value": 99
+}, {
+	"lng": 116.666931,
+	"lat": 39.917685,
+	"value": 100
+}, {
+	"lng": 115.977448,
+	"lat": 40.456067,
+	"value": 101
+}, {
+	"lng": 116.355541,
+	"lat": 39.911069,
+	"value": 1
+}, {
+	"lng": 116.474525,
+	"lat": 39.944593,
+	"value": 2
+}, {
+	"lng": 116.35277,
+	"lat": 39.910566,
+	"value": 3
+}, {
+	"lng": 116.310743,
+	"lat": 39.915123,
+	"value": 4
+}, {
+	"lng": 116.384415,
+	"lat": 39.948468,
+	"value": 5
+}, {
+	"lng": 116.470283,
+	"lat": 39.92274,
+	"value": 6
+}, {
+	"lng": 116.545304,
+	"lat": 39.632635,
+	"value": 7
+}, {
+	"lng": 116.358194,
+	"lat": 39.898647,
+	"value": 8
+}, {
+	"lng": 116.311002,
+	"lat": 39.917643,
+	"value": 9
+}, {
+	"lng": 116.387084,
+	"lat": 39.959407,
+	"value": 10
+}, {
+	"lng": 116.399161,
+	"lat": 39.972319,
+	"value": 11
+}, {
+	"lng": 116.41415,
+	"lat": 40.048341,
+	"value": 12
+}, {
+	"lng": 116.283811,
+	"lat": 39.862684,
+	"value": 13
+}, {
+	"lng": 116.154671,
+	"lat": 39.793723,
+	"value": 14
+}, {
+	"lng": 116.338059,
+	"lat": 40.034402,
+	"value": 15
+}, {
+	"lng": 116.564921,
+	"lat": 40.336754,
+	"value": 16
+}, {
+	"lng": 116.396465,
+	"lat": 39.928236,
+	"value": 17
+}, {
+	"lng": 116.345465,
+	"lat": 39.815134,
+	"value": 18
+}, {
+	"lng": 117.105997,
+	"lat": 40.140457,
+	"value": 19
+}, {
+	"lng": 116.458762,
+	"lat": 40.011334,
+	"value": 20
+}, {
+	"lng": 116.330312,
+	"lat": 39.892811,
+	"value": 21
+}, {
+	"lng": 116.246434,
+	"lat": 39.981835,
+	"value": 22
+}, {
+	"lng": 116.482718,
+	"lat": 39.967001,
+	"value": 23
+}, {
+	"lng": 116.531887,
+	"lat": 39.91018,
+	"value": 24
+}, {
+	"lng": 116.303479,
+	"lat": 40.030135,
+	"value": 25
+}, {
+	"lng": 116.567226,
+	"lat": 39.897282,
+	"value": 26
+}, {
+	"lng": 116.443197,
+	"lat": 39.810833,
+	"value": 27
+}, {
+	"lng": 116.271062,
+	"lat": 40.205664,
+	"value": 28
+}, {
+	"lng": 116.430094,
+	"lat": 39.975569,
+	"value": 29
+}, {
+	"lng": 116.320701,
+	"lat": 40.030695,
+	"value": 30
+}, {
+	"lng": 116.318237,
+	"lat": 39.945583,
+	"value": 31
+}, {
+	"lng": 116.384177,
+	"lat": 39.976624,
+	"value": 32
+}, {
+	"lng": 116.609751,
+	"lat": 39.67949,
+	"value": 33
+}, {
+	"lng": 116.470793,
+	"lat": 39.976487,
+	"value": 34
+}, {
+	"lng": 116.451952,
+	"lat": 39.994476,
+	"value": 35
+}, {
+	"lng": 116.898355,
+	"lat": 40.465999,
+	"value": 36
+}, {
+	"lng": 116.324261,
+	"lat": 39.97006,
+	"value": 37
+}, {
+	"lng": 116.345849,
+	"lat": 39.902789,
+	"value": 38
+}, {
+	"lng": 116.392448,
+	"lat": 39.949775,
+	"value": 39
+}, {
+	"lng": 116.404969,
+	"lat": 39.869671,
+	"value": 40
+}, {
+	"lng": 116.391978,
+	"lat": 39.951331,
+	"value": 41
+}, {
+	"lng": 116.293389,
+	"lat": 39.963228,
+	"value": 42
+}, {
+	"lng": 116.354359,
+	"lat": 39.871352,
+	"value": 43
+}, {
+	"lng": 116.250473,
+	"lat": 39.905799,
+	"value": 44
+}, {
+	"lng": 116.529661,
+	"lat": 39.912838,
+	"value": 45
+}, {
+	"lng": 116.400244,
+	"lat": 39.953832,
+	"value": 46
+}, {
+	"lng": 116.33445,
+	"lat": 39.790326,
+	"value": 47
+}, {
+	"lng": 116.327622,
+	"lat": 39.795556,
+	"value": 48
+}, {
+	"lng": 116.394292,
+	"lat": 39.948671,
+	"value": 49
+}, {
+	"lng": 116.841248,
+	"lat": 40.382222,
+	"value": 50
+}, {
+	"lng": 116.39621,
+	"lat": 39.912717,
+	"value": 51
+}, {
+	"lng": 116.29526,
+	"lat": 39.839011,
+	"value": 52
+}, {
+	"lng": 116.390165,
+	"lat": 39.949776,
+	"value": 53
+}, {
+	"lng": 116.521784,
+	"lat": 39.83616,
+	"value": 54
+}, {
+	"lng": 116.393875,
+	"lat": 39.996715,
+	"value": 55
+}, {
+	"lng": 116.724049,
+	"lat": 39.951418,
+	"value": 56
+}, {
+	"lng": 116.434731,
+	"lat": 39.90149,
+	"value": 57
+}, {
+	"lng": 116.356244,
+	"lat": 39.910916,
+	"value": 58
+}, {
+	"lng": 116.457003,
+	"lat": 40.008583,
+	"value": 59
+}, {
+	"lng": 116.4954,
+	"lat": 39.922626,
+	"value": 60
+}, {
+	"lng": 116.451481,
+	"lat": 39.81428,
+	"value": 61
+}, {
+	"lng": 116.33145,
+	"lat": 39.891865,
+	"value": 62
+}, {
+	"lng": 116.2393,
+	"lat": 40.236043,
+	"value": 63
+}, {
+	"lng": 116.424888,
+	"lat": 39.976048,
+	"value": 64
+}, {
+	"lng": 116.336565,
+	"lat": 39.751957,
+	"value": 65
+}, {
+	"lng": 116.225132,
+	"lat": 39.872326,
+	"value": 66
+}, {
+	"lng": 116.564558,
+	"lat": 39.886867,
+	"value": 67
+}, {
+	"lng": 116.12651,
+	"lat": 39.735538,
+	"value": 68
+}, {
+	"lng": 117.008136,
+	"lat": 40.376266,
+	"value": 69
+}, {
+	"lng": 116.420949,
+	"lat": 39.87321,
+	"value": 70
+}, {
+	"lng": 115.994695,
+	"lat": 39.701187,
+	"value": 71
+}, {
+	"lng": 116.400738,
+	"lat": 39.908585,
+	"value": 72
+}, {
+	"lng": 116.424696,
+	"lat": 39.962873,
+	"value": 73
+}, {
+	"lng": 116.3266,
+	"lat": 40.08181,
+	"value": 74
+}, {
+	"lng": 116.331061,
+	"lat": 39.892843,
+	"value": 75
+}, {
+	"lng": 116.29248,
+	"lat": 39.988895,
+	"value": 76
+}, {
+	"lng": 116.466217,
+	"lat": 39.92232,
+	"value": 77
+}, {
+	"lng": 116.324551,
+	"lat": 39.940216,
+	"value": 78
+}, {
+	"lng": 116.289698,
+	"lat": 39.815009,
+	"value": 79
+}, {
+	"lng": 116.366762,
+	"lat": 40.240256,
+	"value": 80
+}, {
+	"lng": 116.331123,
+	"lat": 39.890995,
+	"value": 81
+}, {
+	"lng": 116.416662,
+	"lat": 39.869136,
+	"value": 82
+}, {
+	"lng": 116.417434,
+	"lat": 39.833862,
+	"value": 83
+}, {
+	"lng": 116.489063,
+	"lat": 39.950495,
+	"value": 84
+}, {
+	"lng": 116.425088,
+	"lat": 39.834288,
+	"value": 85
+}, {
+	"lng": 116.288801,
+	"lat": 39.965264,
+	"value": 86
+}, {
+	"lng": 116.29665,
+	"lat": 39.805464,
+	"value": 87
+}, {
+	"lng": 116.154403,
+	"lat": 39.792215,
+	"value": 88
+}, {
+	"lng": 116.320248,
+	"lat": 39.945852,
+	"value": 89
+}, {
+	"lng": 115.957457,
+	"lat": 39.599769,
+	"value": 90
+}, {
+	"lng": 116.353289,
+	"lat": 39.915624,
+	"value": 91
+}, {
+	"lng": 116.438992,
+	"lat": 39.876785,
+	"value": 92
+}, {
+	"lng": 116.10987,
+	"lat": 39.93606,
+	"value": 1
+}, {
+	"lng": 116.42478,
+	"lat": 39.9665,
+	"value": 2
+}, {
+	"lng": 116.295136,
+	"lat": 39.927262,
+	"value": 3
+}, {
+	"lng": 116.579446,
+	"lat": 39.846365,
+	"value": 4
+}, {
+	"lng": 116.507268,
+	"lat": 39.859229,
+	"value": 5
+}, {
+	"lng": 116.246201,
+	"lat": 39.943989,
+	"value": 6
+}, {
+	"lng": 116.321964,
+	"lat": 39.767435,
+	"value": 7
+}, {
+	"lng": 116.543317,
+	"lat": 39.877525,
+	"value": 8
+}, {
+	"lng": 116.402726,
+	"lat": 39.962996,
+	"value": 9
+}, {
+	"lng": 116.533757,
+	"lat": 39.916293,
+	"value": 10
+}, {
+	"lng": 116.297368,
+	"lat": 39.936267,
+	"value": 11
+}, {
+	"lng": 116.281225,
+	"lat": 39.947723,
+	"value": 12
+}, {
+	"lng": 116.651846,
+	"lat": 40.119239,
+	"value": 13
+}, {
+	"lng": 116.399739,
+	"lat": 39.960987,
+	"value": 14
+}, {
+	"lng": 116.316824,
+	"lat": 39.862571,
+	"value": 15
+}];
+
+export const heatmapData = [{
+	"lng": 116.191031,
+	"lat": 39.988585,
+	"value": 10
+}, {
+	"lng": 116.389275,
+	"lat": 39.925818,
+	"value": 11
+}, {
+	"lng": 116.287444,
+	"lat": 39.810742,
+	"value": 12
+}, {
+	"lng": 116.481707,
+	"lat": 39.940089,
+	"value": 13
+}, {
+	"lng": 116.410588,
+	"lat": 39.880172,
+	"value": 14
+}, {
+	"lng": 116.394816,
+	"lat": 39.91181,
+	"value": 15
+}, {
+	"lng": 116.416002,
+	"lat": 39.952917,
+	"value": 16
+}, {
+	"lng": 116.39671,
+	"lat": 39.924903,
+	"value": 17
+}, {
+	"lng": 116.180816,
+	"lat": 39.957553,
+	"value": 18
+}, {
+	"lng": 116.382035,
+	"lat": 39.874114,
+	"value": 19
+}, {
+	"lng": 116.316648,
+	"lat": 39.914529,
+	"value": 20
+}, {
+	"lng": 116.395803,
+	"lat": 39.908556,
+	"value": 21
+}, {
+	"lng": 116.74553,
+	"lat": 39.875916,
+	"value": 22
+}, {
+	"lng": 116.352289,
+	"lat": 39.916475,
+	"value": 23
+}, {
+	"lng": 116.441548,
+	"lat": 39.878262,
+	"value": 24
+}, {
+	"lng": 116.318947,
+	"lat": 39.942735,
+	"value": 25
+}, {
+	"lng": 116.382585,
+	"lat": 39.941949,
+	"value": 26
+}, {
+	"lng": 116.42042,
+	"lat": 39.884017,
+	"value": 27
+}, {
+	"lng": 116.31744,
+	"lat": 39.892561,
+	"value": 28
+}, {
+	"lng": 116.407059,
+	"lat": 39.912438,
+	"value": 29
+}, {
+	"lng": 116.412351,
+	"lat": 39.888082,
+	"value": 30
+}, {
+	"lng": 116.444341,
+	"lat": 39.915891,
+	"value": 31
+}, {
+	"lng": 116.335385,
+	"lat": 39.741756,
+	"value": 32
+}, {
+	"lng": 116.3926,
+	"lat": 40.008733,
+	"value": 33
+}, {
+	"lng": 116.389731,
+	"lat": 39.92292,
+	"value": 34
+}, {
+	"lng": 116.413371,
+	"lat": 39.874483,
+	"value": 35
+}, {
+	"lng": 116.199752,
+	"lat": 39.911717,
+	"value": 36
+}, {
+	"lng": 116.278472,
+	"lat": 40.254994,
+	"value": 37
+}, {
+	"lng": 116.464252,
+	"lat": 39.925828,
+	"value": 38
+}, {
+	"lng": 116.479475,
+	"lat": 39.937945,
+	"value": 39
+}, {
+	"lng": 116.415599,
+	"lat": 39.956902,
+	"value": 40
+}, {
+	"lng": 116.355675,
+	"lat": 39.870089,
+	"value": 41
+}, {
+	"lng": 116.295267,
+	"lat": 39.987171,
+	"value": 42
+}, {
+	"lng": 116.323634,
+	"lat": 39.911692,
+	"value": 43
+}, {
+	"lng": 116.692769,
+	"lat": 40.173307,
+	"value": 44
+}, {
+	"lng": 116.287888,
+	"lat": 39.928531,
+	"value": 45
+}, {
+	"lng": 116.386502,
+	"lat": 39.922747,
+	"value": 46
+}, {
+	"lng": 116.236773,
+	"lat": 40.218341,
+	"value": 47
+}, {
+	"lng": 116.490636,
+	"lat": 39.804253,
+	"value": 48
+}, {
+	"lng": 116.391095,
+	"lat": 39.925791,
+	"value": 49
+}, {
+	"lng": 116.472402,
+	"lat": 39.769178,
+	"value": 50
+}, {
+	"lng": 116.38657,
+	"lat": 39.956731,
+	"value": 51
+}, {
+	"lng": 116.427536,
+	"lat": 39.943671,
+	"value": 52
+}, {
+	"lng": 116.374547,
+	"lat": 39.967588,
+	"value": 53
+}, {
+	"lng": 116.380383,
+	"lat": 39.871634,
+	"value": 54
+}, {
+	"lng": 116.376092,
+	"lat": 39.965485,
+	"value": 55
+}, {
+	"lng": 116.352424,
+	"lat": 39.91811,
+	"value": 56
+}, {
+	"lng": 116.020157,
+	"lat": 40.348526,
+	"value": 57
+}, {
+	"lng": 116.416201,
+	"lat": 39.951736,
+	"value": 58
+}, {
+	"lng": 116.405392,
+	"lat": 39.908738,
+	"value": 59
+}, {
+	"lng": 116.49238,
+	"lat": 39.926248,
+	"value": 60
+}, {
+	"lng": 116.389282,
+	"lat": 39.988391,
+	"value": 61
+}, {
+	"lng": 116.396683,
+	"lat": 39.923487,
+	"value": 62
+}, {
+	"lng": 116.41718,
+	"lat": 39.905213,
+	"value": 63
+}, {
+	"lng": 116.321512,
+	"lat": 39.913192,
+	"value": 64
+}, {
+	"lng": 116.260028,
+	"lat": 40.03353,
+	"value": 65
+}, {
+	"lng": 116.394846,
+	"lat": 39.911168,
+	"value": 66
+}, {
+	"lng": 116.374767,
+	"lat": 39.96608,
+	"value": 67
+}, {
+	"lng": 116.6841,
+	"lat": 39.909762,
+	"value": 68
+}, {
+	"lng": 116.3838,
+	"lat": 39.95811,
+	"value": 69
+}, {
+	"lng": 116.39243,
+	"lat": 40.01143,
+	"value": 70
+}, {
+	"lng": 116.661912,
+	"lat": 40.121137,
+	"value": 71
+}, {
+	"lng": 116.333056,
+	"lat": 39.90123,
+	"value": 72
+}, {
+	"lng": 116.484839,
+	"lat": 39.881729,
+	"value": 73
+}, {
+	"lng": 116.360923,
+	"lat": 39.935745,
+	"value": 74
+}, {
+	"lng": 116.408531,
+	"lat": 39.953194,
+	"value": 75
+}, {
+	"lng": 116.417916,
+	"lat": 39.954029,
+	"value": 76
+}, {
+	"lng": 116.412215,
+	"lat": 39.992282,
+	"value": 77
+}, {
+	"lng": 116.181532,
+	"lat": 40.048762,
+	"value": 78
+}, {
+	"lng": 116.434848,
+	"lat": 40.070463,
+	"value": 79
+}, {
+	"lng": 116.385039,
+	"lat": 39.956937,
+	"value": 80
+}, {
+	"lng": 116.755067,
+	"lat": 39.854499,
+	"value": 81
+}, {
+	"lng": 116.396061,
+	"lat": 39.912841,
+	"value": 82
+}, {
+	"lng": 116.474303,
+	"lat": 39.971398,
+	"value": 83
+}, {
+	"lng": 116.376262,
+	"lat": 39.85811,
+	"value": 84
+}, {
+	"lng": 116.403783,
+	"lat": 39.954469,
+	"value": 85
+}, {
+	"lng": 116.339136,
+	"lat": 39.729159,
+	"value": 86
+}, {
+	"lng": 116.240159,
+	"lat": 39.947003,
+	"value": 87
+}, {
+	"lng": 117.107541,
+	"lat": 40.141457,
+	"value": 88
+}, {
+	"lng": 116.341813,
+	"lat": 40.078786,
+	"value": 89
+}, {
+	"lng": 116.320648,
+	"lat": 39.706455,
+	"value": 90
+}, {
+	"lng": 116.402566,
+	"lat": 39.960873,
+	"value": 91
+}, {
+	"lng": 116.849261,
+	"lat": 40.402999,
+	"value": 92
+}, {
+	"lng": 116.521064,
+	"lat": 39.834187,
+	"value": 93
+}, {
+	"lng": 116.329942,
+	"lat": 39.925327,
+	"value": 94
+}, {
+	"lng": 116.479852,
+	"lat": 39.974856,
+	"value": 95
+}, {
+	"lng": 116.399185,
+	"lat": 39.925736,
+	"value": 96
+}, {
+	"lng": 116.193166,
+	"lat": 39.911953,
+	"value": 1
+}, {
+	"lng": 116.400916,
+	"lat": 39.870614,
+	"value": 2
+}, {
+	"lng": 116.518041,
+	"lat": 39.956615,
+	"value": 3
+}, {
+	"lng": 116.388981,
+	"lat": 39.997716,
+	"value": 4
+}, {
+	"lng": 116.285852,
+	"lat": 39.863497,
+	"value": 5
+}, {
+	"lng": 116.294167,
+	"lat": 39.884599,
+	"value": 6
+}, {
+	"lng": 116.394235,
+	"lat": 39.996845,
+	"value": 7
+}, {
+	"lng": 116.32471,
+	"lat": 39.970486,
+	"value": 8
+}, {
+	"lng": 116.496828,
+	"lat": 39.99335,
+	"value": 9
+}, {
+	"lng": 116.482534,
+	"lat": 39.934086,
+	"value": 10
+}, {
+	"lng": 116.454662,
+	"lat": 39.974981,
+	"value": 11
+}, {
+	"lng": 116.387076,
+	"lat": 39.87631,
+	"value": 12
+}, {
+	"lng": 116.433341,
+	"lat": 39.92803,
+	"value": 13
+}, {
+	"lng": 116.382196,
+	"lat": 39.941606,
+	"value": 14
+}, {
+	"lng": 116.244286,
+	"lat": 39.82905,
+	"value": 15
+}, {
+	"lng": 116.566672,
+	"lat": 40.176097,
+	"value": 16
+}, {
+	"lng": 116.686862,
+	"lat": 39.908507,
+	"value": 17
+}, {
+	"lng": 117.240166,
+	"lat": 40.175796,
+	"value": 18
+}, {
+	"lng": 116.428661,
+	"lat": 39.866958,
+	"value": 19
+}, {
+	"lng": 116.443292,
+	"lat": 39.917447,
+	"value": 20
+}, {
+	"lng": 116.356538,
+	"lat": 39.926711,
+	"value": 21
+}, {
+	"lng": 116.194086,
+	"lat": 39.912242,
+	"value": 22
+}, {
+	"lng": 116.379861,
+	"lat": 39.971831,
+	"value": 23
+}, {
+	"lng": 116.377966,
+	"lat": 39.874647,
+	"value": 24
+}, {
+	"lng": 116.466778,
+	"lat": 39.926304,
+	"value": 25
+}, {
+	"lng": 116.692078,
+	"lat": 40.170197,
+	"value": 26
+}, {
+	"lng": 116.428651,
+	"lat": 39.94275,
+	"value": 27
+}, {
+	"lng": 116.322655,
+	"lat": 39.939517,
+	"value": 28
+}, {
+	"lng": 116.445601,
+	"lat": 39.98439,
+	"value": 29
+}, {
+	"lng": 116.662833,
+	"lat": 39.912238,
+	"value": 30
+}, {
+	"lng": 116.394183,
+	"lat": 39.925557,
+	"value": 31
+}, {
+	"lng": 116.312788,
+	"lat": 39.860017,
+	"value": 32
+}, {
+	"lng": 116.104708,
+	"lat": 40.065563,
+	"value": 33
+}, {
+	"lng": 116.204443,
+	"lat": 39.938295,
+	"value": 34
+}, {
+	"lng": 116.310917,
+	"lat": 39.89381,
+	"value": 35
+}, {
+	"lng": 116.265851,
+	"lat": 39.834247,
+	"value": 36
+}, {
+	"lng": 116.33501,
+	"lat": 39.742507,
+	"value": 37
+}, {
+	"lng": 116.397519,
+	"lat": 39.99794,
+	"value": 38
+}, {
+	"lng": 116.441252,
+	"lat": 39.915566,
+	"value": 39
+}, {
+	"lng": 116.441898,
+	"lat": 39.856454,
+	"value": 40
+}, {
+	"lng": 116.446552,
+	"lat": 39.946418,
+	"value": 41
+}, {
+	"lng": 116.359761,
+	"lat": 39.895327,
+	"value": 42
+}, {
+	"lng": 116.349168,
+	"lat": 39.893551,
+	"value": 43
+}, {
+	"lng": 116.476819,
+	"lat": 39.94388,
+	"value": 44
+}, {
+	"lng": 116.29912,
+	"lat": 39.988433,
+	"value": 45
+}, {
+	"lng": 116.467912,
+	"lat": 39.770524,
+	"value": 46
+}, {
+	"lng": 116.382134,
+	"lat": 39.862204,
+	"value": 47
+}, {
+	"lng": 116.483378,
+	"lat": 39.93431,
+	"value": 48
+}, {
+	"lng": 116.35395,
+	"lat": 39.910738,
+	"value": 49
+}, {
+	"lng": 116.398771,
+	"lat": 39.976433,
+	"value": 50
+}, {
+	"lng": 116.462189,
+	"lat": 39.925864,
+	"value": 51
+}, {
+	"lng": 116.378957,
+	"lat": 39.806676,
+	"value": 52
+}, {
+	"lng": 116.334199,
+	"lat": 39.900985,
+	"value": 53
+}, {
+	"lng": 116.443961,
+	"lat": 39.913511,
+	"value": 54
+}, {
+	"lng": 116.388829,
+	"lat": 39.95053,
+	"value": 55
+}, {
+	"lng": 116.319655,
+	"lat": 39.892339,
+	"value": 56
+}, {
+	"lng": 117.431959,
+	"lat": 40.630521,
+	"value": 57
+}, {
+	"lng": 117.108914,
+	"lat": 40.140406,
+	"value": 58
+}, {
+	"lng": 116.43019,
+	"lat": 39.880486,
+	"value": 59
+}, {
+	"lng": 116.250698,
+	"lat": 39.907186,
+	"value": 60
+}, {
+	"lng": 116.341065,
+	"lat": 39.766082,
+	"value": 61
+}, {
+	"lng": 116.290335,
+	"lat": 39.812431,
+	"value": 62
+}, {
+	"lng": 116.360813,
+	"lat": 39.936362,
+	"value": 63
+}, {
+	"lng": 116.400282,
+	"lat": 39.995027,
+	"value": 64
+}, {
+	"lng": 116.317257,
+	"lat": 39.889092,
+	"value": 65
+}, {
+	"lng": 116.482537,
+	"lat": 39.954978,
+	"value": 66
+}, {
+	"lng": 116.38496,
+	"lat": 39.954428,
+	"value": 67
+}, {
+	"lng": 116.391803,
+	"lat": 39.911587,
+	"value": 68
+}, {
+	"lng": 116.4266,
+	"lat": 39.867228,
+	"value": 69
+}, {
+	"lng": 116.145997,
+	"lat": 39.790856,
+	"value": 70
+}, {
+	"lng": 116.430265,
+	"lat": 39.867451,
+	"value": 71
+}, {
+	"lng": 116.315479,
+	"lat": 39.940668,
+	"value": 72
+}, {
+	"lng": 116.359393,
+	"lat": 39.975431,
+	"value": 73
+}, {
+	"lng": 116.382347,
+	"lat": 39.968935,
+	"value": 74
+}, {
+	"lng": 115.987169,
+	"lat": 40.454625,
+	"value": 75
+}, {
+	"lng": 116.489292,
+	"lat": 39.931242,
+	"value": 76
+}, {
+	"lng": 116.368238,
+	"lat": 39.879807,
+	"value": 77
+}, {
+	"lng": 116.493761,
+	"lat": 39.923885,
+	"value": 78
+}, {
+	"lng": 116.53666,
+	"lat": 39.8778,
+	"value": 79
+}, {
+	"lng": 116.501743,
+	"lat": 39.79602,
+	"value": 80
+}, {
+	"lng": 116.582818,
+	"lat": 39.932646,
+	"value": 81
+}, {
+	"lng": 116.417364,
+	"lat": 39.869292,
+	"value": 82
+}, {
+	"lng": 116.354305,
+	"lat": 39.872022,
+	"value": 83
+}, {
+	"lng": 116.375162,
+	"lat": 40.01344,
+	"value": 84
+}, {
+	"lng": 116.400523,
+	"lat": 39.881031,
+	"value": 85
+}, {
+	"lng": 116.315365,
+	"lat": 39.945005,
+	"value": 86
+}, {
+	"lng": 116.44088,
+	"lat": 39.810753,
+	"value": 87
+}, {
+	"lng": 116.679285,
+	"lat": 39.916527,
+	"value": 88
+}, {
+	"lng": 116.483694,
+	"lat": 39.946929,
+	"value": 89
+}, {
+	"lng": 116.341678,
+	"lat": 40.080021,
+	"value": 90
+}, {
+	"lng": 116.017167,
+	"lat": 39.889175,
+	"value": 91
+}, {
+	"lng": 116.454692,
+	"lat": 39.954167,
+	"value": 92
+}, {
+	"lng": 116.410129,
+	"lat": 40.050952,
+	"value": 93
+}, {
+	"lng": 116.418556,
+	"lat": 39.872365,
+	"value": 94
+}, {
+	"lng": 116.25432,
+	"lat": 40.142367,
+	"value": 95
+}, {
+	"lng": 116.658763,
+	"lat": 39.891072,
+	"value": 96
+}, {
+	"lng": 116.305312,
+	"lat": 39.9953,
+	"value": 97
+}, {
+	"lng": 116.388761,
+	"lat": 39.951259,
+	"value": 98
+}, {
+	"lng": 116.68017,
+	"lat": 39.873413,
+	"value": 99
+}, {
+	"lng": 116.090539,
+	"lat": 39.796301,
+	"value": 1
+}, {
+	"lng": 116.380305,
+	"lat": 39.78354,
+	"value": 2
+}, {
+	"lng": 116.348831,
+	"lat": 40.022543,
+	"value": 3
+}, {
+	"lng": 116.438133,
+	"lat": 39.960988,
+	"value": 4
+}, {
+	"lng": 116.199587,
+	"lat": 39.911,
+	"value": 5
+}, {
+	"lng": 116.081743,
+	"lat": 39.788321,
+	"value": 6
+}, {
+	"lng": 117.24044,
+	"lat": 40.1752,
+	"value": 7
+}, {
+	"lng": 116.636141,
+	"lat": 40.327724,
+	"value": 8
+}, {
+	"lng": 116.453166,
+	"lat": 39.973511,
+	"value": 9
+}, {
+	"lng": 116.583381,
+	"lat": 39.953315,
+	"value": 10
+}, {
+	"lng": 116.236326,
+	"lat": 39.90595,
+	"value": 11
+}, {
+	"lng": 116.328305,
+	"lat": 39.781647,
+	"value": 12
+}, {
+	"lng": 116.260012,
+	"lat": 39.984951,
+	"value": 13
+}, {
+	"lng": 116.254938,
+	"lat": 39.916206,
+	"value": 14
+}, {
+	"lng": 116.85469,
+	"lat": 40.474419,
+	"value": 15
+}, {
+	"lng": 116.309389,
+	"lat": 39.971918,
+	"value": 16
+}, {
+	"lng": 116.310732,
+	"lat": 39.971517,
+	"value": 17
+}, {
+	"lng": 116.401885,
+	"lat": 39.847641,
+	"value": 18
+}, {
+	"lng": 116.427771,
+	"lat": 39.880572,
+	"value": 19
+}, {
+	"lng": 116.430537,
+	"lat": 39.880968,
+	"value": 20
+}, {
+	"lng": 116.550673,
+	"lat": 39.895212,
+	"value": 21
+}, {
+	"lng": 116.345906,
+	"lat": 39.815152,
+	"value": 22
+}, {
+	"lng": 116.512016,
+	"lat": 39.868573,
+	"value": 23
+}, {
+	"lng": 115.894604,
+	"lat": 39.803644,
+	"value": 24
+}, {
+	"lng": 116.32497,
+	"lat": 40.083198,
+	"value": 25
+}, {
+	"lng": 116.315523,
+	"lat": 39.858242,
+	"value": 26
+}, {
+	"lng": 116.465052,
+	"lat": 39.903055,
+	"value": 27
+}, {
+	"lng": 116.464814,
+	"lat": 39.924176,
+	"value": 28
+}, {
+	"lng": 115.959538,
+	"lat": 39.727218,
+	"value": 29
+}, {
+	"lng": 116.478895,
+	"lat": 39.954472,
+	"value": 30
+}, {
+	"lng": 116.337546,
+	"lat": 39.741337,
+	"value": 31
+}, {
+	"lng": 116.504757,
+	"lat": 39.83778,
+	"value": 32
+}, {
+	"lng": 116.393143,
+	"lat": 40.02725,
+	"value": 33
+}, {
+	"lng": 116.23419,
+	"lat": 40.217361,
+	"value": 34
+}, {
+	"lng": 116.368688,
+	"lat": 39.829561,
+	"value": 35
+}, {
+	"lng": 116.460134,
+	"lat": 39.983721,
+	"value": 36
+}, {
+	"lng": 116.381539,
+	"lat": 39.746766,
+	"value": 37
+}, {
+	"lng": 116.291759,
+	"lat": 39.983886,
+	"value": 38
+}, {
+	"lng": 116.377613,
+	"lat": 39.817895,
+	"value": 39
+}, {
+	"lng": 116.306646,
+	"lat": 39.956296,
+	"value": 40
+}, {
+	"lng": 116.160747,
+	"lat": 39.818863,
+	"value": 41
+}, {
+	"lng": 116.392912,
+	"lat": 40.001989,
+	"value": 42
+}, {
+	"lng": 116.199115,
+	"lat": 39.91276,
+	"value": 43
+}, {
+	"lng": 116.434577,
+	"lat": 39.812232,
+	"value": 44
+}, {
+	"lng": 116.495843,
+	"lat": 39.925538,
+	"value": 45
+}, {
+	"lng": 116.333803,
+	"lat": 39.913224,
+	"value": 46
+}, {
+	"lng": 116.489277,
+	"lat": 39.941842,
+	"value": 47
+}, {
+	"lng": 116.510514,
+	"lat": 39.973547,
+	"value": 48
+}, {
+	"lng": 116.474685,
+	"lat": 39.936648,
+	"value": 49
+}, {
+	"lng": 116.418054,
+	"lat": 39.905091,
+	"value": 50
+}, {
+	"lng": 116.285529,
+	"lat": 39.926274,
+	"value": 51
+}, {
+	"lng": 116.289399,
+	"lat": 39.948054,
+	"value": 52
+}, {
+	"lng": 116.508241,
+	"lat": 39.920234,
+	"value": 53
+}, {
+	"lng": 116.317979,
+	"lat": 40.000721,
+	"value": 54
+}, {
+	"lng": 116.428324,
+	"lat": 39.868263,
+	"value": 55
+}, {
+	"lng": 116.407517,
+	"lat": 40.016715,
+	"value": 56
+}, {
+	"lng": 116.338841,
+	"lat": 39.969646,
+	"value": 57
+}, {
+	"lng": 116.495703,
+	"lat": 39.992607,
+	"value": 58
+}, {
+	"lng": 116.369659,
+	"lat": 39.97595,
+	"value": 59
+}, {
+	"lng": 116.291709,
+	"lat": 39.96228,
+	"value": 60
+}, {
+	"lng": 116.311003,
+	"lat": 39.998264,
+	"value": 61
+}, {
+	"lng": 116.391429,
+	"lat": 39.93324,
+	"value": 62
+}, {
+	"lng": 116.406033,
+	"lat": 39.95407,
+	"value": 63
+}, {
+	"lng": 116.391856,
+	"lat": 39.912004,
+	"value": 64
+}, {
+	"lng": 116.356434,
+	"lat": 39.871474,
+	"value": 65
+}, {
+	"lng": 116.477081,
+	"lat": 39.970334,
+	"value": 66
+}, {
+	"lng": 116.475337,
+	"lat": 39.939749,
+	"value": 67
+}, {
+	"lng": 116.752911,
+	"lat": 39.916369,
+	"value": 68
+}, {
+	"lng": 116.470361,
+	"lat": 39.874606,
+	"value": 69
+}, {
+	"lng": 116.489172,
+	"lat": 39.949033,
+	"value": 70
+}, {
+	"lng": 116.502514,
+	"lat": 39.973734,
+	"value": 71
+}, {
+	"lng": 116.186985,
+	"lat": 39.920185,
+	"value": 72
+}, {
+	"lng": 116.583743,
+	"lat": 39.95335,
+	"value": 73
+}, {
+	"lng": 116.119183,
+	"lat": 39.732055,
+	"value": 74
+}, {
+	"lng": 116.391902,
+	"lat": 39.93331,
+	"value": 75
+}, {
+	"lng": 116.488588,
+	"lat": 39.953371,
+	"value": 76
+}, {
+	"lng": 116.381798,
+	"lat": 39.975717,
+	"value": 77
+}, {
+	"lng": 116.384689,
+	"lat": 39.827773,
+	"value": 78
+}, {
+	"lng": 116.445287,
+	"lat": 39.894354,
+	"value": 79
+}, {
+	"lng": 116.24048,
+	"lat": 39.947687,
+	"value": 80
+}, {
+	"lng": 116.413605,
+	"lat": 40.04902,
+	"value": 81
+}, {
+	"lng": 116.239012,
+	"lat": 39.904288,
+	"value": 82
+}, {
+	"lng": 116.408522,
+	"lat": 40.016971,
+	"value": 83
+}, {
+	"lng": 116.475833,
+	"lat": 39.947107,
+	"value": 84
+}, {
+	"lng": 116.43476,
+	"lat": 39.901671,
+	"value": 85
+}, {
+	"lng": 116.40229,
+	"lat": 39.869205,
+	"value": 86
+}, {
+	"lng": 116.226013,
+	"lat": 40.213485,
+	"value": 87
+}, {
+	"lng": 116.689042,
+	"lat": 39.889192,
+	"value": 88
+}, {
+	"lng": 116.377252,
+	"lat": 39.873622,
+	"value": 89
+}, {
+	"lng": 116.53061,
+	"lat": 40.103146,
+	"value": 90
+}, {
+	"lng": 116.416271,
+	"lat": 39.905187,
+	"value": 91
+}, {
+	"lng": 116.531169,
+	"lat": 39.91276,
+	"value": 92
+}, {
+	"lng": 116.17849,
+	"lat": 40.075692,
+	"value": 93
+}, {
+	"lng": 116.188616,
+	"lat": 40.102413,
+	"value": 94
+}, {
+	"lng": 116.531799,
+	"lat": 39.84939,
+	"value": 95
+}, {
+	"lng": 116.443707,
+	"lat": 39.87558,
+	"value": 96
+}, {
+	"lng": 116.814298,
+	"lat": 40.53416,
+	"value": 97
+}, {
+	"lng": 116.428247,
+	"lat": 39.873118,
+	"value": 98
+}, {
+	"lng": 116.290774,
+	"lat": 39.963116,
+	"value": 99
+}, {
+	"lng": 116.299918,
+	"lat": 39.936094,
+	"value": 100
+}, {
+	"lng": 116.489325,
+	"lat": 39.944556,
+	"value": 101
+}, {
+	"lng": 116.339297,
+	"lat": 40.038739,
+	"value": 102
+}, {
+	"lng": 116.485631,
+	"lat": 39.804667,
+	"value": 103
+}, {
+	"lng": 116.480549,
+	"lat": 39.955012,
+	"value": 104
+}, {
+	"lng": 116.381977,
+	"lat": 39.878496,
+	"value": 1
+}, {
+	"lng": 116.259586,
+	"lat": 40.043622,
+	"value": 2
+}, {
+	"lng": 116.587813,
+	"lat": 40.015618,
+	"value": 3
+}, {
+	"lng": 116.35472,
+	"lat": 39.975865,
+	"value": 4
+}, {
+	"lng": 116.644011,
+	"lat": 40.299776,
+	"value": 5
+}, {
+	"lng": 116.299449,
+	"lat": 39.95324,
+	"value": 6
+}, {
+	"lng": 116.332228,
+	"lat": 39.900741,
+	"value": 7
+}, {
+	"lng": 116.377459,
+	"lat": 39.80869,
+	"value": 8
+}, {
+	"lng": 116.657873,
+	"lat": 40.120521,
+	"value": 9
+}, {
+	"lng": 116.154466,
+	"lat": 39.731616,
+	"value": 10
+}, {
+	"lng": 116.845418,
+	"lat": 40.375612,
+	"value": 11
+}, {
+	"lng": 116.466696,
+	"lat": 39.766475,
+	"value": 12
+}, {
+	"lng": 116.45685,
+	"lat": 40.011172,
+	"value": 13
+}, {
+	"lng": 116.406651,
+	"lat": 39.970182,
+	"value": 14
+}, {
+	"lng": 116.428161,
+	"lat": 39.866144,
+	"value": 15
+}, {
+	"lng": 116.504801,
+	"lat": 39.836822,
+	"value": 16
+}, {
+	"lng": 116.439995,
+	"lat": 39.81546,
+	"value": 17
+},
+]
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.rar b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.rar
new file mode 100644
index 0000000..da1f885
Binary files /dev/null and b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.rar differ
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.scss b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.scss
new file mode 100644
index 0000000..27d4223
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.scss
@@ -0,0 +1,2 @@
+/* src/assets/css/leaflet.css */
+@import 'leaflet/dist/leaflet.css';
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.vue
new file mode 100644
index 0000000..7b5d54b
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/map/index.vue
@@ -0,0 +1,1631 @@
+<template>
+  <div class="map-container">
+    <!-- 导航按钮 -->
+    <div class="map-button-tabs">
+      <div
+        class="button"
+        v-for="tab in tabs"
+        :key="tab.name"
+        :class="{ active: activeTab === tab.name }"
+        @click="handleTabChange(tab.name)"
+      >
+        {{ tab.label }}
+      </div>
+    </div>
+
+    <!-- 地图容器 -->
+    <div id="map" ref="mapContainer"></div>
+
+    <!-- 加载状态 -->
+    <div v-if="isLoading" class="map-loading">
+      <el-icon class="is-loading"><Loading /></el-icon>
+      加载中...
+    </div>
+
+    <!-- 热力图图例 -->
+    <div class="map-legend" v-if="showLegend">
+      <h4>客流热力等级</h4>
+      <div class="legend-gradient"></div>
+      <div class="legend-labels">
+        <span>低</span>
+        <span>中</span>
+        <span>高</span>
+      </div>
+    </div>
+
+    <!-- 热力图调试信息 -->
+    <div class="debug-panel" v-if="showDebug">
+      <p>当前图层: {{ activeTab }}</p>
+      <p>点位数量: {{ mapData[activeTab].length }}</p>
+      <p>
+        热力图状态: {{ heatmapDebug.validPoints > 0 ? "已加载" : "未加载" }}
+      </p>
+      <p>有效点数: {{ heatmapDebug.validPoints }}</p>
+    </div>
+
+    <!-- 视频弹窗 -->
+    <LargeScreenModal
+      v-model:open="chargeOpen"
+      title="监控视频"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(800)"
+      @close="handleVideoClose"
+    >
+      <div class="tableWrap largeScreen">
+        <VideoMonitor
+          :video-url="currentVideoUrl"
+          width="100%"
+          height="100%"
+          style="margin-left: 40px"
+        />
+      </div>
+    </LargeScreenModal>
+
+    <!-- 预警点位的弹窗 -->
+    <LargeScreenModal
+      v-model:open="chargeOpen2"
+      title="预警信息"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(700)"
+      @close="handleVideoClose2"
+    >
+      <div class="tableWrap largeScreen">
+        <el-descriptions
+          class="largeScreen__descriptions"
+          :column="2"
+          size="large"
+          border
+        >
+          <template #extra></template>
+          <template v-for="item in formColumns">
+            <el-descriptions-item v-if="item.label =='外呼'" :label="item.label">
+                <el-button type="primary" size="default" @click="CALL">
+              外呼
+            </el-button>
+            </el-descriptions-item>
+            <el-descriptions-item v-else :label="item.label">
+              {{ formInfo[item.key] }}
+            </el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </div>
+    </LargeScreenModal>
+
+    <!-- 外呼的弹窗 -->
+    <LargeScreenModal
+      v-model:open="callDialog"
+      title="外呼"
+      :width="styleUtil.px2vw(400)"
+      :height="styleUtil.px2vh(500)"
+      @close="handleVideoClose2"
+    >
+      <el-row>
+        <el-col :span="24">
+          <div class="callDemo">
+            <Call ref="CallRef" :listRows="callForm" width="100%" height="400px" />
+          </div>
+        </el-col>
+      </el-row>
+    </LargeScreenModal>
+  </div>
+</template>
+
+<script setup>
+import {
+  onMounted,
+  ref,
+  onBeforeUnmount,
+  nextTick,
+  getCurrentInstance,
+  watch,
+} from "vue";
+import styleUtil from "@/utils/styleUtils";
+import {
+  getPoints,
+} from "@/api/points";
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import "leaflet.heat/dist/leaflet-heat.js";
+import { ElIcon } from "element-plus";
+import { Loading } from "@element-plus/icons-vue";
+import _ from "lodash";
+import { useRoute } from "vue-router";
+import moment from "moment";
+import jsonData from "./data/610000.json";
+
+// 导入组件和API
+import VideoMonitor from "../../../../components/VideoMonitor.vue";
+import LargeScreenModal from "../largeScreenModal.vue";
+import { geiJkmap, getvideoWws } from "@/api/camera";
+import {
+  gethdList,
+  getYujinList,
+  getanbaoListAll,
+  getYJRLi,
+  getYJRLiDetalis,
+  getYJRLiJK,
+} from "@/api/map.js";
+
+// 图标引入
+import warningIcon from "@/assets/images/yujing2.png";
+import warningIconB from "@/assets/images/yjBlue.png";
+import activityIcon from "@/assets/images/hd2.png";
+import venueIcon from "@/assets/images/zdcs2.png";
+import securityIcon from "@/assets/images/ab2.png";
+import transportIcon from "@/assets/images/abw2.png";
+import scenicIcon from "@/assets/images/jq2.png";
+import jiankongIcon from "@/assets/images/jk.png";
+const callDialog = ref(false);
+const callForm = ref({});
+
+// 表单配置
+const formInfo = ref({});
+const formColumns = ref([
+  { label: "预警名称", key: "warningSigns" },
+  { label: "预警点位", key: "pointName" },
+  { label: "预警摄像", key: "cameraName" },
+  { label: "发布时间", key: "releaseTime" },
+  { label: "经度", key: "lng" },
+  { label: "纬度", key: "lat" },
+  { label: "可能波及范围", key: "scopeImpact" },
+  { label: "异常数据值", key: "abnormalData" },
+  { label: "预计持续时间", key: "expectedDuration" },
+  // { label: "外呼", key: "expectedDuration" },
+]);
+
+// 核心状态
+const { proxy } = getCurrentInstance();
+const route = useRoute();
+const mapContainer = ref(null);
+const map = ref(null);
+const isLoading = ref(false);
+const mapInitialized = ref(false);
+const isProcessing = ref(false);
+const showDebug = ref(false);
+const showLegend = ref(false);
+
+// 热力图调试状态
+const heatmapDebug = ref({
+  dataReceived: false,
+  validPoints: 0,
+  lastError: "",
+});
+
+// 接收参数
+const props = defineProps({
+  latitude: {
+    type: [String, Number],
+    required: false,
+    default: null,
+  },
+  longitude: {
+    type: [String, Number],
+    required: false,
+    default: null,
+  },
+  monitoringTypeName: {
+    type: String,
+    required: false,
+    default: "",
+  },
+});
+
+// 标签配置
+const tabs = [
+  { label: "预警点位", name: "warning" },
+  { label: "活动点位", name: "activity" },
+  { label: "重点场所点位", name: "venue" },
+  { label: "交通枢纽点位", name: "transport" },
+  { label: "景区点位", name: "scenic" },
+  { label: "安保力量点位", name: "security" },
+  { label: "监控点位", name: "jiankong" },
+];
+
+// 状态管理
+const activeTab = ref(tabs[0].name);
+const chargeOpen = ref(false);
+const chargeOpen2 = ref(false);
+const currentVideoUrl = ref("");
+const mapData = ref({
+  warning: [],
+  activity: [],
+  venue: [],
+  transport: [],
+  scenic: [],
+  security: [],
+  jiankong: [],
+});
+const warningDetail = ref({});
+const hasInitialParams = ref(false);
+
+// 图层管理
+const layers = ref({
+  warning: { layer: null, initialized: false },
+  activity: { layer: null, initialized: false },
+  venue: { layer: null, initialized: false },
+  transport: { layer: null, initialized: false },
+  scenic: { layer: null, initialized: false },
+  security: { layer: null, initialized: false },
+  jiankong: { layer: null, initialized: false },
+  heatmap: { layer: null, initialized: false },
+});
+
+let baseLayers = [];
+let resizeObserver = null;
+let highlightMarker = null;
+let currentHeatmapLayer = null;
+const currentWarningId = ref(""); 
+// 地图配置
+const DEFAULT_COORDS = [34.22, 108.96]; // 西安
+const DEFAULT_ZOOM = 11;
+const PARAM_ZOOM = 16;
+
+// 中国地理范围
+const CHINA_BOUNDS = {
+  minLat: 18.1,
+  maxLat: 53.5,
+  minLng: 73.6,
+  maxLng: 135.1,
+};
+
+// 获取地图四个角
+function getMapFour() {
+  let mapNW = map.value.getBounds().getNorthWest();
+  let mapNE = map.value.getBounds().getNorthEast();
+  let mapSE = map.value.getBounds().getSouthEast();
+  let mapSW = map.value.getBounds().getSouthWest();
+
+  let maskCoordinates = [
+    [
+      [mapNW.lat, mapNW.lng],
+      [mapNE.lat, mapNE.lng],
+      [mapSE.lat, mapSE.lng],
+      [mapSW.lat, mapSW.lng],
+    ],
+  ];
+  return maskCoordinates;
+}
+
+// 反转数组坐标
+function reverseDeepestArrays(arr) {
+  return arr
+    .map((item) => {
+      if (Array.isArray(item)) {
+        return reverseDeepestArrays(item);
+      } else {
+        return item;
+      }
+    })
+    .reverse();
+}
+
+// 创建边界外区域的关键函数
+function createOuterArea(targetCoordinates) {
+  console.log("targetCoordinates", targetCoordinates);
+  const worldBounds = [
+    [-90, -180],
+    [-90, 180],
+    [90, 180],
+    [90, -180],
+  ];
+
+  const outerAreaCoordinates = [
+    worldBounds,
+    ...reverseDeepestArrays(targetCoordinates).reverse(),
+  ];
+
+  return L.polygon(outerAreaCoordinates, {
+    fillColor: "#000",
+    fillOpacity: 0.5,
+  });
+}
+
+// 初始化地图
+const initMap = async () => {
+  if (map.value || isLoading.value) return;
+
+  try {
+    isLoading.value = true;
+
+    if (!mapContainer.value) {
+      throw new Error("地图容器不存在");
+    }
+
+    const lat = Number(props.latitude);
+    const lng = Number(props.longitude);
+    hasInitialParams.value =
+      !isNaN(lat) &&
+      !isNaN(lng) &&
+      props.latitude &&
+      props.longitude &&
+      isInChina(lat, lng);
+
+    const initialTab = getMatchedTab();
+    activeTab.value = initialTab;
+
+    L.CRS.EPSG4490 = L.extend({}, L.CRS.EPSG4326, {
+      code: "EPSG:4490",
+      scale: function (zoom) {
+        return 256 * Math.pow(2, zoom - 1);
+      },
+    });
+
+    map.value = L.map(mapContainer.value, {
+      center: hasInitialParams.value ? [lat, lng] : DEFAULT_COORDS,
+      zoom: hasInitialParams.value ? PARAM_ZOOM : DEFAULT_ZOOM,
+      minZoom: 7,
+      zoomControl: false,
+      attributionControl: false,
+      dragging: true,
+      touchZoom: true,
+      scrollWheelZoom: true,
+      doubleClickZoom: true,
+      crs: L.CRS.EPSG4490,
+    });
+
+    const tileLayer1 = L.tileLayer(
+      "https://10.22.245.209:18888/kgis/rest/services/GETileWGS20240425/MapServer/tile/{z}/{y}/{x}",
+      { subdomains: ["1", "2", "3", "4"], maxZoom: 20 }
+    ).addTo(map.value);
+    const tileLayer2 = L.tileLayer(
+      "https://10.22.245.209:18888/kgis/rest/services/CGCS_TEXT/MapServer/tile/{z}/{y}/{x}",
+      { subdomains: ["1", "2", "3", "4"], maxZoom: 20 }
+    ).addTo(map.value);
+    baseLayers = [tileLayer1,tileLayer2];
+    
+    const outerArea = createOuterArea(
+      jsonData.features[0].geometry.coordinates
+    );
+    outerArea.addTo(map.value);
+    
+    let style = {
+      color: "#407dca",
+      weight: 3,
+      opacity: 1,
+      fillOpacity: 0,
+    };
+    L.geoJSON(jsonData, style).addTo(map.value);
+
+    L.control.zoom({ position: "topright" }).addTo(map.value);
+
+    tabs.forEach((tab) => {
+      if (!layers.value[tab.name].layer) {
+        layers.value[tab.name].layer = L.layerGroup();
+        layers.value[tab.name].initialized = true;
+      }
+    });
+
+    if (!layers.value.heatmap.layer) {
+      layers.value.heatmap.layer = L.layerGroup();
+      layers.value.heatmap.initialized = true;
+      map.value.addLayer(layers.value.heatmap.layer);
+    }
+
+    map.value.on(
+      "zoomend moveend",
+      _.debounce(() => {
+        if (map.value) {
+          map.value.invalidateSize();
+          if (layers.value[activeTab.value].layer) {
+            refreshLayer(activeTab.value);
+          }
+        }
+      }, 100)
+    );
+
+    await loadTabData(activeTab.value);
+    await Promise.all(
+      tabs
+        .filter((t) => t.name !== activeTab.value)
+        .map((t) => loadTabData(t.name))
+    );
+
+    if (layers.value[activeTab.value].layer) {
+      map.value.addLayer(layers.value[activeTab.value].layer);
+    }
+
+    if (activeTab.value === "jiankong" && hasInitialParams.value) {
+      highlightTargetPoint(lat, lng);
+    }
+
+    mapInitialized.value = true;
+    console.log(
+      "地图初始化完成，当前图层:",
+      activeTab.value,
+      "点位数量:",
+      mapData.value[activeTab.value].length
+    );
+  } catch (error) {
+    console.error("地图初始化失败:", error);
+    proxy.$modal.msgError("地图加载失败，请刷新页面");
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 匹配初始标签
+const getMatchedTab = () => {
+  const param =
+    props.monitoringTypeName || route.query.monitoringTypeName || "";
+  if (!param) return tabs[0].name;
+
+  const lowerParam = param.toLowerCase();
+  const matchedTab = tabs.find(
+    (tab) =>
+      lowerParam.includes(tab.name.toLowerCase()) ||
+      lowerParam.includes(tab.label.toLowerCase())
+  );
+
+  return matchedTab ? matchedTab.name : tabs[0].name;
+};
+
+// 处理标签切换
+const handleTabChange = async (tabName) => {
+  if (activeTab.value === tabName || isProcessing.value) return;
+
+  isProcessing.value = true;
+  isLoading.value = true;
+
+  try {
+    if (
+      layers.value[activeTab.value].layer &&
+      map.value.hasLayer(layers.value[activeTab.value].layer)
+    ) {
+      map.value.removeLayer(layers.value[activeTab.value].layer);
+    }
+
+    clearHeatmap();
+
+    activeTab.value = tabName;
+
+    hasInitialParams.value = false;
+    if (highlightMarker) {
+      map.value.removeLayer(highlightMarker);
+      highlightMarker = null;
+    }
+
+    if (mapData.value[tabName].length === 0) {
+      await loadTabData(tabName, true);
+
+      if (mapData.value[tabName].length === 0) {
+        proxy.$modal.msgWarning(`未获取到${getTabLabel(tabName)}数据`);
+      }
+    }
+
+    if (!layers.value[tabName].initialized || !layers.value[tabName].layer) {
+      layers.value[tabName].layer = L.layerGroup();
+      layers.value[tabName].initialized = true;
+      addMarkers(tabName);
+    }
+
+    if (!map.value.hasLayer(layers.value[tabName].layer)) {
+      map.value.addLayer(layers.value[tabName].layer);
+    }
+
+    adjustMapView(tabName);
+  } catch (error) {
+    console.error(`标签切换失败:`, error);
+    proxy.$modal.msgError(`切换失败，请重试`);
+  } finally {
+    isLoading.value = false;
+    isProcessing.value = false;
+  }
+};
+
+// 加载标签数据
+const loadTabData = async (tabName, forceRefresh = false) => {
+  if (mapData.value[tabName].length > 0 && !forceRefresh) {
+    return;
+  }
+
+  try {
+    console.log(`加载${tabName}数据，强制刷新:`, forceRefresh);
+    let rawData = [];
+
+    if (tabName === "jiankong") {
+      try {
+        const jiankongRes = await Promise.race([
+          geiJkmap(),
+          new Promise((_, reject) =>
+            setTimeout(() => reject(new Error("请求超时")), 10000)
+          ),
+        ]);
+        rawData = jiankongRes?.rows || [];
+        rawData = rawData.map((item) => ({
+          ...item,
+          lat: item.lat || item.latitude || item.LAT || item.Latitude,
+          lng: item.lng || item.longitude || item.LNG || item.Longitude,
+        }));
+      } catch (error) {
+        console.error("监控数据请求失败，使用备用数据:", error);
+        const lat = Number(props.latitude) || DEFAULT_COORDS[0];
+        const lng = Number(props.longitude) || DEFAULT_COORDS[1];
+
+        rawData = [
+          {
+            id: "backup-1",
+            name: "备用监控点1",
+            address: "测试地址1",
+            lat: lat + 0.001,
+            lng: lng + 0.001,
+            filePath: "test",
+          },
+          {
+            id: "backup-2",
+            name: "备用监控点2",
+            address: "测试地址2",
+            lat: lat - 0.001,
+            lng: lng - 0.001,
+            filePath: "test",
+          },
+        ];
+      }
+    } else {
+      switch (tabName) {
+        case "warning":
+          const warningRes = await getYujinList();
+          rawData = warningRes?.rows || [];
+          console.log(rawData, "rawData 预警的数据");
+          break;
+        case "activity":
+          const activityRes = await gethdList();
+          rawData = activityRes?.rows || [];
+          break;
+        case "venue":
+          const venueRes = await getanbaoListAll({
+            delFlag: 0,
+            monitoringType: 1,
+          });
+          rawData = venueRes?.rows || [];
+          break;
+        case "transport":
+          const transportRes = await getanbaoListAll({
+            delFlag: 0,
+            monitoringType: 2,
+          });
+          rawData = transportRes?.rows || [];
+          break;
+        case "scenic":
+          const scenicRes = await getanbaoListAll({
+            delFlag: 0,
+            monitoringType: 3,
+          });
+          rawData = scenicRes?.rows || [];
+          break;
+        case "security":
+          const securityRes = await getanbaoListAll({
+            delFlag: 0,
+            monitoringType: 4,
+          });
+          rawData = securityRes?.rows || [];
+          break;
+      }
+    }
+
+    const filteredData = filterAndCleanData(rawData);
+    console.log(`${tabName}数据过滤后:`, filteredData.length, "条");
+
+    if (filteredData.length === 0) {
+      console.log(`${tabName}无有效数据，使用备用数据`);
+      mapData.value[tabName] = getFallbackData(tabName);
+    } else {
+      mapData.value[tabName] = filteredData;
+    }
+
+    addMarkers(tabName);
+  } catch (error) {
+    console.error(`${tabName}数据加载失败:`, error);
+    mapData.value[tabName] = getFallbackData(tabName);
+    addMarkers(tabName);
+  }
+};
+
+// 数据过滤和清洗
+const filterAndCleanData = (rawData) => {
+  if (!Array.isArray(rawData)) return [];
+
+  return rawData.filter((item) => {
+    if (!item) return false;
+
+    const lat = Number(item.lat || item.latitude);
+    const lng = Number(item.lng || item.longitude);
+
+    if (isNaN(lat) || isNaN(lng)) {
+      console.log("过滤无效坐标:", item);
+      return false;
+    }
+
+    if (!isInChina(lat, lng)) {
+      console.log("过滤国外坐标:", item);
+      return false;
+    }
+
+    return true;
+  });
+};
+
+// 检查是否在中国范围内
+const isInChina = (lat, lng) => {
+  return (
+    lat >= CHINA_BOUNDS.minLat &&
+    lat <= CHINA_BOUNDS.maxLat &&
+    lng >= CHINA_BOUNDS.minLng &&
+    lng <= CHINA_BOUNDS.maxLng
+  );
+};
+
+// 添加标记
+const addMarkers = (tabName) => {
+  if (!layers.value[tabName].initialized || !layers.value[tabName].layer) {
+    layers.value[tabName].layer = L.layerGroup();
+    layers.value[tabName].initialized = true;
+  }
+
+  layers.value[tabName].layer.clearLayers();
+
+  const data = mapData.value[tabName];
+  if (data.length === 0) return;
+
+  const isJiankong = tabName === "jiankong";
+  const isWarning = tabName === "warning";
+
+  data.forEach((item, index) => {
+    try {
+      const lat = Number(item.lat || item.latitude);
+      const lng = Number(item.lng || item.longitude);
+
+      if (isNaN(lat) || isNaN(lng)) {
+        console.log(`跳过无效坐标的${tabName}点位 #${index}`);
+        return;
+      }
+
+      const icon = L.icon({
+        iconUrl: isJiankong
+          ? jiankongIcon
+          : tabName === "warning"
+          ? getIconPath(tabName, item)
+          : getIconPath(tabName),
+        iconSize: isJiankong ? [36, 36] : [32, 32],
+        iconAnchor: isJiankong ? [18, 36] : [16, 32],
+        popupAnchor: [0, -32],
+      });
+
+      const marker = L.marker([lat, lng], {
+        icon: icon,
+        ...(item.filePath && { filePath: item.filePath }),
+      });
+
+      // 只有非预警点位才绑定弹窗
+      if (!isWarning) {
+        marker.bindPopup(createPopupContent(tabName, item), {
+          className: "custom-popup",
+          maxWidth: 300,
+          minWidth: 280,
+        });
+      }
+
+      // 监控点点击事件
+      if (isJiankong) {
+        marker.on("click", function () {
+          this.openPopup();
+        });
+      }
+
+      // 预警点位点击事件（无弹窗，直接处理）
+      if (isWarning) {
+        marker.on("click", async function () {
+          console.log("点击预警点位:", item);
+          currentWarningId.value = item.unitCode; 
+          let startTime = moment(item.releaseTime).format("YYYY-MM-DD");
+          const params = {
+            srcIndex: item.filePath,
+            startTime: startTime ? `${startTime} 00:00:00` : "",
+            endTime: item.releaseTime ? `${item.releaseTime}` : "",
+          };
+
+          try {
+            isLoading.value = true;
+            heatmapDebug.value = {
+              dataReceived: false,
+              validPoints: 0,
+              lastError: "",
+            };
+
+            const heatRes = await getYJRLi(params);
+            console.log("预警热力图数据响应:", heatRes);
+            heatmapDebug.value.dataReceived = true;
+
+            if (heatRes.code === 200 && heatRes.data && heatRes.data.length) {
+              renderHeatmap(heatRes.data);
+
+              const bounds = L.latLngBounds(
+                heatRes.data.map((item) => [
+                  Number(item.latitude || item.lat),
+                  Number(item.longitude || item.lng),
+                ])
+              );
+
+              if (bounds.isValid()) {
+                map.value.fitBounds(bounds, { padding: [50, 50] });
+              }
+            } else {
+              const errorMsg = "未获取到有效热力图数据";
+              heatmapDebug.value.lastError = errorMsg;
+              proxy.$modal.msgWarning(errorMsg);
+              clearHeatmap();
+            }
+
+            const detailRes = await getYJRLiDetalis(item.id);
+            if (detailRes.code === 200 && detailRes.data) {
+              warningDetail.value = detailRes.data;
+              chargeOpen2.value = true;
+              formInfo.value = detailRes.data;
+            } else {
+              proxy.$modal.msgWarning("未获取到预警详情");
+            }
+          } catch (error) {
+            const errorMsg = `操作失败: ${error.message}`;
+            heatmapDebug.value.lastError = errorMsg;
+            console.error(errorMsg, error);
+            proxy.$modal.msgError(errorMsg);
+          } finally {
+            isLoading.value = false;
+          }
+        });
+      }
+
+      layers.value[tabName].layer.addLayer(marker);
+    } catch (err) {
+      console.error(`创建${tabName}标记失败 #${index}:`, err);
+    }
+  });
+};
+
+// 渲染热力图
+const renderHeatmap = (heatData) => {
+  clearHeatmap();
+
+  if (!map.value || !heatData || !heatData.length) {
+    heatmapDebug.value.validPoints = 0;
+    heatmapDebug.value.lastError = "无效的热力图数据或地图未初始化";
+    return;
+  }
+
+  try {
+    const points = heatData
+      .map((item) => {
+        const lat = Number(
+          item.latitude || item.lat || item.LAT || item.Latitude
+        );
+        const lng = Number(
+          item.longitude || item.lng || item.LNG || item.Longitude
+        );
+        const intensity = Math.max(
+          1,
+          Math.min(10, Number(item.enter || item.count || item.value || 5))
+        );
+
+        return [lat, lng, intensity];
+      })
+      .filter((point) => {
+        const isValid =
+          !isNaN(point[0]) &&
+          !isNaN(point[1]) &&
+          point[2] > 0 &&
+          isInChina(point[0], point[1]);
+        if (!isValid) {
+          console.log("过滤无效热力点:", point);
+        }
+        return isValid;
+      });
+
+    heatmapDebug.value.validPoints = points.length;
+
+    if (points.length === 0) {
+      heatmapDebug.value.lastError = "没有有效的热力图数据点";
+      proxy.$modal.msgWarning("没有有效的热力图数据点，请检查数据格式");
+      return;
+    }
+
+    if (!map.value.hasLayer(layers.value.heatmap.layer)) {
+      map.value.addLayer(layers.value.heatmap.layer);
+    }
+
+    currentHeatmapLayer = L.heatLayer(points, {
+      radius: 30,
+      blur: 20,
+      maxZoom: 17,
+      maxOpacity: 0.7,
+      gradient: {
+        0.1: "#FFEDA0",
+        0.3: "#FED976",
+        0.5: "#FEB24C",
+        0.7: "#FD8D3C",
+        0.9: "#FC4E2A",
+        1: "#E31A1C",
+      },
+    });
+
+    layers.value.heatmap.layer.addLayer(currentHeatmapLayer);
+
+    if (layers.value[activeTab.value].layer) {
+      map.value.removeLayer(layers.value[activeTab.value].layer);
+      map.value.addLayer(layers.value[activeTab.value].layer);
+    }
+
+    showLegend.value = true;
+  } catch (error) {
+    heatmapDebug.value.lastError = `渲染热力图失败: ${error.message}`;
+    console.error("热力图渲染失败:", error);
+    proxy.$modal.msgError(`热力图渲染失败: ${error.message}`);
+  }
+};
+
+// 清除热力图
+const clearHeatmap = () => {
+  if (
+    currentHeatmapLayer &&
+    layers.value.heatmap.layer &&
+    layers.value.heatmap.layer.hasLayer(currentHeatmapLayer)
+  ) {
+    layers.value.heatmap.layer.removeLayer(currentHeatmapLayer);
+  }
+  currentHeatmapLayer = null;
+  heatmapDebug.value = { dataReceived: false, validPoints: 0, lastError: "" };
+  showLegend.value = false;
+};
+
+// 刷新图层
+const refreshLayer = (tabName) => {
+  if (!map.value || !layers.value[tabName].layer) return;
+
+  const wasAdded = map.value.hasLayer(layers.value[tabName].layer);
+
+  if (wasAdded) {
+    map.value.removeLayer(layers.value[tabName].layer);
+    setTimeout(() => {
+      if (map.value && !map.value.hasLayer(layers.value[tabName].layer)) {
+        map.value.addLayer(layers.value[tabName].layer);
+      }
+    }, 0);
+  }
+};
+
+// 调整地图视图
+const adjustMapView = (tabName) => {
+  if (!map.value || !mapData.value[tabName].length) return;
+
+  if (hasInitialParams.value) {
+    return;
+  }
+
+  const bounds = L.latLngBounds(
+    mapData.value[tabName].map((item) => [
+      Number(item.lat || item.latitude),
+      Number(item.lng || item.longitude),
+    ])
+  );
+
+  map.value.fitBounds(bounds, {
+    padding: [50, 50],
+    maxZoom: 16,
+    animate: true,
+  });
+};
+
+// 高亮显示目标点位
+const highlightTargetPoint = (lat, lng) => {
+  if (!map.value || !lat || !lng || isNaN(lat) || isNaN(lng)) return;
+
+  const targetPoint = mapData.value.jiankong.find((item) => {
+    return (
+      Math.abs(Number(item.lat) - lat) < 0.0001 &&
+      Math.abs(Number(item.lng) - lng) < 0.0001
+    );
+  });
+
+  const highlightIcon = L.icon({
+    iconUrl: jiankongIcon,
+    iconSize: [48, 48],
+    iconAnchor: [24, 48],
+    popupAnchor: [0, -32],
+  });
+
+  if (highlightMarker) {
+    map.value.removeLayer(highlightMarker);
+    highlightMarker = null;
+  }
+
+  highlightMarker = L.marker([lat, lng], {
+    icon: highlightIcon,
+    zIndexOffset: 1000,
+  }).addTo(map.value);
+
+  let popupContent = "";
+  if (targetPoint) {
+    popupContent = createPopupContent("jiankong", targetPoint);
+  } else {
+    popupContent = `<b>目标点位</b><br>经纬度: ${lat.toFixed(6)}, ${lng.toFixed(
+      6
+    )}`;
+  }
+
+  highlightMarker.bindPopup(popupContent);
+  highlightMarker.openPopup();
+
+  map.value.setView([lat, lng], PARAM_ZOOM);
+};
+
+const getIconPath = (tabName, item = null) => {
+  if (tabName === "warning" && item) {
+    console.log("预警状态检查:", {
+      id: item.id,
+      name: item.warningSigns || item.name,
+      warningStatus: item.warningStatus,
+      type: typeof item.warningStatus,
+      isProcessing: item.warningStatus === 2,
+      icon: item.warningStatus === 2 ? "蓝色" : "红色",
+    });
+
+    const status = Number(item.warningStatus);
+    return status === 2 ? warningIconB : warningIcon;
+  }
+
+  const iconMap = {
+    warning: warningIcon,
+    activity: activityIcon,
+    venue: venueIcon,
+    transport: transportIcon,
+    scenic: scenicIcon,
+    security: securityIcon,
+  };
+  return iconMap[tabName] || venueIcon;
+};
+
+// 备用数据
+const getFallbackData = (tabName) => {
+  const centerLat = map.value ? map.value.getCenter().lat : DEFAULT_COORDS[0];
+  const centerLng = map.value ? map.value.getCenter().lng : DEFAULT_COORDS[1];
+
+  const offsets = {
+    warning: { lat: 0.003, lng: -0.003 },
+    activity: { lat: -0.002, lng: 0.003 },
+    venue: { lat: 0.004, lng: -0.001 },
+    transport: { lat: 0.005, lng: 0.007 },
+    scenic: { lat: 0, lng: 0 },
+    security: { lat: -0.003, lng: -0.005 },
+    jiankong: { lat: 0.001, lng: -0.001 },
+  };
+
+  const offset = offsets[tabName] || { lat: 0, lng: 0 };
+
+  return [
+    {
+      id: 1,
+      lat: centerLat + offset.lat,
+      lng: centerLng + offset.lng,
+      name: `${getTabLabel(tabName)}示例点`,
+      address: `示例地址`,
+      ...(tabName === "jiankong" && { filePath: "test" }),
+      ...(tabName === "warning" && {
+        abnormalData: "示例预警信息",
+        releaseTime: "2025-08-08",
+      }),
+      ...(tabName !== "warning" && tabName !== "jiankong" && { 
+        dutyPhone: "13800138000",
+        dutyPeople: "负责人"
+      }),
+    },
+  ];
+};
+
+// 创建弹窗内容
+const createPopupContent = (tabName, item) => {
+  const wrapWithBg = (content) => `
+    <div class="popup-bg">
+      <button class="custom-popup-close" onclick="document.querySelector('.leaflet-popup').remove()">×</button>
+      ${content}
+    </div>
+  `;
+
+  // 监控点位：只有查看监控和热力按钮，无外呼
+  if (tabName === "jiankong") {
+    const content = `
+      <b>监控名称:</b> ${item.name || "未知"}<br>
+      <b>地址:</b> ${item.address || "未知"}<br>
+      <button class="view-camera" onclick="window.openCamera('${item.filePath || ""}')">查看监控</button>
+      <button class="view-heat" onclick="window.openHeatmap('${item.filePath || ""}')" style="margin-left:10px;">查看热力</button>
+    `;
+    return wrapWithBg(content);
+  }
+
+  // 非监控、非预警点位：添加外呼按钮
+  let baseContent = "";
+  switch (tabName) {
+    case "activity":
+      baseContent = `
+        <b>活动名称:</b> ${item.activityName || "未知"}<br>
+        <b>节假日名称:</b> ${item.holidayName || "未知"}<br>
+        <b>值班人员:</b> ${item.dutyPeople || "未知"}<br>
+        <b>值班联系方式:</b> ${item.dutyPhone || "未知"}<br>
+        <b>地址:</b> ${item.address || "未知"}
+      `;
+      break;
+    case "venue":
+      baseContent = `
+        <b>名称:</b> ${item.pointName || "未知"}<br>
+        <b>值班人员:</b> ${item.dutyPeople || "未知"}<br>
+        <b>值班联系方式:</b> ${item.dutyPhone || "未知"}<br>
+        <b>地址:</b> ${item.pointAddress || "未知"}
+      `;
+      break;
+    case "transport":
+      baseContent = `
+        <b>名称:</b> ${item.pointName || "未知"}<br>
+        <b>值班人员:</b> ${item.dutyPeople || "未知"}<br>
+        <b>值班联系方式:</b> ${item.dutyPhone || "未知"}<br>
+        <b>地址:</b> ${item.pointAddress || "未知"}
+      `;
+      break;
+    case "scenic":
+      baseContent = `
+        <b>景区名称:</b> ${item.pointName || "未知"}<br>
+        <b>值班人员:</b> ${item.dutyPeople || "未知"}<br>
+        <b>值班联系方式:</b> ${item.dutyPhone || "未知"}<br>
+        <b>地址:</b> ${item.pointAddress || "未知"}
+      `;
+      break;
+    case "security":
+      baseContent = `
+        <b>名称:</b> ${item.pointName || "未知"}<br>
+        <b>值班人员:</b> ${item.dutyPeople || "未知"}<br>
+        <b>值班联系方式:</b> ${item.dutyPhone || "未知"}<br>
+        <b>负责人:</b> ${item.dutyPeople || "未知"}
+      `;
+      break;
+  }
+
+  // 添加外呼按钮
+  const contentWithCallBtn = `
+    ${baseContent}
+    <br>
+    <button class="view-heat" onclick="window.openCall('${item.dutyPhone || item.loadBearingMax || ""}')" style="margin-top:10px;">外呼</button>
+  `;
+
+  return wrapWithBg(contentWithCallBtn);
+};
+
+// 获取标签显示名称
+const getTabLabel = (tabName) => {
+  const tab = tabs.find((t) => t.name === tabName);
+  return tab ? tab.label : tabName;
+};
+
+// 打开监控
+const openCamera = async (filePath) => {
+  if (!filePath) return proxy.$modal.msgWarning("无监控ID");
+
+  try {
+    isLoading.value = true;
+    const res = await getvideoWws({ typeinfo: filePath });
+
+    if (res.code === 200 && res.msg) {
+      currentVideoUrl.value = res.msg;
+      chargeOpen.value = true;
+    } else {
+      proxy.$modal.msgWarning("无监控数据");
+    }
+  } catch (error) {
+    console.error("获取视频失败:", error);
+    proxy.$modal.msgError("获取监控失败");
+  } finally {
+    isLoading.value = false;
+  }
+};
+import Call from "@/components/call.vue";
+// 外呼
+const openCall = async (phone) => {
+  console.log(phone,'phone');
+  resetCall();
+  callDialog.value = true;
+  callForm.value = { phone }; // 传递电话号码到外呼组件
+};
+
+// 重置外呼内容
+function resetCall() {
+  callDialog.value = false;
+  callForm.value = {};
+}
+
+// 打开监控点位的热力图
+const openHeatmap = async (filePath) => {
+  if (!filePath) return proxy.$modal.msgWarning("无监控ID");
+
+  try {
+    isLoading.value = true;
+
+    const today = new Date();
+    const startOfDay = new Date(today.setHours(0, 0, 0, 0));
+    const endOfDay = new Date(today.setHours(23, 59, 59, 999));
+
+    const params = {
+      srcIndex: filePath,
+      startTime: formatDateTime(startOfDay),
+      endTime: formatDateTime(endOfDay),
+    };
+
+    const heatRes = await getYJRLi(params);
+    console.log("监控点位热力图数据:", heatRes);
+
+    if (heatRes.code === 200 && heatRes.data && heatRes.data.length) {
+      renderHeatmap(heatRes.data);
+
+      const bounds = L.latLngBounds(
+        heatRes.data.map((item) => [
+          Number(item.latitude || item.lat),
+          Number(item.longitude || item.lng),
+        ])
+      );
+
+      if (bounds.isValid()) {
+        map.value.fitBounds(bounds, {
+          padding: [80, 80],
+          maxZoom: 14,
+        });
+      }
+    } else {
+      proxy.$modal.msgWarning("未获取到该监控点的热力数据");
+      clearHeatmap();
+    }
+  } catch (error) {
+    console.error("获取监控点热力图失败:", error);
+    proxy.$modal.msgError("获取热力图失败");
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 格式化时间
+const formatDateTime = (date) => {
+  const year = date.getFullYear();
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const day = date.getDate().toString().padStart(2, "0");
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  const seconds = date.getSeconds().toString().padStart(2, "0");
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+// 暴露给弹窗的全局方法
+window.openCamera = openCamera;
+window.openHeatmap = openHeatmap;
+window.openCall = openCall;
+
+// 关闭弹窗
+const handleVideoClose = () => {
+  chargeOpen.value = false;
+  currentVideoUrl.value = "";
+};
+const handleVideoClose2 = () => {
+  chargeOpen2.value = false;
+};
+// 预警的外呼
+const CALL = () => {
+  console.log(currentWarningId.value,'外呼id');
+  getPoints(currentWarningId.value).then((response) => {
+    console.log(response,'rq');
+    callForm.value = {
+      phone: response.data.dutyPhone
+    }
+  });
+  callDialog.value = true;
+}
+// 监听监控数据变化
+watch(
+  () => mapData.value.jiankong.length,
+  (newVal) => {
+    if (newVal > 0 && activeTab.value === "jiankong") {
+      addMarkers("jiankong");
+      refreshLayer("jiankong");
+    }
+  }
+);
+
+// 监听标签切换
+watch(activeTab, (newVal, oldVal) => {
+  if (newVal !== oldVal) {
+    clearHeatmap();
+  }
+});
+
+// 监听props变化
+watch(
+  [() => props.latitude, () => props.longitude, () => props.monitoringTypeName],
+  ([newLat, newLng, newType], [oldLat, oldLng, oldType]) => {
+    if (!map.value) return;
+
+    if (newLat !== oldLat || newLng !== oldLng || newType !== oldType) {
+      if (newType === "jiankong" && newLat && newLng) {
+        highlightTargetPoint(Number(newLat), Number(newLng));
+      }
+    }
+  }
+);
+
+// 生命周期
+onMounted(() => {
+  nextTick(() => {
+    if (mapContainer.value) {
+      mapContainer.value.style.width = "100%";
+      mapContainer.value.style.height = "100%";
+      mapContainer.value.style.position = "relative";
+    }
+    initMap();
+  });
+
+  resizeObserver = new ResizeObserver(
+    _.debounce(() => {
+      if (map.value) {
+        map.value.invalidateSize();
+        refreshLayer(activeTab.value);
+      }
+    }, 100)
+  );
+
+  if (mapContainer.value) {
+    resizeObserver.observe(mapContainer.value);
+  }
+});
+
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.off();
+    map.value.remove();
+    map.value = null;
+  }
+
+  if (resizeObserver) {
+    resizeObserver.disconnect();
+  }
+
+  // 清理全局方法
+  delete window.openCamera;
+  delete window.openHeatmap;
+  delete window.openCall;
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+.map-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  z-index: 1;
+}
+.callDemo {
+  &:deep(#demo) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+
+    .el-button {
+      max-width: 100px;
+    }
+  }
+}
+:deep(.boxs) {
+  width: 30vw;
+  height: 30vh;
+  background: url("../../../../assets/images/toolbg.png");
+}
+:deep(.custom-popup) {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+
+  .leaflet-popup-tip {
+    background-image: url("../../../../assets/images/toolbg.png") !important;
+    background-size: cover !important;
+    border: none !important;
+  }
+
+  .leaflet-popup-close-button {
+    color: #fff !important;
+    font-size: 18px !important;
+    right: 12px !important;
+    top: 8px !important;
+    z-index: 10;
+  }
+}
+
+:deep(.popup-bg) {
+  width: 100%;
+  padding: 15px;
+  background-image: url("../../../../assets/images/toolbg.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  color: #fff;
+  line-height: 1.6;
+}
+
+:deep(.popup-bg .view-camera),
+:deep(.popup-bg .view-heat) {
+  margin-top: 12px;
+  padding: 6px 12px;
+  background: #409eff;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.3s;
+
+  &:hover {
+    background: #2684ff;
+  }
+}
+:deep(.leaflet-popup-content-wrapper) {
+  background: transparent;
+}
+
+:deep(.leaflet-popup) {
+  position: relative !important;
+}
+
+:deep(.leaflet-popup-close-button) {
+  display: none !important;
+}
+
+:deep(.popup-bg) {
+  position: relative !important;
+  width: 100%;
+  padding: 10%;
+  background-image: url("../../../../assets/images/toolbg.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  color: #fff;
+}
+
+:deep(.custom-popup-close) {
+  position: absolute !important;
+  right: 10px !important;
+  top: 10px !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px !important;
+  height: 24px !important;
+  font-size: 24px !important;
+  color: #ffffff !important;
+  background: url("../../../../assets//images/close.png");
+  cursor: pointer !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  z-index: 10 !important;
+  border-radius: 50%;
+}
+
+:deep(.custom-popup-close:hover) {
+  color: #ff4d4f !important;
+}
+
+:deep(.leaflet-popup-content-wrapper) {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+}
+:deep(.leaflet-popup) {
+  bottom: 230px !important;
+}
+#map {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  position: relative;
+}
+
+.map-button-tabs {
+  position: absolute;
+  top: calculate.vh(100px);
+  right: calculate.vw(400px);
+  transform: translateX(-50%);
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: calculate.vh(8px);
+  pointer-events: auto;
+}
+
+.button {
+  min-width: calculate.vw(150px);
+  height: calculate.vh(55px);
+  display: grid;
+  place-items: center;
+  color: #fff;
+  background-image: url("../../../../assets/images/tabs.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center 60%;
+  text-align: center;
+  cursor: pointer;
+  border-radius: calculate.px2font(10px);
+}
+
+.button.active {
+  color: #fff;
+  font-weight: bold;
+  position: relative;
+  background-image: url("../../../../assets/images/tabs_active.png");
+}
+
+.map-loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1001;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 20px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: #555;
+}
+
+.view-camera,
+.view-heat {
+  margin-top: 8px;
+  padding: 4px 8px;
+  background: #409eff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  z-index: 10000 !important;
+  position: relative;
+}
+
+/* 热力图图例样式 */
+.map-legend {
+  position: absolute;
+  bottom: 30px;
+  right: 20px;
+  z-index: 1000;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 12px;
+  border-radius: 8px;
+  color: #333;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border: 1px solid #eee;
+}
+
+.map-legend h4 {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  color: #333;
+}
+
+.legend-gradient {
+  height: 20px;
+  width: 180px;
+  background: linear-gradient(
+    to right,
+    #ffeda0,
+    #fed976,
+    #feb24c,
+    #fd8d3c,
+    #fc4e2a,
+    #e31a1c
+  );
+  margin: 5px 0;
+  border-radius: 4px;
+}
+
+.legend-labels {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #555;
+}
+
+/* 调试面板样式 */
+.debug-panel {
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+  z-index: 1000;
+  background: rgba(0, 0, 0, 0.7);
+  color: #fff;
+  padding: 10px 15px;
+  font-size: 12px;
+  border-radius: 4px;
+  max-width: 300px;
+}
+
+/* 图层层级控制 */
+:deep(.leaflet-map-pane) {
+  z-index: 2 !important;
+}
+
+:deep(.leaflet-tile-pane) {
+  z-index: 2 !important;
+}
+
+:deep(.leaflet-overlay-pane) {
+  z-index: 3 !important;
+}
+
+:deep(.leaflet-marker-pane) {
+  z-index: 4 !important;
+}
+
+:deep(.leaflet-popup-pane) {
+  z-index: 5 !important;
+}
+
+/* 其他样式 */
+.warning-details {
+  padding: 20px;
+  font-size: 16px;
+  line-height: 1.8;
+}
+
+.detail-item {
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #eee;
+}
+
+.detail-item:last-child {
+  border-bottom: none;
+}
+
+.label {
+  font-weight: bold;
+  color: #333;
+  display: inline-block;
+  width: 120px;
+}
+.custom-timeline {
+  position: relative;
+  padding-left: 20px;
+  margin-top: 4%;
+}
+.timeline-item {
+  position: relative;
+  padding-bottom: 20px;
+}
+.timeline-dot {
+  position: absolute;
+  left: -8px;
+  top: 4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #409eff;
+}
+.timeline-content {
+  padding-left: 20px;
+  color: #fff;
+}
+.timeline-item:not(:last-child)::after {
+  content: "";
+  position: absolute;
+  left: -2px;
+  top: 16px;
+  height: calc(100% - 16px);
+  width: 2px;
+  background: #e4e7ed;
+}
+:deep(.is-bordered-content) {
+  width: 160px !important;
+}
+</style>
+    
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/monitoringPoints/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/monitoringPoints/index.vue
new file mode 100644
index 0000000..c808de2
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/monitoringPoints/index.vue
@@ -0,0 +1,1184 @@
+<template>
+  <div class="card__content-box">
+    <el-select
+      v-model="selectValue"
+      filterable
+      placeholder="请选择部门"
+      class="dept-select custam-select"
+      popper-class="custam-select-pupper"
+      @change="handleDeptChange"
+    >
+      <el-option
+        v-for="item in YJList"
+        :key="item.warningStatus"
+        :label="item.name"
+        :value="item.warningStatus"
+      />
+    </el-select>
+    <!-- 滚动表格区域 -->
+    <div class="table">
+      <div class="table__item table__header">
+        <div>序号</div>
+        <div>预警名称</div>
+        <div>预警点位</div>
+        <div>预警摄像</div>
+        <div>发布时间</div>
+      </div>
+
+      <div class="scroll" v-if="tableData.length > 0">
+        <vue3-seamless-scroll :step="0.5" :hover="true" :list="tableData">
+          <div
+            class="table__item"
+            v-for="(item, index) in tableData"
+            :key="index"
+            @click="handleRowClick(item)"
+          >
+            <div class="scroll_table item_num">{{ index + 1 }}</div>
+            
+            <!-- 1. 预警名称添加Tooltip -->
+            <el-tooltip 
+              effect="dark" 
+              placement="top" 
+              :content="item.warningSigns"
+              teleported
+              popper-class="table-tooltip"
+            >
+              <div class="scroll_table item_courtName tooltip">
+                {{ item.warningSigns }}
+              </div>
+            </el-tooltip>
+            
+            <!-- 2. 预警点位添加Tooltip -->
+            <el-tooltip 
+              effect="dark" 
+              placement="top" 
+              :content="item.pointName"
+              teleported
+              popper-class="table-tooltip"
+            >
+              <div class="scroll_table item_punisherName tooltip">
+                {{ item.pointName }}
+              </div>
+            </el-tooltip>
+            
+            <!-- 3. 预警摄像添加Tooltip -->
+            <el-tooltip 
+              effect="dark" 
+              placement="top" 
+              :content="item.cameraName"
+              teleported
+              popper-class="table-tooltip"
+            >
+              <div class="scroll_table item_punisherName tooltip">
+                {{ item.cameraName }}
+              </div>
+            </el-tooltip>
+            
+            <!-- 4. 发布时间添加Tooltip -->
+            <el-tooltip 
+              effect="dark" 
+              placement="top" 
+              :content="item.releaseTime"
+              teleported
+              popper-class="table-tooltip"
+            >
+              <div class="scroll_table item_courtName tooltip">
+                {{ item.releaseTime }}
+              </div>
+            </el-tooltip>
+          </div>
+        </vue3-seamless-scroll>
+      </div>
+
+      <div v-else class="nocontent">
+        <el-empty :image-size="100" description="暂无数据" />
+      </div>
+    </div>
+
+    <!-- 处置状态弹窗 -->
+    <LargeScreenModal v-model:open="chargeOpen" :title="modalTitle">
+      <div class="tableWrap largeScreen">
+        <el-descriptions
+          class="largeScreen__descriptions"
+          :column="2"
+          size="large"
+          border
+        >
+          <template v-for="item in formColumns">
+            <el-descriptions-item :label="item.label">{{
+              formInfo[item.key] || "-"
+            }}</el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </div>
+
+      <div class="custom-timeline">
+        <div
+          v-for="(item, index) in timelineData"
+          :key="index"
+          class="timeline-item"
+        >
+          <div class="timeline-dot"></div>
+          <div class="timeline-content">
+            <div class="timeline-time">处理时间: {{ item.createTime }}</div>
+            <div class="timeline-desc">
+              <p>状态:{{ getStatusLabel(item.disposalStatus) }}</p>
+              <p>措施:{{ item.disposalMeasures || "-" }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </LargeScreenModal>
+
+    <!-- 预警详情与热力图弹窗 -->
+    <LargeScreenModal
+      v-model:open="warningModalOpen"
+      title="预警详情与热力图"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(800)"
+      @close="handleClose"
+    >
+      <div class="titles">{{ titlesTitle }}</div> 
+      <!-- 详情区域 - 顶部 -->
+      <div class="detail-section">
+        <el-descriptions
+          class="largeScreen__descriptions"
+          :column="2"
+          size="large"
+          border
+        >
+          <template #extra>
+            
+          </template>
+          <template v-for="item in warningFormColumns">
+             <!-- <el-descriptions-item v-if="item.label == '监控/外呼'" :label="item.label"> -->
+              <el-descriptions-item v-if="item.label == '监控'" :label="item.label">
+              <el-button type="primary" size="default" @click="lookJK">
+              查看监控
+            </el-button>
+            <!-- <el-button type="primary" size="default" @click="CALL">
+              外呼
+            </el-button> -->
+             </el-descriptions-item>
+            <el-descriptions-item v-else :label="item.label">{{
+              warningDetail[item.key] || "-"
+            }}</el-descriptions-item>
+          </template>
+        </el-descriptions>
+      </div>
+
+      <!-- 下方内容区：左侧地图，右侧时间轴 -->
+      <div class="bottom-container">
+        <!-- 左侧地图区域 -->
+        <div class="map-section">
+          <div id="warningMap" ref="mapContainer"></div>
+
+          <!-- 加载状态 -->
+          <div v-if="isLoading" class="map-loading">
+            <el-icon class="is-loading"><Loading /></el-icon>加载中...
+          </div>
+
+          <!-- 热力图图例 -->
+          <div class="map-legend" v-if="showLegend && showHeatmap">
+            <h4>客流热力等级</h4>
+            <div class="legend-gradient"></div>
+            <div class="legend-labels">
+              <span>低</span><span>中</span><span>高</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 右侧时间轴区域 -->
+        <div class="timeline-section">
+          <h3 class="timeline-title">时间轴</h3>
+          <el-timeline>
+            <el-timeline-item
+              v-for="(activity, index) in timelineData"
+              :key="index"
+              :timestamp="formatTime(activity.createTime)"
+              placement="top"
+            >
+              <el-card>
+                <p>状态:{{ getStatusLabel(activity.disposalStatus) }}</p>
+                <p>措施: {{ activity.disposalMeasures || "无" }}</p>
+                <p>结果:{{ activity.disposalResults }}</p>
+              </el-card>
+            </el-timeline-item>
+          </el-timeline>
+
+          <!-- 时间轴无数据状态 -->
+          <div v-if="timelineData.length === 0" class="timeline-empty">
+            <el-empty description="暂无时间轴数据"></el-empty>
+          </div>
+        </div>
+      </div>
+    </LargeScreenModal>
+
+    <!-- 视频弹窗 -->
+    <LargeScreenModal
+      v-model:open="chargeOpenJK"
+      title="监控视频"
+      :width="styleUtil.px2vw(1200)"
+      :height="styleUtil.px2vh(800)"
+      @close="handleVideoClose"
+    >
+      <div class="tableWrap largeScreen">
+        <VideoMonitor
+          :video-url="currentVideoUrl"
+          width="100%"
+          height="100%"
+          style="margin-left: 40px"
+        />
+      </div>
+    </LargeScreenModal>
+      <!-- 外呼的弹窗 -->
+    <LargeScreenModal
+      v-model:open="callDialog"
+      title="外呼"
+      :width="styleUtil.px2vw(400)"
+      :height="styleUtil.px2vh(500)"
+      @close="handleVideoClose2"
+    >
+      <el-row>
+        <el-col :span="24">
+          <div class="callDemo">
+            <Call ref="CallRef" :listRows="callForm" width="100%" height="400px" />
+          </div>
+        </el-col>
+      </el-row>
+    </LargeScreenModal>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  reactive,
+  onMounted,
+  getCurrentInstance,
+  nextTick,
+  watch,
+} from "vue";
+import styleUtil from "@/utils/styleUtils";
+import LargeScreenModal from "../largeScreenModal.vue";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import "leaflet.heat/dist/leaflet-heat.js";
+// 1. 关键修复：导入ElTooltip组件
+import {
+  ElIcon,
+  ElEmpty,
+  ElMessage,
+  ElSlider,
+  ElTimeline,
+  ElTimelineItem,
+  ElCard,
+  ElTooltip  // 新增：导入Tooltip组件
+} from "element-plus";
+import { Loading } from "@element-plus/icons-vue";
+import _ from "lodash";
+import VideoMonitor from "../../../../components/VideoMonitor.vue";
+
+// 接口导入
+import {
+  getchuzhiList,
+  getchuzhiListDetail,
+  getchuzhiListLiucheng,
+  getTimeLines,
+  getYJRLi,
+  getYJRLiDetalis,
+  getYJRLiJK,
+} from "@/api/map.js";
+
+// 图标
+import warningIcon from "@/assets/images/yujing2.png";
+import warningIconB from "@/assets/images/yjBlue.png";
+import {
+  getPoints,
+} from "@/api/points";
+import Call from "@/components/call.vue";
+
+// 常量定义
+const CHINA_BOUNDS = {
+  minLat: 18.1,
+  maxLat: 53.5,
+  minLng: 73.6,
+  maxLng: 135.1,
+};
+const DEFAULT_COORDS = [34.22, 108.96]; // 西安
+const DEFAULT_ZOOM = 11;
+const PARAM_ZOOM = 16;
+const selectValue = ref("2");
+const YJList = ref([
+  {
+    warningStatus: "2",
+    name: "待处理",
+  },
+  {
+    warningStatus: "3",
+    name: "已完成",
+  },
+]);
+const handleDeptChange = (v) => {
+  console.log(v);
+  selectValue.value = v;
+  loadTableData();
+};
+const { proxy } = getCurrentInstance();
+const emit = defineEmits(["update-map-params"]);
+const { disposal_status } = proxy.useDict("disposal_status");
+
+// 表格数据
+const tableData = ref([]);
+
+// 处置弹窗相关
+const chargeOpen = ref(false);
+const modalTitle = ref("处置状态查看");
+const formInfo = ref({});
+const timelineData = ref([]);
+const formColumns = ref([
+  { label: "预警唯一标识符", key: "warningSigns" },
+  { label: "发布单位名称", key: "unitName" },
+  { label: "发布单位编码", key: "unitCode" },
+  { label: "发布时间", key: "releaseTime" },
+  { label: "经度", key: "lng" },
+  { label: "纬度", key: "lat" },
+  { label: "可能波及范围", key: "scopeImpact" },
+  { label: "异常数据值", key: "abnormalData" },
+  { label: "预计持续时间", key: "expectedDuration" },
+]);
+
+// 预警详情弹窗相关
+const warningModalOpen = ref(false);
+const warningDetail = ref({});
+const currentRow = ref(null);
+const isLoading = ref(false);
+const showLegend = ref(false);
+const showNoData = ref(false);
+const showHeatmap = ref(true);
+const showMarker = ref(true);
+const titlesTitle = ref('')
+
+// 热力图参数
+const heatRadius = ref(50);
+const heatBlur = ref(30);
+const heatMaxZoom = ref(17);
+const heatMaxOpacity = ref(0.8);
+
+// 地图相关
+const mapContainer = ref(null);
+const mapInstance = ref(null);
+const markerObj = ref(null);
+const heatmapLayer = ref(null);
+const markersLayer = ref(null);
+let currentHeatmapLayer = null;
+const filePathS = ref("");
+const chargeOpenJK = ref(false);
+const currentVideoUrl = ref("");
+
+// 预警详情表格配置
+const warningFormColumns = ref([
+  { label: "预警名称", key: "warningSigns" },
+  { label: "预警点位", key: "pointName" },
+  { label: "预警摄像", key: "cameraName" },
+  { label: "发布时间", key: "releaseTime" },
+  { label: "经度", key: "lng" },
+  { label: "纬度", key: "lat" },
+  { label: "可能波及范围", key: "scopeImpact" },
+  { label: "异常数据值", key: "abnormalData" },
+  { label: "预计持续时间", key: "expectedDuration" },
+  // { label: "监控/外呼", key: "expectedDuration" },
+   { label: "监控", key: "expectedDuration" },
+]);
+const callDialog = ref(false);
+const callForm = ref({});
+// 外呼
+const CALL = () => {
+  resetCall();
+  getPoints(currentWarningId.value).then((response) => {
+    console.log(response,'rq');
+    callForm.value = {
+      phone: response.data.dutyPhone
+    }
+  });
+  callDialog.value = true;
+}
+// 重置外呼内容
+function resetCall() {
+  callDialog.value = false;
+  callForm.value = {};
+}
+// 格式化时间显示
+const formatTime = (time) => {
+  if (!time) return "无时间";
+  return new Date(time).toLocaleString();
+};
+import moment from "moment";
+
+const currentWarningId = ref('')
+
+// 行点击事件
+const handleRowClick = async (row) => {
+  currentWarningId.value = row.unitCode; 
+  filePathS.value = row.filePath;
+  currentRow.value = row;
+  isLoading.value = true;
+  warningModalOpen.value = true;
+  showNoData.value = false;
+  showHeatmap.value = true;
+  showMarker.value = true;
+
+  try {
+    // 解析经纬度
+    const lat = Number(row.lat);
+    const lng = Number(row.lng);
+    const hasValidCoord = !isNaN(lat) && !isNaN(lng) && isInChina(lat, lng);
+
+    if (hasValidCoord) {
+      emit("update-map-params", {
+        latitude: lat.toFixed(6),
+        longitude: lng.toFixed(6),
+        monitoringTypeName: "warning",
+      });
+    } else {
+      ElMessage.warning("经纬度无效，使用默认位置");
+    }
+
+    await nextTick();
+    let startTime = moment(row.releaseTime).format("YYYY-MM-DD");
+    // 并行加载数据
+    const [detailRes, heatRes, timelineRes] = await Promise.all([
+      getYJRLiDetalis(row.id).catch((err) => ({ code: 500, data: null })),
+      getYJRLi({
+        srcIndex: row.filePath || row.id,
+        startTime: startTime ? `${startTime} 00:00:00` : "",
+        endTime: row.releaseTime ? `${row.releaseTime}` : "",
+      }).catch((err) => ({ code: 500, data: null })),
+      // 加载时间轴数据
+      getTimeLines({ handleId: row.id }).catch(() => ({ rows: [] })),
+    ]);
+
+    // 保存时间轴数据
+    timelineData.value = timelineRes.rows || [];
+    console.log(heatRes, "热力");
+
+    // 处理详情数据
+    warningDetail.value = detailRes.code === 200 ? detailRes.data || {} : {};
+
+    const index = warningDetail.value.warningSigns.indexOf('秒');
+    warningDetail.value = detailRes.code === 200 ? detailRes.data || {} : {};
+    titlesTitle.value = index !== -1 ? warningDetail.value.warningSigns.slice(index + 1) : '';
+
+    // 初始化地图
+    await initMap(row);
+
+    // 处理热力图数据
+    if (heatRes.code === 200 && heatRes.data && heatRes.data.length) {
+      renderHeatmap(heatRes.data);
+      showLegend.value = true;
+      showNoData.value = false;
+
+      // 调整地图视图
+      const bounds = L.latLngBounds(
+        heatRes.data.map((item) => [
+          Number(item.latitude || item.lat),
+          Number(item.longitude || item.lng),
+        ])
+      );
+
+      if (bounds.isValid()) {
+        mapInstance.value.fitBounds(bounds, {
+          padding: [80, 80],
+          maxZoom: 14,
+        });
+      }
+    } else {
+      showNoData.value = true;
+      showLegend.value = false;
+      ElMessage.info("未获取到热力图数据");
+    }
+  } catch (error) {
+    console.error("加载失败:", error);
+    ElMessage.error("加载数据失败，请重试");
+    await initMap(currentRow.value);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 初始化地图
+const initMap = async (row) => {
+  const lat = Number(row.lat) || DEFAULT_COORDS[0];
+  const lng = Number(row.lng) || DEFAULT_COORDS[1];
+
+  await nextTick();
+
+  if (!mapContainer.value) {
+    console.error("地图容器不存在");
+    return;
+  }
+
+  // 设置容器尺寸
+  mapContainer.value.style.width = "100%";
+  mapContainer.value.style.height = "100%";
+
+  // 创建瓦片地图
+  L.CRS.EPSG4490 = L.extend({},
+    L.CRS.EPSG4326,
+    {
+      code: 'EPSG:4490',
+      scale: function (zoom) { return 256 * Math.pow(2, zoom - 1); }
+    }
+  );
+
+  // 创建地图实例
+  if (!mapInstance.value) {
+    mapInstance.value = L.map(mapContainer.value, {
+      center: [lat, lng],
+      zoom: 12,
+      maxZoom: 16,
+      minZoom: 8,
+      zoomControl: false,
+      attributionControl: false,
+      dragging: true,
+      touchZoom: true,
+      scrollWheelZoom: true,
+      doubleClickZoom: true,
+      // 配置瓦片地图
+      crs: L.CRS.EPSG4490,
+    });
+
+    // 添加与主地图相同的底图
+    L.tileLayer(
+      // "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
+      "https://10.22.245.209:18888/kgis/rest/services/GETileWGS20240425/MapServer/tile/{z}/{y}/{x}",
+      { subdomains: ["1", "2", "3", "4"], maxZoom: 20 }
+    ).addTo(mapInstance.value);
+
+    // // 添加底图
+    // const tileLayer1 = L.tileLayer(
+    //   "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
+    //   { subdomains: ["1", "2", "3", "4"] }
+    // ).addTo(mapInstance.value);
+
+    // const tileLayer2 = L.tileLayer(
+    //   "https://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1",
+    //   { subdomains: ["1", "2", "3", "4"], pane: "markerPane" }
+    // ).addTo(mapInstance.value);
+
+    // 添加缩放控件
+    L.control.zoom({ position: "topright" }).addTo(mapInstance.value);
+
+    // 创建图层
+    heatmapLayer.value = L.layerGroup().addTo(mapInstance.value);
+    markersLayer.value = L.layerGroup().addTo(mapInstance.value);
+
+    // 设置图层顺序
+    heatmapLayer.value.setZIndex(300);
+    markersLayer.value.setZIndex(400);
+
+    // 监听地图事件
+    mapInstance.value.on(
+      "zoomend moveend",
+      _.debounce(() => {
+        if (mapInstance.value) {
+          mapInstance.value.invalidateSize();
+        }
+      }, 100)
+    );
+  } else {
+    mapInstance.value.setView([lat, lng], PARAM_ZOOM);
+    clearHeatmap();
+  }
+
+  // 添加预警标记
+  if (row) {
+    addWarningMarker(lat, lng, row);
+  }
+};
+
+// 添加预警标记
+const addWarningMarker = (lat, lng, row) => {
+  if (markerObj.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+
+  const icon = L.icon({
+    iconUrl: warningIconB,
+    iconSize: [32, 32],
+    iconAnchor: [16, 32],
+    popupAnchor: [0, -32],
+  });
+
+  markerObj.value = L.marker([lat, lng], {
+    icon: icon,
+    zIndexOffset: 1000,
+  });
+
+  markerObj.value.bindPopup(`
+    <b>${row.warningSigns || "预警信息"}</b><br>
+    点位: ${row.pointName || "未知"}<br>
+    时间: ${row.releaseTime || "未知"}
+  `);
+
+  markersLayer.value.addLayer(markerObj.value);
+  markerObj.value.openPopup();
+
+  if (!showMarker.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+};
+
+// 修改后的renderHeatmap函数，只显示一个圆圈
+const renderHeatmap = (heatData) => {
+  // 清除现有热力图
+  clearHeatmap();
+
+  if (!mapInstance.value || !heatData || !heatData.length) {
+    return;
+  }
+
+  try {
+    // 获取第一条数据
+    const firstItem = heatData[0];
+    if (!firstItem) {
+      showNoData.value = true;
+      ElMessage.warning("没有有效的热力图数据");
+      return;
+    }
+
+    // 提取并验证经纬度和强度值
+    const lat = Number(
+      firstItem.latitude || firstItem.lat || firstItem.LAT || firstItem.Latitude
+    );
+    const lng = Number(
+      firstItem.longitude ||
+        firstItem.lng ||
+        firstItem.LNG ||
+        firstItem.Longitude
+    );
+
+    // 计算强度值
+    const enterValue = Number(
+      firstItem.enter || firstItem.count || firstItem.value || 50
+    );
+
+    let intensity;
+    if (enterValue <= 0) {
+      intensity = 30;
+    } else {
+      if (enterValue < 10000) {
+        intensity = 50;
+      } else if (enterValue < 100000) {
+        intensity = 70;
+      } else {
+        intensity = 100;
+      }
+    }
+
+    // 有效性检查
+    if (isNaN(lat) || isNaN(lng)) {
+      showNoData.value = true;
+      ElMessage.warning(`经纬度无效: lat=${lat}, lng=${lng}`);
+      console.error("无效的经纬度数据:", firstItem);
+      return;
+    }
+
+    if (!isInChina(lat, lng)) {
+      showNoData.value = true;
+      ElMessage.warning(`经纬度不在有效范围内: lat=${lat}, lng=${lng}`);
+      console.error("经纬度超出范围:", firstItem);
+      return;
+    }
+
+    // 只使用单个点
+    const points = [
+      [lat, lng, intensity],
+    ];
+
+    // 确保热力图容器图层已添加到地图
+    if (!mapInstance.value.hasLayer(heatmapLayer.value)) {
+      mapInstance.value.addLayer(heatmapLayer.value);
+    }
+
+    // 创建热力图图层
+    currentHeatmapLayer = L.heatLayer(points, {
+      radius: 60,
+      blur: 40,
+      maxZoom: heatMaxZoom.value,
+      maxOpacity: 0.9,
+      gradient: {
+        0.1: "#FFEDA0",
+        0.3: "#FED976",
+        0.5: "#FEB24C",
+        0.7: "#FD8D3C",
+        0.9: "#FC4E2A",
+        1: "#E31A1C",
+      },
+    });
+
+    // 添加热力图到容器图层
+    heatmapLayer.value.addLayer(currentHeatmapLayer);
+
+    // 确保标记层在热力图上方
+    if (markersLayer.value) {
+      mapInstance.value.removeLayer(markersLayer.value);
+      mapInstance.value.addLayer(markersLayer.value);
+    }
+
+    // 显示图例
+    showLegend.value = true;
+    showNoData.value = false;
+
+    console.log(`成功渲染热力图，经纬度: (${lat}, ${lng})，强度: ${intensity}`);
+  } catch (error) {
+    console.error("热力图渲染失败:", error);
+    ElMessage.error(`热力图渲染失败: ${error.message}`);
+  }
+};
+
+// 更新热力图设置
+const updateHeatmapSettings = () => {
+  if (currentRow.value && currentHeatmapLayer) {
+    clearHeatmap();
+    getYJRLi({
+      srcIndex: currentRow.value.filePath || currentRow.value.id,
+      startTime: currentRow.value.releaseTime
+        ? `${currentRow.value.releaseTime} 00:00:00`
+        : "",
+      endTime: currentRow.value.releaseTime
+        ? `${currentRow.value.releaseTime} 23:59:59`
+        : "",
+    }).then((res) => {
+      if (res.code === 200 && res.data && res.data.length) {
+        renderHeatmap(res.data);
+      }
+    });
+  }
+};
+
+// 切换热力图显示
+const toggleHeatmap = () => {
+  showHeatmap.value = !showHeatmap.value;
+
+  if (showHeatmap.value) {
+    mapInstance.value.addLayer(heatmapLayer.value);
+    showLegend.value = true;
+  } else {
+    mapInstance.value.removeLayer(heatmapLayer.value);
+    showLegend.value = false;
+  }
+};
+
+// 切换标记显示
+const toggleMarker = () => {
+  showMarker.value = !showMarker.value;
+
+  if (showMarker.value && markerObj.value) {
+    markersLayer.value.addLayer(markerObj.value);
+  } else if (markerObj.value) {
+    markersLayer.value.removeLayer(markerObj.value);
+  }
+};
+
+// 清除热力图
+const clearHeatmap = () => {
+  if (
+    currentHeatmapLayer &&
+    heatmapLayer.value &&
+    heatmapLayer.value.hasLayer(currentHeatmapLayer)
+  ) {
+    heatmapLayer.value.removeLayer(currentHeatmapLayer);
+  }
+  currentHeatmapLayer = null;
+};
+
+// 查看监控
+const lookJK = () => {
+  let params = {
+    typeinfo: filePathS.value,
+  };
+  getYJRLiJK(params).then((res) => {
+    console.log(res, "监控返回");
+    if (res.code === 200 && res.msg) {
+      currentVideoUrl.value = res.msg;
+      chargeOpenJK.value = true;
+    } else {
+      proxy.$modal.msgWarning("无监控数据");
+    }
+  });
+};
+
+// 关闭视频弹窗
+const handleVideoClose = () => {
+  chargeOpenJK.value = false;
+  currentVideoUrl.value = "";
+};
+
+// 关闭弹窗清理
+const handleClose = () => {
+  if (mapInstance.value) {
+    mapInstance.value.off();
+    mapInstance.value.remove();
+    mapInstance.value = null;
+  }
+  warningModalOpen.value = false;
+  clearHeatmap();
+  showLegend.value = false;
+  timelineData.value = [];
+};
+
+// 检查是否在中国范围内
+const isInChina = (lat, lng) => {
+  return (
+    lat >= CHINA_BOUNDS.minLat &&
+    lat <= CHINA_BOUNDS.maxLat &&
+    lng >= CHINA_BOUNDS.minLng &&
+    lng <= CHINA_BOUNDS.maxLng
+  );
+};
+
+const getStatusLabel = (value) => {
+  const found = disposal_status.value.find((item) => item.value === value);
+  return found ? found.label : "未知状态";
+};
+
+// 加载表格数据
+const loadTableData = () => {
+  getchuzhiList({ warningStatus: selectValue.value })
+    .then((res) => {
+      tableData.value = res.rows || [];
+    })
+    .catch((err) => {
+      console.error("加载表格数据失败:", err);
+      ElMessage.error("加载表格数据失败");
+    });
+};
+
+// 初始化
+onMounted(() => {
+  loadTableData();
+
+  // 修复Leaflet默认图标路径问题
+  if (!L.Icon.Default.prototype._getIconUrl) {
+    delete L.Icon.Default.prototype._getIconUrl;
+    L.Icon.Default.mergeOptions({
+      iconRetinaUrl: require("leaflet/dist/images/marker-icon-2x.png"),
+      iconUrl: require("leaflet/dist/images/marker-icon.png"),
+      shadowUrl: require("leaflet/dist/images/marker-shadow.png"),
+    });
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+$tableColumnLength: 4;
+$table__item__height: calculate.vh(35px);
+.titles {
+  color: #fff;
+  text-align: center;
+  font-size: calculate.px2font(20px);
+}
+// 基础样式
+.nocontent {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:deep(.el-empty) {
+    padding: calculate.vh(50px) 0;
+    .el-empty__image {
+      width: calculate.vw(100px) !important;
+    }
+    .el-empty__description {
+      margin-top: calculate.vh(40px);
+      p {
+        font-size: calculate.px2font(20px);
+      }
+    }
+  }
+}
+.callDemo {
+  &:deep(#demo) {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+
+    .el-button {
+      max-width: 100px;
+    }
+  }
+}
+$pdTb: calculate.vh(20px);
+// 弹窗样式
+.detail-section {
+  // height: 46%;
+  padding: calculate.vh(10px) calculate.vh(10px) $pdTb;
+  overflow: auto;
+  box-sizing: border-box;
+  border-bottom: calculate.px2font(1px) solid #eee;
+}
+
+// 下方容器：地图和时间轴
+.bottom-container {
+  display: flex;
+  // height: 65%;
+  box-sizing: border-box;
+  padding: $pdTb 0;
+  gap: calculate.px2font(15px);
+}
+
+// 地图区域
+.map-section {
+  flex: 1;
+  height: calculate.vh(500px);
+  position: relative;
+  padding: 0 calculate.vh(10px) calculate.vh(20px);
+  box-sizing: border-box;
+}
+
+#warningMap {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+  position: relative;
+  z-index: 1;
+}
+
+// 时间轴区域
+.timeline-section {
+  flex: 1;
+  height: 100%;
+  padding: 0 calculate.vw(16px) calculate.vh(16px);
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+
+.timeline-title {
+  margin-top: 0;
+  margin-bottom: calculate.vh(16px);
+  color: #fff;
+  font-size: calculate.px2font(16px);
+  font-weight: bold;
+}
+
+.timeline-empty {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+// 地图状态样式
+.map-loading,
+.no-data {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1001;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 20px;
+  border-radius: 8px;
+}
+
+.map-loading {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: #555;
+}
+
+// 热力图图例
+.map-legend {
+  position: absolute;
+  bottom: 30px;
+  right: 20px;
+  z-index: 1000;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 12px;
+  border-radius: 8px;
+  color: #333;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border: 1px solid #eee;
+}
+
+.map-legend h4 {
+  margin: 0 0 8px 0;
+  font-size: calculate.px2font(14px);
+  color: #333;
+}
+
+.legend-gradient {
+  height: 20px;
+  width: 180px;
+  background: linear-gradient(
+    to right,
+    #ffeda0,
+    #fed976,
+    #feb24c,
+    #fd8d3c,
+    #fc4e2a,
+    #e31a1c
+  );
+  margin: 5px 0;
+  border-radius: 4px;
+}
+
+.legend-labels {
+  display: flex;
+  justify-content: space-between;
+  font-size: calculate.px2font(12px);
+  color: #555;
+}
+
+// 时间线样式
+.custom-timeline {
+  --el-timeline-node-size-normal: #{calculate.vh(12px)};
+
+  position: relative;
+  padding-left: 20px;
+  margin-top: 4%;
+
+  .timeline-item {
+    position: relative;
+    padding-bottom: 20px;
+
+    &:not(:last-child)::after {
+      content: "";
+      position: absolute;
+      left: calculate.vw(-2px);
+      top: calculate.vh(16px);
+      height: calc(100% - #{calculate.vh(16px)});
+      width: calculate.vw(2px);
+      background: #e4e7ed;
+    }
+  }
+
+  .timeline-dot {
+    position: absolute;
+    left: -8px;
+    top: 4px;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: #409eff;
+  }
+
+  .timeline-content {
+    padding-left: 20px;
+    color: #fff;
+  }
+}
+
+// 2. 关键修复：确保tooltip内容区域样式正确
+.tooltip {
+  width: 98%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer; /* 确保鼠标能触发hover事件 */
+}
+
+// 3. 关键修复：添加Tooltip样式穿透设置
+:deep(.table-tooltip) {
+  z-index: 9999 !important;
+  max-width: calculate.vw(300px);
+  padding: calculate.vh(6px) calculate.vw(10px);
+  font-size: calculate.px2font(12px);
+  background: #1f2329 !important;
+  color: #fff !important;
+  border-radius: calculate.px2font(4px);
+  box-shadow: 0 calculate.px2font(2px) calculate.px2font(12px) rgba(0, 0, 0, 0.15);
+}
+
+// 解决滚动容器可能导致的裁剪问题
+.scroll {
+  overflow: hidden !important;
+}
+
+.table__item {
+  overflow: visible !important;
+}
+
+// 图层层级控制
+:deep(.leaflet-map-pane) {
+  z-index: 2 !important;
+}
+:deep(.leaflet-tile-pane) {
+  z-index: 2 !important;
+}
+:deep(.leaflet-overlay-pane) {
+  z-index: 3 !important;
+}
+:deep(.leaflet-marker-pane) {
+  z-index: 4 !important;
+}
+:deep(.leaflet-popup-pane) {
+  z-index: 5 !important;
+}
+.custam-select {
+  margin-bottom: calculate.vh(5px);
+}
+.card__content-box {
+  :deep(.el-select__wrapper) {
+    background: #16437f;
+  }
+
+  .table {
+    width: 100%;
+    height: calc(100% - #{calculate.vh(55px)});
+
+    &__item {
+      line-height: $table__item__height;
+      display: grid;
+      grid-template-columns: 2fr repeat($tableColumnLength, minmax(0, 3fr));
+      color: #fff;
+      text-align: center;
+      font-size: calculate.px2font(14px);
+      font-weight: bold;
+      border-radius: calculate.px2font(2px);
+      border-bottom: calculate.px2font(1px) solid #888;
+      padding: calculate.vh(7px) 0;
+      cursor: pointer;
+      // background-color: #29689e;
+    }
+
+    &__item:nth-child(2n) {
+      // background-color: #3c93d2;
+    }
+
+    &__item:hover {
+      box-shadow: inset 0 0 0 calculate.px2font(3px) #266fff;
+    }
+  }
+}
+
+// Element Plus 时间轴样式调整
+:deep(.el-timeline) {
+  padding-left: calculate.vw(20px);
+}
+
+:deep(.el-timeline-item__timestamp) {
+  font-size: calculate.px2font(14px);
+  color: #fff;
+  margin-bottom: 8px;
+}
+
+:deep(.el-card) {
+  margin-bottom: calculate.vh(15px);
+  border-radius: calculate.px2font(6px);
+  box-shadow: 0 calculate.px2font(2px) calculate.px2font(8px) rgba(0, 0, 0, 0.08);
+  background: transparent;
+  border: 0;
+  color: #fff;
+}
+.largeScreen__descriptions {
+  :deep(.el-button){
+    background: #00214e;
+  }
+}
+</style>
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.vue
new file mode 100644
index 0000000..cf3430e
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.vue
@@ -0,0 +1,427 @@
+<template>
+  <div class="perfect-time-slider">
+    <!-- 日期选择器 -->
+    <div class="date-picker">
+      <el-date-picker
+        v-model="selectedDate"
+        value-format="YYYY-MM-DD"
+        type="date"
+        @change="handleDateChange"
+        :disabled-date="disabledDate"
+        placeholder="选择日期："
+      ></el-date-picker>
+    </div>
+
+    <!-- 时间滑块 -->
+    <div class="slider-container">
+      <div class="slider-header">
+        <span class="current-time">{{ formattedTime }}</span>
+        <button @click="togglePlay" class="play-button">
+          {{ isPlaying ? "暂停" : "播放" }}
+        </button>
+      </div>
+
+      <!-- 带刻度的时间滑块 -->
+      <div class="slider-wrapper">
+        <div class="slider-track" :style="trackStyle">
+          <input
+            type="range"
+            v-model="sliderValue"
+            :min="0"
+            :max="maxSliderMinutes"
+            class="slider"
+            @input="handleSliderChange"
+            step="1"
+            :disabled="isFutureDate"
+          />
+          <div class="progress" :style="progressStyle"></div>
+        </div>
+
+        <!-- 刻度标记 -->
+        <div class="ticks" :style="ticksContainerStyle">
+          <span
+            v-for="(tick, index) in ticks"
+            :key="index"
+            :style="{ left: tick.position + '%' }"
+            class="tick"
+          >
+            <span class="tick-label">{{ tick.label }}</span>
+          </span>
+        </div>
+      </div>
+
+      <!-- 提示信息 -->
+      <div v-if="isFutureDate" class="future-date-message">
+        已到达当前时间，请选择更早的日期
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
+import { getTimeLine } from "@/api/map.js";
+
+const props = defineProps({
+  playSpeed: {
+    type: Number,
+    default: 3000,
+  },
+  slideHours: {
+    type: Number,
+    default: 4,
+  },
+});
+
+const emit = defineEmits(["timeChange"]);
+
+// 状态管理
+const isPlaying = ref(false);
+const sliderValue = ref(0);
+const playInterval = ref(null);
+const selectedDate = ref(getFormattedDate(new Date()));
+const currentTime = ref(new Date());
+const now = ref(new Date());
+const canAutoPlay = ref(false); // 新增：控制是否允许自动播放
+// 计算属性
+const maxSliderMinutes = computed(() => {
+  if (isToday.value) {
+    return now.value.getHours() * 60 + now.value.getMinutes();
+  }
+  return 24 * 60;
+});
+
+const trackStyle = computed(() => ({
+  width: `${(maxSliderMinutes.value / (24 * 60)) * 100}%`,
+}));
+
+const ticksContainerStyle = computed(() => ({
+  width: `${(maxSliderMinutes.value / (24 * 60)) * 100}%`,
+}));
+
+const progressStyle = computed(() => ({
+  width: `${(sliderValue.value / maxSliderMinutes.value) * 100}%`,
+}));
+
+const formattedTime = computed(() => formatDateTime(currentTime.value));
+
+const ticks = computed(() => {
+  const ticks = [];
+  const totalMinutes = maxSliderMinutes.value;
+  const hourSteps = isToday.value ? 2 : 2; // 每2小时一个刻度
+
+  for (let hour = 0; hour <= 24; hour += hourSteps) {
+    const minutes = hour * 60;
+    if (minutes > totalMinutes) break;
+
+    ticks.push({
+      position: (minutes / totalMinutes) * 100,
+      label: `${hour.toString().padStart(2, "0")}:00`,
+    });
+  }
+  return ticks;
+});
+
+const isToday = computed(() => {
+  return selectedDate.value === getFormattedDate(new Date());
+});
+
+const isFutureDate = computed(() => {
+  return new Date(selectedDate.value) > new Date(getFormattedDate(new Date()));
+});
+
+const maxSelectableDate = computed(() => {
+  return getFormattedDate(new Date());
+});
+
+// 日期变化处理
+const handleDateChange = () => {
+  const [year, month, day] = selectedDate.value.split("-");
+  const newDate = new Date(year, month - 1, day, 0, 0, 0);
+  updateTime(newDate);
+  sliderValue.value = 0;
+  canAutoPlay.value = true; // 日期改变后允许自动播放
+
+  if (isFutureDate.value && isPlaying.value) {
+    togglePlay();
+  }
+};
+
+// 格式化日期为YYYY-MM-DD
+function getFormattedDate(date) {
+  const year = date.getFullYear();
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const day = date.getDate().toString().padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+
+// 格式化日期时间
+const formatDateTime = (date) => {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  const seconds = date.getSeconds().toString().padStart(2, "0");
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+// 处理滑块变化
+const handleSliderChange = () => {
+  const hours = Math.floor(sliderValue.value / 60);
+  const minutes = sliderValue.value % 60;
+  const newTime = new Date(selectedDate.value);
+  newTime.setHours(hours, minutes);
+
+  // 如果是今天，确保时间不超过当前时间
+  if (isToday.value && newTime > now.value) {
+    newTime.setTime(now.value.getTime());
+    updateSliderPosition(newTime);
+  }
+
+  updateTime(newTime);
+  canAutoPlay.value = true; // 滑块拖动后允许自动播放
+};
+
+// 更新时间
+const updateTime = (newTime) => {
+  currentTime.value = newTime;
+  console.log(formatDateTime(newTime));
+  localStorage.setItem("timeValue", formatDateTime(newTime));
+  emit("timeChange", newTime);
+};
+
+// 滑动到下一个时间点
+const slideToNext = () => {
+  const newTime = new Date(currentTime.value);
+  newTime.setHours(newTime.getHours() + props.slideHours);
+
+  // 检查是否超过了当前时间（如果是今天）
+  if (isToday.value && newTime > now.value) {
+    // 到达今天当前时间，停止播放
+    if (isPlaying.value) {
+      togglePlay();
+    }
+    canAutoPlay.value = false; // 播放完成后禁止自动播放
+    return;
+  }
+
+  // 检查是否超过了当天的23:59:59（对于非今天日期）
+  if (!isToday.value && newTime.getDate() !== currentTime.value.getDate()) {
+    // 到达当天结束时间，停止播放
+    if (isPlaying.value) {
+      togglePlay();
+    }
+    canAutoPlay.value = false; // 播放完成后禁止自动播放
+    return;
+  }
+
+  updateTime(newTime);
+  updateSliderPosition(newTime);
+};
+
+function disabledDate(time) {
+  // 获取今天的日期（不包含时间）
+  const today = new Date().setHours(0, 0, 0, 0);
+  // 将传入的日期时间转换为不包含时间的格式进行比较
+  const dateTime = time.getTime();
+  // 如果传入的日期大于今天，则禁用
+  return dateTime > today;
+}
+// 更新滑块位置
+const updateSliderPosition = (time) => {
+  sliderValue.value = time.getHours() * 60 + time.getMinutes();
+};
+
+// 切换播放状态
+const togglePlay = () => {
+  // 移除初始的 canAutoPlay 检查，允许第一次点击播放
+  isPlaying.value = !isPlaying.value;
+  if (isPlaying.value) {
+    playInterval.value = setInterval(slideToNext, props.playSpeed);
+  } else {
+    clearInterval(playInterval.value);
+    playInterval.value = null;
+  }
+};
+// 每分钟更新当前时间
+const updateNow = () => {
+  now.value = new Date();
+};
+
+// 初始化
+onMounted(() => {
+  const startOfDay = new Date(selectedDate.value);
+  startOfDay.setHours(0, 0, 0, 0);
+  updateTime(startOfDay);
+  updateSliderPosition(startOfDay);
+  setInterval(updateNow, 60000);
+});
+
+onBeforeUnmount(() => {
+  if (playInterval.value) {
+    clearInterval(playInterval.value);
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.perfect-time-slider {
+  width: 100%;
+  margin: 0 auto;
+  padding: 6%;
+  font-family: Arial, sans-serif;
+  background-image: url("../../../assets/images/timeline.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.date-picker {
+  margin-bottom: 4px;
+  ::v-deep .el-input__wrapper {
+    background: #ebf5ff;
+  }
+}
+
+.date-picker label {
+  margin-right: 10px;
+  font-weight: bold;
+}
+
+.date-picker input {
+  padding: 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 1em;
+}
+
+.slider-container {
+  height: 100px;
+  border-radius: 8px;
+  position: relative;
+}
+
+.slider-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.current-time {
+  font-size: 1.1em;
+  font-weight: bold;
+  color: #ebf5ff;
+}
+
+.play-button {
+  padding: 8px 20px;
+  background-color: #ebf5ff;
+  color: #409eff;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 1em;
+  transition: background-color 0.3s;
+  margin-bottom: 14px;
+}
+
+.play-button:hover {
+  background-color: #ebf5ff;
+}
+
+.slider-wrapper {
+  position: relative;
+  // margin: 40px 0 20px;
+}
+
+.slider-track {
+  position: relative;
+  height: 10px;
+  background: #4a5d79;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.slider {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+  outline: none;
+  z-index: 3;
+  cursor: pointer;
+}
+
+.progress {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background: #4a5d79;
+  z-index: 1;
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  background: #0b3054;
+  cursor: pointer;
+  border-radius: 50%;
+  border: 2px solid #4a5d79;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+  z-index: 4;
+  position: relative;
+}
+
+.slider:disabled::-webkit-slider-thumb {
+  background: #cccccc;
+  cursor: not-allowed;
+}
+
+.slider::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  background: #4caf50;
+  cursor: pointer;
+  border-radius: 50%;
+  border: 2px solid white;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+  z-index: 4;
+}
+
+.ticks {
+  position: absolute;
+  top: 25px;
+  height: 10px;
+}
+
+.tick {
+  position: absolute;
+  width: 1px;
+  height: 10px;
+  background: #fff;
+  transform: translateX(-50%);
+}
+
+.tick-label {
+  position: absolute;
+  top: 15px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 0.8em;
+  color: #fff;
+}
+
+.future-date-message {
+  margin-top: 10px;
+  color: #ff5722;
+  font-weight: bold;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.zip b/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.zip
new file mode 100644
index 0000000..0ca8367
Binary files /dev/null and b/Dkl-vue3-ui-DP/src/views/largeScreen/components/timeline.zip differ
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/components/videoSurveillance/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/components/videoSurveillance/index.vue
new file mode 100644
index 0000000..d45c955
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/components/videoSurveillance/index.vue
@@ -0,0 +1,473 @@
+<template>
+  <div class="monitor-container">
+    <!-- 分屏控制 -->
+    <div class="control-bar">
+      <el-tag
+        class="tags"
+        v-for="item in viewModes"
+        :key="item.value"
+        size="large"
+        :effect="activeMode === item.value ? 'dark' : ''"
+        :type="activeMode === item.value ? 'primary' : ''"
+        @click="handleViewModeChange(item.value)"
+      >
+        {{ item.label }}
+      </el-tag>
+      <!-- <el-select
+        v-model="selectValue"
+        filterable
+        placeholder="请选择部门"
+        class="dept-select custam-select"
+        popper-class="custam-select-pupper"
+        @change="handleDeptChange"
+      >
+        <el-option
+          v-for="item in bmList"
+          :key="item.deptid"
+          :label="item.deptname"
+          :value="item.deptid"
+        />
+      </el-select> -->
+       <el-select
+        v-model="selectedCameraCodes"
+        multiple
+        filterable
+        placeholder="请选择监控点"
+        class="camera-select custam-select"
+        :disabled="!selectValue"
+        @change="handleCameraChange"
+        style="width: 100%"
+        popper-class="custam-select-pupper"
+      >
+        <el-option
+          v-for="item in availableCameras"
+          :key="item.code"
+          :label="item.name"
+          :value="item.code"
+          @click.stop="handleOptionClick(item)"
+        >
+          <span :class="{ 'no-stream': !item.depturl }">
+            {{ item.name }}
+            <span
+              v-if="!item.depturl && loadingCameras.includes(item.code)"
+              class="loading-text"
+            >
+              (加载中...)
+            </span>
+          </span>
+        </el-option>
+      </el-select>
+    </div>
+
+
+    <!-- 播放器容器 -->
+    <div id="player" :data-mode="activeMode"></div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, computed, watch } from "vue";
+import {
+  getDeptOfWwsList,
+  getDeptOfWwsUrlList,
+  getvideoWws,
+} from "@/api/camera.js";
+import { ElMessage } from "element-plus";
+
+const viewModes = [
+  { value: 4, label: "四组" },
+  // { value: 9, label: "九组" },
+];
+
+const activeMode = ref(4);
+const currentType = ref(0);
+let player = null;
+
+const videoUrls = ref([]);
+const cameraList = ref([]);
+const selectedCameraCodes = ref([]);
+const loadingCameras = ref([]);
+
+const bmList = ref([]);
+const selectValue = ref("");
+
+// 可用的监控点列表
+const availableCameras = computed(() => {
+  return cameraList.value.filter((item) => item.deptid === selectValue.value);
+});
+
+// 处理选项点击
+const handleOptionClick = async (camera) => {
+  // 如果已经有视频流或者是正在加载，不处理
+  if (camera.depturl || loadingCameras.value.includes(camera.code)) return;
+
+  // 检查是否已经选中
+  const isSelected = selectedCameraCodes.value.includes(camera.code);
+
+  // 如果未选中且已达到上限，提示并不调用接口
+  if (!isSelected && selectedCameraCodes.value.length >= activeMode.value) {
+    ElMessage.warning(`最多只能选择${activeMode.value}个监控点`);
+    return;
+  }
+
+  try {
+    loadingCameras.value.push(camera.code);
+
+    const res = await getvideoWws({
+      typeinfo: camera.filePath || camera.code,
+    });
+
+    const depturl = res.msg;
+
+    if (!depturl) {
+      throw new Error("接口返回的视频流URL为空");
+    }
+
+    // 更新监控点数据
+    const index = cameraList.value.findIndex(
+      (item) => item.code === camera.code
+    );
+    if (index !== -1) {
+      cameraList.value[index].depturl = depturl;
+
+      // 如果未选中，则添加到选中列表
+      if (!isSelected) {
+        selectedCameraCodes.value = [...selectedCameraCodes.value, camera.code];
+      }
+
+      initPlayer();
+    }
+  } catch (error) {
+    console.error("获取视频流失败:", error);
+    ElMessage.error(`获取视频流失败: ${error.message}`);
+  } finally {
+    loadingCameras.value = loadingCameras.value.filter(
+      (item) => item !== camera.code
+    );
+  }
+};
+
+// 监控点选择变化
+const handleCameraChange = (selectedCodes) => {
+  // 去重处理
+  const uniqueCodes = [...new Set(selectedCodes)];
+  const maxSelect = activeMode.value;
+
+  if (uniqueCodes.length > maxSelect) {
+    selectedCameraCodes.value = uniqueCodes.slice(0, maxSelect);
+    ElMessage.warning(`最多只能选择${maxSelect}个监控点`);
+    return;
+  }
+
+  selectedCameraCodes.value = uniqueCodes;
+  initPlayer();
+};
+
+// 获取监控点数据
+const fetchCameraList = async () => {
+  if (!selectValue.value) return;
+
+  const par = {
+    deptid: selectValue.value,
+    type: currentType.value,
+  };
+
+  try {
+    const res = await getDeptOfWwsUrlList(par);
+    cameraList.value = res.rows.map((item) => ({
+      ...item,
+      filePath: item.filePath || item.code,
+    }));
+
+    // 默认选择前N个有视频流的监控点
+    const maxSelect = activeMode.value;
+    const validCameras = cameraList.value.filter((item) => item.depturl);
+    selectedCameraCodes.value = validCameras
+      .slice(0, maxSelect)
+      .map((item) => item.code);
+
+    initPlayer();
+  } catch (error) {
+    console.error("获取监控点列表失败:", error);
+    ElMessage.error("获取监控点列表失败");
+  }
+};
+
+// 部门变更处理
+const handleDeptChange = () => {
+  selectedCameraCodes.value = [];
+  fetchCameraList();
+};
+
+// 分屏模式切换处理
+const handleViewModeChange = async (mode) => {
+  activeMode.value = mode;
+  currentType.value = mode === 9 ? 1 : 0;
+
+  // 调整已选数量
+  if (selectedCameraCodes.value.length > mode) {
+    selectedCameraCodes.value = selectedCameraCodes.value.slice(0, mode);
+  }
+
+  await fetchCameraList();
+  initPlayer();
+};
+
+// 初始化播放器
+const initPlayer = () => {
+  try {
+    // 只播放有有效视频流的监控点
+    const validCameras = availableCameras.value.filter(
+      (item) => selectedCameraCodes.value.includes(item.code) && item.depturl
+    );
+    const urls = validCameras.map((item) => item.depturl);
+
+    if (urls.length === 0) {
+      console.log("没有可播放的视频流");
+      if (player) {
+        player.JS_StopRealPlayAll();
+        player.JS_Destroy();
+        player = null;
+      }
+      return;
+    }
+
+    if (player) {
+      player.JS_StopRealPlayAll();
+      player.JS_Destroy();
+    }
+
+    player = new JSPlugin({
+      szId: "player",
+      szBasePath: "js/",
+      iMaxSplit: activeMode.value,
+      openDebug: true,
+      mseWorkerEnable: false,
+      bSupporDoubleClickFull: true,
+      supportGMProtocol: true, // 启用国密协议支持
+      oStyle: {
+        borderSelect: "#343434",
+      },
+    });
+
+    player.JS_ArrangeWindow(activeMode.value);
+
+    const videosToPlay = Math.min(activeMode.value, urls.length);
+    for (let i = 0; i < videosToPlay; i++) {
+      player.JS_Play(
+        urls[i],
+        {
+          playURL: urls[i],
+          mode: 0,
+          keepDecoder: 0,
+          token: "",
+        },
+        i
+      );
+    }
+  } catch (error) {
+    console.error("初始化播放器失败:", error);
+    ElMessage.error("播放器初始化失败");
+  }
+};
+
+// 获取部门列表
+const getDeptList = () => {
+  getDeptOfWwsList()
+    .then((res) => {
+      console.log(res, "sdsdasadsa");
+      bmList.value = res.rows;
+      if (bmList.value.length > 0) {
+        selectValue.value = bmList.value[0].deptid;
+        handleDeptChange();
+      }
+    })
+    .catch((error) => {
+      console.error("获取部门列表失败:", error);
+      ElMessage.error("获取部门列表失败");
+    });
+};
+
+// 监听选中监控点变化
+watch(selectedCameraCodes, (newVal) => {
+  console.log("当前选中监控点:", newVal);
+});
+
+onMounted(() => {
+  getDeptList();
+});
+
+onBeforeUnmount(() => {
+  if (player) {
+    player.JS_StopRealPlayAll();
+    player.JS_Destroy();
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+$inputHeight: calculate.vh(45px);
+$selectBg: #16437F;
+:deep(.el-select__wrapper) {
+  width: 100%;
+  height: $inputHeight;
+  overflow: hidden;
+  min-height: $inputHeight;
+  line-height: $inputHeight;
+  /* padding: 6%; */
+  background: transparent;
+  color: #1890ff;
+  background-color: $selectBg;
+  border-radius: calculate.px2font(5px);
+}
+.tags {
+  height: $inputHeight;
+  border-radius: calculate.px2font(5px);
+  font-size: calculate.px2font(14px);
+  padding: 0 calculate.vw(10px);
+  border-width: calculate.px2font(1px);
+}
+
+.monitor-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // padding: 20px;
+  box-sizing: border-box;
+}
+
+.control-bar,
+.select-container {
+  margin-bottom: calculate.vh(15px);
+  // padding: 10px;
+  display: flex;
+  gap: calculate.vw(15px);
+  // background: #09375b;
+  border-radius: calculate.px2font(4px);
+  box-shadow: 0 calculate.px2font(1px) calculate.px2font(4px) rgba(0, 0, 0, 0.1);
+}
+
+.select-container {
+  // padding: 10px;
+  align-items: center;
+  :deep(.el-select__wrapper) {
+    width: 100%;
+    // height: 60px;
+    overflow: hidden;
+    line-height: calculate.vh(40px);
+    /* padding: 6%; */
+    background: $selectBg;
+    color: #1890ff;
+  }
+}
+.camera-select {
+  width: 100%;
+}
+
+#player {
+  flex: 1;
+  background: #000;
+  border-radius: 4px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.no-stream {
+  color: #999;
+}
+
+.loading-text {
+  color: #1890ff;
+  font-size: calculate.px2font(12px);
+  margin-left: calculate.vw(4px);
+}
+
+/* 四组模式 - 2x2 */
+#player[data-mode="4"] :deep(> div > div) {
+  width: 50% !important;
+  height: 50% !important;
+  float: left !important;
+}
+
+/* 九组模式 - 3x3 */
+#player[data-mode="9"] :deep(> div > div) {
+  width: 33.333% !important;
+  height: 33.333% !important;
+  float: left !important;
+}
+
+/* 确保视频填满每个格子 */
+#player :deep(> div > div > video) {
+  width: 100% !important;
+  height: 100% !important;
+  object-fit: cover !important;
+}
+</style>
+
+<style lang="scss">
+@use "@/assets/styles/computed.scss" as calculate;
+/* 下拉框样式 */
+.camera-select-dropdown {
+  max-height: calculate.vh(400px) !important;
+  overflow-y: auto !important;
+  scrollbar-width: thin;
+  scrollbar-color: #4a6b8b #1e3a5f;
+  background-color: #1e3a5f !important;
+  border: 1px solid #09375b !important;
+}
+
+.camera-select-dropdown::-webkit-scrollbar {
+  width: 6px;
+}
+
+.camera-select-dropdown::-webkit-scrollbar-track {
+  background: #1e3a5f;
+  border-radius: 3px;
+}
+
+.camera-select-dropdown::-webkit-scrollbar-thumb {
+  background-color: #4a6b8b;
+  border-radius: 3px;
+}
+
+.camera-select-dropdown .el-select-dropdown__item {
+  padding: 0 20px;
+  height: 36px;
+  line-height: 36px;
+  color: #c9d9f3 !important;
+  background-color: #1e3a5f !important;
+}
+
+.camera-select-dropdown .el-select-dropdown__item.hover,
+.camera-select-dropdown .el-select-dropdown__item:hover {
+  background-color: #2c4a6e !important;
+}
+
+.camera-select-dropdown .el-select-dropdown__item.selected {
+  color: #ffffff !important;
+  background-color: #09375b !important;
+  font-weight: 500;
+}
+
+/* 多选框选中标签样式 */
+.el-select__tags {
+  padding-left: 10px;
+}
+
+// .el-tag {
+//   background-color: #12457C !important;
+//   border-color: #4a6b8b !important;
+//   color: #c9d9f3 !important;
+// }
+
+.el-tag .el-icon-close {
+  color: #c9d9f3 !important;
+}
+
+.el-tag .el-icon-close:hover {
+  background-color: #4a6b8b !important;
+  color: #ffffff !important;
+}
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/largeScreen/index.vue b/Dkl-vue3-ui-DP/src/views/largeScreen/index.vue
new file mode 100644
index 0000000..772c5df
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/largeScreen/index.vue
@@ -0,0 +1,968 @@
+<template>
+  <div class="wrap">
+    <div class="header">
+      <div class="bgtitle">
+        <!-- <img src="../../assets/logo/dkl.png" alt="logo" /> -->
+         <img src="../../assets/images/largeScreenImage/dp-logo.png" alt="">
+         <span>大客流一张图</span>
+      </div>
+    </div>
+    <div class="footer"></div>
+    <div class="largeScreen__btn">
+      <div class="rights">
+        <router-link to="/index">
+          <img
+            src="../../assets/images/sy.png"
+            alt="首页"
+            class="icon"
+          />
+        </router-link>
+        <img
+          src="../../assets/images/qp.png"
+          alt="全屏"
+          class="icon hover-effect"
+          @click="toggleFullscreen"
+        />
+        <router-link to="/index" class="flex">
+          <span>进入系统</span>
+          <img
+            src="../../assets/images/fh.png"
+            alt="返回"
+            class="back"
+          />
+        </router-link>
+      </div>
+    </div>
+    
+    <!-- 模态框部分 -->
+    <LargeScreenModal v-model:open="chargeOpen" :title="modalTitle">
+      <Analysis v-if="caseTab == '1'"></Analysis>
+    </LargeScreenModal>
+    <LargeScreenModal v-model:open="chargeOpen2" :title="modalTitle">
+      <!-- 内容 -->
+    </LargeScreenModal>
+    <LargeScreenModal v-model:open="chargeOpen3" :title="modalTitle">
+      <RiskAnalysis v-if="caseTab3 == '1'"></RiskAnalysis>
+    </LargeScreenModal>
+    <LargeScreenModal v-model:open="chargeOpen4" :title="modalTitle">
+      <!-- 内容 -->
+    </LargeScreenModal>
+    
+    <div class="container">
+      <div class="container__top">
+        <div class="left flexcolumns">
+          <div class="card BarWrap">
+            <div class="card__title flex-btn">
+              <div>大客流总数区域展示</div>
+            </div>
+            <div class="card__content noBg">
+              <div class="titles">大客流总数区域展示</div>
+              <InfoOverview :time="newTime"></InfoOverview>
+            </div>
+          </div>
+
+          <div class="card BarWrap">
+            <div class="card__title flex-btn">
+              <div>大客流风险预警信息</div>
+            </div>
+            <div class="card__content">
+              <div class="titles">待处理预警信息</div>
+              <!-- 监听EarlyWarning组件的事件 -->
+              <EarlyWarning :time="newTime"  @update-map-params="handleMapUpdate" ></EarlyWarning>
+            </div>
+          </div>
+        </div>
+        <div class="middle">
+          <!-- 地图组件参数绑定 - 添加updateTrigger确保更新 -->
+          <Map 
+            :screenId="SYid" 
+            :latitude="currentLatitude" 
+            :longitude="currentLongitude" 
+            :tabName="tabName" 
+            :monitoringTypeName="currentMonitoringType"
+            :update-trigger="updateTrigger"
+          ></Map>
+        </div>
+        <div class="right flexcolumns">
+          <div class="card BarWrap">
+            <div class="card__title flex-btn">
+              <div>视频监控</div>
+            </div>
+            <div class="card__content noBg">
+              <div class="titles">视频监控</div>
+              <VideoSurveillance></VideoSurveillance>
+            </div>
+          </div>
+          <div class="card BarWrap">
+            <div class="card__title flex-btn">
+              <div>处置状态监控</div>
+            </div>
+            <div class="card__content">
+              <div class="titles">处置状态监控</div>
+              <MonitoringPoints></MonitoringPoints>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed, getCurrentInstance, watch } from "vue";
+import Moment from "moment";
+import { useRouter, useRoute } from "vue-router";
+import EnhancedTimeSlider from "./components/timeline.vue";
+const route = useRoute();
+const SYid = route.query.screenId;
+
+// 关键修改：添加强制更新触发器
+const updateTrigger = ref(0);
+
+// 路由参数转换为响应式变量
+const routeLatitude = ref(route.query.latitude);
+const routeLongitude = ref(route.query.longitude);
+const tabName = ref(route.query.tabName);
+const routeMonitoringType = ref(route.query.monitoringTypeName);
+
+// 响应式地图参数
+const currentLatitude = ref(routeLatitude.value);
+const currentLongitude = ref(routeLongitude.value);
+const currentMonitoringType = ref(routeMonitoringType.value);
+
+// 格式化时间
+const formatDateTime = (date) => {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  const hours = date.getHours().toString().padStart(2, "0");
+  const minutes = date.getMinutes().toString().padStart(2, "0");
+  const seconds = date.getSeconds().toString().padStart(2, "0");
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+const activeNames = ref(["1"]);
+const DaystartTime = ref("");
+const DayendTime = ref("");
+const newTime = ref("");
+const handleTimeChange = (timeValue) => {
+  newTime.value = formatDateTime(timeValue);
+  const datePart = newTime.value.split(" ")[0];
+  DaystartTime.value = datePart + " 00:00:00";
+  DayendTime.value = datePart + " 23:59:59";
+};
+
+// 导入组件
+import LargeScreenModal from "./components/largeScreenModal.vue";
+import InfoOverview from "./components/InfoOverview/index.vue";
+import Analysis from "./components/InfoOverview/components/analysis.vue";
+import EarlyWarning from "./components/earlyWarning/index.vue";
+import RiskAnalysis from "./components/earlyWarning/components/riskAnalysis.vue";
+import VideoSurveillance from "./components/videoSurveillance/index.vue";
+import MonitoringPoints from "./components/monitoringPoints/index.vue";
+import DropdownItem from "./components/dropdownItem.vue";
+import Map from "./components/map/index.vue";
+
+const imgList = ref([
+  { src: new URL("../../assets/images/x2.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x1.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x3.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x4.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x5.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x6.jpg", import.meta.url).href },
+  { src: new URL("../../assets/images/x8.jpg", import.meta.url).href },
+]);
+const { proxy } = getCurrentInstance();
+let router = useRouter();
+
+// 模态框状态
+const chargeOpen = ref(false);
+const modalTitle = ref("");
+const chargeOpen2 = ref(false);
+const chargeOpen3 = ref(false);
+const chargeOpen4 = ref(false);
+
+const caseTab = ref("1");
+const caseTab2 = ref("1");
+const caseTab3 = ref("1");
+const caseTab4 = ref("1");
+
+const caseTab_options = reactive([{ value: "1", label: "大客流信息数据分析" }]);
+const caseTab2_options = reactive([
+  { value: "1", label: "日历展示" },
+  { value: "2", label: "普法学习" },
+]);
+const caseTab3_options = reactive([
+  { value: "1", label: "大客流风险预警分析" },
+]);
+const caseTab4_options = reactive([{ value: "1", label: "模型碰撞" }]);
+
+function getDate(time, type = "YYYY-MM-DD") {
+  let date = time || new Date().getTime();
+  return Moment(date).format(type);
+}
+
+// 关键修改：处理EarlyWarning组件传递的参数，增加强制更新
+const handleMapUpdate = (params) => {
+  // 更新当前地图参数
+  currentLatitude.value = params.latitude;
+  currentLongitude.value = params.longitude;
+  currentMonitoringType.value = params.monitoringTypeName;
+  
+  // 关键：每次点击更新触发标记，确保地图组件重新处理
+  updateTrigger.value = Date.now();
+  
+  // 更新路由参数
+  router.replace({
+    query: {
+      ...route.query,
+      latitude: params.latitude,
+      longitude: params.longitude,
+      monitoringTypeName: params.monitoringTypeName
+    }
+  });
+};
+
+// 监听路由参数变化
+watch(
+  () => [route.query.latitude, route.query.longitude, route.query.monitoringTypeName],
+  ([lat, lng, type]) => {
+    if (lat && lng) {
+      currentLatitude.value = lat;
+      currentLongitude.value = lng;
+      updateTrigger.value = Date.now(); // 触发更新
+    }
+    if (type) {
+      currentMonitoringType.value = type;
+    }
+  },
+  { immediate: true }
+);
+
+onMounted(() => {
+  nowTime.value = getDate();
+  currYearMonth.value = getDate(null, "YYYY-MM");
+});
+
+function toPage() {
+  router.push("/");
+}
+
+function getDropLabel(arr, val) {
+  let obj = arr.find((v) => v.value === val);
+  return obj ? obj.label : "";
+}
+
+const toggleFullscreen = () => {
+  if (!document.fullscreenElement) {
+    document.documentElement.requestFullscreen().catch((err) => {
+      console.error(`全屏错误: ${err.message}`);
+    });
+  } else {
+    if (document.exitFullscreen) {
+      document.exitFullscreen();
+    }
+  }
+};
+
+function dropDownHandle(e, type) {
+  switch (type) {
+    case "caseTab":
+      caseTab.value = e;
+      chargeOpen.value = true;
+      modalTitle.value = getDropLabel(caseTab_options, e);
+      break;
+    case "caseTab2":
+      caseTab2.value = e;
+      chargeOpen2.value = true;
+      modalTitle.value = getDropLabel(caseTab2_options, e);
+      break;
+    case "caseTab3":
+      caseTab3.value = e;
+      chargeOpen3.value = true;
+      modalTitle.value = getDropLabel(caseTab3_options, e);
+      break;
+    case "caseTab4":
+      caseTab4.value = e;
+      chargeOpen4.value = true;
+      modalTitle.value = getDropLabel(caseTab4_options, e);
+      break;
+  }
+}
+
+// 时间相关
+const initialTime = ref(new Date(2025, 5, 10, 4, 0, 0));
+const nowTime = ref("");
+const currYearMonth = ref("");
+const data = reactive({});
+</script>
+
+<style lang="scss" scoped>
+@use "@/assets/styles/computed.scss" as calculate;
+* {
+  margin: 0;
+  padding: 0;
+}
+
+// 左侧展示几行
+$leftLineNum: 2;
+$headerHeight: calculate.vh(80px);
+$statisticsHeight: calculate.vh(0px);
+$rightTopHeight: calculate.vh(350px);
+$leftContainerHeight: calc(
+  (100vh - $headerHeight - $statisticsHeight - calculate.vh(50px))
+);
+$rightContainerBottomHeight: calc($leftContainerHeight - $rightTopHeight);
+
+$top_card_height: 300px;
+$bottom_card_height: 330px;
+$card_title_height: calculate.vh(45px);
+$card_title_color: #FFF;
+$cardZIndex: 9;
+$bg: #00214e;
+$bg2: #00214eEE;
+$bg3: #00214eCC;
+
+.wrap {
+  background-image: url("@/assets/images/BG.png");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  &::before {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    z-index: 99999999;
+  }
+  &::after {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    box-shadow: inset 0 0 calculate.px2font(500px) #162d4b;
+    z-index: 0;
+  }
+  .header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: $headerHeight;
+    line-height: $headerHeight;
+    font-size: calculate.px2font(28px);
+    font-weight: bold;
+    text-align: center;
+    // background-image: url("@/assets/images/newtopbg.png");
+    background-image: url("@/assets/images/hbg.png");
+    background-size: cover;
+    background-position: center 0;
+    color: #c8fefd;
+    letter-spacing: 0.1em;
+    z-index: 999;
+    letter-spacing: 0.3em;
+    display: flex;
+    justify-content: center;
+
+    .bgtitle {
+      // margin-top: 1%;
+      display: flex;
+      align-items: center;
+      gap: calculate.vw(15px);
+      font-size: calculate.px2font(32px);
+      // font-style: italic;
+      // font-family: YeZiGongChangAoYeHei;
+      img {
+        // width: 100%;
+        // height: 4vh;
+        width: calculate.vw(55px);
+        // height: calculate.vw(55px);
+      }
+    }
+
+    &::after {
+      content: "";
+      width: 100vw;
+      height: calc($headerHeight);
+      position: absolute;
+      inset: 0 0 auto 0;
+      z-index: -1;
+      background: linear-gradient(to bottom, #0f214ced, #07204b00);
+    }
+  }
+  .footer {
+    width: 100vw;
+    height: calculate.vh(50px);
+    position: fixed;
+    inset: auto 0 0 0;
+    z-index: 999999;
+    background-image: url("../../assets/images/footerBg.png");
+    background-size: 100% 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    &::after {
+      content: "";
+      position: absolute;
+      inset: auto 0 0 0;
+      z-index: 1;
+      width: 100vw;
+      height: 100%;
+      background: linear-gradient(to top,#0f214ced,  #07204b00);
+    }
+  }
+  .largeScreen__btn {
+    display: flex;
+    align-items: center;
+    position: fixed;
+    top: calculate.vh(20px);
+    right: calculate.vw(60px);
+    z-index: 9999;
+    cursor: pointer;
+
+    .rights {
+      display: flex;
+      align-items: center;
+      gap: calculate.px2font(10px);
+      
+      span {
+        color: #fff;
+        font-weight: 600;
+        font-size: calculate.px2font(14px);
+        white-space: nowrap;
+      }
+  
+      .icon,
+      img {
+        width: calculate.vh(50px);
+        height: calculate.vh(50px);
+        object-fit: contain;
+        // transition: all 0.3s;
+
+        &:hover {
+          transform: scale(1.1);
+          opacity: 0.8;
+        }
+      }
+
+      a {
+        display: grid;
+        place-items: center;
+        gap: calculate.px2font(10px);
+      }
+
+      .flex {
+        display: flex;
+        gap: calculate.px2font(10px);
+        .back {
+          width: calculate.vh(45px);
+          height: calculate.vh(45px);
+          object-fit: contain;
+        }
+      }
+
+      .right-menu-item {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+
+        &:hover {
+          background: transparent;
+        }
+      }
+    }
+  }
+  .currDate {
+    position: fixed;
+    top: calculate.vw(45px);
+    left: calculate.vw(10px);
+    z-index: 9;
+    color: #1da2fa;
+  }
+}
+.totality {
+  width: calculate.vw(700px);
+  position: fixed;
+  left: 50%;
+  top: calculate.vh(120px);
+  z-index: 9;
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  transform: translateX(-50%);
+  text-align: center;
+  &:deep(.el-statistic) {
+    .el-statistic__head {
+      font-size: calculate.px2font(18px);
+      font-weight: bold;
+      color: #388bdd;
+      margin-bottom: calculate.vh(10px);
+    }
+    .el-statistic__content {
+      font-size: calculate.px2font(20px);
+      color: #fff;
+    }
+  }
+}
+.container {
+  padding: calculate.px2font(10px) 0 0;
+  box-sizing: border-box;
+  position: relative;
+  margin-top: 1%;
+  &__top {
+    display: grid;
+    grid-template-columns: 4fr 6fr 4fr;
+    gap: calculate.px2font(20px);
+    margin-bottom: calculate.px2font(10px);
+    position: relative;
+
+    $lrWidth: 23vw;
+    .left {
+      position: absolute;
+      left: 0;
+      z-index: 9;
+      width: $lrWidth;
+      top: calculate.vh(20px);
+      height: 90vh;
+      &::before {
+        content: "";
+        width: 25vw;
+        height: 100vh;
+        position: absolute;
+        inset: calculate.vh(-90px) auto 0 0;
+        z-index: 1;
+        background: linear-gradient(90deg, #0f214ced,#05204fba 49%, #07204b00);
+      }
+      
+      .card {
+        // background: linear-gradient(to right,$bg, $bg2, $bg3);
+        // border-radius: 0 calculate.px2font(10px) calculate.px2font(10px) 0;
+      }
+    }
+    .right {
+      position: absolute;
+      right: 0;
+      top: calculate.vh(20px);
+      z-index: 9;
+      width: $lrWidth;
+      height: 90vh;
+     
+      &::before {
+        content: "";
+        width: 25vw;
+        height: 100vh;
+        position: absolute;
+        top: calculate.vh(-90px);
+        bottom: 0;
+        right: 0;
+        z-index: 1;
+        background: linear-gradient(270deg,#0f214ced,#05204fba 49%, #07204b00);
+      }
+      .card {
+        // background: linear-gradient(to left,$bg, $bg2, $bg3);
+        // border-radius: calculate.px2font(10px) 0 0 calculate.px2font(10px);
+      }
+    }
+    .timeline {
+      position: fixed;
+      left: 28%;
+      bottom: 18%;
+      width: 44vw;
+      height: 80px;
+      z-index: 99;
+    }
+    .flexcolumns {
+      display: flex;
+      flex-direction: column;
+      z-index: 2;
+    }
+    .middle {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      z-index: 1;
+      font-size: calculate.px2font(16px);
+      // position: relative;
+      // &::after {
+      //   content: "";
+      //   width: 100vw;
+      //   height: 100vh;
+      //   position: absolute;
+      //   inset: 0;
+      //   padding: calculate.px2font(200px);
+      //   box-shadow: inset 0 0 calculate.px2font(500px) #162d4b;
+      //   z-index: 0;
+      // }
+    }
+  }
+}
+
+.flex-btn {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.card {
+  height: 43vh;
+  position: relative;
+  z-index: 1;
+  padding: calculate.vh(15px) calculate.vw(15px);
+  &__title {
+    // display: none;
+    padding: 0 calculate.px2font(10px) 0 calculate.px2font(40px);
+    font-weight: bold;
+    font-size: calculate.px2font(15px);
+    font-style: italic;
+    width: 100%;
+    // height: $card_title_height;
+    line-height: $card_title_height;
+    margin-bottom: calculate.vh(15px);
+    background: url("@/assets/images/largeScreenImage/topbg.png") no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    color: $card_title_color;
+    letter-spacing: 0.1em;
+    // &::before, &::after {
+    //   content: "";
+    //   width: calculate.vw(15px);
+    //   height: calculate.vw(10px);
+    //   position: absolute;
+    //   top: 65%;
+    //   z-index: 9;
+    //   transform: translateY(-50%);
+    //   clip-path: polygon(50% 0%, 100% 0%, 50% 100%, 0% 100%);
+    //   // background: url("@/assets/images/largeScreenImage/cardTitleIcon@2x.png")
+    //   //   no-repeat;
+    //   // background-size: 100% 100%;
+    // }
+    // &::before {
+    //   left: calculate.vw(5px);
+    //   background-color: #1A87D2;
+    // }
+    // &::after {
+    //   left: calculate.vw(18px);
+    //   background-color: #FFF;
+    // }
+    &:deep(.el-tabs) {
+      .el-tabs__header {
+        margin: 0;
+      }
+      .el-tabs__item {
+        font-size: calculate.px2font(16px);
+        font-weight: bold;
+        color: #000;
+      }
+    }
+  }
+
+  &__content {
+    width: 100%;
+    height: calc(100% - $card_title_height);
+    // border-radius: 10px;
+    background-image: url("@/assets/images/cardBg.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    z-index: 2;
+    overflow: hidden;
+    &-box {
+      width: 100%;
+      height: 100%;
+    }
+    .titles {
+      display: none;
+      color: #fff;
+      font-weight: 700;
+      font-size: 1vw;
+      width: 100%;
+      line-height: calculate.vh(45px);
+      // transform: scale(1, 0.85) skewX(-7deg);
+      padding: calculate.vh(10px) calculate.vh(15px);
+      box-sizing: border-box;
+      background-image: url("../../assets/images/titbg2.png");
+      // background-image: url("@/assets/images/largeScreenImage/cardHeader.png");
+      background-size: 100% 100%; /* 或 contain，根据需求调整 */
+      background-size: cover;
+      background-repeat: no-repeat;
+      // position: relative;
+      // &::after {
+      //   content: "";
+      //   position: absolute;
+      //   inset: auto 0 calculate.vh(1px) 0;
+      //   z-index: -1;
+      //   width: 100%;
+      //   height: 30px;
+        
+      // }
+    }
+  }
+  .noBg {
+    background-image: none;
+  }
+}
+.card-1 {
+  height: $rightTopHeight;
+}
+.card-2 {
+  height: $rightContainerBottomHeight;
+}
+.card2 {
+  &__title {
+    background-image: url("@/assets/images/largeScreenImage/topbg.png");
+  }
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: calculate.px2font(10px);
+}
+.gap20 {
+  display: flex;
+  gap: calculate.vw(20px);
+}
+:deep(.leaflet-bar) {
+  display: none;
+}
+
+.elegant-collapse-container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+  background: linear-gradient(
+    90deg,
+    rgba(24, 75, 112, 0.6),
+    rgba(24, 75, 112, 0.3)
+  );
+  box-shadow: inset 0 0 14px 20px rgba(36, 55, 87, 0.7),
+    inset 0 0 20px 100px rgba(36, 55, 87, 0.3);
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(91, 143, 249, 0.15);
+}
+
+.elegant-collapse {
+  border: none;
+
+  :deep(.el-collapse-item__header) {
+    height: 20px;
+    line-height: 20px;
+    padding: 0 20px;
+    font-size: 18px;
+    font-weight: 500;
+    color: #fff;
+    background: transparent;
+    border-radius: 8px;
+    margin-bottom: 8px;
+    transition: all 0.3s ease;
+    border: none;
+
+    &:hover {
+      background: transparent;
+    }
+    .el-collapse-item__arrow {
+      font-size: 25px;
+      color: #fff;
+    }
+  }
+
+  :deep(.el-collapse-item__wrap) {
+    background: transparent;
+    border: none;
+    padding: 0 20px;
+    transition: all 0.3s ease;
+  }
+
+  :deep(.el-collapse-item__content) {
+    padding: 20px 0;
+    color: #4a5b6c;
+    font-size: 15px;
+    line-height: 1.6;
+  }
+}
+
+.collapse-content {
+  padding: 15px;
+  border-radius: 8px;
+  .imgList {
+    width: 100%;
+    height: 20vh;
+    padding-bottom: 4vh;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    flex-wrap: wrap;
+    overflow: auto;
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: rgba(91, 143, 249, 0.5);
+      border-radius: 3px;
+
+      &:hover {
+        background: rgba(91, 143, 249, 0.8);
+      }
+    }
+    img {
+      width: 100px;
+      height: 100px;
+    }
+  }
+}
+
+.data-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 15px;
+  margin-top: 20px;
+}
+
+.data-item {
+  background: rgba(235, 245, 255, 0.5);
+  padding: 12px;
+  border-radius: 6px;
+  text-align: center;
+}
+
+.data-label {
+  display: block;
+  font-size: 13px;
+  color: #6b7c93;
+  margin-bottom: 5px;
+}
+
+.data-value {
+  display: block;
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+
+  &.positive {
+    color: #52c41a;
+  }
+}
+
+.progress-label {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+  font-size: 13px;
+  color: #6b7c93;
+}
+
+.metric-cards {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 15px;
+  margin-top: 20px;
+}
+
+.metric-card {
+  display: flex;
+  align-items: center;
+  background: rgba(235, 245, 255, 0.5);
+  padding: 15px;
+  border-radius: 8px;
+}
+
+.metric-icon {
+  font-size: 24px;
+  margin-right: 12px;
+  color: #5b8ff9;
+}
+
+.metric-value {
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+}
+
+.metric-title {
+  font-size: 13px;
+  color: #6b7c93;
+}
+
+:deep(.custam-select){
+  $inputHeight: calculate.vh(45px);
+  $selectBg: #16437F;
+  .el-select__wrapper {
+    box-shadow: 0 0 0 calculate.px2font(1px) #2d6691 inset;
+    padding: calculate.vh(10px) calculate.vw(15px);
+    font-size: calculate.px2font(18px);
+    width: 100%;
+    height: $inputHeight;
+    overflow: hidden;
+    min-height: $inputHeight;
+    line-height: $inputHeight;
+    /* padding: 6%; */
+    background: transparent;
+    color: #1890ff;
+    background-color: $selectBg;
+    border-radius: calculate.px2font(5px);
+    
+    .el-select__input {
+      height: 100%;
+    }
+    .el-select__caret {
+      font-size: inherit;
+    }
+    .el-icon svg {
+      font-size: inherit;
+    }
+  }
+  .el-select__placeholder {
+    color: #FFF;
+    font-size: calculate.px2font(14px);
+  }
+}
+</style>
+<style lang="scss">
+@use "@/assets/styles/computed.scss" as calculate;
+.custam-select-pupper {
+  min-width: calculate.vh(10px);
+  line-height: calculate.vh(20px);
+  border-radius: calculate.px2font(5px);
+  font-size: calculate.px2font(20px);
+  &.is-light {
+    border-width: calculate.px2font(2px);
+  }
+  &[data-popper-placement^=left]>.el-popper__arrow {
+    right: calculate.vh(-5px);
+  }
+  &[data-popper-placement^=bottom]>.el-popper__arrow {
+    top: calculate.vh(-5px);
+  }
+  .el-popper__arrow:before {
+    width: calculate.vh(10px);
+    height: calculate.vh(10px);
+  }
+  .el-select-dropdown__wrap {
+    max-height: calculate.vh(280px);
+  }
+  .el-select-dropdown__list {
+    padding: calculate.vh(10px) 0;
+  }
+  .el-select-dropdown__item {
+    height: calculate.vh(45px);
+    line-height: calculate.vh(45px);
+    font-size: calculate.px2font(16px);
+    padding: 0 calculate.vw(45px) 0 calculate.vw(20px);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/loginsso.vue b/Dkl-vue3-ui-DP/src/views/loginsso.vue
new file mode 100644
index 0000000..3437ee7
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/loginsso.vue
@@ -0,0 +1,25 @@
+<template>
+      <div id="demo">
+        <iframe src="https://10.22.245.209:18888/ktCallingSystem/wholeCallPage?agentId= &agentPwd=  " id="iframe"
+            style="width:108px;height:108px;right:20px;bottom:20px;" allow="microphone;camera;midi;encrypted-media">
+        </iframe>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+
+        }
+    },
+    mounted() {
+
+    },
+    methods: {
+
+    }
+}
+
+
+</script>
+<style scoped lang="less"></style>
diff --git a/Dkl-vue3-ui-DP/src/views/system/TrainingInstitution/index.vue b/Dkl-vue3-ui-DP/src/views/system/TrainingInstitution/index.vue
new file mode 100644
index 0000000..b36da3e
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/TrainingInstitution/index.vue
@@ -0,0 +1,412 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true">
+      <el-form-item label="培训机构" prop="noticeTitle">
+        <el-input
+          v-model="queryParams.noticeTitle"
+          placeholder="请输入培训机构"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="联系电话" prop="createBy">
+        <el-input
+          v-model="queryParams.createBy"
+          placeholder="请输入联系电话"
+          style="width: 200px"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="考试计划通知电话1" prop="createBy">
+        <el-input
+          v-model="queryParams.createBy"
+          placeholder="考试计划通知电话1"
+          style="width: 200px"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="考试计划通知电话2" prop="createBy">
+        <el-input
+          v-model="queryParams.createBy"
+          placeholder="考试计划通知电话2"
+          style="width: 200px"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" size="mini" @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="Refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:notice:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:notice:edit']"
+          >编辑</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:notice:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table
+      v-loading="loading"
+      :data="noticeList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column
+        label="培训机构名称"
+        align="center"
+        prop="noticeTitle"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="联系电话"
+        align="center"
+        prop="createBy"
+        width="160"
+      />
+      <el-table-column
+        label="考试计划通知电话1"
+        align="center"
+        prop="createBy"
+        width="160"
+      />
+      <el-table-column
+        label="考试计划通知电话2"
+        align="center"
+        prop="createBy"
+        width="160"
+      />
+      <el-table-column
+        label="地址"
+        align="center"
+        prop="createBy"
+        width="160"
+      />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:notice:edit']"
+            >编辑</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:notice:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改公告对话框 -->
+    <el-dialog :title="title" v-model="open" width="780px" append-to-body>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="160px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="培训机构名称" prop="noticeTitle">
+              <el-input
+                v-model="form.noticeTitle"
+                placeholder="培训机构名称"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话" prop="noticeType">
+              <el-select
+                v-model="form.noticeType"
+                placeholder="联系电话"
+              >
+                <el-option
+                  v-for="dict in sys_notice_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="考试计划通知电话1" prop="noticeTitle">
+              <el-input v-model="form.noticeTitle" placeholder="考试计划通知电话1" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="考试计划通知电话2" prop="noticeType">
+               <el-input v-model="form.noticeTitle" placeholder="考试计划通知电话2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+   
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="地址" prop="noticeTitle">
+              <el-input type="textarea" v-model="form.noticeTitle" placeholder="地址" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+  
+  <script>
+import {
+  listNotice,
+  getNotice,
+  delNotice,
+  addNotice,
+  updateNotice,
+} from "@/api/system/notice";
+import { ref, reactive, onMounted } from "vue";
+import { useDict } from "@/utils/dict";
+import { ElMessage, ElMessageBox } from "element-plus";
+
+export default {
+  name: "Notice",
+  setup() {
+    const { dict } = useDict(["sys_notice_status", "sys_notice_type"]);
+    const { proxy } = getCurrentInstance();
+
+    // 响应式数据
+    const loading = ref(true);
+    const ids = ref([]);
+    const single = ref(true);
+    const multiple = ref(true);
+    const showSearch = ref(true);
+    const total = ref(0);
+    const noticeList = ref([]);
+    const title = ref("");
+    const open = ref(false);
+
+    const queryParams = reactive({
+      pageNum: 1,
+      pageSize: 10,
+      noticeTitle: undefined,
+      createBy: undefined,
+      status: undefined,
+    });
+
+    const form = reactive({
+      noticeId: undefined,
+      noticeTitle: undefined,
+      noticeType: undefined,
+      noticeContent: undefined,
+      status: "0",
+    });
+
+    const rules = reactive({
+      noticeTitle: [
+        { required: true, message: "培训机构不能为空", trigger: "blur" },
+      ],
+      noticeType: [
+        { required: true, message: "公告类型不能为空", trigger: "change" },
+      ],
+    });
+
+    // 获取表单和查询表单的引用
+    const formRef = ref(null);
+    const queryFormRef = ref(null);
+
+    // 方法定义
+    const getList = () => {
+      loading.value = true;
+      listNotice(queryParams).then((response) => {
+        noticeList.value = response.rows;
+        total.value = response.total;
+        loading.value = false;
+      });
+    };
+
+    const cancel = () => {
+      open.value = false;
+      reset();
+    };
+
+    const reset = () => {
+      Object.assign(form, {
+        noticeId: undefined,
+        noticeTitle: undefined,
+        noticeType: undefined,
+        noticeContent: undefined,
+        status: "0",
+      });
+      // formRef.value.resetFields();
+    };
+
+    const handleQuery = () => {
+      queryParams.pageNum = 1;
+      getList();
+    };
+
+    const resetQuery = () => {
+      proxy.resetForm("queryRef");
+      handleQuery();
+    };
+
+    const handleSelectionChange = (selection) => {
+      ids.value = selection.map((item) => item.noticeId);
+      single.value = selection.length !== 1;
+      multiple.value = !selection.length;
+    };
+
+    const handleAdd = () => {
+      reset();
+      open.value = true;
+      title.value = "添加培训机构";
+    };
+
+    const handleUpdate = (row) => {
+      reset();
+      const noticeId = row.noticeId || ids.value;
+      getNotice(noticeId).then((response) => {
+        Object.assign(form, response.data);
+        open.value = true;
+        title.value = "修改公告";
+      });
+    };
+
+    const submitForm = () => {
+      formRef.value.validate((valid) => {
+        if (valid) {
+          if (form.noticeId != undefined) {
+            updateNotice(form).then((response) => {
+              ElMessage.success("修改成功");
+              open.value = false;
+              getList();
+            });
+          } else {
+            addNotice(form).then((response) => {
+              ElMessage.success("新增成功");
+              open.value = false;
+              getList();
+            });
+          }
+        }
+      });
+    };
+
+    const handleDelete = (row) => {
+      const noticeIds = row.noticeId || ids.value;
+      ElMessageBox.confirm(
+        '是否确认删除公告编号为"' + noticeIds + '"的数据项？',
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          return delNotice(noticeIds);
+        })
+        .then(() => {
+          getList();
+          ElMessage.success("删除成功");
+        })
+        .catch(() => {});
+    };
+
+    // 生命周期钩子
+    onMounted(() => {
+      getList();
+    });
+
+    return {
+      dict,
+      loading,
+      ids,
+      single,
+      multiple,
+      showSearch,
+      total,
+      noticeList,
+      title,
+      open,
+      queryParams,
+      form,
+      rules,
+      formRef,
+      queryFormRef,
+      getList,
+      cancel,
+      reset,
+      handleQuery,
+      resetQuery,
+      handleSelectionChange,
+      handleAdd,
+      handleUpdate,
+      submitForm,
+      handleDelete,
+    };
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/system/TrainingStudentUp/index.vue b/Dkl-vue3-ui-DP/src/views/system/TrainingStudentUp/index.vue
new file mode 100644
index 0000000..8248120
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/TrainingStudentUp/index.vue
@@ -0,0 +1,537 @@
+<template>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryRef" :inline="true">
+        <el-form-item label="培训班名称" prop="noticeTitle">
+          <el-input
+            v-model="queryParams.noticeTitle"
+            placeholder="培训班名称"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="Search" size="mini" @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="Refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+  
+      <el-table
+        v-loading="loading"
+        :data="noticeList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column
+          label="培训班名称"
+          align="center"
+          prop="noticeTitle"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="理论计划培训时间"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="实操计划培训时间"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="班级状态"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="报名情况"
+          align="center"
+          prop="createBy"
+          width="160"
+        />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template #default="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['system:notice:edit']"
+              >详情</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="studentBM(scope.row)"
+              v-hasPermi="['system:notice:remove']"
+              >学员报名</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+  
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+  
+      <!-- 添加或修改公告对话框 -->
+      <el-dialog :title="title" v-model="open" width="780px" append-to-body>
+        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="报名或考试" prop="noticeTitle">
+                <el-input
+                  v-model="form.noticeTitle"
+                  placeholder="请输入报名或考试"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="班级或个人" prop="noticeType">
+                <el-select
+                  v-model="form.noticeType"
+                  placeholder="请选择班级或个人"
+                >
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="考试类型" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="考试类型" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="岗位类别" prop="noticeType">
+                <el-select v-model="form.noticeType" placeholder="岗位类别">
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="资料类型" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="资料类型" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否必须" prop="noticeType">
+                <el-select v-model="form.noticeType" placeholder="是否必须">
+                  <el-option
+                    v-for="dict in sys_notice_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="序号" prop="noticeTitle">
+                <el-input v-model="form.noticeTitle" placeholder="序号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="资料要求描述" prop="noticeType">
+                <el-input
+                  type="textarea"
+                  v-model="form.noticeTitle"
+                  placeholder="资料要求描述"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+          </div>
+        </template>
+      </el-dialog>
+  
+      <!-- 学生报名 -->
+      <el-dialog
+        :title="title"
+        v-model="studentBMopen"
+        width="980px"
+        append-to-body
+      >
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              plain
+              icon="Plus"
+              size="mini"
+              v-hasPermi="['system:notice:add']"
+              >添加学员</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              size="mini"
+              :disabled="single"
+              v-hasPermi="['system:notice:edit']"
+              >批量导入</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              size="mini"
+              :disabled="single"
+              v-hasPermi="['system:notice:edit']"
+              >批量导出</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              size="mini"
+              :disabled="single"
+              v-hasPermi="['system:notice:edit']"
+              >资料导入</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              size="mini"
+              :disabled="single"
+              v-hasPermi="['system:notice:edit']"
+              >资料导出</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              size="mini"
+              :disabled="single"
+              v-hasPermi="['system:notice:edit']"
+              >批量审核</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="danger"
+              plain
+              icon="Delete"
+              size="mini"
+              :disabled="multiple"
+              v-hasPermi="['system:notice:remove']"
+              >批量删除</el-button
+            >
+          </el-col>
+        </el-row>
+        <el-table
+          v-loading="loading"
+          :data="noticeList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            label="课时"
+            align="center"
+            prop="noticeTitle"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="身份证复印件"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="照片"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="健康承诺"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="证件集"
+            align="center"
+            prop="createBy"
+            width=""
+          />
+          <el-table-column
+            label="考核申请表"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="无违规证明"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="任职文件"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+          <el-table-column
+            label="学历证明"
+            align="center"
+            prop="createBy"
+            width="160"
+          />
+        </el-table>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button @click="studentBMopen = false">关 闭</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+  </template>
+      
+      <script>
+  import {
+    listNotice,
+    getNotice,
+    delNotice,
+    addNotice,
+    updateNotice,
+  } from "@/api/system/notice";
+  import { ref, reactive, onMounted } from "vue";
+  import { useDict } from "@/utils/dict";
+  import { ElMessage, ElMessageBox } from "element-plus";
+  
+  export default {
+    name: "Notice",
+    setup() {
+      const { dict } = useDict(["sys_notice_status", "sys_notice_type"]);
+      const { proxy } = getCurrentInstance();
+  
+      // 响应式数据
+      const loading = ref(true);
+      const ids = ref([]);
+      const single = ref(true);
+      const multiple = ref(true);
+      const showSearch = ref(true);
+      const total = ref(0);
+      const noticeList = ref([]);
+      const title = ref("");
+      const open = ref(false);
+      const studentBMopen = ref(false);
+      const queryParams = reactive({
+        pageNum: 1,
+        pageSize: 10,
+        noticeTitle: undefined,
+        createBy: undefined,
+        status: undefined,
+      });
+  
+      const form = reactive({
+        noticeId: undefined,
+        noticeTitle: undefined,
+        noticeType: undefined,
+        noticeContent: undefined,
+        status: "0",
+      });
+  
+      const rules = reactive({
+        noticeTitle: [
+          { required: true, message: "公告标题不能为空", trigger: "blur" },
+        ],
+        noticeType: [
+          { required: true, message: "公告类型不能为空", trigger: "change" },
+        ],
+      });
+  
+      // 获取表单和查询表单的引用
+      const formRef = ref(null);
+      const queryFormRef = ref(null);
+  
+      // 方法定义
+      const getList = () => {
+        loading.value = true;
+        listNotice(queryParams).then((response) => {
+          noticeList.value = response.rows;
+          total.value = response.total;
+          loading.value = false;
+        });
+      };
+  
+      const cancel = () => {
+        open.value = false;
+        reset();
+      };
+  
+      const reset = () => {
+        Object.assign(form, {
+          noticeId: undefined,
+          noticeTitle: undefined,
+          noticeType: undefined,
+          noticeContent: undefined,
+          status: "0",
+        });
+        // formRef.value.resetFields();
+      };
+  
+      const handleQuery = () => {
+        queryParams.pageNum = 1;
+        getList();
+      };
+  
+      const resetQuery = () => {
+        proxy.resetForm("queryRef");
+        handleQuery();
+      };
+  
+      const handleSelectionChange = (selection) => {
+        ids.value = selection.map((item) => item.noticeId);
+        single.value = selection.length !== 1;
+        multiple.value = !selection.length;
+      };
+  
+      const handleAdd = () => {
+        reset();
+        open.value = true;
+        title.value = "添加资料模板";
+      };
+  
+      const handleUpdate = (row) => {
+        reset();
+        const noticeId = row.noticeId || ids.value;
+        getNotice(noticeId).then((response) => {
+          Object.assign(form, response.data);
+          open.value = true;
+          title.value = "修改公告";
+        });
+      };
+  
+      const submitForm = () => {
+        formRef.value.validate((valid) => {
+          if (valid) {
+            if (form.noticeId != undefined) {
+              updateNotice(form).then((response) => {
+                ElMessage.success("修改成功");
+                open.value = false;
+                getList();
+              });
+            } else {
+              addNotice(form).then((response) => {
+                ElMessage.success("新增成功");
+                open.value = false;
+                getList();
+              });
+            }
+          }
+        });
+      };
+  
+      const studentBM = (row) => {
+        console.log(123);
+  
+        studentBMopen.value = true;
+      };
+      const handleDelete = (row) => {
+        const noticeIds = row.noticeId || ids.value;
+        ElMessageBox.confirm(
+          '是否确认删除公告编号为"' + noticeIds + '"的数据项？',
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          }
+        )
+          .then(() => {
+            return delNotice(noticeIds);
+          })
+          .then(() => {
+            getList();
+            ElMessage.success("删除成功");
+          })
+          .catch(() => {});
+      };
+  
+      // 生命周期钩子
+      onMounted(() => {
+        getList();
+      });
+  
+      return {
+        dict,
+        loading,
+        ids,
+        single,
+        multiple,
+        showSearch,
+        total,
+        noticeList,
+        title,
+        open,
+        queryParams,
+        form,
+        rules,
+        formRef,
+        queryFormRef,
+        studentBMopen,
+        getList,
+        cancel,
+        reset,
+        handleQuery,
+        resetQuery,
+        handleSelectionChange,
+        handleAdd,
+        handleUpdate,
+        submitForm,
+        handleDelete,
+        studentBM,
+      };
+    },
+  };
+  </script>
\ No newline at end of file
diff --git a/Dkl-vue3-ui-DP/src/views/system/role/authUser.vue b/Dkl-vue3-ui-DP/src/views/system/role/authUser.vue
new file mode 100644
index 0000000..9269b37
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/role/authUser.vue
@@ -0,0 +1,181 @@
+
+<template>
+   <div class="app-container">
+      <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true">
+         <el-form-item label="用户名称" prop="userName">
+            <el-input
+               v-model="queryParams.userName"
+               placeholder="请输入用户名称"
+               clearable
+               style="width: 240px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item label="手机号码" prop="phonenumber">
+            <el-input
+               v-model="queryParams.phonenumber"
+               placeholder="请输入手机号码"
+               clearable
+               style="width: 240px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+         </el-form-item>
+      </el-form>
+
+      <el-row :gutter="10" class="mb8">
+         <el-col :span="1.5">
+            <el-button
+               type="primary"
+               plain
+               icon="Plus"
+               @click="openSelectUser"
+               v-hasPermi="['system:role:add']"
+            >添加用户</el-button>
+         </el-col>
+         <el-col :span="1.5">
+            <el-button
+               type="danger"
+               plain
+               icon="CircleClose"
+               :disabled="multiple"
+               @click="cancelAuthUserAll"
+               v-hasPermi="['system:role:remove']"
+            >批量取消授权</el-button>
+         </el-col>
+         <el-col :span="1.5">
+            <el-button 
+               type="warning" 
+               plain 
+               icon="Close"
+               @click="handleClose"
+            >关闭</el-button>
+         </el-col>
+         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+      </el-row>
+      <div class="tablebox">
+  <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
+         <el-table-column type="selection" width="55" align="center" />
+         <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
+         <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
+         <el-table-column label="邮箱" prop="email" :show-overflow-tooltip="true" />
+         <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />
+         <el-table-column label="状态" align="center" prop="status">
+            <template #default="scope">
+               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
+            </template>
+         </el-table-column>
+         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+            <template #default="scope">
+               <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+         </el-table-column>
+         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+               <el-button link type="primary" icon="CircleClose" @click="cancelAuthUser(scope.row)" v-hasPermi="['system:role:remove']">取消授权</el-button>
+            </template>
+         </el-table-column>
+      </el-table>
+
+      <pagination
+         v-show="total > 0"
+         :total="total"
+         v-model:page="queryParams.pageNum"
+         v-model:limit="queryParams.pageSize"
+         @pagination="getList"
+      />
+      </div>
+    
+      <select-user ref="selectRef" :roleId="queryParams.roleId" @ok="handleQuery" />
+   </div>
+</template>
+
+<script setup name="AuthUser">
+import selectUser from "./selectUser";
+import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role";
+
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+
+const userList = ref([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const userIds = ref([]);
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  roleId: route.params.roleId,
+  userName: undefined,
+  phonenumber: undefined,
+});
+
+/** 查询授权用户列表 */
+function getList() {
+  loading.value = true;
+  allocatedUserList(queryParams).then(response => {
+    userList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+/** 返回按钮 */
+function handleClose() {
+  const obj = { path: "/system/role" };
+  proxy.$tab.closeOpenPage(obj);
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+function handleSelectionChange(selection) {
+  userIds.value = selection.map(item => item.userId);
+  multiple.value = !selection.length;
+}
+
+/** 打开授权用户表弹窗 */
+function openSelectUser() {
+  proxy.$refs["selectRef"].show();
+}
+
+/** 取消授权按钮操作 */
+function cancelAuthUser(row) {
+  proxy.$modal.confirm('确认要取消该用户"' + row.userName + '"角色吗？').then(function () {
+    return authUserCancel({ userId: row.userId, roleId: queryParams.roleId });
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("取消授权成功");
+  }).catch(() => {});
+}
+
+/** 批量取消授权按钮操作 */
+function cancelAuthUserAll(row) {
+  const roleId = queryParams.roleId;
+  const uIds = userIds.value.join(",");
+  proxy.$modal.confirm("是否取消选中用户授权数据项?").then(function () {
+    return authUserCancelAll({ roleId: roleId, userIds: uIds });
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("取消授权成功");
+  }).catch(() => {});
+}
+
+getList();
+</script>
diff --git a/Dkl-vue3-ui-DP/src/views/system/role/index.vue b/Dkl-vue3-ui-DP/src/views/system/role/index.vue
new file mode 100644
index 0000000..6f08965
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/role/index.vue
@@ -0,0 +1,599 @@
+<template>
+   <div class="app-container">
+      <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="68px">
+        <el-row>
+            <el-form-item label="角色名称" prop="roleName">
+            <el-input
+               v-model="queryParams.roleName"
+               placeholder="请输入角色名称"
+               clearable
+               style="width: 240px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item label="权限字符" prop="roleKey">
+            <el-input
+               v-model="queryParams.roleKey"
+               placeholder="请输入权限字符"
+               clearable
+               style="width: 240px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item label="状态" prop="status">
+            <el-select
+               v-model="queryParams.status"
+               placeholder="角色状态"
+               clearable
+               style="width: 240px"
+            >
+               <el-option
+                  v-for="dict in sys_normal_disable"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+               />
+            </el-select>
+         </el-form-item>
+         <!-- <el-form-item label="创建时间" style="width: 308px">
+            <el-date-picker
+               v-model="dateRange"
+               value-format="YYYY-MM-DD"
+               type="daterange"
+               range-separator="-"
+               start-placeholder="开始日期"
+               end-placeholder="结束日期"
+            ></el-date-picker>
+         </el-form-item> -->
+        </el-row>
+       
+       <el-row class="dfjb">
+        <el-row :gutter="10">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              @click="handleAdd"
+              class="circle-plus-btn"
+              v-hasPermi="['large:data:addweather']"
+            >
+              新增
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              :disabled="single"
+              @click="handleUpdate"
+              v-hasPermi="['large:data:edit']"
+              >修改</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="danger"
+              plain
+              icon="Delete"
+              :disabled="multiple"
+              @click="handleDelete"
+              v-hasPermi="['large:data:remove']"
+              >删除</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="warning"
+              plain
+              icon="Download"
+              @click="handleExport"
+              v-hasPermi="['large:data:export']"
+              >导出</el-button
+            >
+          </el-col>
+        </el-row>
+        <el-form-item>
+          <el-button type="primary" icon="Search" @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="RefreshLeft" class="Refresh" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-row>
+      </el-form>
+  
+      <div class="tablebox">
+   <!-- 表格数据 -->
+      <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
+         <el-table-column type="selection" width="55" align="center" />
+         <el-table-column label="角色编号" prop="roleId" width="120" />
+         <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
+         <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="150" />
+         <el-table-column label="显示顺序" prop="roleSort" width="100" />
+         <el-table-column label="状态" align="center" width="100">
+            <template #default="scope">
+               <el-switch
+                  v-model="scope.row.status"
+                  active-value="0"
+                  inactive-value="1"
+                  @change="handleStatusChange(scope.row)"
+               ></el-switch>
+            </template>
+         </el-table-column>
+         <el-table-column label="创建时间" align="center" prop="createTime">
+            <template #default="scope">
+               <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+         </el-table-column>
+         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-tooltip content="修改" placement="top" v-if="scope.row.roleId !== 1">
+                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="删除" placement="top" v-if="scope.row.roleId !== 1">
+                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="数据权限" placement="top" v-if="scope.row.roleId !== 1">
+                <el-button link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
+              </el-tooltip>
+              <el-tooltip content="分配用户" placement="top" v-if="scope.row.roleId !== 1">
+                <el-button link type="primary" icon="User" @click="handleAuthUser(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
+              </el-tooltip>
+            </template>
+         </el-table-column>
+      </el-table>
+
+      <pagination
+         v-show="total > 0"
+         :total="total"
+         v-model:page="queryParams.pageNum"
+         v-model:limit="queryParams.pageSize"
+         @pagination="getList"
+      />
+      </div>
+   
+
+      <!-- 添加或修改角色配置对话框 -->
+      <el-dialog :title="title"    :style="{ height: '700px' }" v-model="open" width="500px" append-to-body>
+         <el-form ref="roleRef" :model="form" :rules="rules" label-width="100px">
+            <el-form-item label="角色名称" prop="roleName">
+               <el-input v-model="form.roleName" placeholder="请输入角色名称" />
+            </el-form-item>
+            <el-form-item prop="roleKey">
+               <template #label>
+                  <span>
+                     <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasRole('admin')`)" placement="top">
+                        <el-icon><question-filled /></el-icon>
+                     </el-tooltip>
+                     权限字符
+                  </span>
+               </template>
+               <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
+            </el-form-item>
+            <el-form-item label="角色顺序" prop="roleSort">
+               <el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
+            </el-form-item>
+            <el-form-item label="状态">
+               <el-radio-group v-model="form.status">
+                  <el-radio
+                     v-for="dict in sys_normal_disable"
+                     :key="dict.value"
+                     :value="dict.value"
+                  >{{ dict.label }}</el-radio>
+               </el-radio-group>
+            </el-form-item>
+            <el-form-item label="菜单权限">
+               <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
+               <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
+               <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
+               <el-tree
+                  class="tree-border"
+                  :data="menuOptions"
+                  show-checkbox
+                  ref="menuRef"
+                  node-key="id"
+                  :check-strictly="!form.menuCheckStrictly"
+                  empty-text="加载中，请稍候"
+                  :props="{ label: 'label', children: 'children' }"
+               ></el-tree>
+            </el-form-item>
+            <el-form-item label="备注">
+               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+            </el-form-item>
+         </el-form>
+         <template #footer>
+            <div class="dialog-footer">
+               <el-button type="primary" @click="submitForm">确 定</el-button>
+               <el-button @click="cancel">取 消</el-button>
+            </div>
+         </template>
+      </el-dialog>
+
+      <!-- 分配角色数据权限对话框 -->
+      <el-dialog :title="title"  :style="{ height: '700px' }" v-model="openDataScope" width="500px" append-to-body>
+         <el-form :model="form" label-width="80px">
+            <el-form-item label="角色名称">
+               <el-input v-model="form.roleName" :disabled="true" />
+            </el-form-item>
+            <el-form-item label="权限字符">
+               <el-input v-model="form.roleKey" :disabled="true" />
+            </el-form-item>
+            <el-form-item label="权限范围">
+               <el-select v-model="form.dataScope" @change="dataScopeSelectChange">
+                  <el-option
+                     v-for="item in dataScopeOptions"
+                     :key="item.value"
+                     :label="item.label"
+                     :value="item.value"
+                  ></el-option>
+               </el-select>
+            </el-form-item>
+            <el-form-item label="数据权限" v-show="form.dataScope == 2">
+               <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
+               <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>
+               <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>
+               <el-tree
+                  class="tree-border"
+                  :data="deptOptions"
+                  show-checkbox
+                  default-expand-all
+                  ref="deptRef"
+                  node-key="id"
+                  :check-strictly="!form.deptCheckStrictly"
+                  empty-text="加载中，请稍候"
+                  :props="{ label: 'label', children: 'children' }"
+               ></el-tree>
+            </el-form-item>
+         </el-form>
+         <template #footer>
+            <div class="dialog-footer">
+               <el-button type="primary" @click="submitDataScope">确 定</el-button>
+               <el-button @click="cancelDataScope">取 消</el-button>
+            </div>
+         </template>
+      </el-dialog>
+   </div>
+</template>
+
+<script setup name="Role">
+import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from "@/api/system/role";
+import { roleMenuTreeselect, treeselect as menuTreeselect } from "@/api/system/menu";
+
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+
+const roleList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+const dateRange = ref([]);
+const menuOptions = ref([]);
+const menuExpand = ref(false);
+const menuNodeAll = ref(false);
+const deptExpand = ref(true);
+const deptNodeAll = ref(false);
+const deptOptions = ref([]);
+const openDataScope = ref(false);
+const menuRef = ref(null);
+const deptRef = ref(null);
+
+/** 数据范围选项*/
+const dataScopeOptions = ref([
+  { value: "1", label: "全部数据权限" },
+  { value: "2", label: "自定数据权限" },
+  { value: "3", label: "本部门数据权限" },
+  { value: "4", label: "本部门及以下数据权限" },
+  { value: "5", label: "仅本人数据权限" }
+]);
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    roleName: undefined,
+    roleKey: undefined,
+    status: undefined
+  },
+  rules: {
+    roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
+    roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
+    roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询角色列表 */
+function getList() {
+  loading.value = true;
+  listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+    roleList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  dateRange.value = [];
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const roleIds = row.roleId || ids.value;
+  proxy.$modal.confirm('是否确认删除角色编号为"' + roleIds + '"的数据项?').then(function () {
+    return delRole(roleIds);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download("system/role/export", {
+    ...queryParams.value,
+  }, `role_${new Date().getTime()}.xlsx`);
+}
+
+/** 多选框选中数据 */
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.roleId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 角色状态修改 */
+function handleStatusChange(row) {
+  let text = row.status === "0" ? "启用" : "停用";
+  proxy.$modal.confirm('确认要"' + text + '""' + row.roleName + '"角色吗?').then(function () {
+    return changeRoleStatus(row.roleId, row.status);
+  }).then(() => {
+    proxy.$modal.msgSuccess(text + "成功");
+  }).catch(function () {
+    row.status = row.status === "0" ? "1" : "0";
+  });
+}
+
+/** 更多操作 */
+function handleCommand(command, row) {
+  switch (command) {
+    case "handleDataScope":
+      handleDataScope(row);
+      break;
+    case "handleAuthUser":
+      handleAuthUser(row);
+      break;
+    default:
+      break;
+  }
+}
+
+/** 分配用户 */
+function handleAuthUser(row) {
+  router.push("/system/role-auth/user/" + row.roleId);
+}
+
+/** 查询菜单树结构 */
+function getMenuTreeselect() {
+  menuTreeselect().then(response => {
+    menuOptions.value = response.data;
+  });
+}
+
+/** 所有部门节点数据 */
+function getDeptAllCheckedKeys() {
+  // 目前被选中的部门节点
+  let checkedKeys = deptRef.value.getCheckedKeys();
+  // 半选中的部门节点
+  let halfCheckedKeys = deptRef.value.getHalfCheckedKeys();
+  checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
+  return checkedKeys;
+}
+
+/** 重置新增的表单以及其他数据  */
+function reset() {
+  if (menuRef.value != undefined) {
+    menuRef.value.setCheckedKeys([]);
+  }
+  menuExpand.value = false;
+  menuNodeAll.value = false;
+  deptExpand.value = true;
+  deptNodeAll.value = false;
+  form.value = {
+    roleId: undefined,
+    roleName: undefined,
+    roleKey: undefined,
+    roleSort: 0,
+    status: "0",
+    menuIds: [],
+    deptIds: [],
+    menuCheckStrictly: true,
+    deptCheckStrictly: true,
+    remark: undefined
+  };
+  proxy.resetForm("roleRef");
+}
+
+/** 添加角色 */
+function handleAdd() {
+  reset();
+  getMenuTreeselect();
+  open.value = true;
+  title.value = "添加角色";
+}
+
+/** 修改角色 */
+function handleUpdate(row) {
+  reset();
+  const roleId = row.roleId || ids.value;
+  const roleMenu = getRoleMenuTreeselect(roleId);
+  getRole(roleId).then(response => {
+    form.value = response.data;
+    form.value.roleSort = Number(form.value.roleSort);
+    open.value = true;
+    nextTick(() => {
+      roleMenu.then((res) => {
+        let checkedKeys = res.checkedKeys;
+        checkedKeys.forEach((v) => {
+          nextTick(() => {
+            menuRef.value.setChecked(v, true, false);
+          });
+        });
+      });
+    });
+  });
+  title.value = "修改角色";
+}
+
+/** 根据角色ID查询菜单树结构 */
+function getRoleMenuTreeselect(roleId) {
+  return roleMenuTreeselect(roleId).then(response => {
+    menuOptions.value = response.menus;
+    return response;
+  });
+}
+
+/** 根据角色ID查询部门树结构 */
+function getDeptTree(roleId) {
+  return deptTreeSelect(roleId).then(response => {
+    deptOptions.value = response.depts;
+    return response;
+  });
+}
+
+/** 树权限（展开/折叠）*/
+function handleCheckedTreeExpand(value, type) {
+  if (type == "menu") {
+    let treeList = menuOptions.value;
+    for (let i = 0; i < treeList.length; i++) {
+      menuRef.value.store.nodesMap[treeList[i].id].expanded = value;
+    }
+  } else if (type == "dept") {
+    let treeList = deptOptions.value;
+    for (let i = 0; i < treeList.length; i++) {
+      deptRef.value.store.nodesMap[treeList[i].id].expanded = value;
+    }
+  }
+}
+
+/** 树权限（全选/全不选） */
+function handleCheckedTreeNodeAll(value, type) {
+  if (type == "menu") {
+    menuRef.value.setCheckedNodes(value ? menuOptions.value : []);
+  } else if (type == "dept") {
+    deptRef.value.setCheckedNodes(value ? deptOptions.value : []);
+  }
+}
+
+/** 树权限（父子联动） */
+function handleCheckedTreeConnect(value, type) {
+  if (type == "menu") {
+    form.value.menuCheckStrictly = value ? true : false;
+  } else if (type == "dept") {
+    form.value.deptCheckStrictly = value ? true : false;
+  }
+}
+
+/** 所有菜单节点数据 */
+function getMenuAllCheckedKeys() {
+  // 目前被选中的菜单节点
+  let checkedKeys = menuRef.value.getCheckedKeys();
+  // 半选中的菜单节点
+  let halfCheckedKeys = menuRef.value.getHalfCheckedKeys();
+  checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
+  return checkedKeys;
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["roleRef"].validate(valid => {
+    if (valid) {
+      if (form.value.roleId != undefined) {
+        form.value.menuIds = getMenuAllCheckedKeys();
+        updateRole(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        form.value.menuIds = getMenuAllCheckedKeys();
+        addRole(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+/** 选择角色权限范围触发 */
+function dataScopeSelectChange(value) {
+  if (value !== "2") {
+    deptRef.value.setCheckedKeys([]);
+  }
+}
+
+/** 分配数据权限操作 */
+function handleDataScope(row) {
+  reset();
+  const deptTreeSelect = getDeptTree(row.roleId);
+  getRole(row.roleId).then(response => {
+    form.value = response.data;
+    openDataScope.value = true;
+    nextTick(() => {
+      deptTreeSelect.then(res => {
+        nextTick(() => {
+          if (deptRef.value) {
+            deptRef.value.setCheckedKeys(res.checkedKeys);
+          }
+        });
+      });
+    });
+  });
+  title.value = "分配数据权限";
+}
+
+/** 提交按钮（数据权限） */
+function submitDataScope() {
+  if (form.value.roleId != undefined) {
+    form.value.deptIds = getDeptAllCheckedKeys();
+    dataScope(form.value).then(response => {
+      proxy.$modal.msgSuccess("修改成功");
+      openDataScope.value = false;
+      getList();
+    });
+  }
+}
+
+/** 取消按钮（数据权限）*/
+function cancelDataScope() {
+  openDataScope.value = false;
+  reset();
+}
+
+getList();
+</script>
diff --git a/Dkl-vue3-ui-DP/src/views/system/role/selectUser.vue b/Dkl-vue3-ui-DP/src/views/system/role/selectUser.vue
new file mode 100644
index 0000000..6e61b4c
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/role/selectUser.vue
@@ -0,0 +1,144 @@
+<template>
+   <!-- 授权用户 -->
+   <el-dialog title="选择用户" v-model="visible" width="800px" top="5vh" append-to-body>
+      <el-form :model="queryParams" ref="queryRef" :inline="true">
+         <el-form-item label="用户名称" prop="userName">
+            <el-input
+               v-model="queryParams.userName"
+               placeholder="请输入用户名称"
+               clearable
+               style="width: 180px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item label="手机号码" prop="phonenumber">
+            <el-input
+               v-model="queryParams.phonenumber"
+               placeholder="请输入手机号码"
+               clearable
+               style="width: 180px"
+               @keyup.enter="handleQuery"
+            />
+         </el-form-item>
+         <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+         </el-form-item>
+      </el-form>
+      <el-row>
+         <el-table @row-click="clickRow" ref="refTable" :data="userList" @selection-change="handleSelectionChange" height="260px">
+            <el-table-column type="selection" width="55"></el-table-column>
+            <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
+            <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
+            <el-table-column label="邮箱" prop="email" :show-overflow-tooltip="true" />
+            <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />
+            <el-table-column label="状态" align="center" prop="status">
+               <template #default="scope">
+                  <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
+               </template>
+            </el-table-column>
+            <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+               <template #default="scope">
+                  <span>{{ parseTime(scope.row.createTime) }}</span>
+               </template>
+            </el-table-column>
+         </el-table>
+         <pagination
+            v-show="total > 0"
+            :total="total"
+            v-model:page="queryParams.pageNum"
+            v-model:limit="queryParams.pageSize"
+            @pagination="getList"
+         />
+      </el-row>
+      <template #footer>
+         <div class="dialog-footer">
+            <el-button type="primary" @click="handleSelectUser">确 定</el-button>
+            <el-button @click="visible = false">取 消</el-button>
+         </div>
+      </template>
+   </el-dialog>
+</template>
+
+<script setup name="SelectUser">
+import { authUserSelectAll, unallocatedUserList } from "@/api/system/role";
+
+const props = defineProps({
+  roleId: {
+    type: [Number, String]
+  }
+});
+
+const { proxy } = getCurrentInstance();
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+
+const userList = ref([]);
+const visible = ref(false);
+const total = ref(0);
+const userIds = ref([]);
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  roleId: undefined,
+  userName: undefined,
+  phonenumber: undefined
+});
+
+// 显示弹框
+function show() {
+  queryParams.roleId = props.roleId;
+  getList();
+  visible.value = true;
+}
+
+/**选择行 */
+function clickRow(row) {
+  proxy.$refs["refTable"].toggleRowSelection(row);
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  userIds.value = selection.map(item => item.userId);
+}
+
+// 查询表数据
+function getList() {
+  unallocatedUserList(queryParams).then(res => {
+    userList.value = res.rows;
+    total.value = res.total;
+  });
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+const emit = defineEmits(["ok"]);
+/** 选择授权用户操作 */
+function handleSelectUser() {
+  const roleId = queryParams.roleId;
+  const uIds = userIds.value.join(",");
+  if (uIds == "") {
+    proxy.$modal.msgError("请选择要分配的用户");
+    return;
+  }
+  authUserSelectAll({ roleId: roleId, userIds: uIds }).then(res => {
+    proxy.$modal.msgSuccess(res.msg);
+    visible.value = false;
+    emit("ok");
+  });
+}
+
+defineExpose({
+  show,
+});
+</script>
diff --git a/Dkl-vue3-ui-DP/src/views/system/supervise/index.vue b/Dkl-vue3-ui-DP/src/views/system/supervise/index.vue
new file mode 100644
index 0000000..1b65cc5
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/supervise/index.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      <!-- <el-form-item label="预警信息id" prop="warningId">
+        <el-input
+          v-model="queryParams.warningId"
+          placeholder="请输入预警信息id"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item> -->
+      <!-- <el-form-item label="类型" prop="types">
+        <el-input
+          v-model="queryParams.types"
+          placeholder="请输入类型"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item> -->
+        <el-form-item label="类型" prop="types">
+             <el-select
+            v-model="queryParams.types"
+            placeholder="类型"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in supervise_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          </el-form-item> 
+      <!-- <el-form-item label="内容" prop="contents">
+        <el-input
+          v-model="queryParams.contents"
+          placeholder="请输入内容"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item> -->
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="superviseList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column label="id" align="center" prop="id" /> -->
+      <el-table-column label="预警信息" align="center" prop="warningName" />
+       <el-table-column label="类型" align="center" prop="types">
+          <template #default="scope">
+            <dict-tag :options="supervise_type" :value="scope.row.types" />
+          </template>
+        </el-table-column>
+      <el-table-column label="内容" align="center" prop="contents" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" >修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改督办信息对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="superviseRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="预警信息" prop="warningId">
+          <!-- <el-input v-model="form.warningId" placeholder="请输入预警信息id" /> -->
+           <el-select
+                v-model="form.warningId"
+                placeholder="预警信息"
+                clearable
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in yjList"
+                  :key="dict.id"
+                  :label="dict.warningSigns"
+                  :value="dict.id"
+                />
+              </el-select>
+        </el-form-item>
+        <el-form-item label="类型" prop="types">
+             <el-select
+                v-model="form.types"
+                placeholder="类型"
+                clearable
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in supervise_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+        </el-form-item>
+      
+        <el-form-item label="内容" prop="contents">
+          <el-input v-model="form.contents" placeholder="请输入内容" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Supervise">
+import { listSupervise, getSupervise, delSupervise, addSupervise, updateSupervise } from "@/api/supervise";
+const { proxy } = getCurrentInstance();
+import {
+  getYujinList,
+
+} from "@/api/map.js";
+const { supervise_type } = proxy.useDict(
+  "supervise_type"
+);
+
+const superviseList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+const yjList = ref([]);
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    warningId: null,
+    types: null,
+    contents: null
+  },
+  rules: {
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询督办信息列表 */
+function getList() {
+  loading.value = true;
+  listSupervise(queryParams.value).then(response => {
+    superviseList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+function getYjList() {
+  getYujinList().then(response => {
+    yjList.value = response.rows;
+  });
+}
+
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    warningId: null,
+    types: null,
+    createBy: null,
+    createTime: null,
+    updateBy: null,
+    updateTime: null,
+    delFlag: null,
+    contents: null
+  };
+  proxy.resetForm("superviseRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加督办信息";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  const _id = row.id || ids.value
+  getSupervise(_id).then(response => {
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改督办信息";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["superviseRef"].validate(valid => {
+    if (valid) {
+      if (form.value.id != null) {
+        updateSupervise(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        addSupervise(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _ids = row.id || ids.value;
+  proxy.$modal.confirm('是否确认删除督办信息？').then(function() {
+    return delSupervise(_ids);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('system/supervise/export', {
+    ...queryParams.value
+  }, `supervise_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+getYjList();
+</script>