登录页加版权文字、首页酒店数据对接-弹窗表格筛选和定位弹窗

guanqb

2023-10-09 5d9c852fef51d556a024b3a082339a9a2a33ae33

登录页加版权文字、首页酒店数据对接-弹窗表格筛选和定位弹窗

 src/api/dept/index.js

@@ -377,4 +377,20 @@
            size
        }
    })
}

/**
 * @description:酒店列表
 * @param {*} deptId
 * @param {*} status
 * @param {*} orderName
 * @param {*} orderRule
 * @return {*}
 */
export const getHotelList = (params) => {
    return request({
        url: `/api/hotel/hotel/page`,
        method: 'get',
        params
    })
}

 src/components/map/components/hotelPopup.vue

New file
@@ -0,0 +1,351 @@
<!--
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-02 09:39:32
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-04-01 14:43:39
 * @FilePath: \srs-police-affairs\src\components\map\components\mapSearchPopup.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<template>
    <div>
        <div v-if="hotelPopup" class="divForms-dom" id="hotelPopup">
            <div style="width: 100%; height: 100%; transform: translate(0, 50%);">
                <div class="divForms divForms-theme" :class="{ 'scale-dom': scaleDomFlag }">
                    <div class="divForms-wrap">
                        <div class="area">
                            <div class="arrow-lt"></div>
                            <div class="b-t"></div>
                            <div class="b-r"></div>
                            <div class="b-b"></div>
                            <div class="b-l"></div>
                            <div class="arrow-rb"></div>
                            <div class="label-wrap">
                                <div class="title">
                                    旅馆信息
                                    <div class="close" @click="closePopup" title="关闭"></div>
                                </div>
                                <div class="label-content">
                                    <div class="item">
                                        <div>旅馆名称:</div>
                                        <div>{{ hotelPopupData.hotelName }}</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>
                                </div>
                            </div>
                        </div>
                        <div class="b-t-l"></div>
                        <div class="b-b-r"></div>
                    </div>
                    <div class="arrow"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
    name: 'hotelPopup',

    inject: ["getWidth", 'userInfo'],

    data () {
        return {
            scaleDomFlag: false
        }
    },

    computed: {
        ...mapGetters([
            'hotelPopup',
            'hotelPopupData'
        ])
    },

    mounted () {
        if (this.getWidth() > 7000) {
            this.scaleDomFlag = true
        } else {
            this.scaleDomFlag = false
        }

    },

    methods: {
        closePopup () {
            this.$store.commit('SET_HOTELPOPUP', false)
        },
    }
}
</script>

<style lang="scss" scoped>
.divForms-dom {
    position: fixed;
    left: 0;
    z-index: 1 !important;

    .scale-dom {
        transform: scale(3);
        transform-origin: left;
    }
}

.divForms .arrow {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 45px;
    height: 2px;
    transform: rotate(-45deg) translate(5px, -15px);
    background-color: #28bbf0;
}

.divForms-theme .area {
    background-image: linear-gradient(135deg,
            transparent 30px,
            #1831a79a 30px,
            #3f487ba6 50%,
            transparent 50%),
        linear-gradient(-45deg,
            transparent 30px,
            #1831a79a 30px,
            #3f487ba6 50.1%,
            transparent 50%);
}

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

.divForms-wrap {
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.divForms-theme .b-b,
.divForms-theme .b-b-r,
.divForms-theme .b-l,
.divForms-theme .b-r,
.divForms-theme .b-t,
.divForms-theme .b-t-l {
    background-color: #1831a7;
    box-shadow: 0 0 10px 2px #1831a7;
}

.divForms .b-t {
    position: absolute;
    top: 0;
    left: 44px;
    right: 0;
    height: 1px;
    z-index: 10;
}

.divForms .b-r {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 44px;
    width: 1px;
    z-index: 10;
}

.divForms .b-l {
    position: absolute;
    top: 44px;
    left: 0;
    bottom: 0;
    width: 1px;
    z-index: 10;
}

.divForms .b-b {
    position: absolute;
    left: 0;
    right: 44px;
    bottom: 0;
    height: 1px;
    z-index: 10;
}

.divForms .b-b-r {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 62px;
    transform: rotate(45deg) translate(-52px, 22px);
    z-index: 10;
}

.divForms .b-t-l {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 62px;
    transform: rotate(45deg) translate(52px, -22px);
    z-index: 10;
}

.divForms .label-wrap {
    padding: 0 12px;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;

    .change-btn {
        margin-top: 6px;
        display: flex;
        align-items: center;
        justify-content: space-around;

        &>div {
            width: 36%;
            height: 36px;
            line-height: 36px;
            cursor: pointer;
        }

        &>div.on {
            color: #3d95f3;
            border-bottom: 2px solid #3d95f3;
        }
    }

    .label-content {
        padding: 10px 0;

        .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;
            }

        }

        .item:nth-of-type(6) {
            height: 90px;

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

    .label-content.no-data {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 240px;
    }
}

.divForms .title {
    position: relative;
    margin-top: 20px;
    padding: 0 12px 0 30px;
    height: 36px;
    line-height: 36px;

    .details-btn {
        position: absolute;
        top: 0;
        right: 28px;
        height: 100%;
        cursor: pointer;

        span {
            font-size: 14px;
        }
    }

    .details-btn:hover {
        color: #3d95f3;
    }

    .close {
        position: absolute;
        right: 5px;
        top: 0;
    }

    .close::before {
        font-family: element-icons;
        content: '\e6db';
        cursor: pointer;
        font-size: 16px;
    }

    .close:hover::before {
        color: #3d95f3;
    }
}

.divForms-theme .title {
    background-image: linear-gradient(135deg, transparent 25px, #1c309e9a 25px);
}

.divForms-theme .arrow,
.divForms-theme .title::before {
    background-color: #1c309e;
}

.divForms .title::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    z-index: 10;
    height: 2px;
}
</style>

 src/components/map/index.vue

@@ -96,6 +96,8 @@

        <business-data-popup></business-data-popup>

        <hotel-popup></hotel-popup>

        <y-tool-tip></y-tool-tip>

        <assemble-box></assemble-box>
@@ -173,6 +175,7 @@
import videoRowClickPopup from './components/videoRowClickPopup.vue'
import mapSearchPopup from './components/mapSearchPopup.vue'
import houseDeepDataPopup from './components/houseDeepDataPopup.vue'
import hotelPopup from './components/hotelPopup.vue'
import businessDataPopup from './components/businessDataPopup.vue'
import yToolTip from './components/yToolTip.vue'
import createTools from '@/utils/tools/index'
@@ -184,7 +187,7 @@
export default {
    name: 'mapBox',

    components: { mapPopup, architecturePopup, activityPolicePopup, videoListPopup, mapSearchPopup, houseDeepDataPopup, businessDataPopup, yToolTip, videoRowClickPopup },
    components: { mapPopup, architecturePopup, activityPolicePopup, videoListPopup, mapSearchPopup, houseDeepDataPopup, hotelPopup, businessDataPopup, yToolTip, videoRowClickPopup },

    data () {
        return {

 src/store/getters.js

@@ -25,6 +25,8 @@
    houseDeepDataPopupData: (state) => state.popupParams.houseDeepDataPopupData,
    businessDataPopup: (state) => state.popupParams.businessDataPopup,
    businessDataPopupData: (state) => state.popupParams.businessDataPopupData,
    hotelPopup: (state) => state.popupParams.hotelPopup,
    hotelPopupData: (state) => state.popupParams.hotelPopupData,
    videoRowClickPopup: (state) => state.popupParams.videoRowClickPopup,
    videoRowClickPopupData: (state) => state.popupParams.videoRowClickPopupData,
    isShowHomeContent: (state) => state.popupParams.isShowHomeContent,

 src/store/modules/popupParams.js

@@ -38,6 +38,9 @@
        businessDataPopup: false,
        businessDataPopupData: {},

        hotelPopup: false,
        hotelPopupData: {},

        isShowHomeContent: true,
        isShowHomeContentBtn: true,
    },
@@ -98,6 +101,14 @@
            state.businessDataPopupData = businessDataPopupData
        },

        SET_HOTELPOPUP (state, hotelPopup) {
            state.hotelPopup = hotelPopup
        },

        SET_HOTELPOPUPDATA (state, hotelPopupData) {
            state.hotelPopupData = hotelPopupData
        },

        SET_VIDEOROWCLICKPOPUP (state, videoRowClickPopup) {
            state.videoRowClickPopup = videoRowClickPopup
        },

 src/views/home/components/leftContainer.vue

@@ -148,7 +148,7 @@
import { serviceObjJSON } from '../homeleft/serviceObj'
import { difficultyJSON } from '../homeleft/difficulty'

import { getVillagePersonStatisticInfo, getVillagePersonStatisticInfoByPoliceStationId, getPersonInfo, getPersonInfoPage, getHouseStatisticInfo } from "@/api/dept"
import { getVillagePersonStatisticInfo, getVillagePersonStatisticInfoByPoliceStationId, getPersonInfo, getPersonInfoPage, getHouseStatisticInfo, getHotelList } from "@/api/dept"

let homePersonmyChart = null
let keyPersonmyChart = null
@@ -198,16 +198,6 @@
            policeStaionID: '',
            peopleLoading: false,
            personEchartsHeight: '100%',
            syldPage: {
                total: 0,
                pageSize: 15,
                currentPage: 1
            },
            gzcsPage: {
                total: 0,
                pageSize: 15,
                currentPage: 1
            },
            syldBigType: '',
            syldName: '',
            gzcsType: '',
@@ -217,9 +207,6 @@
            isFirstMounted: true,
            clickPoliceStationId: '',
        }
    },

    created () {
    },

    mounted () {
@@ -240,6 +227,18 @@
    },

    methods: {
        // 酒店列表
        getHotelList () {
            getHotelList({ deptId: this.$parent.areaChangeValue, orderName: 'hotel_name', hotelName: this.$parent.zhuSuName, orderRule: 'asc', size: this.$parent.zhuSuPage.pageSize, current: this.$parent.zhuSuPage.currentPage }).then(res => {
                console.log(res.data.data.records, 'getHotelList-1234')
                this.$parent.zhuSuPage.total = res.data.data.total
                this.$parent.zhuSuArr = res.data.data.records
                setTimeout(() => {
                    this.$parent.zhuSuLoading = false
                }, 500)
            })
        },

        // 设备饼图轮播
        keyPeopleEchartsCarousel () {
            let curIndex = 0
@@ -762,7 +761,7 @@
        // 实有住宅统计
        getVillageStatisticData (params) {
            getVillageStatisticData(params).then(res => {
                console.log('getVillageStatisticData', params)
                console.log('getVillageStatisticData', params, res)
                this.disposeHouseEchart()
                let xDate = []
                let yDate = []
@@ -791,7 +790,7 @@

        // 实有住宅详情
        getVillageStatisticDetail () {
            getVillageStatisticDetail({ deptId: this.userInfo.dept_id, bigType: this.syldBigType, name: this.syldName, current: this.syldPage.currentPage, size: this.syldPage.pageSize }).then(res => {
            getVillageStatisticDetail({ deptId: this.userInfo.dept_id, bigType: this.syldBigType, name: this.syldName, current: this.$parent.syldPage.currentPage, size: this.$parent.syldPage.pageSize }).then(res => {
                console.log('getVillageStatisticDetail', res, res.data.data.records)
                this.$parent.syldPage.total = res.data.data.total
                this.$parent.syldArr = res.data.data.records
@@ -833,7 +832,7 @@

        // 关注场所详情
        getPlaceOfConcernStatisticDetail () {
            getPlaceOfConcernStatisticDetail({ deptId: this.userInfo.dept_id, type: this.gzcsType, unitName: this.gzcsUnitName, person: this.gzcsPerson, phone: this.gzcsPhone, current: this.gzcsPage.currentPage, size: this.gzcsPage.pageSize }).then(res => {
            getPlaceOfConcernStatisticDetail({ deptId: this.userInfo.dept_id, type: this.gzcsType, unitName: this.gzcsUnitName, person: this.gzcsPerson, phone: this.gzcsPhone, current: this.$parent.gzcsPage.currentPage, size: this.$parent.gzcsPage.pageSize }).then(res => {
                console.log('getPlaceOfConcernStatisticDetail', res, res.data.data.records)
                this.$parent.gzcsPage.total = res.data.data.total
                this.$parent.gzcsArr = res.data.data.records
@@ -1120,18 +1119,25 @@
                }

                if (type == '实有住宅') {
                    this.syldPage.currentPage = 1
                    this.$parent.syldPage.currentPage = 1
                    this.$parent.syldPopupTitle = params.name
                    this.syldBigType = params.name
                    this.syldName = ''
                    this.$parent.syldArr = []
                    this.$parent.syldPopupShow = true
                    this.$parent.syldLoading = true
                    this.getVillageStatisticDetail()
                    if (params.name == '住宿服务') {
                        this.$parent.zhuSuPage.currentPage = 1
                        this.$parent.zhuSuPopupShow = true
                        this.$parent.zhuSuLoading = true
                        this.getHotelList()

                    } else {
                        this.$parent.syldPage.currentPage = 1
                        this.$parent.syldPopupTitle = params.name
                        this.syldBigType = params.name
                        this.syldName = ''
                        this.$parent.syldArr = []
                        this.$parent.syldPopupShow = true
                        this.$parent.syldLoading = true
                        this.getVillageStatisticDetail()
                    }

                } else {
                    console.log('关注场所')
                    this.gzcsPage.currentPage = 1
                    this.$parent.gzcsPage.currentPage = 1
                    this.gzcsType = params.name
                    this.gzcsUnitName = ''

 src/views/home/index.vue

@@ -517,6 +517,57 @@
            </div>
        </el-dialog>

        <el-dialog title="住宿服务" :visible.sync="zhuSuPopupShow" :modal="true" :modal-append-to-body="false"
            :close-on-click-modal="false" class="syld-details-box" v-loading="zhuSuLoading" element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="header">
                <div>
                    旅馆名称：
                    <input type="text" v-model="zhuSuName" placeholder="请输入单位名称" />
                </div>
                <div>
                    辖区选择：
                    <el-select style="flex: 1;" size="small" v-model="areaChangeValue" placeholder="请选择">
                        <el-option v-for="item in areaListData" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </div>

                <el-button type="primary" icon="el-icon-search" @click="searchZhuSuDetail">搜索</el-button>
                <el-button type="primary" icon="el-icon-delete" @click="clearZhuSuSearchValue">清空</el-button>
            </div>
            <el-table :data="zhuSuArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }">
                <el-table-column :show-overflow-tooltip="true" prop="hotelName" label="旅馆名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="legalRepresentative" label="法定代表人"
                    width="100"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="legalRepresentativePhone" label="法定代表人电话"
                    width="120"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="receptionTel" label="总台电话"
                    width="120"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="hotelAddress" label="旅馆地址"></el-table-column>
                <el-table-column label="状态" align="center" width="50">
                    <template slot-scope="scope">
                        <span>{{ scope.row.status == 1 ? '开业' : '停业' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="操作" align="center" width="50">
                    <template slot-scope="scope">
                        <el-button :disabled="positionDisabled(scope.row)" @click="zhuSuClick(scope.row)" type="text"
                            size="small" :title="'定位'">
                            <i class="el-icon-location" :style="{ color: positionColor(scope.row) }"></i>
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="syld_page all-pagination-sty">
                <el-pagination background layout="prev, pager, next, total" :page-size="zhuSuPage.pageSize"
                    :total="zhuSuPage.total" :current-page="zhuSuPage.currentPage"
                    @current-change="handleZhuSuPageChange"></el-pagination>
            </div>
        </el-dialog>

        <land-details-box ref="landDetailsBox" :policeStaionID="policeStaionID"></land-details-box>
        <area-details-box ref="areaDetailsBox" :policeStaionID="policeStaionID"></area-details-box>
        <key-person-box ref="keyPersonBox" :policeStaionID="policeStaionID"></key-person-box>
@@ -774,6 +825,78 @@
            gzcsUnitName: '',
            gzcsPerson: '',
            gzcsPhone: '',
            zhuSuArr: [],
            zhuSuPopupShow: false,
            zhuSuLoading: false,
            zhuSuPage: {
                total: 0,
                pageSize: 15,
                currentPage: 1
            },
            areaChangeValue: '1123598813738675201',
            areaListData: [
                {
                    label: '信州分局',
                    value: '1123598813738675201'
                },
                {
                    label: '东市派出所',
                    value: '1596019492522426369'
                },
                {
                    label: '水南派出所',
                    value: '1596020272834936833'
                },
                {
                    label: '西市派出所',
                    value: '1596020342712041474'
                },
                {
                    label: '北门派出所',
                    value: '1596020390174785537'
                },
                {
                    label: '车站派出所',
                    value: '1596020461461176321'
                },
                {
                    label: '茅家岭派出所',
                    value: '1596020515064381442'
                },
                {
                    label: '沙溪派出所',
                    value: '1596020574275371010'
                },
                {
                    label: '朝阳派出所',
                    value: '1596020623172567041'
                },
                {
                    label: '灵溪派出所',
                    value: '1596020683096588290'
                },
                {
                    label: '秦峰派出所',
                    value: '1596020727883366401'
                },
                {
                    label: '凤凰派出所',
                    value: '1596020775790706690'
                },
                {
                    label: '石狮派出所',
                    value: '1614543582897971202'
                },
                {
                    label: '大院派出所',
                    value: '1614543698551709698'
                },
                {
                    label: '师院派出所',
                    value: '1614543791782699010'
                }
            ],
            zhuSuName: '',
        }
    },

@@ -1026,12 +1149,36 @@
            this.gzcsPopupShow = false
        },

        // 实有楼栋---酒店--点击事件
        zhuSuClick (row) {
            console.log('zhuSuClick', row)
            this.$EventBus.$emit('toPosition', {
                siteJd: row.longitude,
                siteWd: row.latitude,
                siteGd: 200
            })
            this.$store.commit('SET_HOTELPOPUP', true)
            this.$store.commit('SET_HOTELPOPUPDATA', { ...row })
            var popup = new global.DC.DivForms(global.viewer, {
                domId: 'hotelPopup',
                position: [
                    global.DC.Transform.transformWGS84ToCartesian(
                        new global.DC.Position(
                            Number(row.longitude),
                            Number(row.latitude),
                            0
                        )
                    )
                ]
            })
            this.zhuSuPopupShow = false
        },

        // 实有楼栋分页事件
        handleSyldPageChange (current) {
            this.syldLoading = true
            this.syldArr = []
            this.syldPage.currentPage = current
            this.$refs.leftContainer.syldPage.currentPage = this.syldPage.currentPage
            this.$refs.leftContainer.getVillageStatisticDetail()
        },

@@ -1040,7 +1187,6 @@
            this.syldLoading = true
            this.syldArr = []
            this.$refs.leftContainer.syldName = this.syldName
            this.$refs.leftContainer.syldPage.currentPage = 1
            this.syldPage.currentPage = 1
            this.$refs.leftContainer.getVillageStatisticDetail()
        },
@@ -1051,7 +1197,6 @@
            this.syldArr = []
            this.$refs.leftContainer.syldName = ''
            this.syldName = ''
            this.$refs.leftContainer.syldPage.currentPage = 1
            this.syldPage.currentPage = 1
            this.$refs.leftContainer.getVillageStatisticDetail()
        },
@@ -1061,8 +1206,15 @@
            this.gzcsLoading = true
            this.gzcsArr = []
            this.gzcsPage.currentPage = current
            this.$refs.leftContainer.gzcsPage.currentPage = this.gzcsPage.currentPage
            this.$refs.leftContainer.getPlaceOfConcernStatisticDetail()
        },

        // 实有楼栋---酒店===分页事件
        handleZhuSuPageChange (current) {
            this.zhuSuLoading = true
            this.zhuSuArr = []
            this.zhuSuPage.currentPage = current
            this.$refs.leftContainer.getHotelList()
        },

        // 关注场所搜索事件
@@ -1072,7 +1224,6 @@
            this.$refs.leftContainer.gzcsUnitName = this.gzcsUnitName
            this.$refs.leftContainer.gzcsPerson = this.gzcsPerson
            this.$refs.leftContainer.gzcsPhone = this.gzcsPhone
            this.$refs.leftContainer.gzcsPage.currentPage = 1
            this.gzcsPage.currentPage = 1
            this.$refs.leftContainer.getPlaceOfConcernStatisticDetail()
        },
@@ -1087,9 +1238,26 @@
            this.gzcsUnitName = ''
            this.gzcsPerson = ''
            this.gzcsPhone = ''
            this.$refs.leftContainer.gzcsPage.currentPage = 1
            this.gzcsPage.currentPage = 1
            this.$refs.leftContainer.getPlaceOfConcernStatisticDetail()
        },

        // 关注场所--酒店---搜索事件
        searchZhuSuDetail () {
            this.zhuSuLoading = true
            this.zhuSuArr = []
            this.zhuSuPage.currentPage = 1
            this.$refs.leftContainer.getHotelList()
        },

        // 关注场所--酒店---清空事件
        clearZhuSuSearchValue () {
            this.zhuSuLoading = true
            this.zhuSuArr = []
            this.zhuSuPage.currentPage = 1
            this.zhuSuName = ''
            this.areaChangeValue = '1123598813738675201'
            this.$refs.leftContainer.getHotelList()
        },

        landRowClick (row) {
@@ -2834,5 +3002,9 @@
            }
        }
    }

    :deep(.el-input--suffix .el-input__inner) {
        padding-right: 30px;
    }
}
</style>

 src/views/login/index.vue

@@ -48,6 +48,9 @@
                </el-form-item>
            </el-form>
        </div>
        <div class="copyright-box">
            版权所有：上饶市公安局信州分局 &nbsp;&nbsp;技术支持：上饶市公安局信州分局科信大队
        </div>
    </div>
</template>

@@ -214,6 +217,15 @@
        }
    }

    .copyright-box {
        position: absolute;
        color: #fff;
        font-size: 14px;
        bottom: 1%;
        right: 1%;
        text-align: left;
    }

    // .title {
    //     width: 1389px;
    //     height: 115px;