弹窗数据修改

guanqb

2022-10-09 2da049c2cbe72070970197611eca8dd86636a0f6

弹窗数据修改

 src/assets/data/villageHouse.js

Diff too large

 src/views/house/index.vue

@@ -287,9 +287,18 @@
                                        :class="[{'chuzu':value.houseType == '出租'},{'zizhu':value.houseType == '自住'},{'kongzhi':value.houseType == '空置'},{'shangye':value.houseType == '商业'}]"
                                    >
                                        {{value.Doorplate}}
                                        <div class="flow" v-show="value.peopleType =='流动人口'"></div>
                                        <div class="focus" v-show="value.peopleType =='重点人员'"></div>
                                        <div class="warning" v-show="value.peopleType =='境外人口'"></div>
                                        <div
                                            class="flow"
                                            v-show="isHaveLiudong(value.householdsDate)"
                                        ></div>
                                        <div
                                            class="focus"
                                            v-show="isHaveZhongdian(value.householdsDate)"
                                        ></div>
                                        <div
                                            class="warning"
                                            v-show="isHaveJingwai(value.householdsDate)"
                                        ></div>
                                    </div>
                                </div>
                            </div>
@@ -401,41 +410,36 @@
            :before-close="residentDetailsClose"
            :close-on-click-modal="true"
            class="resident-details-box"
            width="30%"
        >
            <div
                style="display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; height: 100%;"
            <h3 style="text-align:left;margin:10px 0 10px 0">户主信息</h3>
            <el-table
                :data="houseDate.householdsDate"
                :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                :cell-style="{'text-align':'center','borderColor':'#324e75'}"
            >
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>户主</div>
                    <div>{{houseDate.householderName}}</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>联系方式</div>
                    <div>{{houseDate.telephone}}</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>人口数量</div>
                    <div>{{houseDate.peopleCount}}</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>上班所在地</div>
                    <div>{{houseDate.workplace}}</div>
                </div>
                <div
                    style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;"
                >
                    <div>房屋类型</div>
                    <div>{{houseDate.houseType}}</div>
                </div>
            </div>
                <el-table-column prop="name" label="姓名"></el-table-column>
                <el-table-column prop="peopleType" label="重点人员"></el-table-column>
                <el-table-column prop="nation" label="民族"></el-table-column>
                <el-table-column prop="sex" label="性别"></el-table-column>
                <el-table-column prop="age" label="年龄"></el-table-column>
                <el-table-column prop="telephone" label="电话" width="120"></el-table-column>
                <el-table-column prop="workplace" label="工作地" width="180"></el-table-column>
            </el-table>
            <!-- <h3 style="text-align:left;margin:10px 0 10px 0">户室人员信息</h3> -->
            <!-- <el-table
                :data="houseDate.householdsDate"
                :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                :cell-style="{'text-align':'center','borderColor':'#324e75'}"
            >
                <el-table-column prop="name" label="姓名"></el-table-column>
                <el-table-column prop="peopleType" label="重点人员"></el-table-column>
                <el-table-column prop="nation" label="民族"></el-table-column>
                <el-table-column prop="sex" label="性别"></el-table-column>
                <el-table-column prop="age" label="年龄"></el-table-column>
                <el-table-column prop="telephone" label="电话" width="120"></el-table-column>
                <el-table-column prop="workplace" label="工作地" width="180"></el-table-column>
            </el-table>-->
        </el-dialog>
    </div>
</template>
@@ -546,6 +550,7 @@
            nextFloorShow: true,
            levelList: [],
            houseDate: {},

        }
    },
    created () {
@@ -661,6 +666,16 @@
            this.lastFloorShow = false
            this.levelList = this.ridgepoleNum.unit[value - 1].storey
        },
        isHaveLiudong (arr) {
            return arr.some((item) => { return item.peopleType == '流动人口' })
        },
        isHaveZhongdian (arr) {
            return arr.some((item) => { return item.peopleType == '重点人员' })
        },
        isHaveJingwai (arr) {
            return arr.some((item) => { return item.peopleType == '境外人口' })
        },

    },

    destroyed () {