新主页整完了

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 class="home">
<image class="all-home" src="/static/index/warehouse/newtwo/backpage.jpg" mode="aspectFit"></image>
</view>
<view class="right-title">
<image class="title-imge" src="/static/home.png" mode="aspectFit"></image>

View File

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

View File

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

View File

@ -141,15 +141,15 @@
</view>
<view class="more-statues-father">
<view :class="plzinfo.pddType==``?`more-statues-button-target`:`more-statues-button`"
@click="plzinfo.pddType=``;firstgetqueryCgdList()">
@click="plzinfo.pddType=``;firstgetqueryCgdList();selectType=0">
全部
</view>
<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 :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>

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