首页酒店弹窗修改

guanqb

2023-10-10 3097803584f39da29e34cfe16b6b75010223945c

首页酒店弹窗修改

 src/components/map/components/hotelPopup.vue

@@ -26,32 +26,109 @@
                                    旅馆信息
                                    <div class="close" @click="closePopup" title="关闭"></div>
                                </div>
                                <div class="label-content">
                                    <div class="item">
                                        <div>旅馆名称:</div>
                                        <div>{{ hotelPopupData.hotelName }}</div>
                                <div class="lable-box">
                                    <div class="label-content">
                                        <div class="item">
                                            <div>旅馆代码:</div>
                                            <div>{{ hotelPopupData.hotelCode }}</div>
                                        </div>
                                        <div class="item">
                                            <div>旅馆名称:</div>
                                            <div>{{ hotelPopupData.hotelName }}</div>
                                        </div>
                                        <div class="item">
                                            <div>状态:</div>
                                            <div>{{ hotelPopupData.status == 1 ? '开业' : '停业' }}</div>
                                        </div>
                                        <div class="item">
                                            <div>备案时间:</div>
                                            <div>{{ hotelPopupData.filingTime }}</div>
                                        </div>
                                        <div class="item">
                                            <div>法人:</div>
                                            <div>{{ hotelPopupData.legalRepresentative }}</div>
                                        </div>
                                        <div class="item">
                                            <div>法人身份证号:</div>
                                            <div>{{ hotelPopupData.legalRepresentativeCard }}</div>
                                        </div>
                                        <div class="item">
                                            <div>负责人:</div>
                                            <div>{{ hotelPopupData.principal }}</div>
                                        </div>
                                        <div class="item">
                                            <div>前台经理:</div>
                                            <div>{{ hotelPopupData.receptionManager }}</div>
                                        </div>
                                        <div class="item">
                                            <div>法人电话:</div>
                                            <div>{{ hotelPopupData.legalRepresentativePhone }}</div>
                                        </div>
                                        <div class="item">
                                            <div>总台电话:</div>
                                            <div>{{ hotelPopupData.receptionTel }}</div>
                                        </div>
                                        <div class="item">
                                            <div>保安部电话:</div>
                                            <div>{{ hotelPopupData.securityTel }}</div>
                                        </div>
                                        <div class="item">
                                            <div>旅馆地址:</div>
                                            <div>{{ hotelPopupData.hotelAddress }}</div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div>法定代表人:</div>
                                        <div>{{ hotelPopupData.legalRepresentative }}</div>
                                    </div>
                                    <div class="item">
                                        <div>法定代表人电话:</div>
                                        <div>{{ hotelPopupData.legalRepresentativePhone }}</div>
                                    </div>
                                    <div class="item">
                                        <div>总台电话:</div>
                                        <div>{{ hotelPopupData.receptionTel }}</div>
                                    </div>
                                    <div class="item">
                                        <div>状态:</div>
                                        <div>{{ hotelPopupData.status == 1 ? '开业' : '停业' }}</div>
                                    </div>
                                    <div class="item">
                                        <div>旅馆地址:</div>
                                        <div>{{ hotelPopupData.hotelAddress }}</div>
                                    <div class="label-content">
                                        <div class="item">
                                            <div>治安负责人:</div>
                                            <div>{{ hotelPopupData.publicSecurityPrincipal }}</div>
                                        </div>
                                        <div class="item">
                                            <div>保安人数:</div>
                                            <div>{{ hotelPopupData.securityNum }}</div>
                                        </div>
                                        <div class="item">
                                            <div>从业人数:</div>
                                            <div>{{ hotelPopupData.getJobNum }}</div>
                                        </div>
                                        <div class="item">
                                            <div>外来打工人数:</div>
                                            <div>{{ hotelPopupData.migrantWorkNum }}</div>
                                        </div>
                                        <div class="item">
                                            <div>房间数:</div>
                                            <div>{{ hotelPopupData.roomNum }}</div>
                                        </div>
                                        <div class="item">
                                            <div>床位数:</div>
                                            <div>{{ hotelPopupData.bed }}</div>
                                        </div>
                                        <div class="item">
                                            <div>星级:</div>
                                            <div>{{ hotelPopupData.starLevel }}</div>
                                        </div>
                                        <div class="item">
                                            <div>套房:</div>
                                            <div>{{ hotelPopupData.suite }}</div>
                                        </div>
                                        <div class="item">
                                            <div>标准房:</div>
                                            <div>{{ hotelPopupData.standard }}</div>
                                        </div>
                                        <div class="item">
                                            <div>双人房:</div>
                                            <div>{{ hotelPopupData.two }}</div>
                                        </div>
                                        <div class="item">
                                            <div>单人房:</div>
                                            <div>{{ hotelPopupData.one }}</div>
                                        </div>
                                        <div class="item">
                                            <div>其他房型:</div>
                                            <div>{{ hotelPopupData.rests }}</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="b-t-l"></div>
@@ -139,7 +216,8 @@

.divForms .area {
    position: relative;
    min-width: 360px;
    // min-width: 360px;
    min-width: 720px;
}

.divForms-wrap {
@@ -240,37 +318,53 @@
        }
    }

    .label-content {
        padding: 10px 0;
    .lable-box {
        display: flex;

        .item {
            display: flex;
            flex-direction: row;
            width: calc(100% - 20px);
            height: 30px;
            line-height: 30px;
            margin: 0 10px;
            text-align: left;
        .label-content {
            width: 50%;
            padding: 10px 0;

            &>div:first-child {
                width: 112px;
                text-align: justify;
                display: inline-block;
                text-align-last: justify;
                margin-right: 20px;
            .item {
                display: flex;
                flex-direction: row;
                width: calc(100% - 20px);
                height: 30px;
                line-height: 30px;
                margin: 0 10px;
                text-align: left;

                &>div:first-child {
                    width: 112px;
                    text-align: justify;
                    display: inline-block;
                    text-align-last: justify;
                    margin-right: 20px;
                }

                &>div:nth-of-type(2) {
                    width: calc(100% - 120px);
                    max-width: 190px;
                    // overflow: hidden;
                    // text-overflow: ellipsis;
                    // white-space: nowrap;
                }

            }

            &>div:nth-of-type(2) {
                width: calc(100% - 120px);
                max-width: 190px;
                // overflow: hidden;
                // text-overflow: ellipsis;
                // white-space: nowrap;
            }
            // .item:nth-of-type(6) {
            //     height: 90px;

            //     &>div:nth-of-type(2) {
            //         word-wrap: break-word;
            //         white-space: break-spaces;
            //         width: 190px;
            //     }
            // }

        }

        .item:nth-of-type(6) {
        .label-content:nth-of-type(1) .item:nth-last-child(1) {
            height: 90px;

            &>div:nth-of-type(2) {
@@ -281,6 +375,7 @@
        }
    }


    .label-content.no-data {
        display: flex;
        align-items: center;

 src/views/home/components/leftContainer.vue

@@ -1126,6 +1126,7 @@
                        this.getHotelList()

                    } else {
                        this.$store.commit('SET_HOTELPOPUP', false)//关闭酒店地图详情弹窗
                        this.$parent.syldPage.currentPage = 1
                        this.$parent.syldPopupTitle = params.name
                        this.syldBigType = params.name
@@ -1138,6 +1139,7 @@

                } else {
                    console.log('关注场所')
                    this.$store.commit('SET_HOTELPOPUP', false)//关闭酒店地图详情弹窗
                    this.$parent.gzcsPage.currentPage = 1
                    this.gzcsType = params.name
                    this.gzcsUnitName = ''
@@ -1563,7 +1565,7 @@

    destroyed () {
        window.removeEventListener("resize", this.echartsResize)

        this.$store.commit('SET_HOTELPOPUP', false)//关闭酒店地图详情弹窗
        this.disposeEchart()
        this.disposeHouseEchart()
        this.disposeLandEchart()

 src/views/home/index.vue

@@ -523,7 +523,7 @@
            <div class="header">
                <div>
                    旅馆名称：
                    <input type="text" v-model="zhuSuName" placeholder="请输入单位名称" />
                    <input type="text" v-model="zhuSuName" placeholder="请输入旅馆名称" />
                </div>
                <div>
                    辖区选择：