新主页整完了

This commit is contained in:
Teng 2025-12-18 16:02:11 +08:00
parent 583c702d11
commit 31589526f5
12 changed files with 123 additions and 79 deletions

View File

@ -2,6 +2,7 @@
<view> <view>
<view class="home"> <view class="home">
<image class="all-home" src="/static/index/warehouse/newtwo/backpage.jpg" mode="aspectFit"></image> <image class="all-home" src="/static/index/warehouse/newtwo/backpage.jpg" mode="aspectFit"></image>
</view> </view>
<view class="right-title"> <view class="right-title">
<image class="title-imge" src="/static/home.png" mode="aspectFit"></image> <image class="title-imge" src="/static/home.png" mode="aspectFit"></image>

View File

@ -431,16 +431,16 @@
采购单状态 采购单状态
</view> </view>
<view class="more-statues-father"> <view class="more-statues-father">
<view :class="plzinfo.cgdType==`0,1`?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.status==``?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.cgdType=`0,1`;search()"> @click="plzinfo.cgdType=`0,1`;plzinfo.status='';search()">
全部 全部
</view> </view>
<view :class="plzinfo.cgdType==`0`?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.status==`0`?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.cgdType=`0`;search()"> @click="plzinfo.cgdType=`0`;plzinfo.status='0';search()">
待入库 待入库
</view> </view>
<view :class="plzinfo.cgdType==`1`?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.status==`1`?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.cgdType=`1`;search()"> @click="plzinfo.cgdType=`0`;plzinfo.status='1';search()">
待完结 待完结
</view> </view>
</view> </view>
@ -1353,7 +1353,7 @@
const nomessageshow = ref(false); const nomessageshow = ref(false);
const firstgetqueryCgdList = () => { const firstgetqueryCgdList = () => {
queryCgdList(plzinfo).then((res : any) => { queryCgdList(plzinfo).then((res : any) => {
console.log("数据呢",res) // console.log("",res)
plsbuy.value.push(...res.result.records) plsbuy.value.push(...res.result.records)
alltotal.value = res.result.total alltotal.value = res.result.total
if (!res.result.total) { if (!res.result.total) {

View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="home"> <view class="home">
<image class="all-home" src="/static/index/warehouse/newhome/setting.png" mode="aspectFit"></image> <image class="all-home" src="/static/index/warehouse/newhome/backpage.jpg" mode="aspectFit"></image>
</view> </view>
<view class="right-title"> <view class="right-title">
<image class="title-imge" src="/static/home.png" mode="aspectFit"></image> <image class="title-imge" src="/static/home.png" mode="aspectFit"></image>
@ -10,10 +10,10 @@
</view> </view>
</view> </view>
<view class="paizi tp"> <view class="paizi tp">
<donghua width="18vw" height="18vw" :interval="300" :links="paiziarray" :playing="playall" :loop="true" /> <donghua width="15vw" height="15vw" :interval="300" :links="paiziarray" :playing="playall" :loop="true" />
</view> </view>
<view class="jiankong tp" @click="housactive(3)"> <view class="jiankong tp" @click="housactive(3)">
<donghua width="17vw" height="17vw" :interval="150" :links="jiankongarray" :playing="playall" <donghua width="15vw" height="15vw" :interval="150" :links="jiankongarray" :playing="playall"
:loop="true" /> :loop="true" />
</view> </view>
<view class="jiankongtag tp" @click="housactive(3)"> <view class="jiankongtag tp" @click="housactive(3)">
@ -24,7 +24,7 @@
<image class="blue-imge" src="/static/index/warehouse/home/z.png" mode=""></image> <image class="blue-imge" src="/static/index/warehouse/home/z.png" mode=""></image>
</view> </view>
<view class="wanjie tp" @click="housactive(4)"> <view class="wanjie tp" @click="housactive(4)">
<donghua width="18vw" height="18vw" :interval="300" :links="wanjiearray" :playing="playall" :loop="true" /> <donghua width="17vw" height="17vw" :interval="300" :links="wanjiearray" :playing="playall" :loop="true" />
</view> </view>
<view class="wanjietag tp" @click="housactive(4)"> <view class="wanjietag tp" @click="housactive(4)">
<view class="blue-bgc"> <view class="blue-bgc">
@ -33,8 +33,18 @@
</view> </view>
<image class="blue-imge" src="/static/index/warehouse/home/z.png" mode=""></image> <image class="blue-imge" src="/static/index/warehouse/home/z.png" mode=""></image>
</view> </view>
<view class="juzhen tp" @click="housactive(6)">
<donghua width="17vw" height="17vw" :interval="300" :links="juzhenarray" :playing="playall" :loop="true" />
</view>
<view class="juzhentag tp" @click="housactive(6)">
<view class="blue-bgc" style="background: #7BC2FF;width: 8vw;">
库房矩阵
<view class="triangle-middle" style="border-top: 0.5vw solid #7BC2FF"></view>
</view>
<image class="blue-imge" src="/static/index/warehouse/home/z.png" mode=""></image>
</view>
<view class="caigou tp" @click="housactive(0)"> <view class="caigou tp" @click="housactive(0)">
<donghua width="18vw" height="18vw" :interval="150" :links="caigouarray" :playing="playall" :loop="true" /> <donghua width="16vw" height="16vw" :interval="150" :links="caigouarray" :playing="playall" :loop="true" />
</view> </view>
<view class="caigoutag tp" @click="housactive(0)"> <view class="caigoutag tp" @click="housactive(0)">
<view class="blue-bgc"> <view class="blue-bgc">
@ -50,7 +60,7 @@
<donghua width="11vw" height="11vw" :interval="300" :links="rukuarray" :playing="playall" :loop="true" /> <donghua width="11vw" height="11vw" :interval="300" :links="rukuarray" :playing="playall" :loop="true" />
</view> </view>
<view class="jianhuo tp"> <view class="jianhuo tp">
<donghua width="40vw" height="40vw" :interval="150" :links="jianhuoarray" :playing="playall" :loop="true" /> <donghua width="34vw" height="34vw" :interval="150" :links="jianhuoarray" :playing="playall" :loop="true" />
</view> </view>
<view class="pandan tp" @click="housactive(5)"> <view class="pandan tp" @click="housactive(5)">
<image src="/static/index/warehouse/newhome/count.png" mode="widthFix"></image> <image src="/static/index/warehouse/newhome/count.png" mode="widthFix"></image>
@ -103,6 +113,15 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick } from 'vue'; import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick } from 'vue';
const juzhenarray =
genPaths(
'/static/index/warehouse/newhome/',
'matrix',
5, //
'png',
0, // 1
false //
)
const cararray = const cararray =
genPaths( genPaths(
'/static/index/warehouse/newhome/', '/static/index/warehouse/newhome/',
@ -179,7 +198,7 @@
const housactive = (index : number) => { const housactive = (index : number) => {
clickAudio.stop() // Galgame clickAudio.stop() // Galgame
clickAudio.play() clickAudio.play()
console.log(index) // console.log(index)
housedex.value = index; housedex.value = index;
if (index == 0) { if (index == 0) {
navurl.value = 'pages/procurement/material' navurl.value = 'pages/procurement/material'
@ -244,8 +263,8 @@
}) })
} }
// px // px
const x = ref(63) const x = ref(77)
const y = ref(59) const y = ref(60)
// s // s
const duration = ref(0.7) const duration = ref(0.7)
const easing = 'linear' // easing const easing = 'linear' // easing
@ -273,47 +292,47 @@
} }
const ceshi = () => { const ceshi = () => {
moveTo(21, 43, 3); moveTo(23, 40.5, 3);
cartarget.value = 0 cartarget.value = 0
setTimeout(() => { setTimeout(() => {
cartarget.value = 1 cartarget.value = 1
moveTo(21, 40, 0.5); // 6 moveTo(24.5, 38, 0.5); // 6
}, 3000); }, 3000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 2 cartarget.value = 2
moveTo(34, 31.5, 2); // 6 moveTo(35, 32, 2); // 6
}, 3500); }, 3500);
setTimeout(() => { setTimeout(() => {
cartarget.value = 3 cartarget.value = 3
moveTo(38, 30, 0.5); // 6 moveTo(38, 29.5, 0.5); // 6
}, 5500); }, 5500);
setTimeout(() => { setTimeout(() => {
cartarget.value = 4 cartarget.value = 4
moveTo(65, 39, 3); // 6 moveTo(63.5, 37.8, 3); // 6
}, 6000); }, 6000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 5 cartarget.value = 5
moveTo(93, 20, 3); // 6 moveTo(91, 21, 3); // 6
}, 9000); }, 9000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 6 cartarget.value = 6
moveTo(92, 16, 0.5); // 6 moveTo(90, 19, 0.5); // 6
}, 12000); }, 12000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 7 cartarget.value = 7
moveTo(91, 15, 0.5); // 6 moveTo(89, 17, 0.5); // 6
}, 12500); }, 12500);
setTimeout(() => { setTimeout(() => {
cartarget.value = 8 cartarget.value = 8
moveTo(48, 0.5, 3); // 6 moveTo(48, 4, 3); // 6
}, 13000); }, 13000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 9 cartarget.value = 9
moveTo(-11, 35, 4); // 6 moveTo(-11, 37.5, 4); // 6
}, 16000); }, 16000);
setTimeout(() => { setTimeout(() => {
cartarget.value = 0 cartarget.value = 0
moveTo(63, 59, 0.0001); moveTo(77, 60, 0.0001);
}, 20000); }, 20000);
setTimeout(() => { setTimeout(() => {
ceshi() ceshi()
@ -344,46 +363,46 @@
} }
.paizi { .paizi {
width: 18vw; width: 15vw;
height: 18vw; height: 15vw;
position: fixed; position: fixed;
bottom: 0.3vw; bottom: 3.3vw;
left: 10vw; left: 14.8vw;
} }
.jiankong { .jiankong {
width: 17vw; width: 14vw;
height: 17vw; height: 14vw;
position: fixed; position: fixed;
top: 1.5vw; top: 7vw;
left: 12vw; left: 12vw;
z-index: 50; z-index: 50;
} }
.wanjie { .wanjie {
width: 18vw; width: 17vw;
height: 18vw; height: 17vw;
position: fixed; position: fixed;
top: 19vw; top: 9vw;
left: 12vw; left: 34vw;
z-index: 50; z-index: 50;
} }
.pandan { .pandan {
width: 9.3vw; width: 9vw;
height: 9.3vw; height: 9vw;
position: fixed; position: fixed;
top: 23vw; top: 20.5vw;
left: 29vw; left: 38vw;
z-index: 50; z-index: 50;
} }
.caigou { .caigou {
width: 18vw; width: 16vw;
height: 18vw; height: 16vw;
position: fixed; position: fixed;
top: 34vw; top: 34vw;
left: 37vw; left: 39vw;
z-index: 50; z-index: 50;
} }
@ -391,8 +410,8 @@
width: 11vw; width: 11vw;
height: 11vw; height: 11vw;
position: fixed; position: fixed;
bottom: 9vw; bottom: 10.5vw;
right: 17vw; right: 19vw;
z-index: 50; z-index: 50;
} }
@ -400,17 +419,17 @@
width: 11vw; width: 11vw;
height: 11vw; height: 11vw;
position: fixed; position: fixed;
bottom: 20.5vw; bottom: 20vw;
right: 2.5vw; right: 6vw;
z-index: 50; z-index: 50;
} }
.return { .return {
width: 7vw; width: 6.5vw;
height: 7vw; height: 6.5vw;
position: fixed; position: fixed;
bottom: 8.8vw; bottom: 10.5vw;
right: 25vw; right: 26vw;
z-index: 50; z-index: 50;
} }
@ -418,26 +437,26 @@
width: 7vw; width: 7vw;
height: 7vw; height: 7vw;
position: fixed; position: fixed;
bottom: 20vw; bottom: 19vw;
right: 10vw; right: 14vw;
z-index: 50; z-index: 50;
} }
.jianhuo { .jianhuo {
width: 40vw; width: 34vw;
height: 40vw; height: 34vw;
position: fixed; position: fixed;
top: 0vw; top: 8vw;
right: 23vw; right: 19vw;
z-index: 50; z-index: 50;
} }
.picking { .picking {
width: 12vw; width: 10vw;
height: 12vw; height: 10vw;
position: fixed; position: fixed;
top: 24vw; top: 28.8vw;
right: 27vw; right: 28vw;
z-index: 50; z-index: 50;
} }
@ -485,12 +504,36 @@
} }
} }
.juzhen {
width: 17vw;
height: 17vw;
position: fixed;
top: 20vw;
left: 19vw;
z-index: 50;
}
.juzhentag {
position: fixed;
top: 20vw;
left: 24vw;
z-index: 51;
.blue-imge {
position: absolute;
top: 2.2vw;
left: 50%;
transform: translateX(-50%);
width: 3vw;
height: 5vw;
}
}
.gray-bgc { .gray-bgc {
background: #e4efff; background: #e4efff;
border: 1rpx solid #60a1ff; border: 1rpx solid #60a1ff;
width: 7.5vw; width: 8vw;
height: 2.8vw; height: 2.8vw;
font-size: 26rpx; font-size: 28rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -539,7 +582,7 @@
.jiankongtag { .jiankongtag {
position: fixed; position: fixed;
top: 2.8vw; top: 8vw;
left: 16vw; left: 16vw;
z-index: 51; z-index: 51;
@ -555,7 +598,7 @@
.pickingtag { .pickingtag {
position: fixed; position: fixed;
top: 24vw; top: 28vw;
left: 67vw; left: 67vw;
z-index: 51; z-index: 51;
@ -571,8 +614,8 @@
.wanjietag { .wanjietag {
position: fixed; position: fixed;
top: 22vw; top: 11vw;
left: 18vw; left: 38.5vw;
z-index: 51; z-index: 51;
.blue-imge { .blue-imge {
@ -587,8 +630,8 @@
.caigoutag { .caigoutag {
position: fixed; position: fixed;
top: 36vw; top: 35vw;
left: 42vw; left: 43vw;
z-index: 51; z-index: 51;
.blue-imge { .blue-imge {
@ -603,22 +646,22 @@
.pandantag { .pandantag {
position: fixed; position: fixed;
top: 22vw; top: 21vw;
left: 35.5vw; left: 44vw;
z-index: 51; z-index: 51;
} }
.returntag { .returntag {
position: fixed; position: fixed;
top: 32.5vw; top: 34vw;
left: 84vw; left: 81vw;
z-index: 51; z-index: 51;
} }
.leadtag { .leadtag {
position: fixed; position: fixed;
top: 44vw; top: 44vw;
left: 71vw; left: 72vw;
z-index: 51; z-index: 51;
} }

View File

@ -141,15 +141,15 @@
</view> </view>
<view class="more-statues-father"> <view class="more-statues-father">
<view :class="plzinfo.pddType==``?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.pddType==``?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.pddType=``;firstgetqueryCgdList()"> @click="plzinfo.pddType=``;firstgetqueryCgdList();selectType=0">
全部 全部
</view> </view>
<view :class="plzinfo.pddType==`1`?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.pddType==`1`?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.pddType=`1`;firstgetqueryCgdList()"> @click="plzinfo.pddType=`1`;firstgetqueryCgdList();selectType=1">
盘点中 盘点中
</view> </view>
<view :class="plzinfo.pddType==`2`?`more-statues-button-target`:`more-statues-button`" <view :class="plzinfo.pddType==`2`?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.pddType=`2`;firstgetqueryCgdList()"> @click="plzinfo.pddType=`2`;firstgetqueryCgdList();selectType=2">
已完成 已完成
</view> </view>
</view> </view>

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB