luoshiwen
/
Storehouse
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

4.12

This commit is contained in:
luoshiwen 2023-04-12 11:08:46 +08:00
parent 703702e17a
commit c8800cb212
2 changed files with 44 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/App.vue
View File

@ -12,7 +12,7 @@
<span class="tianqi">多云</span> <span class="tianqi">多云</span>
</div> </div>
<el-select v-model="value" placeholder="请选择"> <el-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" >
</el-option> </el-option>
</el-select> </el-select>
<el-input placeholder="请输入" v-model="input3"> <el-input placeholder="请输入" v-model="input3">
@ -20,9 +20,9 @@
</el-input> </el-input>
<ul> <ul>
<li v-for="(s, i) in liImgs" class="nav-li" :key="i" @click="handleBtn(i)"> <li v-for="(s, i) in liImgs" class="nav-li" :key="i" @click="handleBtn($event, i)">
<el-dropdown trigger="click" placement="bottom" v-if="i == 0" :hide-on-click="false"> <el-dropdown trigger="click" placement="bottom" v-if="i == 0" :hide-on-click="false" ref="drop1">
<span class="downPull"><img :src="i == index ? s.selectImg : s.img" alt="" /></span> <span class="downPull"><img :src="i==index ? s.selectImg : s.img" alt="" /></span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<ul class="menuContent"> <ul class="menuContent">
<li v-for="(num, index) in 15" :key="index" @click="shelfHanlder($event)">LD1_B01-{{ num < 10 ? "0" + num <li v-for="(num, index) in 15" :key="index" @click="shelfHanlder($event)">LD1_B01-{{ num < 10 ? "0" + num
@ -38,8 +38,9 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-dropdown trigger="click" placement="bottom" v-else-if="i == 2" :hide-on-click="true"> <el-dropdown trigger="click" placement="bottom" v-else-if="i == 2" :hide-on-click="true"
<span class="downPull"><img :src="i == index ? s.selectImg : s.img" alt="" /></span> >
<span class="downPull"><img :src="i==index ? s.selectImg : s.img" alt="" /></span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<ul class="menuContent"> <ul class="menuContent">
<li @click="selectHomeN($event)">B01</li> <li @click="selectHomeN($event)">B01</li>
@ -53,7 +54,7 @@
<el-dropdown-item @click="selectHomeN($event)">C03</el-dropdown-item> --> <el-dropdown-item @click="selectHomeN($event)">C03</el-dropdown-item> -->
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<img v-else :src="i == index ? s.selectImg : s.img" alt="" /> <img v-else :src="s.num % 2 != 0 ? s.selectImg : s.img" alt="" />
</li> </li>
</ul> </ul>
</header> </header>
@ -75,12 +76,12 @@ export default {
heatList: [20, 40, 200, 100], heatList: [20, 40, 200, 100],
fullscreenLoading: true, fullscreenLoading: true,
liImgs: [ liImgs: [
{ img: require("@/assets/images/1.png"), selectImg: require('@/assets/images/select_1.png') }, { img: require("@/assets/images/1.png"), selectImg: require('@/assets/images/select_1.png'), num: 0 },
{ img: require("@/assets/images/2.png"), selectImg: require('@/assets/images/select_2.png') }, { img: require("@/assets/images/2.png"), selectImg: require('@/assets/images/select_2.png'), num: 0 },
{ img: require("@/assets/images/3.png"), selectImg: require('@/assets/images/select_3.png') }, { img: require("@/assets/images/3.png"), selectImg: require('@/assets/images/select_3.png'), num: 0 },
{ img: require("@/assets/images/4.png"), selectImg: require('@/assets/images/select_4.png') }, { img: require("@/assets/images/4.png"), selectImg: require('@/assets/images/select_4.png'), num: 0 },
{ img: require("@/assets/images/5.png"), selectImg: require('@/assets/images/select_5.png') }, { img: require("@/assets/images/5.png"), selectImg: require('@/assets/images/select_5.png'), num: 0 },
{ img: require("@/assets/images/6.png"), selectImg: require('@/assets/images/select_6.png') }, { img: require("@/assets/images/6.png"), selectImg: require('@/assets/images/select_6.png'), num: 0 },
], ],
options: [ options: [
{ {
@ -120,6 +121,7 @@ export default {
// window.parent.shelvesList = this.shelfHanlder // window.parent.shelvesList = this.shelfHanlder
}, },
methods: { methods: {
shelfHanlder(e) { shelfHanlder(e) {
// console.log(); // console.log();
// e.currentTarget.parentElement.parentElement.style.display = "none"; // e.currentTarget.parentElement.parentElement.style.display = "none";
@ -132,34 +134,36 @@ export default {
console.log(e.currentTarget.innerHTML, "库房的定位"); console.log(e.currentTarget.innerHTML, "库房的定位");
this.$refs.dome.contentWindow.selectHome(e.currentTarget.innerHTML); this.$refs.dome.contentWindow.selectHome(e.currentTarget.innerHTML);
}, },
handleBtn(i) { handleBtn(e, i) {
console.log(this.$refs.drop1);
this.navLiState = !this.navLiState this.navLiState = !this.navLiState
if (this.index == i && this.navLiState) { // if (this.index == i && this.navLiState) {
this.index = null // this.index = null
if (i == 1) { // if (i == 1) {
this.state = !this.state; // this.state = !this.state;
// console.log(this.state); // // console.log(this.state);
this.$refs.dome.contentWindow.updateScene(this.state); // this.$refs.dome.contentWindow.updateScene(this.state);
} else if (i == 3) { // } else if (i == 3) {
this.$refs.dome.contentWindow.outHome(); // this.$refs.dome.contentWindow.outHome();
} else if (i == 4) { // } else if (i == 4) {
this.transport = !this.transport; // this.transport = !this.transport;
this.$refs.dome.contentWindow.transport(this.transport); // this.$refs.dome.contentWindow.transport(this.transport);
} else if (i == 5) { // } else if (i == 5) {
this.hide = !this.hide; // this.hide = !this.hide;
this.$refs.dome.contentWindow.hide(this.hide); // this.$refs.dome.contentWindow.hide(this.hide);
} // }
return // return
} // }
this.liImgs[i].num++
this.index = i this.index = i
// 还原初始值 // 还原初始值
this.state = false // this.state = false
this.transport = false // this.transport = false
this.hide = false // this.hide = false
this.$refs.dome.contentWindow.updateScene(false); // this.$refs.dome.contentWindow.updateScene(false);
// this.$refs.dome.contentWindow.outHome(); // // this.$refs.dome.contentWindow.outHome();
this.$refs.dome.contentWindow.transport(false); // this.$refs.dome.contentWindow.transport(false);
this.$refs.dome.contentWindow.hide(false); // this.$refs.dome.contentWindow.hide(false);
if (i == 1) { if (i == 1) {
this.state = !this.state; this.state = !this.state;
// console.log(this.state); // console.log(this.state);

9
src/views/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="aside" @click="stopHandle()"> <div class="aside" >
<div class="aside-box"> <div class="aside-box">
<div class="left-item"> <div class="left-item">
<div class="logo"> <div class="logo">
@ -142,12 +142,7 @@ export default {
created() {}, created() {},
computed: {}, computed: {},
methods: { methods: {
stopHandle(){
// console.log(this.$parent,'父组件');
if(this.$parent.index==0||this.$parent.index==2){
this.$parent.index=null
}
},
// 切图 // 切图
updateImg(i, event) { updateImg(i, event) {
// 当页面显示出来时 再次点击隐藏 // 当页面显示出来时 再次点击隐藏