|
|
@@ -161,7 +161,7 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- <div v-show="firstshow">
|
|
|
+ <div class="timedlgheader" v-show="firstshow">
|
|
|
<div class="timedlg" v-show="timeshow">
|
|
|
<div class="closeimg" @click="timeshow = false"><el-image :src="closeimg" fit="contain"
|
|
|
style="margin-top: -10px;"></el-image></div>
|
|
|
@@ -192,7 +192,19 @@
|
|
|
</div>
|
|
|
|
|
|
</el-dialog> -->
|
|
|
+
|
|
|
+ <div class="setiao" v-if="valueswitch==true">
|
|
|
+ <div class="itemcolor" v-for="(item,index) in itemcolorlist" :key="index" >
|
|
|
+ <div class="yansekuang" :style="{ backgroundColor: item.color }"></div>
|
|
|
+ <span>{{item.name}} </span>
|
|
|
+ </div>
|
|
|
+ <!-- <ul>
|
|
|
+ <li>
|
|
|
+ <div ></div>
|
|
|
+ </li>
|
|
|
+ </ul> -->
|
|
|
</div>
|
|
|
+</div>
|
|
|
<htmldialog ref="htmldialogref" :classradio="props.classradio" :isshow='isshow' @funidshow="funidshow"/>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
@@ -276,6 +288,24 @@ const props = defineProps({
|
|
|
// default: '',activeIndex
|
|
|
},
|
|
|
})
|
|
|
+let itemcolorlist=ref([
|
|
|
+ {
|
|
|
+ name:'安全区 ',
|
|
|
+ color:'#008003'
|
|
|
+},
|
|
|
+{
|
|
|
+ name:'感知区 ',
|
|
|
+ color:'#6eaa00'
|
|
|
+},
|
|
|
+{
|
|
|
+ name:'二级警告 ',
|
|
|
+ color:'#d48f00'
|
|
|
+},
|
|
|
+{
|
|
|
+ name:'一级警告 ',
|
|
|
+ color:'#ff0000'
|
|
|
+},
|
|
|
+])
|
|
|
let classradio=ref();
|
|
|
const job = ref({
|
|
|
jid: 0, // 任务ID
|
|
|
@@ -1047,11 +1077,11 @@ align-items: center;
|
|
|
padding: 10px 20px !important;
|
|
|
}
|
|
|
.timedlg{
|
|
|
- width: 200px;
|
|
|
+ /* width: 200px;
|
|
|
position: absolute;
|
|
|
right: 1.8229rem;
|
|
|
top: 77px;
|
|
|
- z-index: 1111;
|
|
|
+ z-index: 1111; */
|
|
|
background-color: rgba(0, 102, 201, 0.5);
|
|
|
border-radius: 10px;
|
|
|
padding: 15px;
|
|
|
@@ -1064,4 +1094,28 @@ align-items: center;
|
|
|
line-height: 35px;
|
|
|
padding-left: 11px
|
|
|
}
|
|
|
+.yansekuang{
|
|
|
+ width: 50px;
|
|
|
+ height: 18px;
|
|
|
+
|
|
|
+}
|
|
|
+.setiao{
|
|
|
+ /* width: 200px;
|
|
|
+ position: absolute;
|
|
|
+ right: 1.8229rem;
|
|
|
+ top: 170px;
|
|
|
+ z-index: 1111; */
|
|
|
+ border-radius: 10px;
|
|
|
+ color: #fff;
|
|
|
+ display: flex;
|
|
|
+ font-size: 10px;
|
|
|
+ margin-top:10px;
|
|
|
+}
|
|
|
+.timedlgheader{
|
|
|
+ width: 200px;
|
|
|
+ position: absolute;
|
|
|
+ right: 1.8229rem;
|
|
|
+ top: 77px;
|
|
|
+ z-index: 1111;
|
|
|
+}
|
|
|
</style>
|
