山东移动监控应用=>标准版智能安防
This commit is contained in:
		| @@ -1,7 +1,7 @@ | |||||||
| <template> | <template> | ||||||
|   <section class="AppMonitorDevice"> |   <section class="AppISDevice"> | ||||||
|     <ai-list> |     <ai-list> | ||||||
|       <ai-title slot="title" title="监控设备管理" isShowBottomBorder/> |       <ai-title slot="title" title="安防设备管理" isShowBottomBorder/> | ||||||
|       <template #content> |       <template #content> | ||||||
|         <ai-search-bar> |         <ai-search-bar> | ||||||
|           <template #right> |           <template #right> | ||||||
| @@ -38,9 +38,9 @@ import LocateDialog from "../components/locateDialog"; | |||||||
| import SettingDialog from "../components/settingDialog"; | import SettingDialog from "../components/settingDialog"; | ||||||
| 
 | 
 | ||||||
| export default { | export default { | ||||||
|   name: "AppMonitorDevice", |   name: "AppISDevice", | ||||||
|   components: {SettingDialog, LocateDialog}, |   components: {SettingDialog, LocateDialog}, | ||||||
|   label: "监控设备管理", |   label: "安防设备管理", | ||||||
|   props: { |   props: { | ||||||
|     instance: Function, |     instance: Function, | ||||||
|     dict: Object, |     dict: Object, | ||||||
| @@ -125,7 +125,7 @@ export default { | |||||||
| </script> | </script> | ||||||
| 
 | 
 | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .AppMonitorDevice { | .AppISDevice { | ||||||
|   ::v-deep .AiSearchBar { |   ::v-deep .AiSearchBar { | ||||||
|     margin-bottom: 10px; |     margin-bottom: 10px; | ||||||
|   } |   } | ||||||
| @@ -1,5 +1,5 @@ | |||||||
| <template> | <template> | ||||||
|   <section class="AppMonitorManage"> |   <section class="AppISManage"> | ||||||
|     <device-slider :permissions="permissions" :show.sync="slider" :ins="instance" :dict="dict" |     <device-slider :permissions="permissions" :show.sync="slider" :ins="instance" :dict="dict" | ||||||
|                    @treeCommand="handleSliderOption" @select="handleSelectMonitor" |                    @treeCommand="handleSliderOption" @select="handleSelectMonitor" | ||||||
|                    :render-item="renderTreeItem" ref="DeviceSlider"/> |                    :render-item="renderTreeItem" ref="DeviceSlider"/> | ||||||
| @@ -47,10 +47,10 @@ | |||||||
| import {mapState} from 'vuex' | import {mapState} from 'vuex' | ||||||
| import DeviceSlider from "../components/deviceSlider"; | import DeviceSlider from "../components/deviceSlider"; | ||||||
| import LocateDialog from "../components/locateDialog"; | import LocateDialog from "../components/locateDialog"; | ||||||
| import AiMonitor from "../../../../../dvui/components/AiMonitor/AiMonitor"; | import AiMonitor from "dvcp-dv-ui/components/AiMonitor/AiMonitor"; | ||||||
| 
 | 
 | ||||||
| export default { | export default { | ||||||
|   name: "AppMonitorManage", |   name: "AppISManage", | ||||||
|   components: {LocateDialog, DeviceSlider, AiMonitor}, |   components: {LocateDialog, DeviceSlider, AiMonitor}, | ||||||
|   label: "监控实况", |   label: "监控实况", | ||||||
|   props: { |   props: { | ||||||
| @@ -216,7 +216,7 @@ export default { | |||||||
| </script> | </script> | ||||||
| 
 | 
 | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .AppMonitorManage { | .AppISManage { | ||||||
|   display: flex; |   display: flex; | ||||||
|   background: #202330; |   background: #202330; | ||||||
|   height: 100%; |   height: 100%; | ||||||
| @@ -1,5 +1,5 @@ | |||||||
| <template> | <template> | ||||||
|   <section class="AppMonitorMap"> |   <section class="AppISMap"> | ||||||
|     <device-slider :show.sync="slider" :ins="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/> |     <device-slider :show.sync="slider" :ins="instance" :dict="dict" @list="v=>list=v" @select="markerClickEvent"/> | ||||||
|     <div id="amap"/> |     <div id="amap"/> | ||||||
|     <div ref="selectedInfoWin" class="selected"> |     <div ref="selectedInfoWin" class="selected"> | ||||||
| @@ -21,7 +21,7 @@ import DeviceSlider from "../components/deviceSlider"; | |||||||
| import AMapLoader from "@amap/amap-jsapi-loader"; | import AMapLoader from "@amap/amap-jsapi-loader"; | ||||||
| 
 | 
 | ||||||
| export default { | export default { | ||||||
|   name: "AppMonitorMap", |   name: "AppISMap", | ||||||
|   components: {DeviceSlider}, |   components: {DeviceSlider}, | ||||||
|   label: "监控地图", |   label: "监控地图", | ||||||
|   props: { |   props: { | ||||||
| @@ -119,7 +119,7 @@ export default { | |||||||
| </script> | </script> | ||||||
| 
 | 
 | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .AppMonitorMap { | .AppISMap { | ||||||
|   background: #202330; |   background: #202330; | ||||||
|   position: relative; |   position: relative; | ||||||
| 
 | 
 | ||||||
| @@ -31,5 +31,8 @@ | |||||||
|   "AppPartyMember": "党员管理", |   "AppPartyMember": "党员管理", | ||||||
|   "AppLicence": "产品许可", |   "AppLicence": "产品许可", | ||||||
|   "AppContentManage": "内容中心", |   "AppContentManage": "内容中心", | ||||||
|   "AppResident": "居民档案" |   "AppResident": "居民档案", | ||||||
|  |   "AppISMap": "监控地图", | ||||||
|  |   "AppISManage": "智能安防", | ||||||
|  |   "AppISDevice": "安防设备" | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user