From bbe33e5fd87e5961fdab804bfb0b4cf354e0c5b2 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 24 十一月 2021 10:00:17 +0800
Subject: [PATCH] 地图接口
---
src/pages/internetEquipment/components/processWarn.vue | 230 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 114 insertions(+), 116 deletions(-)
diff --git a/src/pages/internetEquipment/components/processWarn.vue b/src/pages/internetEquipment/components/processWarn.vue
index d3a88f1..7979ed0 100644
--- a/src/pages/internetEquipment/components/processWarn.vue
+++ b/src/pages/internetEquipment/components/processWarn.vue
@@ -1,136 +1,134 @@
<template>
<div class="process-warn">
<div class="close el-icon-close" @click="close"></div>
- <span class="el-icon-question"></span>
- <div class="title">纭鎻愮ず</div>
- <div class="des">璇风‘瀹氶璀︽暟鎹槸鍚﹀凡澶勭悊锛�</div>
- <div class="radio">
- <el-radio v-model="radio" :label="false">鏈鐞�</el-radio>
- <el-radio v-model="radio" :label="true">宸插鐞�</el-radio>
- </div>
- <div class="btn">
- <div class="cancel" @click="close">鍙栨秷</div>
- <div class="save" @click="save">纭畾</div>
- </div>
-
+ <span class="el-icon-question"></span>
+ <div class="title">纭鎻愮ず</div>
+ <div class="des">璇风‘瀹氶璀︽暟鎹槸鍚﹀凡澶勭悊锛�</div>
+ <div class="radio">
+ <el-radio v-model="radio" :label="false">鏈鐞�</el-radio>
+ <el-radio v-model="radio" :label="true">宸插鐞�</el-radio>
+ </div>
+ <div class="btn">
+ <div class="cancel" @click="close">鍙栨秷</div>
+ <div class="save" @click="save">纭畾</div>
+ </div>
</div>
</template>
<script>
export default {
- props :{
- warnObj :{
- warnObj :true
- }
+ props: {
+ warnObj: {
+ warnObj: true,
+ },
},
- data (){
+ data() {
return {
- radio : false
- }
+ radio: false,
+ };
},
- methods:{
- close (){
- this.$emit("close",this.warnObj)
- },
- save (){
- if (this.radio) {
- this.$emit("save",this.warnObj)
- }
- this.$emit("close",this.warnObj)
- }
- }
-}
+ methods: {
+ close() {
+ this.$emit("close", this.warnObj);
+ },
+ save() {
+ if (this.radio) {
+ this.$emit("save", this.warnObj);
+ }
+ this.$emit("close", this.warnObj);
+ },
+ },
+};
</script>
<style scoped lang="scss">
.process-warn {
- position: fixed;
+ position: fixed;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ z-index: 2;
+ padding: 48px 30px 30px 30px;
+
+ width: 420px;
+ height: 274px;
+ left: 50%;
+ top: 50%;
+ margin-top: -15%;
+ margin-left: -15%;
+
+ background: #ffffff;
+ border-radius: 8px;
+ color: #4f4f4f;
+
+ span {
+ font-size: 40px;
+ color: #ffaa44;
+ cursor: pointer;
+ }
+
+ .close {
+ position: absolute;
+ top: 12px;
+ right: 12px;
+ font-size: 12px;
+ font-weight: 700;
+ }
+
+ .title {
+ margin: 6px 0 4px 0;
+ font-weight: 700;
+ font-size: 16px;
+ }
+
+ .des {
+ margin-bottom: 10px;
+ font-size: 14px;
+ color: #828282;
+ }
+
+ label ::v-deep .el-radio__inner:hover {
+ border-color: #ffaa44;
+ }
+
+ label.is-checked {
+ ::v-deep .el-radio__inner {
+ border-color: #ffaa44;
+ background: #ffaa44;
+ }
+ ::v-deep .el-radio__label {
+ color: #ffaa44;
+ }
+ }
+
+ .btn {
display: flex;
- flex-direction: column;
- align-items:center;
- z-index: 2;
- padding: 48px 30px 30px 30px;
+ margin-top: 34px;
+ justify-content: space-between;
+ width: 100%;
+ }
- width: 420px;
- height: 274px;
- left: 50%;
- top: 50%;
- margin-top: -15%;
- margin-left: -15%;
+ .cancel {
+ width: 175px;
+ height: 40px;
+ border: 1px solid #e0e0e0;
+ box-sizing: border-box;
+ border-radius: 25px;
+ font-size: 16px;
+ line-height: 40px;
+ color: #333;
+ cursor: pointer;
+ }
- background: #FFFFFF;
- border-radius: 8px;
- color: #4F4F4F;
-
- span {
- font-size: 40px;
- color:#FFAA44;
- cursor: pointer;
- }
-
- .close {
- position: absolute;
- top: 12px;
- right: 12px;
- font-size: 12px;
- font-weight: 700;
- }
-
- .title {
- margin: 6px 0 4px 0;
- font-weight: 700;
- font-size: 16px;
- }
-
- .des {
- margin-bottom: 10px;
- font-size: 14px;
- color: #828282;
- }
-
- label ::v-deep .el-radio__inner:hover {
- border-color: #FFAA44;
- }
-
- label.is-checked {
- ::v-deep .el-radio__inner {
- border-color: #FFAA44;
- background: #FFAA44;
- }
- ::v-deep .el-radio__label {
- color: #FFAA44;
- }
- }
-
- .btn {
- display: flex;
- margin-top: 34px;
- justify-content: space-between;
- width: 100%;
- }
-
- .cancel {
- width: 175px;
- height: 40px;
- border: 1px solid #E0E0E0;
- box-sizing: border-box;
- border-radius: 25px;
- font-size: 16px;
- line-height: 40px;
- color: #333;
- cursor: pointer;
- }
-
- .save {
- width: 175px;
- height: 40px;
- background: #11AA66;
- border-radius: 25px;
- font-size: 16px;
- line-height: 40px;
- color: #fff;
- cursor: pointer;
- }
+ .save {
+ width: 175px;
+ height: 40px;
+ background: #11aa66;
+ border-radius: 25px;
+ font-size: 16px;
+ line-height: 40px;
+ color: #fff;
+ cursor: pointer;
+ }
}
-
</style>
\ No newline at end of file
--
Gitblit v1.8.0