活动详情

guanqb

2022-12-30 7f898e99b085869278652d4bad0030238aaaeb60

活动详情

 src/styles/media/index.scss

@@ -1464,6 +1464,9 @@
                                height: countSizeVh(44);
                                line-height: countSizeVh(44);
                            }
                            .close {
                                height: countSizeVh(20);
                            }

                            ul {
                                li {
@@ -1479,6 +1482,7 @@
                                    }
                                }
                            }
                           
                        }

                        .second-container {
@@ -1568,6 +1572,14 @@
                                    margin-left: countSizeVw(18, 1920) !important;
                                }
                            }
                            .row-btn-box {
                                height: countSizeVh(30);
                               .el-button {
                                       padding: countSizeVh(7) 20px;
                                       font-size: countSizeVh(14);
                                       border: countSizeVh(1)  solid #2e3fad;
                                   }
                               }
                        }

                        .btn-box {

 src/views/activity/index.vue

@@ -178,6 +178,7 @@
                    </li>
                </ul>
            </div>
            <div class="close" @click="arrangeVisible = false"></div>
        </div>

        <div class="second-container" :class="{ 'spread': boxShow, 'take-back': !boxShow }">
@@ -194,17 +195,43 @@
                <div class="category">活动名称：</div>
                <div class="category-value">{{ activityDetails.name }}</div>
            </div>

            <div class="row-box">
                <div class="category">负责单位：</div>
                <div class="category-value">{{ activityDetails.company }}</div>
            </div>
            <div class="row-box">
                <div class="category">负责人：</div>
                <div class="category-value">{{ activityDetails.person }}</div>
            </div>
            <div class="row-box">
                <div class="category">联系方式：</div>
                <div class="category-value">{{ activityDetails.contact }}</div>
            </div>
            <div class="row-box">
                <div class="category">活动地点：</div>
                <div class="category-value">{{ activityDetails.place }}</div>
            </div>
            <div class="row-box">
                <div class="category">所属辖区：</div>
                <div class="category-value">{{ activityDetails.content }}</div>
            </div>
            <div class="row-box">
                <div class="category">活动时间：</div>
                <div
                    class="category-value"
                >{{ activityDetails.startTime }} 至 {{ activityDetails.endTime }}</div>
            </div>

            <div class="row-box">
                <div class="category">活动内容1：</div>
                <div class="category">活动内容：</div>
                <div class="category-value">{{ activityDetails.content }}</div>
            </div>
            <div class="row-box">
                <div class="category">人数：</div>
                <div class="category-value">{{ activityDetails.number }}</div>
            </div>
            <div class="row-box">
                <div class="category">活动类型：</div>
                <div class="category-value">{{ activityDetails.type }}</div>
            </div>

            <!-- <div class="row-box">
@@ -236,12 +263,12 @@
                </div>
            </div>-->

            <div class="row-box">
            <div class="row-btn-box">
                <el-button @click="arrangeDraw">预案布置</el-button>
            </div>
        </div>

        <div class="plan-control">
        <div class="plan-control" v-show="dialogVisible">
            <div class="row-box">
                <div class="category">应急预案：</div>
                <div class="category-value">
@@ -568,6 +595,7 @@
                getActivityType(activityType[0].id).then(res => {
                    this.activityOptions.push(...res.data.data)
                })
                console.log(this.activityOptions, 2233)
            })
        },

@@ -962,6 +990,7 @@
        // 关闭活动详情弹窗
        closeActivityDetails () {
            this.dialogVisible = false
            this.arrangeVisible = false
            this.currentClickIndex = ''
            this.polylineSwitch = false
            analyseLayer.clear()
@@ -1037,6 +1066,7 @@
        },

        arrangeDraw () {
            console.log(123)
            this.arrangeVisible = true
        },

@@ -1370,6 +1400,19 @@
                }
            }
        }
        .close {
            position: absolute;
            top: 2%;
            right: 2%;
            height: 10px;
            transform: translate(0, -50%);
            cursor: pointer;
        }

        .close::before {
            content: '\e6db';
            font-family: element-icons;
        }
    }

    .second-container {
@@ -1451,6 +1494,19 @@
                flex: 1;
            }
        }
        .row-btn-box {
            height: 30px;
            :deep(.el-button) {
                padding: 7px 20px;
                font-size: 14px;
                color: #fff;
                background-color: rgba(45, 46, 127, 0.8);
                border: 1px solid #2e3fad;
            }
            :deep(.el-button:hover) {
                background-color: rgba(45, 46, 127, 0.5);
            }
        }
    }

    .plan-control {