社区感知调整

shuishen

2022-09-20 766f723bfd78dc2861474dcb4e0c002ddf165709

社区感知调整

 src/styles/base/index.scss

@@ -53,4 +53,21 @@
        left: auto !important;
        right: 240px;
    }
}

.resident-details-box {
    .el-dialog {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        width: 320px;
        height: 260px;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);

        .el-dialog__body {
            flex: 1;
        }
    }
}

 src/views/home/index copy.vue

File was deleted

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-20 17:18:22
 * @LastEditTime: 2022-09-20 17:22:42
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 * 
@@ -639,7 +639,7 @@

        // 模型的点击事件
        tilesetClick (e) {
            this.$router.push({ path: '/lyout/house', query: { id: '1' } })
            this.$router.push({ path: '/lyout/house', query: { searchName: 'xxx小区' } })
        },

        houseChange (e) {
@@ -728,7 +728,6 @@
            let arr1 = ['一区', '二区', '三区']
            let arr2 = ['1所', '2所', '3所']
            let arr3 = ['A小区', 'B小区', 'C小区']
            console.log(arr1, arr2, arr3)
            var obj = {}
            for (let i = 0; i < 3; i++) {
                obj[arr1[i]] = {}
@@ -742,23 +741,17 @@
                }
            }
            this.chooseData = obj
            console.log(obj)
        }
    },
    watch: {
        oneSelected (item1, item2) {
            console.log(item2)
            this.twoChooseData = this.chooseData[item1]
            // this.twoSelected = ''
            console.log('twoSelected', this.twoSelected)

        },
        twoSelected (item1, item2) {
            console.log(item2)
            this.threeChooseData = this.twoChooseData[item1]
        },
        threeSelected (newData, oldData) {
            if (this.houseLayerShow == false) {
            if (newData != '' && this.houseLayerShow == false) {
                this.houseLayerShow = true
                this.houseChange(this.houseLayerShow)
            }

 src/views/house/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-20 14:38:38
 * @LastEditTime: 2022-09-20 17:57:24
 * @FilePath: \srs-police-affairs\src\views\house\index.vue
 * @Description: 小区-栋-层-房屋
 * 
@@ -54,7 +54,9 @@
                </div>

                <div class="floor-content">
                    <div class="ridgepole-list"></div>
                    <div class="ridgepole-list">
                        <div v-for="(item, index) in 10" :key="index">{{item}}栋</div>
                    </div>
                    <div class="ridgepole-info">
                        <div class="title">楼栋信息</div>

@@ -130,7 +132,16 @@
                        <!-- 选择单元 -->
                        <div class="condo">
                            <div class="type">选择单元</div>
                            <div class="type-val"></div>
                            <div class="type-val">
                                <el-select size="mini" v-model="apartmentValue" placeholder="请选择">
                                    <el-option
                                        v-for="item in apartmentOptions"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                    ></el-option>
                                </el-select>
                            </div>
                        </div>
                        <div class="legend">
                            <div class="type">人口图例</div>
@@ -189,26 +200,12 @@
                            <div>
                                <div class="title">1层：</div>
                                <div class="detail">
                                    <div>
                                        101
                                        <div class="flow"></div>
                                        <div class="focus"></div>
                                        <div class="warning"></div>
                                    </div>
                                    <div>
                                        102
                                        <div class="flow"></div>
                                        <div class="focus"></div>
                                        <div class="warning"></div>
                                    </div>
                                    <div>
                                        103
                                        <div class="flow"></div>
                                        <div class="focus"></div>
                                        <div class="warning"></div>
                                    </div>
                                    <div>
                                        104
                                    <div
                                        v-for="item,i in 4"
                                        :key="i"
                                        @click="residentDetailsClick(item)"
                                    >
                                        10{{item}}
                                        <div class="flow"></div>
                                        <div class="focus"></div>
                                        <div class="warning"></div>
@@ -256,6 +253,44 @@

            <div class="warning-info" v-show="navType == 2"></div>
        </div>

        <el-dialog
            :title="residentDetailsTitle"
            :modal="true"
            :visible.sync="residentDetailsShow"
            :before-close="residentDetailsClose"
            :close-on-click-modal="true"
            class="resident-details-box"
        >
            <div
                style="display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; height: 100%;"
            >
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>户主</div>
                    <div>XXX</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>联系方式</div>
                    <div>173xxxxxxxx</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>人口数量</div>
                    <div>4</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>上班所在地</div>
                    <div>xx区xx路xxxx有限公司</div>
                </div>
            </div>
        </el-dialog>
    </div>
</template>

@@ -269,14 +304,33 @@
            arr: [{ 'name': '物品遗失', 'time': '2022-1-2', 'type': '入室盗窃', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }, { 'name': '连环追尾', 'time': '2022-2-3', 'type': '交通事故', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }, { 'name': '打群架', 'time': '2022-3-4', 'type': '打架斗殴', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }],
            dialogVisible: false,
            JWdetails: {},

            apartmentOptions: [{
                value: '1',
                label: '1单元'
            }, {
                value: '2',
                label: '2单元'
            }, {
                value: '3',
                label: '3单元'
            }, {
                value: '4',
                label: '4单元'
            }, {
                value: '5',
                label: '5单元'
            }],
            apartmentValue: '1',
            residentDetailsTitle: '',
            residentDetailsShow: false
        }
    },
    created () {

    },
    mounted () {

        this.$nextTick(() => {
            this.searchHouse = this.$route.query.searchName
        })
    },
    updated () {

@@ -292,6 +346,15 @@
        clickData (row) {
            this.dialogVisible = true
            this.JWdetails = this.arr[row.index]
        },

        residentDetailsClick (params) {
            this.residentDetailsTitle = `10${params}住户`
            this.residentDetailsShow = true
        },

        residentDetailsClose () {
            this.residentDetailsShow = false
        },

    }
@@ -378,6 +441,23 @@
            }

            & > .floor-content {
                .ridgepole-list {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;

                    & > div {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 6px 8px;
                        width: 54px;
                        height: 36px;
                        border: 1px solid #ccc;
                        cursor: pointer;
                    }
                }

                .ridgepole-info {
                    .content {
                        display: flex;
@@ -538,6 +618,7 @@
                                    width: 68px;
                                    height: 36px;
                                    border: 1px solid #ccc;
                                    cursor: pointer;

                                    .flow,
                                    .focus,

 src/views/video/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-20 16:39:34
 * @LastEditTime: 2022-09-20 17:46:02
 * @FilePath: \srs-police-affairs\src\views\video\index.vue
 * @Description: 辖区管理
 * 
@@ -60,7 +60,6 @@
        >
            <div
                style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;"
                v-loading="loading"
            >
                <video
                    src="/video/sp.mp4"