From caceb47d790cedaf68ddcda983b6c38280d11d8e Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 18 四月 2024 19:15:44 +0800
Subject: [PATCH] 标绘
---
src/components/props/situationComparison7-9.vue | 238 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 171 insertions(+), 67 deletions(-)
diff --git a/src/components/props/situationComparison7-9.vue b/src/components/props/situationComparison7-9.vue
index 667a69d..ede4313 100644
--- a/src/components/props/situationComparison7-9.vue
+++ b/src/components/props/situationComparison7-9.vue
@@ -9,9 +9,34 @@
<span class="close"
@click="close">x</span>
</div>
- <div class="next">
- </div>
+ <div class="content">
+ <div class="plotTitle"> 浜岀淮鏍囩粯</div>
+ <div class="menuContent">
+ <div class="menuItem"
+ @click="setMenuClick(item)"
+ v-for="(item,index) in Option"
+ :key="index">
+ {{ item.name}}
+ </div>
+ </div>
+ <div class="plotTitle"> 涓夌淮鏍囩粯</div>
+ <div class="menuContent">
+ <div class="menuItem"
+ @click="setMenuClick(item)"
+ v-for="(item,index) in Option1"
+ :key="index">
+ {{ item.name}}
+ </div>
+ </div>
+ <div class="plotTitle"> </div>
+ <div class="menuContent">
+ <div class="menuItem"
+ @click="setMenuClick1()">
+ 娓呴櫎缁樺埗
+ </div>
+ </div>
+ </div>
</div>
</template>
@@ -20,22 +45,105 @@
import bus from "../../utils/bus";
import axios from "axios";
+
+
export default {
components: {
- changePic,
+
},
data () {
return {
+ Option: [
+ {
+ name: '绮楃洿绠ご',
+ type: 'StraightArrow',
+ value: 'polygon',
+ },
+ {
+ name: '鐕曞熬鐩寸澶�',
+ type: 'SwallowtailArrow',
+ value: 'polygon',
+ },{
+ name: '閽冲嚮绠ご',
+ type: 'PincerArrow',
+ value: 'polygon',
+ },{
+ name: '闆嗙粨鍦�',
+ type: 'GatheringPlace',
+ value: 'polygon',
+ },{
+ name: '鍦嗚鐭╁舰',
+ type: 'RoundedRectangle',
+ value: 'polygon',
+ },
+ {
+ name: '鎵囧舰',
+ type: 'Sector',
+ value: 'polygon',
+ },{
+ name: '寮撳舰',
+ type: 'Bow',
+ value: 'polygon',
+ },{
+ name: '鏀诲嚮绠ご',
+ type: 'AttackArrow',
+ value: 'polygon',
+ },{
+ name: '璐濆灏旀洸绾�',
+ type: 'Bezierline',
+ },{
+ name: '璐濆灏旂澶�',
+ type: 'BezierArrow',
+
+ }
+
+ ],
+ Option1: [
+ {
+ name: '绮楃洿绠ご',
+ type: 'StraightArrow',
+ value: 'box',
+ },
+ {
+ name: '鐕曞熬鐩寸澶�',
+ type: 'SwallowtailArrow',
+ value: 'box',
+ },{
+ name: '閽冲嚮绠ご',
+ type: 'PincerArrow',
+ value: 'box',
+ },{
+ name: '闆嗙粨鍦�',
+ type: 'GatheringPlace',
+ value: 'box',
+ },{
+ name: '鍦嗚鐭╁舰',
+ type: 'RoundedRectangle',
+ value: 'box',
+ },
+ {
+ name: '鎵囧舰',
+ type: 'Sector',
+ value: 'box',
+ },{
+ name: '寮撳舰',
+ type: 'Bow',
+ value: 'box',
+ },{
+ name: '鏀诲嚮绠ご',
+ type: 'AttackArrow',
+ value: 'box',
+ }
+ ],
showdata1: true,
showdata2: true,
-
showsituation: false,
};
},
mounted () {
bus.$on("clearEve",(e) => {
-
+ this.reset();
});
bus.$on("radioData",(e) => {
this.radios=e;
@@ -44,7 +152,7 @@
});
bus.$on("areaData",(e) => {
-
+ this.regions=e;
});
bus.$on("showdio",(e) => {
this.showsituation=e=="7-9-1"
@@ -54,21 +162,32 @@
},
methods: {
+ change () {
+ this.showdata1=false;
+ },
+ change1 () {
+ this.showdata2=false;
+ },
+
+ close () {
+ this.showsituation=false;
+ },
+ setMenuClick1 () {
+ sgworld.Creator.ClearMilitaryStandard();
+ },
+ setMenuClick (res) {
+ if(res.value) {
+ sgworld.Creator.militaryPlotting(res.type,res.value,(entity) => {
+ });
+ } else {
+ sgworld.Creator.militaryPlotting(res.type,(entity) => {
+ });
+ }
+
+ }
},
watch: {
- colorContainer: {
- deep: true,
- handler (data) {
- let colornow={
- width: "30%",
- height: "70%",
- border: "1px solid #000",
- transform: "translate(40px,90px)",
- backgroundImage: `linear-gradient(${data.maxColor},${data.minColor})`,
- };
- this.innerbac=colornow;
- },
- },
+
},
};
</script>
@@ -121,34 +240,7 @@
transition: color 1s;
cursor: pointer;
}
-.next {
- width: 89%;
- height: 79%;
- margin: 100px auto;
-}
-.next >>> .el-select {
- width: 95% !important;
-}
-.next >>> .el-form-item {
- margin-top: 60px;
-}
-.next >>> .el-input {
- width: 84%;
-}
-.next >>> .el-date-editor {
- width: 515px;
-}
-.next >>> .el-form-item__label {
- color: #fff;
- font-size: 40px;
-}
-.next >>> .el-input__inner {
- font-size: 30px;
-}
-.next >>> .el-form-item__error {
- font-size: 30px;
- font-weight: 700;
-}
+
.botcon {
display: inline-block;
margin-top: 34px;
@@ -160,17 +252,7 @@
display: flex;
justify-content: center;
}
-.btns > span {
- display: block;
- width: 200px;
- height: 70px;
- border: 1px solid #000;
- text-align: center;
- font-size: 35px;
- margin: 0 50px;
- line-height: 70px;
- cursor: pointer;
-}
+
.btns > span:nth-child(3) {
color: #fff;
background-image: linear-gradient(#76c2f6, #6a9cf1);
@@ -179,14 +261,36 @@
color: #000;
background: #cadaea;
}
-.showpic {
- width: 260px;
- height: 400px;
- background: url(~@/assets/image/botbtn/bac.png);
- background-position: center;
- background-size: 100% 100%;
- position: absolute;
- top: 1200px;
- right: 0px;
+.content {
+ width: 92%;
+ height: 80%;
+ position: relative;
+ margin: 3% 4%;
+}
+.plotTitle {
+ width: 100%;
+ color: #fff;
+ font-size: 40px;
+}
+.menuContent {
+ width: 100%;
+ display: grid;
+ grid-template-columns: auto auto auto;
+ font-size: 32px;
+ margin: 10px 0px;
+ cursor: pointer;
+}
+.menuItem {
+ margin: 10px 40px;
+ min-width: 150px;
+ background: rgb(135, 206, 235, 0.6);
+ text-align: center;
+ padding: 10px;
+ border-radius: 5px;
+ color: #fff;
+}
+.menuItem:hover {
+ transform: scale(1.1);
+ color: #494949;
}
</style>
--
Gitblit v1.9.3