新主页整完了
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 25 KiB |