From 9398f14feea7ad8b7d00ce7d2bb2e5362cec59d3 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 09 一月 2024 15:20:15 +0800
Subject: [PATCH] 代码提交
---
src/components/menu/menulist.vue | 143 ++++++++++++++++++++---------------------------
1 files changed, 62 insertions(+), 81 deletions(-)
diff --git a/src/components/menu/menulist.vue b/src/components/menu/menulist.vue
index 9b58d12..70c345c 100644
--- a/src/components/menu/menulist.vue
+++ b/src/components/menu/menulist.vue
@@ -1,23 +1,10 @@
<template>
<div>
- <div
- @click="showMenuList"
- :class="{ menulist: !panelActive, menulist_active: panelActive }"
- class="menuliststyle"
- >
- <img
- class="menuchangebtn"
- v-show="!panelActive"
- title="鑿滃崟"
- :src="switchMenuImage"
- />
+ <div @click="showMenuList" :class="{ menulist: !panelActive, menulist_active: panelActive }" class="menuliststyle">
+ <img class="menuchangebtn" v-show="!panelActive" title="鑿滃崟" :src="switchMenuImage" />
<div class="menubtnlist" v-show="panelActive">
<div class="menubtn" @click="showSceneCard()">
- <img
- class="bhImg"
- title="鍦烘櫙鏁版嵁"
- src="@/assets/img/left/specialeffect4.png"
- />
+ <img class="bhImg" title="鍦烘櫙鏁版嵁" src="@/assets/img/left/specialeffect4.png" />
<span>鍦烘櫙</span>
</div>
<div class="menubtn" @click="setMenuTool(1)">
@@ -32,73 +19,46 @@
<img class="bhImg" title="婕父" src="@/assets/img/right/my11.png" />
<span>婕父</span>
</div>
- <div class="menubtn" @click="showModelCard()">
- <img
- class="bhImg"
- title="涓撻"
- src="@/assets/img/left/specialanalyse4.png"
- />
+ <div class="menubtn" @click="showModelCard()">
+ <img class="bhImg" title="涓撻" src="@/assets/img/left/specialanalyse4.png" />
<span>妯″瀷</span>
- </div>
-
+ </div>
+
+ <!-- <div class="menubtn" @click="setMenuGrid()">
+ <img class="bhImg" title="鏍肩綉" src="@/assets/img/right/cx-s.png" />
+ <span>鏍肩綉</span>
+ </div> -->
<div class="menubtn" @click="setMenuQuery()">
- <img class="bhImg" title="鏌ヨ" src="@/assets/img/right/cx-s.png" />
+ <img class="bhImg" title="鏌ヨ" src="@/assets/img/right/queyr.png" />
<span>鏌ヨ</span>
+ </div>
+ <div class="menubtn" @click="setImgUpDate()">
+ <input id="imgs" type="file" multiple="multiple" v-show="false" @change="setImgUpload" accept=".jpg,.png" />
+ <img class="bhImg" title="涓婁紶" src="@/assets/img/right/upload.png" />
+ <span>涓婁紶</span>
</div>
<div class="menubtn" @click="setMenuTool(5)">
<img class="bhImg" title="鍒嗘瀽" src="@/assets/img/right/cx-s.png" />
<span>鍒嗘瀽</span>
</div>
<div class="menubtn" @click="setMenuTool(6)">
- <img
- class="bhImg"
- title="鐗规晥"
- src="@/assets/img/left/leftnav2.png"
- />
+ <img class="bhImg" title="鐗规晥" src="@/assets/img/left/leftnav2.png" />
<span>鐗规晥</span>
</div>
<div class="menubtn" @click="showSettingCard()">
- <img
- class="bhImg"
- title="璁剧疆"
- src="@/assets/img/left/specialeffect4.png"
- />
+ <img class="bhImg" title="璁剧疆" src="@/assets/img/left/specialeffect4.png" />
<span>璁剧疆</span>
</div>
-
+
</div>
</div>
<div class="menutools">
- <plotting
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 1) }"
- ref="plotting"
- />
- <measure
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 2) }"
- ref="measure"
- />
- <roam
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 3) }"
- ref="roam"
- />
- <special
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 4) }"
- ref="special"
- />
- <analysis
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 5) }"
- ref="analysis"
- />
- <effects
- class="menutool"
- :class="{ menutoolhide: !(!panelActive && selectIndex == 6) }"
- ref="effects"
- />
+ <plotting class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 1) }" ref="plotting" />
+ <measure class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 2) }" ref="measure" />
+ <roam class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 3) }" ref="roam" />
+ <special class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 4) }" ref="special" />
+ <analysis class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 5) }" ref="analysis" />
+ <effects class="menutool" :class="{ menutoolhide: !(!panelActive && selectIndex == 6) }" ref="effects" />
</div>
</div>
</template>
@@ -123,8 +83,7 @@
width: 0px !important;
}
-.menutools {
-}
+.menutools {}
.menuchangebtn {
position: absolute;
@@ -153,7 +112,7 @@
margin: 5px;
cursor: pointer;
/* border: 1px solid #999; */
- background-image: url("~@/assets/img/new/menuBg.png");
+ background-image: url("~@/assets/img/new/menuBg.png");
background-size: contain;
border-radius: 5px;
overflow: hidden;
@@ -209,16 +168,16 @@
border-radius: 30px;
cursor: pointer;
}
+
.menulist:hover {
background-image: url("~@/assets/img/new/rightCircle-y.png");
}
+
.menulist_active {
- border-image-source: radial-gradient(
- 59% 79%,
- transparent 0px,
- transparent 100%,
- cyan 100%
- );
+ border-image-source: radial-gradient(59% 79%,
+ transparent 0px,
+ transparent 100%,
+ cyan 100%);
border-image-slice: 1;
border-width: 1px;
border-style: solid;
@@ -227,7 +186,7 @@
background-size: 100% 100%;
background-repeat: no-repeat;
width: 360px;
- height: 200px;
+ height: 180px;
/* border-radius: 5px 5px 5px 30px; */
}
</style>
@@ -250,6 +209,8 @@
import fx from "@/assets/img/right/cx-s.png";
import tx from "@/assets/img/left/leftnav2.png";
import menuGrid from '@/assets/js/Layer/menuGrid'
+import { Img_Upload } from '@/api/api.js'
+import Bus from "../tools/Bus";
export default {
name: "menulist",
components: {
@@ -297,18 +258,38 @@
showSettingCard() {
this.$store.commit("showSetBox", true);
},
- showModelCard(){
+ showModelCard() {
this.$store.commit("showModelBox", true);
},
- showSceneCard(){
+ showSceneCard() {
this.$store.commit("showSceneBox", "");
},
- setMenuQuery(){
- this.$store.commit("setMenuQuery",true)
+ setMenuQuery() {
+ this.$store.commit("setMenuQuery", true)
},
- setGridQuery(){
+ setMenuGrid() {
menuGrid.init();
},
+ setImgUpDate() {
+ // this.$store.commit("setImgUpdate",true)
+
+ $("#imgs").click();
+ },
+ async setImgUpload() {
+ var formData = new FormData();
+ var fs = document.getElementById("imgs");
+ for (var i = 0, c = fs.files.length; i < c; i++) {
+ formData.append(fs.files[i].name, fs.files[i]); // name, file
+ }
+ const data = await Img_Upload(formData)
+ if (data.status == 200) {
+ this.$message({
+ message: "鍥剧墖涓婁紶鎴愬姛",
+ type: "success",
+ });
+ Bus.$emit("reastLayer",true);
+ }
+ },
closeAllHighLight(type) {
// !(type == "plotting") && this.$refs.plotting.clearHighLight();
// !(type == "roam") && this.$refs.roam.clearActive();
--
Gitblit v1.9.3