Browse Source

feat: 详情页面搭建

TwoKe 2 năm trước cách đây
mục cha
commit
f20cef927b

+ 5 - 0
src/views/detail/left/BuildInfo/index.js

@@ -0,0 +1,5 @@
+import BuildInfo from './index.vue'
+
+export {
+  BuildInfo
+}

+ 18 - 0
src/views/detail/left/BuildInfo/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ContainerBorder title="建筑信息">
+    <div>111</div>
+  </ContainerBorder>
+</template>
+
+<script>
+import { ContainerBorder } from '@/components'
+
+export default {
+  components: {
+    ContainerBorder
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

+ 5 - 0
src/views/detail/left/CatchInfo/index.js

@@ -0,0 +1,5 @@
+import CatchInfo from './index.vue'
+
+export {
+  CatchInfo
+}

+ 18 - 0
src/views/detail/left/CatchInfo/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ContainerBorder title="消防占道抓拍设备" pos="center">
+    <div>222</div>
+  </ContainerBorder>
+</template>
+
+<script>
+import {ContainerBorder} from '@/components'
+
+export default {
+  components: {
+    ContainerBorder
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

+ 16 - 3
src/views/detail/left/index.vue

@@ -1,16 +1,29 @@
 <template>
   <FloatPanel pos="left">
-    左面板
-    
+    <BuildInfo />
+    <CatchInfo class="margin-top" />
   </FloatPanel>
 </template>
 
 <script>
 import { FloatPanel }  from '@/components'
+import { BuildInfo } from './BuildInfo'
+import { CatchInfo } from './CatchInfo'
+
+
 export default {
   name: 'DetailLeftView',
   components: {
-    FloatPanel
+    FloatPanel,
+    CatchInfo,
+    BuildInfo
   }
 }
 </script>
+
+<style>
+
+.margin-top {
+  margin-top: 30px;
+}
+</style>

+ 5 - 0
src/views/detail/right/DispatchPower/index.js

@@ -0,0 +1,5 @@
+import DispatchPower from './index.vue'
+
+export {
+  DispatchPower
+}

+ 18 - 0
src/views/detail/right/DispatchPower/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ContainerBorder title="出动力量">
+    <div>111</div>
+  </ContainerBorder>
+</template>
+
+<script>
+import { ContainerBorder } from '@/components'
+
+export default {
+  components: {
+    ContainerBorder
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

+ 5 - 0
src/views/detail/right/FireLog/index.js

@@ -0,0 +1,5 @@
+import FireLog from './index.vue'
+
+export {
+  FireLog
+}

+ 21 - 0
src/views/detail/right/FireLog/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <ContainerBorder title="火场文书" pos="center">
+    <div>111</div>
+  </ContainerBorder>
+</template>
+
+<script>
+import { ContainerBorder } from '@/components'
+
+
+
+
+export default {
+  components: {
+    ContainerBorder
+  }
+}
+</script>
+
+<style lang="less" scoped>
+</style>

+ 15 - 3
src/views/detail/right/index.vue

@@ -1,16 +1,28 @@
 <template>
   <FloatPanel pos="right">
-    右面板
-    
+    <DispatchPower />
+    <FireLog class="margin-top"/>
   </FloatPanel>
 </template>
 
 <script>
 import { FloatPanel }  from '@/components'
+
+import {DispatchPower} from './DispatchPower'
+import {FireLog} from './FireLog'
+
 export default {
   name: 'DetailRightView',
   components: {
-    FloatPanel
+    FloatPanel,
+    DispatchPower,
+    FireLog
   }
 }
 </script>
+<style>
+
+.margin-top {
+  margin-top: 30px;
+}
+</style>

+ 1 - 1
src/views/main/left/TodayIndustry/Card.vue

@@ -53,7 +53,7 @@ export default {
   props: {
     id: {
       type: String,
-      default: ''
+      default: '1'
     },
     type: {
       type: String,