社区感知基本信息切换、楼栋数据简化

guanqb

2022-10-13 cb22d2f90e141d5a22bbbb6dec21eeb600fdf09d

社区感知基本信息切换、楼栋数据简化

 src/assets/data/villageHouse.js

Diff too large

 src/views/house/index.vue

@@ -72,7 +72,7 @@
                    <div class="sub-nav" :class="{on:subNavType == 4}" @click="subNavType = 4">商业</div>
                </div>

                <div class="floor-content">
                <div class="floor-content" v-show="subNavType == 1">
                    <div class="build-info">
                        <div class="nextBtn" @click="lastBtn" v-show="lastBtnShow==true">
                            <i class="el-icon-caret-left"></i>
@@ -185,7 +185,7 @@
                                    @change="chooseUnit"
                                >
                                    <el-option
                                        v-for="item in ridgepoleNum.unit"
                                        v-for="item in ridgepoleNum1.unit"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
@@ -305,9 +305,45 @@
                        </div>
                    </div>
                </div>
                <div class="come-out-content"></div>
                <div class="park-content"></div>
                <div class="business-content"></div>
                <div class="come-out-content" v-show="subNavType == 2">
                    <el-table
                        :data="comeoutArr"
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                        :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                        :row-class-name="tableRowClassName"
                    >
                        <el-table-column prop="name" label="名称" width="130"></el-table-column>
                        <el-table-column prop="position" label="位置" width="150"></el-table-column>
                        <el-table-column prop="type" label="类别" width="120"></el-table-column>
                    </el-table>
                </div>
                <div class="park-content" v-show="subNavType == 3">
                    <el-table
                        :data="parkArr"
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                        :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                        :row-class-name="tableRowClassName"
                    >
                        <el-table-column prop="name" label="名称" width="130"></el-table-column>
                        <el-table-column prop="position" label="位置" width="150"></el-table-column>
                        <el-table-column prop="type" label="类别" width="120"></el-table-column>
                    </el-table>
                </div>
                <div class="business-content" v-show="subNavType == 4">
                    <el-table
                        :data="businessArr"
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                        :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                        :row-class-name="tableRowClassName"
                    >
                        <el-table-column prop="name" label="名称" width="130"></el-table-column>
                        <el-table-column prop="position" label="位置" width="150"></el-table-column>
                        <el-table-column prop="type" label="类别" width="120"></el-table-column>
                    </el-table>
                </div>
            </div>

            <div class="police-info" v-show="navType == 1">
@@ -453,6 +489,7 @@
    data () {
        return {
            ridgepoleNum: {},
            ridgepoleNum1: {},
            searchHouse: '',
            navType: 0,
            arr: [
@@ -519,6 +556,9 @@
                    rank: '一般'
                }
            ],
            comeoutArr: [{ name: '入口1', position: '北门', type: '正门' }, { name: '入口2', position: '南门', type: '后门' }, { name: '入口3', position: '西门', type: '侧门' }],
            parkArr: [{ name: '停车场1', position: '北门', type: '地面停车场' }, { name: '停车场2', position: '南门', type: '地面停车场' }, { name: '停车场3', position: '西门', type: '地下停车场' }],
            businessArr: [{ name: '商铺1', position: '北门', type: '超市' }, { name: '商铺2', position: '南门', type: '水果店' }, { name: '商铺3', position: '西门', type: '快递站' }],
            arrTitle: [{ title: '警务名称' }, { title: '警务时间' }, { title: '警务类型' }, { title: '责任警员' }, { title: '涉案金额' }, { title: '所属辖区' }, { title: '处理时长' }, { title: '案件级别' }],
            dialogVisible: false,
            villageHousesList: [],
@@ -550,13 +590,13 @@
            nextFloorShow: true,
            levelList: [],
            houseDate: {},

        }
    },
    created () {
        this.villageHousesList = villageHousesList
        this.ridgepoleNum = this.villageHousesList[0]
        this.levelList = this.ridgepoleNum.unit[0].storey
        this.ridgepoleNum1 = this.villageHousesList[0]
        this.levelList = this.ridgepoleNum1.unit[0].storey
    },
    mounted () {
        this.$nextTick(() => {
@@ -664,7 +704,7 @@
            this.floorsType = 1
            document.querySelector(".floor-num").style.left = '0px'
            this.lastFloorShow = false
            this.levelList = this.ridgepoleNum.unit[value - 1].storey
            this.levelList = this.ridgepoleNum1.unit[value - 1].storey
        },
        isHaveLiudong (arr) {
            return arr.some((item) => { return item.peopleType == '流动人口' })