From 21a8b81bb23c4096bf6138eab3e4980668fbd836 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 03 May 2023 22:39:41 +0800
Subject: [PATCH] 活动详情可控制显示隐藏
---
src/views/activity/components/layersShowControl.vue | 39 +++++++++++++++++++++++++++------------
1 files changed, 27 insertions(+), 12 deletions(-)
diff --git a/src/views/activity/components/layersShowControl.vue b/src/views/activity/components/layersShowControl.vue
index 99f6c21..850fff1 100644
--- a/src/views/activity/components/layersShowControl.vue
+++ b/src/views/activity/components/layersShowControl.vue
@@ -2,7 +2,7 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-25 14:31:44
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2023-03-25 17:32:34
+ * @LastEditTime: 2023-05-03 22:33:49
* @FilePath: \srs-police-affairs\src\views\activity\components\layersShowControl.vue
* @Description:
*
@@ -10,28 +10,43 @@
-->
<template>
<div>
- <div class="plan-control" v-show="dialogVisible && (isHavePolice || isHaveArrow || isHaveLine)">
+ <div
+ class="plan-control"
+ v-show="dialogVisible && (isHavePolice || isHaveArrow || isHaveLine)"
+ >
<div class="row-box" v-show="isHavePolice">
<div class="category">要素资源：</div>
<div class="category-value">
- <el-switch v-model="policeSwitch" @change="switchChange" active-color="#13ce66"
- inactive-color="#ccc"></el-switch>
+ <el-switch
+ v-model="policeSwitch"
+ @change="switchChange"
+ active-color="#13ce66"
+ inactive-color="#ccc"
+ ></el-switch>
</div>
</div>
<div class="row-box" v-show="isHaveArrow">
<div class="category">作战标绘：</div>
<div class="category-value">
- <el-switch v-model="arrowBtnSwitch" @change="switchArrowBtnChange" active-color="#13ce66"
- inactive-color="#ccc"></el-switch>
+ <el-switch
+ v-model="arrowBtnSwitch"
+ @change="switchArrowBtnChange"
+ active-color="#13ce66"
+ inactive-color="#ccc"
+ ></el-switch>
</div>
</div>
<div class="row-box" v-show="isHaveLine">
<div class="category">巡逻路线：</div>
<div class="category-value">
- <el-switch v-model="polylineBtnSwitch" @change="switchBtnChange" active-color="#13ce66"
- inactive-color="#ccc"></el-switch>
+ <el-switch
+ v-model="polylineBtnSwitch"
+ @change="switchBtnChange"
+ active-color="#13ce66"
+ inactive-color="#ccc"
+ ></el-switch>
</div>
</div>
</div>
@@ -78,13 +93,13 @@
<style lang="scss" scoped>
.plan-control {
position: fixed;
- top: 150px;
- right: 450px;
+ top: 90px;
+ right: 0px;
width: 180px;
padding: 10px;
color: #fff;
background-color: $bg-color;
- border-radius: 8px;
+ border-radius: 8px 0 0 8px;
z-index: 98;
.row-box {
@@ -92,7 +107,7 @@
line-height: 28px;
display: flex;
- &>div {
+ & > div {
text-align: left;
}
--
Gitblit v1.9.3