九小场所，弹窗显示死数据去除，图片添加点击放大

shuishen

2024-02-19 38e1e12914c083eaf1a721743fb2cdc480bdf693

九小场所，弹窗显示死数据去除，图片添加点击放大

 src/components/siteDialog/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-01-17 16:04:08
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-02-08 17:50:04
 * @LastEditTime: 2024-02-19 16:06:33
 * @FilePath: \srs-police-affairs\src\components\siteDialog\index.vue
 * @Description: 
 * 
@@ -161,7 +161,7 @@
                                </div>
                                <div class="yh-pic-list">
                                    <div class="pic-item" v-for="(pic, picIndex) in getImgUrls(item)" :key="picIndex">
                                        <el-image :src="pic" :fit="fit"></el-image>
                                        <el-image :src="pic" :fit="fit" :preview-src-list="getImgUrls(item)"></el-image>
                                    </div>
                                </div>
                            </div>
@@ -180,7 +180,8 @@
                                <div class="yh-pic-list">
                                    <div class="pic-item" v-for="(pic, picIndex)  in getRectificationImageUrls(item)"
                                        :key="picIndex">
                                        <el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"></el-image>
                                        <el-image :src="pic" :fit="fit"
                                            :preview-src-list="getRectificationImageUrls(item)"></el-image>
                                    </div>
                                </div>
                            </div>
@@ -203,45 +204,6 @@
</template>

<script>
let siteData = [
    {
        name: '恒源宾馆',
        placeId: '1754773877203464194',
        id: '1755491748766367759',
        imageUrls: '/img/1755491748766367759_1.jpg',
        remark: '恒源宾馆208房间安装了防盗窗',
        rectificationImageUrls: '/img/1755491748766367759.png',
        rectificationRemark: '防盗窗上设置了逃生出口'
    },
    {
        name: '自习公寓',
        placeId: '1755041086035197953',
        id: '1755485609337110542',
        imageUrls: '/img/1755485609337110542_1.jpg',
        remark: '二楼一处房间安装了防盗窗',
        rectificationImageUrls: '/img/1755485609337110542.png',
        rectificationRemark: '加固疏散楼梯，增加疏散指示牌'
    },
    {
        name: '阳阳公寓',
        placeId: '1755041085129228290',
        id: '1755520431208087566',
        imageUrls: '/img/1755520431208087566_1.jpg',
        remark: '二楼一处房间安装了防盗窗',
        rectificationImageUrls: '/img/1755520431208087566.jpg',
        rectificationRemark: '拆除防盗窗'
    },
    {
        name: '尚嘉宾馆',
        placeId: '1755041093131960321',
        id: '1755475686263963649',
        imageUrls: '/img/1755475686263963649_1.jpg',
        remark: '尚嘉宾馆二楼8个房间安装了防盗窗',
        rectificationImageUrls: '/img/1755475686263963649.jpg',
        rectificationRemark: '防盗窗上设置了逃生出口'
    },
]

import {
    getPlaceCheckPage,
    getPlaceCheckInfo,
@@ -284,61 +246,37 @@
    computed: {
        getImgUrls () {
            return (item) => {
                let cur = siteData.find(i => i.id == item.id)

                if (cur) {
                    return cur.imageUrls.split(',')
                } else {
                    if (item.imageUrls && item.imageUrls.length > 0) {
                        item.imageUrls = item.imageUrls.split(',').map(ele => {
                            return 'http://10.141.11.11/place/' + ele
                        })
                    }

                    return item.imageUrls
                if (item.imageUrls && item.imageUrls.length > 0) {
                    item.imageUrls = item.imageUrls.split(',').map(ele => {
                        return 'http://10.141.11.11/place/' + ele
                    })
                }

                return item.imageUrls
            }
        },

        getRectificationImageUrls () {
            return (item) => {
                let cur = siteData.find(i => i.id == item.id)

                if (cur) {
                    return cur.rectificationImageUrls.split(',')
                } else {
                    if (item.rectificationImageUrls && item.rectificationImageUrls.length > 0) {
                        item.rectificationImageUrls = item.rectificationImageUrls.split(',').map(ele => {
                            return 'http://10.141.11.11/place/' + ele
                        })
                    }

                    return item.rectificationImageUrls
                if (item.rectificationImageUrls && item.rectificationImageUrls.length > 0) {
                    item.rectificationImageUrls = item.rectificationImageUrls.split(',').map(ele => {
                        return 'http://10.141.11.11/place/' + ele
                    })
                }

                return item.rectificationImageUrls
            }
        },

        getRemark () {
            return (item) => {
                let cur = siteData.find(i => i.id == item.id)

                if (cur) {
                    return cur.remark
                } else {
                    return item.remark
                }
                return item.remark
            }
        },

        getRectificationRemark () {
            return (item) => {
                let cur = siteData.find(i => i.id == item.id)

                if (cur) {
                    return cur.rectificationRemark
                } else {
                    return item.rectificationRemark
                }
                return item.rectificationRemark
            }
        }
    },