警情相关更改

shuishen

2023-01-05 12ab2dadb99853277dfa5d17a8090fe208a7599f

 src/components/map/components/mapPopup.vue

@@ -16,6 +16,10 @@
                                    详细信息
                                    <div class="close" @click="closePopup" title="关闭"></div>
                                </div>
                                <div class="change-btn">
                                    <div class="on">接警信息</div>
                                    <div>出警信息</div>
                                </div>
                                <div class="label-content">
                                    <div class="item">
                                        <div>警情类别:</div>
@@ -89,28 +93,6 @@
</script>

<style lang="scss" scoped>
// .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: 100px;
//         text-align: justify;
//         display: inline-block;
//         text-align-last: justify;
//         margin-right: 20px;
//     }

//     &>div:nth-of-type(2) {
//         width: calc(100% - 120px);
//     }
// }

.divForms-dom {
    position: fixed;
    left: 0;
@@ -223,6 +205,52 @@
    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 {
            border-bottom: 2px solid #1831a7;
        }
    }

    .label-content {
        padding: 4px 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: 96px;
                text-align: justify;
                display: inline-block;
                text-align-last: justify;
                margin-right: 20px;
            }

            &>div:nth-of-type(2) {
                width: calc(100% - 120px);
            }
        }

    }

}

.divForms .title {
@@ -254,10 +282,6 @@
    background-image: linear-gradient(135deg,
            transparent 25px,
            #1c309e9a 25px);
}

.divForms .label-content {
    padding: 4px 0;
}

.divForms-theme .arrow,