首次提交（空模版）

.env.development

@@ -1,10 +1,10 @@
 # 页面标题
-VUE_APP_TITLE = 四平市态势感知平台
+VUE_APP_TITLE = 全域视联态势感知平台
 
 # 开发环境配置
 ENV = 'development'
 
-# 四平市态势感知平台/开发环境
+# 全域视联态势感知平台/开发环境
 VUE_APP_BASE_API = '/dev-api'
 
 # 路由懒加载

.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 四平市态势感知平台
+VUE_APP_TITLE = 全域视联态势感知平台
 
 # 生产环境配置
 ENV = 'production'

.env.staging

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 四平市态势感知平台
+VUE_APP_TITLE = 全域视联态势感知平台
 
 NODE_ENV = production
 

.gitignore

@@ -16,7 +16,6 @@ selenium-debug.log
 node_modules
 .idea
 .vscode
-.history
 *.suo
 *.ntvs*
 *.njsproj

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ruoyi",
   "version": "3.4.0",
-  "description": "四平市态势感知平台",
+  "description": "全域视联态势感知平台",
   "author": "若依",
   "license": "MIT",
   "scripts": {
@@ -41,13 +41,14 @@
     "@supermap/iclient-leaflet": "^10.2.1",
     "@supermap/iclient-ol": "^10.1.3",
     "animate.css": "^4.1.1",
-    "axios": "^1.7.2",
+    "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.19.1",
-    "echarts": "4.9.0",
+    "echarts": "^4.9.0",
     "element-ui": "2.15.6",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
+    "gsap": "^3.12.7",
     "highlight.js": "9.18.5",
     "html2canvas": "^1.4.1",
     "js-beautify": "1.13.0",
@@ -65,7 +66,6 @@
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
     "vue-awesome-swiper": "^3.1.3",
-    "vue-cookies": "^1.8.3",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",

public/index.html

@@ -275,23 +275,26 @@
 <script src="hk/jsWebControl-1.0.0.min.js"></script>   <!-- 用于前端与插件交互 -->
 <!--<script src="h5player/h5player.min.js"></script>-->
 
+
+<script type="text/javascript" src="./SuperMap3D/Build/Cesium/Cesium.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/tooltip.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/bubble/popup.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/jquery.min.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/config.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/bootstrap-select.min.js"></script>
+<script type="text/javascript" src="./SuperMap3D/examples/webgl/js/supermap/SuperMap.Include.js"></script>
+
+<!--  <link rel="stylesheet" href="./supermap/libs/plotting/leaflet/10.2.1/iclient-plot-leaflet.css">-->
 <script type="text/javascript"
         include="leaflet,leaflet.sidebyside,iclient-leaflet,iclient-plot-leaflet,leaflet.draw,leaflet.markercluster,leaflet.heat"
         src="./supermap/dist/leaflet/include-leaflet.js"></script>
 <script type="text/javascript" include="bootstrap,plottingPanel,fileupLoad,widgets.alert"
         src="./supermap/examples/js/include-web.js"></script>
+<!--  <script type="text/javascript" include="iclient-classic" src="./supermap/dist/classic/include-classic.js"></script>-->
+<!--  <script type="text/javascript" src="./supermap/libs/plotting/leaflet/10.2.1/iclient-plot-leaflet-es6.min.js"></script>-->
 <script type="text/javascript" include="PlotPanel,StylePanel,SMLInfosPanel,iPortalStylePanel"
         src="./supermap/examples/js/plottingPanel/PlottingPanel.Include.js"></script>
 
-<script type="text/javascript" src="/SuperMap3D/Build/Cesium/Cesium.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/tooltip.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/bubble/popup.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/jquery.min.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/config.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/bootstrap-select.min.js"></script>
-<script type="text/javascript" src="/SuperMap3D/examples/webgl/js/supermap/SuperMap.Include.js"></script>
-<script type="text/javascript" src="/SuperMap3D/Build/SuperMap3D/SuperMap3D.js"></script>
-
 <div id="app">
   <div class="loading">
     <div><span></span></div>

src/App.vue

@@ -26,7 +26,7 @@ export default  {
   },
   mounted() {
     setTimeout(() => {
-      this.title = '四平市态势感知平台'
+      this.title = '全域视联态势感知平台'
     }, 1000)
   },
 }

src/api/GasOfBottle/cockpit.js

@@ -1,133 +0,0 @@
-
-import request from "@/utils/request";
-
-
-//液化气罐总数
-export function getGasCylinderList(enterpriseId = null) {
-  return request({
-    url: `/center-data/housingView/getGasCylinderList`,
-    method: 'get',
-    params:{
-      enterpriseId:enterpriseId
-    }
-  })
-}
-
-//从业人员、配送员、实名用户 统计 (订单数量分析)
-export function getThreeUserList(enterpriseId = '') {
-  return request({
-    url: `/center-data/housingView/getThreeUserList?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-
-//协议签订分析（实际新增用户数）
-export function getNewUserSumByEnterpriseId(enterpriseId = '') {
-  return request({
-    url: `/center-data/housingView/getNewUserSumByEnterpriseId?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-//订单分析
-export function getOrderList(enterpriseId = '') {
-  return request({
-    url: `/center-data/housingView/getOrderList?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-//入库记录
-export function getGassourceList(enterpriseId = '') {
-  return request({
-    url: `/center-data/housingView/getGassourceList?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-//车辆分析
-export function getCarList(carNumber,enterpriseId='') {
-  return request({
-    url: `/center-data/housingView/getCarList?carNumber=${carNumber}&enterpriseId=${enterpriseId}`,
-    method: 'get',
-  })
-}
-
-//用户分析
-export function getUserList(enterpriseId = '') {
-  return request({
-    url: `/center-data/housingView/getUserList?enterpriseId=${enterpriseId}`,
-    method: 'get',
-  })
-}
-
-//企业库
-export function getEnterpriseList() {
-  return request({
-    url: '/center-data/housingView/getEnterpriseList',
-    method: 'get'
-  })
-}
-
-//按规格统计钢瓶
-export function getSteelcylinderList(enterpriseId) {
-  return request({
-    url: `/center-data/housingView/getSteelcylinderList?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-//钢瓶当日状态统计
-export function getSteelcylinderStateList(enterpriseId) {
-  return request({
-    url: `/center-data/housingView/getSteelcylinderStateList?enterpriseId=${enterpriseId}`,
-    method: 'get'
-  })
-}
-
-//入户用户列表（今日派送订单）
-export function getJoinHouseUserList(enterpriseId,steelcylinderName,queryParams,state) {
-  return request({
-    // url: `/center-data/housingView/getJoinHouseUserList?enterpriseId=${enterpriseId}&steelcylinderNumber=${steelcylinderNumber}`,
-    url: `/center-data/housingView/getJoinHouseUserList`,
-    method: 'get',
-    params:{
-      enterpriseId:enterpriseId,
-      name:steelcylinderName,
-      pageNum:queryParams.pageNum,
-      pageSize:queryParams.pageSize,
-      state:state
-    }
-  })
-}
-
-//储罐列表
-export function getStoragetankList(state,enterpriseId) {
-  return request({
-    url: `/center-data/housingView/getStoragetankList`,
-    method: 'get',
-    params:{
-      state:state,
-      enterpriseId:enterpriseId
-    }
-  })
-}
-
-//从业人员岗位统计
-export function getPractitionerPostList() {
-  return request({
-    url: `/center-data/housingView/getPractitionerPostList`,
-    method: 'get'
-  })
-}
-
-
-//事件分析
-export function getEventTrend(data) {
-  return request({
-    url: `/center-event/eventreport/getEventTrend`,
-    method: 'post',
-    data
-  })
-}

src/api/GasOfBottle/information.js

@@ -1,48 +0,0 @@
-import request from "@/utils/request";
-
-//按规格统计钢瓶
-export function getSteelcylinderList(enterpriseId) {
-    return request({
-        url: `/center-data/housingView/getSteelcylinderList?enterpriseId=${enterpriseId}`,
-        method: 'get'
-    })
-}
-
-//实名用户库
-export function getRealnameuserList(enterpriseId) {
-    return request({
-        url: `/center-data/housingView/getRealnameuserList?enterpriseId=${enterpriseId}`,
-        method: 'get'
-    })
-}
-
-//送气工作人员
-export function getDeliverymanList(enterpriseId) {
-    return request({
-        url: `/center-data/housingView/getDeliverymanList?enterpriseId=${enterpriseId}`,
-        method: 'get'
-    })
-}
-
-//企业库
-export function getEnterpriseList() {
-    return request({
-        url: `/center-data/housingView/getEnterpriseList`,
-        method: 'get'
-    })
-}
-
-//车辆共用信息
-export function getCarShare() {
-    return request({
-        url: `/center-data/housingView/getCarShare`,
-        method: 'get'
-    })
-}
-//车辆运输钢瓶
-export function getSteelCylinderByCar(carId) {
-    return request({
-        url: `/center-data/housingView/getSteelCylinderByCar?id=${carId}`,
-        method: 'get'
-    })
-}

src/api/GasOfBottle/warning.js

@@ -1,50 +0,0 @@
-
-import request from "@/utils/request";
-
-//根据企业以及类型查询各类事件
-export function getHousingConstructionEventList( eventTypeDl, eventTypeId, createBy,day) {
-  return request({
-    url: '/center-event/eventview/getHousingConstructionEventList',
-    method: 'post',
-    data: {
-      day: day,
-      createBy: createBy,
-      eventTypeIdDl: eventTypeDl,
-      eventTypeId: eventTypeId,
-    }
-  })
-}
-
-
-// 根据企业查询各类事件数量
-export function getHousingConstructionEventCount(deptId,cameraIds,day) {
-  return request({
-    url: '/center-event/eventview/getHousingConstructionEventCount',
-    method: 'post',
-    data: {
-       "day": day,
-      "deptId": deptId,
-      "createBy": cameraIds
-    }
-  })
-}
-// 根据设备类型查看列表
-export function selectCameraByDeptId_direct(deptId) {
-  return request({
-    url: '/center-monitor/camera/selectCameraByDeptId',
-    method: 'post',
-    data: {
-      "deptId": deptId
-    }
-  })
-}
-
-
-// 获取事件详情
-export function getEventDetail(param) {
-  return request({
-    url: '/center-event/eventview/getEventDetail',
-    method: 'post',
-    data: param
-  })
-}

src/api/components/supermap.js

@@ -1,5 +1,16 @@
 import request from '../../utils/request'
 
+// 获取地图配置(动态配置图层)
+export function queryVectorTilesMapList(deptId) {
+  return request({
+    url: '/system/sysMenuVisuMap/queryMap',
+    method: 'post',
+    data: {
+      visuId: 4,
+      deptId: deptId
+    }
+  })
+}
 export function getSuperMap(codes) {
   return request({
     url: '/center-data/supermap/maplist?codes=' + codes,
@@ -20,40 +31,12 @@ export function queryMap(deptId) {
     url: '/system/sysMenuVisuMap/queryMap',
     method: 'post',
     data: {
-      visuId: 37,
+      visuId: 4,
       deptId: deptId
     }
   })
 }
-
 export const iconList = {
-  'marker': require('@/assets/images/cameraType/marker.png'),
-  'big-horn': require('@/assets/images/cameraType/big-horn.png'),
-  'big-horn-emergency': require('@/assets/images/cameraType/big-horn-emergency.png'),
-  'camera': require('@/assets/images/cameraType/camera.png'),
-  'camera-not': require('@/assets/images/cameraType/camera-not.png'),
-  'not-online': require('@/assets/images/cameraType/not-online.png'),
-  'sensor': require('@/assets/images/cameraType/sensor.png'),
-  'positioning': require('@/assets/icons/sj-icon-map/positioning.png'),//新上报
-
-
-  //首页事件上报状态
-  'sj-icon-map-xinshangbao': require('@/assets/icons/sj-icon-map/sj-icon-map-xinshangbao.png'),//新上报
-  'sj-icon-map-cuiban': require('@/assets/icons/sj-icon-map/sj-icon-map-cuiban.png'),//催办
-  'sj-icon-map-qianshou': require('@/assets/icons/sj-icon-map/sj-icon-map-qianshou.png'),//签收
-  'sj-icon-map-guidang': require('@/assets/icons/sj-icon-map/sj-icon-map-guidang.png'),//归档
-  'sj-icon-map-banjie': require('@/assets/icons/sj-icon-map/sj-icon-map-banjie.png'),//办结
-  'sj-icon-map-queren': require('@/assets/icons/sj-icon-map/sj-icon-map-queren.png'),//确认
-
-
-
-
-  'sj-icon-map-gp': require('@/assets/images/GasOfBottle/sourceDetail/gp.png'),//钢瓶图标
-  'sj-icon-map-yh': require('@/assets/images/GasOfBottle/sourceDetail/yh.png'),//用户图标
-  'sj-icon-map-car': require('@/assets/images/GasOfBottle/sourceDetail/car.png'),//车辆图标
-  'sj-icon-map-car-star': require('@/assets/images/GasOfBottle/sourceDetail/car_star.png'),//车辆图标-起点
-  'sj-icon-map-car-end': require('@/assets/images/GasOfBottle/sourceDetail/car_end.png'),//车辆图标-终点
-  'sj-icon-map-psy': require('@/assets/images/GasOfBottle/sourceDetail/psy.png'),//配送员图标
-
-
+  'marker': require('@/assets/icons/supermap/marker.png'),
+  'positioning': require('@/assets/icons/supermap/positioning.png'), // 地图选点照片
 }

src/api/data.js

@@ -1,110 +0,0 @@
-import request from '@/utils/request'
-
-// 查看资源落点
-export function getResourcePoint(enterpriseId,state,name = '',radius,longitude,latitude,joinHouseId = '') {
-  return request({
-    url: `/center-data/housingView/getResourcePoint`,
-    method: 'get',
-    params:{
-      enterpriseId:enterpriseId,
-      state:state,
-      name:name,
-      radius:radius,
-      longitude:longitude,
-      latitude:latitude,
-      joinHouseId:joinHouseId,
-    }
-  })
-}
-
-// 获取企业图标示例
-export function getEnterpriseListAll() {
-  return request({
-    url: `/center-data/housingconstruction/enterprise/getListAll`,
-    method: 'get'
-  })
-}
-// 获取企业资质文件
-export function getProductionReport(enterpriseId) {
-  return request({
-    url: `/center-data/housingView/getProductionReport?enterpriseId=${enterpriseId}`,
-    method: 'get',
-  })
-}
-
-// 获取企业生产报告列表
-export function getReport(enterpriseId) {
-  return request({
-    url: `/center-data/housingView/getReport`,
-    method: 'get',
-    params:{
-      enterpriseId:enterpriseId,
-    }
-  })
-}
-
-// 获取用户巡检报告列表
-export function getInspectionRecords(clientId) {
-  return request({
-    url: `/center-data/housingView/getInspectionRecords`,
-    method: 'get',
-    params:{
-      clientId:clientId,
-    }
-  })
-}
-
-// 获取用户巡检报告详情
-export function getItems(recordId) {
-  return request({
-    url: `/center-data/housingView/getItems`,
-    method: 'get',
-    params:{
-      recordId:recordId,
-    }
-  })
-}
-
-// 获取钢瓶流转信息
-export function getCirculation(steelcylinderId) {
-  return request({
-    url: `/center-data/housingView/getCirculation`,
-    method: 'get',
-    params:{
-      steelcylinderId:steelcylinderId,
-    }
-  })
-}
-
-// 附件查看
-export function getAttach(busId) {
-  return request({
-    url: `/center-data/housingView/getAttach`,
-    method: 'get',
-    params:{
-      busId,
-    }
-  })
-}
-
-// 查看车辆详情信息
-export function housingCar(carId) {
-  return request({
-    url: `/center-data/housingCar/`+carId,
-    method: 'get',
-  })
-}
-// 查看配送员详情
-export function personnel(escortId) {
-  return request({
-    url: `/center-data/personnel/`+escortId,
-    method: 'get',
-  })
-}
-// 获取资源点位范围
-export function getSelectedArea(enterpriseId,state) {
-  return request({
-    url: `/center-data/housingView/getSelectedArea?enterpriseId=${enterpriseId}&&state=${state}`,
-    method: 'get',
-  })
-}

src/api/datacenter.js

@@ -1,6 +0,0 @@
-export function getBroadcast(param) {
-  return request({
-    url: `/center-monitor/broadcast/selectNearHorn/${param.longitude}/${param.latitude}/${param.distance}/${param.type}`,
-    method: 'get',
-  })
-}

src/api/disaster.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 获取初始化数据
+export function getInit(year) {
+  return request({
+    url: '/center-water/VisuForestFireLossController/init',
+    method: 'post',
+    data:{"year":year}
+  })
+}
+// 点击列表获取数据
+export function selectFireLoseByid(param) {
+  return request({
+    url: '/center-water/VisuForestFireLossController/selectFireLoseByid',
+    method: 'post',
+    data:param
+  })
+}

src/api/event.js

@@ -1,58 +0,0 @@
-import request from '@/utils/request'
-
-//根据类型获取事件
-// export function getNearEvent(longitude, latitude, day, loading, eventTypeIdDl, eventTypeId) {
-//   return request({
-//     url: '/center-water/VisuForestEventCenterController/getNearEvent?longitude=' + longitude + "&latitude=" + latitude + "&day=" + day + "&eventTypeIdDl=" + eventTypeIdDl + "&eventTypeId=" + eventTypeId,
-//     method: 'get',
-//     headers: {
-//       loading: loading
-//     },
-//   })
-// }
-//根据类型获取事件
-export function getNearEvent(longitude, latitude, day, loading, eventTypeIdDl, eventTypeId) {
-  return request({
-    url: '/center-event/eventview/getNearEvent',
-    method: 'post',
-    data: {
-      longitude: longitude,
-      latitude: latitude,
-      day: day,
-      eventTypeIdDl: eventTypeIdDl,
-      eventTypeId: eventTypeId,
-    },
-    headers: {
-      loading: loading
-    },
-  })
-}
-//获取附近事件
-// export function getNearEvent1(longitude, latitude ) {
-//   return request({
-//     url: '/center-water/VisuForestEventCenterController/getNearEvent?longitude=' + longitude + "&latitude=" + latitude,
-//     method: 'get',
-//   })
-// }
-export function getNearEvent1_direct(longitude, latitude ,vo) {
-  return request({
-    url: '/center-event/eventview/getNearEvent',
-    method: 'post',
-    data:{longitude:longitude,latitude:latitude,eventTypeId:vo.eventTypeId,eventTypeIdDl:vo.eventTypeIdDl,day:vo.day}
-  })
-}
-
-// //获取附近摄像头
-// export function getNearCamera(longitude,latitude) {
-//   return request({
-//     url: '/center-water/VisuForestEventCenterController/getNearCamera?longitude='+longitude+"&latitude="+latitude+"&type=1",
-//     method: 'get',
-//   })
-// }
-export function getNearCamera_monitor(longitude,latitude,type) {
-  return request({
-    url: `/center-monitor/camera/selectFjsxt/${longitude}/${latitude}/${type}`,
-    method: 'get',
-  })
-}
-

src/api/forest.js

@@ -1,255 +0,0 @@
-import request from '@/utils/request'
-export function initByCameras(param) {
-  return request({
-    url: '/center-monitor/TVWallController/initByCameras',
-    method: 'get',
-    params:param
-  })
-
-}
-// 云广播搜索物资
-export function getSelectNearHorn(params) {
-  return request({
-    url: `/center-monitor/broadcast/selectNearHorn/${params.longitude}/${params.latitude}/${params.distance}/${params.type}`,
-    method: 'get',
-  })
-}
-export function selectByMenuId(data) {
-  return request({
-    url: '/system/menuEventType/selectByMenuId',
-    method: 'post',
-    data: data
-  })
-}
-// 获取日历颜色状态
-export function getEventByCalendar(param) {
-  return request({
-    url: '/center-event/eventview/selectEventByCalendar',
-    method: 'post',
-    data: param
-  })
-}
-
-export function selectTaskBO(data) {
-  return request({
-    url: '/center-task/centerTaskFeign/selectUnclaimedTaskBO',
-    method: 'post',
-    data:data
-  })
-}
-// 右侧获取事件列表
-export function getEventList(param,loading) {
-  return request({
-    url: '/center-event/eventview/selectEventList',
-    method: 'post',
-    data: param,
-    headers: {
-      loading: loading
-    },
-  })
-}
-
-export function getEventDetail_direct(param) {
-  return request({
-    url: '/center-event/eventview/getEventDetail',
-    method: 'post',
-    data: param
-  })
-}
-// 日志文件上传
-export function eventLogUpload(param) {
-  return request({
-    url: '/center-event/centereventtfirelog',
-    method: 'post',
-    data: param
-  })
-}
-// 日志发送
-export function sendEventLog(param) {
-  return request({
-    url: '/center-event/centereventtfirelog',
-    method: 'post',
-    data: param
-  })
-}
-// 事件处理流程
-export function updateCentereventTEventcatalogueStatus(param) {
-  return request({
-    url: '/center-water/WaterController/updateCentereventTEventcatalogueStatus',
-    method: 'post',
-    data: param
-  })
-}
-export function updateCentereventTEventcatalogueStatus_direct(param) {
-  return request({
-    url: '/center-event/eventcatalogue/editEventStatus',
-    method: 'post',
-    data: param
-  })
-}
-export function listSJfl_direct(param) {
-  return request({
-    url: '/center-event/eventtype/getCentereventTEventtypeByParentId?parentId='+param.parentId,
-    method: 'get',
-  })
-}
-export function listYuAn_direct(param) {
-  return request({
-    url: '/center-data/reserve/listYuAnFegin',
-    method: 'post',
-    data:param
-  })
-}
-export function selectByeventCode_direct(eventCode) {
-  return request({
-    url: '/center-event/centereventtdeptevent/selectByEventCode?eventCode='+eventCode,
-    method: 'get'
-  })
-}
-export function sendTask_direct(param) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/sendTask',
-    method: 'post',
-    data:param
-  })
-}
-// 搜索物资
-export function listResourceByWz(param) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/listResourceByWz',
-    method: 'post',
-    data:param
-  })
-}
-export function selectTaskDtpts_direct(param) {
-    return request({
-      url: '/center-task/centerTaskFeign/selectTaskDtpts',
-      method: 'post',
-      data:param
-    })
-  }
-export function receiveTask_direct(param) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/receiveTask',
-    method: 'post',
-    data:param
-  })
-}
-export function refusedTask_direct(param) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/refusedTask',
-    method: 'post',
-    data:param
-  })
-}
-export function updateYjYuAn_direct(param) {
-  return request({
-    url: '/center-event/centereventtfireevent',
-    method: 'put',
-    data:param
-  })
-}
-// 事件详情截图直接上传日志
-  export function uploadBase64(param) {
-    param.originalfilename='水利截图上传.png'
-    return request({
-      url: '/sooka-middlevisualization/visuMiddleVisualizationController/uploadBase64',
-      method: 'post',
-      data:param
-    })
-}
-export function centereventtdepteventList_direct(param) {
-  return request({
-    url: `/center-event/centereventtdeptevent/getAllCentereventDeptEvent?eventCode=${param.eventCode}`,
-    method: 'get',
-  })
-}
-export function dutysystemList_direct(param) {
-  return request({
-    url: `/center-event/dutysystem/getAllCentereventTDutySystem?depteventId=${param.depteventId}`,
-    method: 'get',
-  })
-}
-export function dutysystemAdd_direct(param) {
-  return request({
-    url: '/center-event/dutysystem/addOrUpdateAll',
-    method: 'post',
-    data:param
-  })
-}
-export function dutysystemRemove_direct(ids) {
-  return request({
-    url: `/center-event/dutysystem/${ids}`,
-    method: 'delete',
-  })
-}
-// 事件短信联系人
-export function userFeginlist(param) {
-  return request({
-    url: '/system/user/selectUserWithPostByDeptId',
-    method: 'get',
-    params:param
-  })
-}
-// 获取消息个数
-export function selectMessageCount(userId,deptId) {
-  return request({
-    url: '/center-message/centerMessageFeign/selectMessageCount/'+userId+'/'+deptId,
-    method: 'get'
-  })
-}
-// 获取消息列表
-export function selectMessageList(userId,deptId) {
-  return request({
-    url: '/center-message/centerMessageFeign/selectMessageList/'+userId+'/'+deptId,
-    method: 'get'
-  })
-}
-// 获取消息详情
-export function selectMessageById(messageId) {
-  return request({
-    url: '/center-message/centerMessageFeign/selectMessageById/'+messageId,
-    method: 'get'
-  })
-}
-export function eventHandling_direct(id,eventCode) {
-  return request({
-    url: '/center-event/eventcatalogue/eventHandling',
-    method: 'post',
-    data: {id:id,eventCode:eventCode,dataStatus:"1"}
-  })
-}
-
-// 会议添加联系人并发送短信
-export function sendMessage(param) {
-  return request({
-    url: '/center-message/centerMessageFeign/sendMeetingMsg',
-    method: 'post',
-    data:param
-  })
-}
-
-// 事件审核
-export function eventExamine(param) {
-  return request({
-    url: '/center-event/eventcatalogue/eventExamine',
-    method: 'post',
-    data: param
-  })
-}
-
-
-// 获取消防左侧菜单列表
-export function fireControlViewList(type) {
-  return request({
-    url: '/sooka-middleware/visual/getResourceList?type='+type,
-    method: 'get',
-  })
-}
-// 点击左侧菜单列表查询落点
-export function fireControlViewPoint(param) {
-  return request({
-    url: '/sooka-middleware/visual/getResourcePoint?type='+param.type+'&longitude='+param.longitude+'&latitude='+param.latitude+'&radius='+param.radius,
-    method: 'get'
-  })
-}

src/api/login.js

@@ -73,7 +73,7 @@ export function getCodeImg() {
 //获取登录页基本信息
 export function fontConfig() {
   return request({
-    url: '/system/fontConfig/getSysFontConfig/CoalGas',
+    url: '/system/fontConfig/getSysFontConfig/Water',
     method: 'get',
   })
 }

src/api/monitor.js

@@ -1,177 +0,0 @@
-import request from '@/utils/request'
-
-// 查看摄像头详情
-export function selectByCameraId(id) {
-  return request({
-    url: `/center-monitor/camera/s/${id}`,
-    method: 'get',
-  })
-}
-//获取左侧动态感知设备
-//无法直连
-export function selectDeviceType(deptId) {
-  return request({
-    url: '/center-water/VisuForestMonitorCenterController/selectDeviceType',
-    method: 'post',
-    data:{"deptId":deptId}
-  })
-}
-export function selectDeviceType_direct(param) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/selectDeviceType',
-    method: 'post',
-    data:param
-  })
-}
-// 根据设备类型查看列表
-export function selectCameraByDeptId(deptId) {
-  return request({
-    url: '/center-water/VisuForestMonitorCenterController/selectCameraByDeptId',
-    method: 'post',
-    data: {
-      "deptId": deptId
-    }
-  })
-}
-export function selectCameraByDeptId_direct(deptId) {
-  return request({
-    url: '/center-monitor/camera/selectCameraByDeptId',
-    method: 'post',
-    data: {
-      "deptId": deptId,
-      "type":16
-    }
-  })
-}
-// 获取重点区域列表
-export function selectKeyAreaList() {
-  return request({
-    url: '/center-water/WaterController/importarealistFegin',
-    method: 'get',
-  })
-}
-
-export function selectKeyAreaList_direct() {
-  return request({
-    url: '/center-data/importarea/listImportareaFegin',
-    method: 'post',
-    data:{
-      areaType:3
-    }
-  })
-}
-// 获取重点区域
-export function getRegionalFlag(id) {
-  return request({
-    url: '/center-data/importarea/getRegionalFlagFeign/' + id,
-    method: 'get',
-  })
-}
-
-//获取点位周边摄像头
-export function findCameraByEventCoordinate(longitude, latitude) {
-  // longitude = '124.41986560821533';
-  // latitude = '43.08817137032747';
-  return request({
-    url: '/center-water/VisuForestMonitorCenterController/findCameraByEventCoordinate?longitude=' + longitude +
-      "&latitude=" + latitude + "&type=1",
-    method: 'get',
-  })
-}
-
-//根据部门ID获取具有查看权限的摄像头
-export function getCamerasByDeptId(deptId) {
-  return request({
-    url: '/center-water/VisuForestMonitorCenterController/getCamerasByDeptId?deptId=' + deptId,
-    method: 'get',
-  })
-}
-
-export function getCamerasByDeptId_direct(deptId,deptProtype) {
-  return request({
-    url: `/center-monitor/TVWallController/getCamerasByDeptId?deptId=${deptId}&deptProtype=${deptProtype}`,
-    method: 'get',
-  })
-}
-//转到固定点位
-export function rotation(lng,lat,list) {
-  return request({
-    url: '/sooka-middlevisualization/visuMiddleVisualizationController/rotation',
-    method: 'post',
-    data:{
-      lng:lng,
-      lat:lat,
-      list:list
-    }
-  })
-}
-
-
-// //根据部门ID获取具有查看权限的摄像头
-// export function getCamerasByDeptId(deptId) {
-//   return request({
-//     url: '/center-firecontrol/VisuForestMonitorCenterController/getCamerasByDeptId?deptId=' + deptId,
-//     method: 'get',
-//   })
-// }
-//根据部门id查询部门及部门以下的数据，没有则默认查询所有
-export function getSensorListByDeptId(deptId) {
-  return request({
-    url: '/center-firecontrol/VisuForestMonitorCenterController/getSensorListByDeptId?deptId=' + deptId,
-    method: 'get',
-  })
-}
-//根据部门id查询部门及部门以下的数据，没有则默认查询所有
-export function getDlblistBydeptId(deptId) {
-  let url = "";
-  if(deptId!=null){
-    url= '/center-firecontrol/VisuForestMonitorCenterController/getDlblistBydeptId?deptId=' + deptId+'&type=3';
-  }else{
-    url= '/center-firecontrol/VisuForestMonitorCenterController/getDlblistBydeptId?type=3';
-  }
-  return request({
-    url: url,
-    method: 'get',
-  })
-}
-
-export function getDlblistBydeptId_direct(deptId) {
-  let url = "";
-  if(deptId!=null){
-    url= '/center-monitor/broadcast/getDlblistBydeptId?deptId=' + deptId+'&type=3';
-  }else{
-    url= '/center-monitor/broadcast/getDlblistBydeptId/getDlblistBydeptId?type=3';
-  }
-  return request({
-    url: url,
-    method: 'get',
-  })
-}
-//根据部门id查询部门及部门以下的数据，没有则默认查询所有
-export function getMonitorDeviceAndDataList(deptId) {
-  let url = "";
-  if(deptId!=null){
-    url= '/center-monitor/device/getMonitorDeviceAndDataList?deptId=' + deptId+'&type=3';
-  }else{
-    url= '/center-monitor/device/getMonitorDeviceAndDataList?type=3';
-  }
-  return request({
-    url: url,
-    method: 'get',
-  })
-}
-
-//未覆盖区域
-export function notCoverPlaces(deptId) {
-  return request({
-    url: `/center-data/camera/getList?deptId=${deptId}`,
-    method: 'get',
-  })
-}
-// gps设备数据
-export function gpsDevicesList(deviceId = '') {
-  return request({
-    url: `/center-monitor/gps/devices/listAll?deviceid=${deviceId}`,
-    method: 'get',
-  })
-}

src/api/system/user.js

@@ -2,16 +2,7 @@ import request from '@/utils/request'
 import { parseStrEmpty } from "@/utils/ruoyi";
 
 
-// 查询企业列表
-export function getDeptsByDeptType() {
-  return request({
-    url: '/system/dept/getDeptsByDeptType',
-    method: 'post',
-    data: {
-      "deptType": "sys_dept_type_32"
-    }
-  })
-}
+
 
 
 // 查询用户列表
@@ -24,7 +15,7 @@ export function listUser(query) {
 }
 
 // 查询用户详细
-export function getUser(userId) { 
+export function getUser(userId) {
   return request({
     url: '/system/user/' + parseStrEmpty(userId),
     method: 'get'

src/api/vBottomMenu.js

@@ -1,6 +1,12 @@
 import request from '@/utils/request'
 
-
+// 获取林场层级树结构
+export function userDeptSelect(param) {
+  return request({
+    url: '/system/dept/userAllDeptSelectIncludeChildren',
+    method: 'get'
+  })
+}
 // 获取林场列表
 export function selectFarmByDeptId(param) {
   return request({
@@ -9,3 +15,17 @@ export function selectFarmByDeptId(param) {
     data: param
   })
 }
+// 获取林班层级树结构
+export function linBanTreeselect() {
+  return request({
+    url: '/center-data/linBanTrees/linBanTrees',
+    method: 'post',
+  })
+}
+// 获取林班列表
+export function selectBanBylinBanTreesId(id) {
+  return request({
+    url: '/center-data/linBan/selectBanBylinBanTreesId/'+id,
+    method: 'get',
+  })
+}

src/assets/date_middle/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/date_middle/demo_index.html

@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe620;</span>
+                <div class="name">居乐乐个人中心</div>
+                <div class="code-name">&amp;#xe620;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61d;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe61d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe621;</span>
+                <div class="name">听书-目录</div>
+                <div class="code-name">&amp;#xe621;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.ttf?t=1696750194379') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-gerenzhongxin"></span>
+            <div class="name">
+              居乐乐个人中心
+            </div>
+            <div class="code-name">.icon-gerenzhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tingshu-mulu"></span>
+            <div class="name">
+              听书-目录
+            </div>
+            <div class="code-name">.icon-tingshu-mulu
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-gerenzhongxin"></use>
+                </svg>
+                <div class="name">居乐乐个人中心</div>
+                <div class="code-name">#icon-gerenzhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tingshu-mulu"></use>
+                </svg>
+                <div class="name">听书-目录</div>
+                <div class="code-name">#icon-tingshu-mulu</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/date_middle/iconfont.css

@@ -0,0 +1,25 @@
+@font-face {
+  font-family: "iconfont"; /* Project id  */
+  src: url('iconfont.ttf?t=1696750194379') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-gerenzhongxin:before {
+  content: "\e620";
+}
+
+.icon-shouye:before {
+  content: "\e61d";
+}
+
+.icon-tingshu-mulu:before {
+  content: "\e621";
+}
+

src/assets/date_middle/iconfont.json

@@ -0,0 +1,30 @@
+{
+  "id": "",
+  "name": "",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "336542",
+      "name": "居乐乐个人中心",
+      "font_class": "gerenzhongxin",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "8659396",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "9097247",
+      "name": "听书-目录",
+      "font_class": "tingshu-mulu",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    }
+  ]
+}

src/assets/forestIconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/forestIconfont/demo_index.html

@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4599286" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe685;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe685;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea00;</span>
+                <div class="name">设备类_电视墙</div>
+                <div class="code-name">&amp;#xea00;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xeb11;</span>
+                <div class="name">全屏</div>
+                <div class="code-name">&amp;#xeb11;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">图层-01</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">测量工具</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe646;</span>
+                <div class="name">定位工具</div>
+                <div class="code-name">&amp;#xe646;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a9;</span>
+                <div class="name">行政区划管理</div>
+                <div class="code-name">&amp;#xe6a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a4;</span>
+                <div class="name">禀赋资源</div>
+                <div class="code-name">&amp;#xe9a4;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1719551611596') format('woff2'),
+       url('iconfont.woff?t=1719551611596') format('woff'),
+       url('iconfont.ttf?t=1719551611596') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yonghu"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-yonghu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shebeileidianshiqiang"></span>
+            <div class="name">
+              设备类_电视墙
+            </div>
+            <div class="code-name">.icon-shebeileidianshiqiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quanping"></span>
+            <div class="name">
+              全屏
+            </div>
+            <div class="code-name">.icon-quanping
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuceng-"></span>
+            <div class="name">
+              图层-01
+            </div>
+            <div class="code-name">.icon-tuceng-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-celianggongju"></span>
+            <div class="name">
+              测量工具
+            </div>
+            <div class="code-name">.icon-celianggongju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dingwei1"></span>
+            <div class="name">
+              定位工具
+            </div>
+            <div class="code-name">.icon-dingwei1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-hangzhengquhuaguanli"></span>
+            <div class="name">
+              行政区划管理
+            </div>
+            <div class="code-name">.icon-hangzhengquhuaguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bingfuziyuan"></span>
+            <div class="name">
+              禀赋资源
+            </div>
+            <div class="code-name">.icon-bingfuziyuan
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yonghu"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-yonghu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shebeileidianshiqiang"></use>
+                </svg>
+                <div class="name">设备类_电视墙</div>
+                <div class="code-name">#icon-shebeileidianshiqiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quanping"></use>
+                </svg>
+                <div class="name">全屏</div>
+                <div class="code-name">#icon-quanping</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuceng-"></use>
+                </svg>
+                <div class="name">图层-01</div>
+                <div class="code-name">#icon-tuceng-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-celianggongju"></use>
+                </svg>
+                <div class="name">测量工具</div>
+                <div class="code-name">#icon-celianggongju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dingwei1"></use>
+                </svg>
+                <div class="name">定位工具</div>
+                <div class="code-name">#icon-dingwei1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-hangzhengquhuaguanli"></use>
+                </svg>
+                <div class="name">行政区划管理</div>
+                <div class="code-name">#icon-hangzhengquhuaguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bingfuziyuan"></use>
+                </svg>
+                <div class="name">禀赋资源</div>
+                <div class="code-name">#icon-bingfuziyuan</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/forestIconfont/iconfont.css

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4599286 */
+  src: url('iconfont.woff2?t=1719551611596') format('woff2'),
+       url('iconfont.woff?t=1719551611596') format('woff'),
+       url('iconfont.ttf?t=1719551611596') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-yonghu:before {
+  content: "\e685";
+}
+
+.icon-shebeileidianshiqiang:before {
+  content: "\ea00";
+}
+
+.icon-quanping:before {
+  content: "\eb11";
+}
+
+.icon-tuceng-:before {
+  content: "\e609";
+}
+
+.icon-celianggongju:before {
+  content: "\e604";
+}
+
+.icon-dingwei1:before {
+  content: "\e646";
+}
+
+.icon-hangzhengquhuaguanli:before {
+  content: "\e6a9";
+}
+
+.icon-bingfuziyuan:before {
+  content: "\e9a4";
+}
+

src/assets/forestIconfont/iconfont.json

@@ -0,0 +1,65 @@
+{
+  "id": "4599286",
+  "name": "可视化二期",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "12184875",
+      "name": "用户",
+      "font_class": "yonghu",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "1104582",
+      "name": "设备类_电视墙",
+      "font_class": "shebeileidianshiqiang",
+      "unicode": "ea00",
+      "unicode_decimal": 59904
+    },
+    {
+      "icon_id": "5387606",
+      "name": "全屏",
+      "font_class": "quanping",
+      "unicode": "eb11",
+      "unicode_decimal": 60177
+    },
+    {
+      "icon_id": "6879710",
+      "name": "图层-01",
+      "font_class": "tuceng-",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "17930624",
+      "name": "测量工具",
+      "font_class": "celianggongju",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "18519399",
+      "name": "定位工具",
+      "font_class": "dingwei1",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "20853359",
+      "name": "行政区划管理",
+      "font_class": "hangzhengquhuaguanli",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "27557294",
+      "name": "禀赋资源",
+      "font_class": "bingfuziyuan",
+      "unicode": "e9a4",
+      "unicode_decimal": 59812
+    }
+  ]
+}

src/assets/iconfont/iconfont.json

@@ -6,6 +6,692 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "23191183",
+      "name": "归档",
+      "font_class": "guidang",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "15911554",
+      "name": "在建",
+      "font_class": "kk-16",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "27017024",
+      "name": "竣工",
+      "font_class": "qiyebaohaoxinxi",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "4266156",
+      "name": "公司",
+      "font_class": "gongsi",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "13638711",
+      "name": "学校",
+      "font_class": "xuexiao",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "10732867",
+      "name": "大气监测",
+      "font_class": "daqijiance",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "35002560",
+      "name": "水质环境",
+      "font_class": "shuizhihuanjing",
+      "unicode": "e804",
+      "unicode_decimal": 59396
+    },
+    {
+      "icon_id": "23498970",
+      "name": "水利工程资源",
+      "font_class": "submerge",
+      "unicode": "e6b1",
+      "unicode_decimal": 59057
+    },
+    {
+      "icon_id": "21623174",
+      "name": "土壤温湿度",
+      "font_class": "turangwenshidu",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "24736965",
+      "name": "风速",
+      "font_class": "fengsu1",
+      "unicode": "ed0d",
+      "unicode_decimal": 60685
+    },
+    {
+      "icon_id": "25716511",
+      "name": "降雨量",
+      "font_class": "jiangyuliang",
+      "unicode": "ea32",
+      "unicode_decimal": 59954
+    },
+    {
+      "icon_id": "35977573",
+      "name": "深部位移",
+      "font_class": "shenbuweiyi",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "3978434",
+      "name": "新建里程碑",
+      "font_class": "xinjianlichengbei",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "4251689",
+      "name": "3",
+      "font_class": "icon-test",
+      "unicode": "eacf",
+      "unicode_decimal": 60111
+    },
+    {
+      "icon_id": "17930617",
+      "name": "框选",
+      "font_class": "kuangxuan",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "27520548",
+      "name": "区域",
+      "font_class": "quyu",
+      "unicode": "e933",
+      "unicode_decimal": 59699
+    },
+    {
+      "icon_id": "1305472",
+      "name": "任务",
+      "font_class": "renwu",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
+    {
+      "icon_id": "11372722",
+      "name": "消息",
+      "font_class": "xiaoxi",
+      "unicode": "e8bd",
+      "unicode_decimal": 59581
+    },
+    {
+      "icon_id": "12659685",
+      "name": "刷新",
+      "font_class": "shuaxin",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "1727585",
+      "name": "摄像头",
+      "font_class": "jiankongshexiangtou-xianxing",
+      "unicode": "e900",
+      "unicode_decimal": 59648
+    },
+    {
+      "icon_id": "10904998",
+      "name": "图层",
+      "font_class": "layer",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "11372652",
+      "name": "定位",
+      "font_class": "dingwei1",
+      "unicode": "e8ae",
+      "unicode_decimal": 59566
+    },
+    {
+      "icon_id": "17606399",
+      "name": "决策引擎",
+      "font_class": "jueceyinqing",
+      "unicode": "e6b4",
+      "unicode_decimal": 59060
+    },
+    {
+      "icon_id": "20012365",
+      "name": "创建热区hotspot",
+      "font_class": "chuangjianrequ",
+      "unicode": "e7af",
+      "unicode_decimal": 59311
+    },
+    {
+      "icon_id": "852110",
+      "name": "接洽的案件",
+      "font_class": "anjian",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "5766462",
+      "name": "城市内涝应急",
+      "font_class": "chengshineilaoyingji",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "9692820",
+      "name": "action_accessible",
+      "font_class": "action_accessible",
+      "unicode": "f4cd",
+      "unicode_decimal": 62669
+    },
+    {
+      "icon_id": "12842791",
+      "name": "w_学生-201",
+      "font_class": "w_xuesheng-",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    },
+    {
+      "icon_id": "12842800",
+      "name": "w_学校",
+      "font_class": "w_xuexiao",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "16531210",
+      "name": "捞点",
+      "font_class": "laodian",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    },
+    {
+      "icon_id": "18261781",
+      "name": "面性病人图标3",
+      "font_class": "mianxingbingrentubiao3",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "19474882",
+      "name": "特困人员供养_fill",
+      "font_class": "minzhengtubiao1-42",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "20997748",
+      "name": "重点人员",
+      "font_class": "menu_zdry",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
+    {
+      "icon_id": "23374636",
+      "name": "地质灾害",
+      "font_class": "dizhizaihai",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "23449124",
+      "name": "keshihua-andan",
+      "font_class": "keshihua-andan",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "27530198",
+      "name": "身心医学科",
+      "font_class": "shenxinyixueke",
+      "unicode": "e69a",
+      "unicode_decimal": 59034
+    },
+    {
+      "icon_id": "27554209",
+      "name": "xifandurenyuanjuji",
+      "font_class": "xifandurenyuanjuji",
+      "unicode": "e8c0",
+      "unicode_decimal": 59584
+    },
+    {
+      "icon_id": "29522793",
+      "name": "1A人员,用户",
+      "font_class": "a-1Arenyuanyonghu",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "31325049",
+      "name": "权益17",
+      "font_class": "quanyi17",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "35992257",
+      "name": "type08",
+      "font_class": "type08",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
+      "icon_id": "1283",
+      "name": "视频",
+      "font_class": "shipin",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "1186353",
+      "name": "人数",
+      "font_class": "renshu",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "3414674",
+      "name": "36_home_fill",
+      "font_class": "_home_fill",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "7596846",
+      "name": "24gf-portraitMale",
+      "font_class": "24gf-portraitMale",
+      "unicode": "eb29",
+      "unicode_decimal": 60201
+    },
+    {
+      "icon_id": "7626531",
+      "name": "离线",
+      "font_class": "lixian",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "7626597",
+      "name": "在线",
+      "font_class": "zaixian",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "12694000",
+      "name": "104接入",
+      "font_class": "jieru",
+      "unicode": "e68c",
+      "unicode_decimal": 59020
+    },
+    {
+      "icon_id": "20997772",
+      "name": "小区管理",
+      "font_class": "menu_xqgl",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "21715660",
+      "name": "报警1",
+      "font_class": "baojing1",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "22045564",
+      "name": "微拍巡视",
+      "font_class": "weipaixunshi",
+      "unicode": "e691",
+      "unicode_decimal": 59025
+    },
+    {
+      "icon_id": "26914814",
+      "name": "绵阳监督系统",
+      "font_class": "mianyangjianduxitong",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "15686545",
+      "name": "监控2",
+      "font_class": "jiankong2",
+      "unicode": "e6c4",
+      "unicode_decimal": 59076
+    },
+    {
+      "icon_id": "1066356",
+      "name": "环境",
+      "font_class": "huanjing",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "31475851",
+      "name": "饮用水源",
+      "font_class": "yinyongshuiyuan",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "1390105",
+      "name": "应急物资",
+      "font_class": "yingjiziyuan",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "9059925",
+      "name": "应急广播",
+      "font_class": "yingjiguangbo",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "9790465",
+      "name": "应急仓库",
+      "font_class": "yingjicangku",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "11261968",
+      "name": "应急人员",
+      "font_class": "yingjirenyuan",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "20222185",
+      "name": "事件",
+      "font_class": "shijian",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "23402881",
+      "name": "应急救援队伍",
+      "font_class": "yingjijiuyuanduiwu",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
+      "icon_id": "36198826",
+      "name": "化工企业",
+      "font_class": "huagongqiye",
+      "unicode": "e745",
+      "unicode_decimal": 59205
+    },
+    {
+      "icon_id": "18834015",
+      "name": "机构管理",
+      "font_class": "jigouguanli",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "11983046",
+      "name": "feiqi-01",
+      "font_class": "feiqi-",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "7030406",
+      "name": "notary",
+      "font_class": "notary",
+      "unicode": "e6c3",
+      "unicode_decimal": 59075
+    },
+    {
+      "icon_id": "9336847",
+      "name": "生产",
+      "font_class": "shengchan",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "21492433",
+      "name": "4养殖场",
+      "font_class": "4yangzhichang",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "21953354",
+      "name": "icon_wmtd_36_wizard_staindiary",
+      "font_class": "icon_wmtd_36_wizard_staindiary",
+      "unicode": "e8a3",
+      "unicode_decimal": 59555
+    },
+    {
+      "icon_id": "23056578",
+      "name": "产品icon_无文字版",
+      "font_class": "chanpinicon_wuwenziban",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "24096067",
+      "name": "金融客源",
+      "font_class": "jinrongkeyuan",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "33244087",
+      "name": "生态化治理 工程 1",
+      "font_class": "a-shengtaihuazhiligongcheng1",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "35567575",
+      "name": "团队 (3)",
+      "font_class": "a-tuandui3",
+      "unicode": "eb3f",
+      "unicode_decimal": 60223
+    },
+    {
+      "icon_id": "2491260",
+      "name": "指定事件",
+      "font_class": "zhidingshijian",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "17283038",
+      "name": "种子",
+      "font_class": "zhongzi1",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "21485454",
+      "name": "行程申请",
+      "font_class": "hangchengshenqing",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "32436253",
+      "name": "林业_1",
+      "font_class": "linye_1",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "2569869",
+      "name": "登录",
+      "font_class": "denglu",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "3282390",
+      "name": "在线监测",
+      "font_class": "zaixianjiance",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "8213894",
+      "name": "上架数据统计",
+      "font_class": "shangjiashujutongji",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "10268981",
+      "name": "实时监测",
+      "font_class": "shishijiance",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "14095346",
+      "name": "物联网",
+      "font_class": "wulianwang",
+      "unicode": "e797",
+      "unicode_decimal": 59287
+    },
+    {
+      "icon_id": "16663914",
+      "name": "事件管理",
+      "font_class": "shijianguanli",
+      "unicode": "e8ee",
+      "unicode_decimal": 59630
+    },
+    {
+      "icon_id": "687392",
+      "name": "返回",
+      "font_class": "fanhui",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "5387553",
+      "name": "搜索",
+      "font_class": "sousuo",
+      "unicode": "eafe",
+      "unicode_decimal": 60158
+    },
+    {
+      "icon_id": "1301",
+      "name": "应用",
+      "font_class": "yingyong",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "963842",
+      "name": "销售趋势",
+      "font_class": "xiaoshouqushi",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "5387797",
+      "name": "设备打点_o",
+      "font_class": "shebeidadian_o",
+      "unicode": "eb59",
+      "unicode_decimal": 60249
+    },
+    {
+      "icon_id": "5387799",
+      "name": "水位传感器_o",
+      "font_class": "shuiweichuanganqi_o",
+      "unicode": "eb5a",
+      "unicode_decimal": 60250
+    },
+    {
+      "icon_id": "9011933",
+      "name": "设备",
+      "font_class": "shebei",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "12719957",
+      "name": "日期",
+      "font_class": "riqi",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "14260753",
+      "name": "yeweijiance",
+      "font_class": "yeweijiance",
+      "unicode": "e68e",
+      "unicode_decimal": 59022
+    },
+    {
+      "icon_id": "15726816",
+      "name": "机构认证",
+      "font_class": "jigourenzheng",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "17681531",
+      "name": "故障信息",
+      "font_class": "guzhangxinxi",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "18169770",
+      "name": "数据异常,数据库异常,数据错误",
+      "font_class": "data-abnormal",
+      "unicode": "e942",
+      "unicode_decimal": 59714
+    },
+    {
+      "icon_id": "28606965",
+      "name": "水温",
+      "font_class": "shuiwen",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "33847250",
+      "name": "设备类型 ",
+      "font_class": "shebeileixing",
+      "unicode": "e749",
+      "unicode_decimal": 59209
+    },
+    {
+      "icon_id": "11372763",
+      "name": "定位",
+      "font_class": "dingwei",
+      "unicode": "e8c4",
+      "unicode_decimal": 59588
+    },
+    {
+      "icon_id": "28606914",
+      "name": "风速",
+      "font_class": "fengsu",
+      "unicode": "e6bd",
+      "unicode_decimal": 59069
+    },
+    {
+      "icon_id": "28606921",
+      "name": "大气温度",
+      "font_class": "daqiwendu",
+      "unicode": "e6be",
+      "unicode_decimal": 59070
+    },
+    {
       "icon_id": "37023277",
       "name": "大喇叭",
       "font_class": "big-horn",
@@ -27,13 +713,6 @@
       "unicode_decimal": 59248
     },
     {
-      "icon_id": "5809108",
-      "name": "归档",
-      "font_class": "guidang",
-      "unicode": "e667",
-      "unicode_decimal": 58983
-    },
-    {
       "icon_id": "5809119",
       "name": "办结",
       "font_class": "banjie",
@@ -91,7 +770,7 @@
     },
     {
       "icon_id": "14191056",
-      "name": "喇叭广播",
+      "name": "云广播",
       "font_class": "labaguangbo",
       "unicode": "e65d",
       "unicode_decimal": 58973
@@ -126,7 +805,7 @@
     },
     {
       "icon_id": "35809866",
-      "name": "流速",
+      "name": "水流速",
       "font_class": "gather-flow",
       "unicode": "e659",
       "unicode_decimal": 58969
@@ -182,7 +861,7 @@
     },
     {
       "icon_id": "12770896",
-      "name": "垃圾桶",
+      "name": "垃圾站资源",
       "font_class": "centerdata-t-hydraulic-garbage-station",
       "unicode": "e658",
       "unicode_decimal": 58968
@@ -196,35 +875,35 @@
     },
     {
       "icon_id": "2116699",
-      "name": "河流面",
+      "name": "河流资源",
       "font_class": "centerdata-t-hydraulic-river",
       "unicode": "e652",
       "unicode_decimal": 58962
     },
     {
       "icon_id": "2777434",
-      "name": "桥梁工程",
+      "name": "涉水桥涵",
       "font_class": "centerdata-t-hydraulic-wade-bridge-culvert",
       "unicode": "e654",
       "unicode_decimal": 58964
     },
     {
       "icon_id": "4274470",
-      "name": "闸门信息",
+      "name": "闸口资源",
       "font_class": "centerdata-t-hydraulic-water-gate",
       "unicode": "e655",
       "unicode_decimal": 58965
     },
     {
       "icon_id": "9400975",
-      "name": "推土机",
+      "name": "沙场资源",
       "font_class": "centerdata-t-hydraulic-battlefield",
       "unicode": "e703",
       "unicode_decimal": 59139
     },
     {
       "icon_id": "9466856",
-      "name": "河长制河段",
+      "name": "河段资源",
       "font_class": "centerdata-t-hydraulic-reach",
       "unicode": "e670",
       "unicode_decimal": 58992
@@ -273,14 +952,14 @@
     },
     {
       "icon_id": "11441202",
-      "name": "仓库库存",
+      "name": "应急仓库",
       "font_class": "centerdata-t-emergency-warehouse",
       "unicode": "e64f",
       "unicode_decimal": 58959
     },
     {
       "icon_id": "26800916",
-      "name": "防汛抗旱应急队伍",
+      "name": "应急队伍",
       "font_class": "centerdata-t-emergency-team",
       "unicode": "e7df",
       "unicode_decimal": 59359
@@ -378,14 +1057,14 @@
     },
     {
       "icon_id": "7335552",
-      "name": "水压",
+      "name": "水压监测",
       "font_class": "shuiya",
       "unicode": "eb33",
       "unicode_decimal": 60211
     },
     {
       "icon_id": "11647823",
-      "name": "多层土壤墒情",
+      "name": "土壤墒情",
       "font_class": "duocengturangshangqing",
       "unicode": "eb61",
       "unicode_decimal": 60257
@@ -399,7 +1078,7 @@
     },
     {
       "icon_id": "26805955",
-      "name": "电子水尺",
+      "name": "水尺监测",
       "font_class": "dianzishuichi",
       "unicode": "e7e5",
       "unicode_decimal": 59365