Bladeren bron

原理图分布图

zhulizhen1111 4 jaren geleden
bovenliggende
commit
8659f136d8

+ 2 - 2
src/components/Rotation/src/rotation.vue

@@ -40,8 +40,8 @@ export default {
         height: 100%;
     }
     img {
-        width: 100%;
-        height: 100%;
+        width: 90%;
+       
     }
 }
 </style>

+ 1 - 1
src/lib/GraphView.ts

@@ -59,7 +59,7 @@ export class GraphView extends SCanvasView {
         canvas.clearRect(0, 0, this.width, this.height)
         canvas.pen.lineWidth = this.lineWidth;
         if (this.lineType == 'dashed') {
-            canvas.pen.lineDash = [10, 10]
+            canvas.pen.lineDash = [10, 2]
         }
         if (this.lineType == 'dotted') {
             canvas.pen.lineDash = [this.lineWidth, this.lineWidth]

+ 10 - 9
src/utils/plugins/components.js

@@ -108,11 +108,11 @@ var system = [
                             id: "NTYL3",
                             param: { tab_code: "1502", type_code: "2013" },
                         },
-                        // {
-                        //     label: "分水器支路分布图",
-                        //     id: "NTYL4",
-                        //     param: { tab_code: "1542" },
-                        // },
+                        {
+                            label: "分水器支路分布图",
+                            id: "NTYL4",
+                            param: { tab_code: "1542", type_code: "FBT" },
+                        },
                     ],
                 },
                 {
@@ -218,10 +218,11 @@ var system = [
                             id: "XFYL4",
                             param: { tab_code: "1545", type_code: "2017" },
                         },
-                        // {
-                        //     label: "消防泵房引出管路分布图",
-                        //     id: "XFYL5",
-                        // },
+                        {
+                            label: "消防泵房引出管路分布图",
+                            id: "XFYL5",
+                            param: { type_code: "FBT" },
+                        },
                     ],
                     id: "XFYL",
                 },

+ 12 - 3
src/views/equipment/eqDialog.vue

@@ -15,7 +15,7 @@
             <!-- 没有tab的页面 -->
             <div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0' style='margin:16px 24px 0 24px'>
                 <!-- 原理图 -->
-                <div v-if='dialogInfo.id.slice(2,4)=="YL"' style='width:100%;height:90vh;overflow:hidden'>
+                <div v-if='dialogInfo.id.slice(2,4)=="YL"' style='width:90%;overflow:hidden'>
                     <rotation :rotationImg='rotationImg'></rotation>
                 </div>
                 <!-- 土建系统主要材料清单 -->
@@ -57,13 +57,21 @@
                                     :key='index1+index'
                                     :label='`${value.label}`'
                                     :name='`${value.param.type_code}`'
-                                    v-if='value.id.slice(2,4)=="YL" && eve.count>0'
+                                    v-if='value.id.slice(2,4)=="YL" && eve.count>0 && value.param.type_code!="FBT"'
                                 >
                                     <!-- 有tab的原理图 -->
                                     <div style='width:100%;height:600px;overflow:hidden'>
                                         <rotation :rotationImg='rotationImg'></rotation>
                                     </div>
                                 </el-tab-pane>
+                                <el-tab-pane
+                                    :key='index1+index'
+                                    :label='`${value.label}`'
+                                    :name='`${value.param.type_code}`'
+                                    v-if='value.id.slice(2,4)=="YL" && value.param.type_code=="FBT"'
+                                >
+                                    <fenbuPic></fenbuPic>
+                                </el-tab-pane>
                             </template>
                         </template>
                     </template>
@@ -86,6 +94,7 @@ import wxTable from './table/wxTable'
 import recordDialog from './table/recordDialog'
 import djspTable from './table/djspTable'
 import { queryPic, queryTab } from '@/api/public.js'
+import fenbuPic from './fenbuPic'
 export default {
     props: ['systemName', 'smsxt'],
     data() {
@@ -102,7 +111,7 @@ export default {
         }
     },
     mounted() {},
-    components: { tableList, tjTable, wbTable, zwTable, lookPage, standTable, otherTable, wxTable, recordDialog, djspTable },
+    components: { tableList, tjTable, wbTable, zwTable, lookPage, standTable, otherTable, wxTable, recordDialog, djspTable, fenbuPic },
     methods: {
         //打开弹窗
         showModal(item) {

+ 127 - 0
src/views/equipment/fenbuPic.vue

@@ -0,0 +1,127 @@
+<template>
+    <div class='fenbu-box'>
+        <!-- 图例 -->
+        <div class='legend-boxs'>
+            <Legend></Legend>
+        </div>
+        <floor-list v-if='floorsArr.length>0' :floorsArr='floorsArr' :type='1' @emitFloor='emitFloor' :id='"floor"'></floor-list>
+        <!-- <div class='additional-box'>
+            <div class='additional' @click='additionalColl'>
+                <img src='../../assets/imgs/bg.png' alt />
+            </div>
+            <el-collapse-transition>
+                <div v-if='show' class='add-img'>我是放附加数据图片哒。。。</div>
+            </el-collapse-transition>
+        </div>-->
+        <floorMap ref='floorMap' :loadName='loadName' :type='"floor"'></floorMap>
+    </div>
+</template>
+<script>
+import floorMap from '@/components/floorMap/index.vue'
+import floorList from '@/components/floorList.vue'
+import { mapGetters } from 'vuex'
+
+export default {
+    components: { floorMap, floorList },
+    data() {
+        return {
+            show: false,
+            floorInfo: {
+                gname: 'f1',
+                code: 'F1'
+            },
+            loadName: '',
+            type: ''
+        }
+    },
+    computed: {
+        ...mapGetters(['floorsArr'])
+    },
+    methods: {
+        emitFloor(item) {
+            this.floorInfo = item
+            this.$refs.floorMap.init(this.floorInfo.gname)
+            this.init()
+        },
+        additionalColl() {
+            this.show = !this.show
+        },
+        init() {
+            this.loadName = `楼层功能-${this.floorInfo.code}`
+        }
+    },
+    mounted() {
+        this.init()
+        this.$refs.floorMap.init(this.floorInfo.gname)
+    }
+}
+</script>
+<style lang="less">
+.fenbu-box {
+    background: rgba(242, 245, 247, 1);
+    height: calc(100vh - 48px);
+    flex: 1;
+    .eq-title {
+        position: fixed;
+        z-index: 2;
+        top: 92px;
+        left: 242px;
+        width: 140px;
+        height: 32px;
+        background: linear-gradient(270deg, rgba(199, 217, 234, 0) 0%, rgba(199, 217, 234, 1) 100%);
+        box-shadow: -6px 2px 8px 0px rgba(31, 36, 41, 0.1);
+        color: #025baa;
+        font-size: 16px;
+        &::before {
+            width: 2px;
+            height: 16px;
+            background: rgba(2, 91, 170, 1);
+            display: inline-block;
+            content: '';
+            margin-right: 10px;
+            margin-top: 8px;
+        }
+    }
+    .legend-boxs {
+        position: fixed;
+        z-index: 9;
+        right: 32px;
+        top: 155px;
+    }
+    .additional-box {
+        position: relative;
+        .additional {
+            width: 44px;
+            height: 44px;
+            background: rgba(255, 255, 255, 1);
+            box-shadow: 0px 2px 15px 0px rgba(31, 36, 41, 0.08);
+            border-radius: 2px;
+            position: fixed;
+            right: 32px;
+            top: 420px;
+            z-index: 2;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            img {
+                width: 20px;
+                height: 20px;
+            }
+        }
+        .add-img {
+            width: 560px;
+            height: 325px;
+            background: #ffffff;
+            -webkit-box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
+            box-shadow: 0px 2px 8px 0px rgba(31, 36, 41, 0.06);
+            border-radius: 2px;
+            border: 1px solid #e4e5e7;
+            position: absolute;
+            right: 77px;
+            top: 93px;
+            z-index: 2;
+        }
+    }
+}
+</style>