xuminyi/store-management-app
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Aiden 2024-10-17 11:15:33 +08:00
parent f6c182d28e
commit 772b6c6bc4
1 changed files with 59 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/pages/detail/index.vue
View File

@ -1,42 +1,76 @@
<template> <template>
<view class="content"> <view class="content">
<navBar v-if="state.boxRelBucketStatus == 1"> 出库 </navBar> <navBar v-if="state.boxRelBucketStatus == 1"> 出库 </navBar>
<navBar v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4"> 画筒详情 </navBar> <navBar
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4"
>
画筒详情
</navBar>
<view class="container-box"> <view class="container-box">
<span style="font-weight: bold;text-align: center;" v-if="state.boxRelBucketStatus == 1"> <span
style="font-weight: bold; text-align: center"
v-if="state.boxRelBucketStatus == 1"
>
确定要出库{{ state.locateAddress }}的 确定要出库{{ state.locateAddress }}的
</span> </span>
<span style="font-weight: bold;text-align: center;margin-top: 20rpx;" v-if="state.boxRelBucketStatus == 1"> <span
{{ state.pid }}画筒吗？</span> style="font-weight: bold; text-align: center; margin-top: 20rpx"
<span style="font-weight: bold;text-align: center;" v-if="state.boxRelBucketStatus == 1"
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4">画筒号：{{ state.pid }}</span> >
<span style="font-weight: bold;text-align: center;margin-top: 20rpx;" {{ state.pid }}画筒吗？</span
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4">所在位置：{{ state.locateAddress }}</span> >
<span
style="font-weight: bold; text-align: center"
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4"
>画筒号：{{ state.pid }}</span
>
<span
style="font-weight: bold; text-align: center; margin-top: 20rpx"
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4"
>所在位置：{{ state.locateAddress }}</span
>
<view class="painting-box"> <view class="painting-box">
<span>画作名称：{{ state.drawName }}</span> <span>画作名称：{{ state.drawName }}</span>
<span style="margin-top: 20rpx;">画家：{{ state.drawerName }}</span> <span style="margin-top: 20rpx">画家：{{ state.drawerName }}</span>
<span style="margin-top: 20rpx;">预览图：</span> <span style="margin-top: 20rpx">预览图：</span>
<view class="image-container"> <view class="image-container">
<up-image :src=state.drawThumbnail></up-image> <up-image :src="state.drawThumbnail"></up-image>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="button-container"> <view class="button-container">
<up-button style="width: 336rpx; margin: auto; height: 80rpx" color="#BABABA" throttleTime="5" <up-button
v-if="state.boxRelBucketStatus == 1">取消</up-button> style="width: 336rpx; margin: auto; height: 80rpx"
<up-button style="width: 336rpx; margin: auto; height: 80rpx;" color="#EFC54E" throttleTime="5" @click="doneSet" color="#BABABA"
v-if="state.boxRelBucketStatus == 1" :disabled="isButtonDisabled"> {{ buttonText }}</up-button> throttleTime="5"
<up-button style="width: 426rpx; margin: auto; height: 86rpx;" color="#EFC54E" throttleTime="5" @click="login" v-if="state.boxRelBucketStatus == 1"
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4">返回继续扫码</up-button> >取消</up-button
>
<up-button
style="width: 336rpx; margin: auto; height: 80rpx"
color="#EFC54E"
throttleTime="5"
@click="doneSet"
v-if="state.boxRelBucketStatus == 1"
:disabled="isButtonDisabled"
>
{{ buttonText }}</up-button
>
<up-button
style="width: 426rpx; margin: auto; height: 86rpx"
color="#EFC54E"
throttleTime="5"
@click="backScan"
v-if="state.boxRelBucketStatus == 2 || state.boxRelBucketStatus == 4"
>返回继续扫码</up-button
>
</view> </view>
</template> </template>
<script setup> <script setup>
import { ref, reactive, onBeforeMount } from "vue"; import { ref, reactive, onBeforeMount } from "vue";
// import { closeWebview, runTimeEnv } from "@/utils/index.js" import { closeWebview, runTimeEnv } from "../../../utils/index.js";
import { onLoad } from "@dcloudio/uni-app"; import { onLoad } from "@dcloudio/uni-app";
import useToast from "@/hooks/toast/useToast.js"; import useToast from "@/hooks/toast/useToast.js";
@ -61,7 +95,7 @@ onLoad((options) => {
state.id = options.id; state.id = options.id;
state.pid = options.pid; state.pid = options.pid;
state.boxRelBucketStatus = options.boxRelBucketStatus; state.boxRelBucketStatus = options.boxRelBucketStatus;
paintingDetail() paintingDetail();
}); });
const paintingDetail = async () => { const paintingDetail = async () => {
loading.value = true; loading.value = true;
@ -76,7 +110,6 @@ const paintingDetail = async () => {
state.locateAddress = res.data.locateAddress; state.locateAddress = res.data.locateAddress;
state.boxUid = res.data.boxUid; state.boxUid = res.data.boxUid;
} }
}; };
const doneSet = async () => { const doneSet = async () => {
loading.value = true; loading.value = true;
@ -94,6 +127,9 @@ const doneSet = async () => {
} }
loading.value = false; loading.value = false;
}; };
const backScan = () => {
closeWebview();
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -119,10 +155,8 @@ page {
margin-top: 60rpx; margin-top: 60rpx;
padding: 40rpx; padding: 40rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.painting-box { .painting-box {
height: 100%; height: 100%;
width: 100%; width: 100%;