智能柜开门
This commit is contained in:
weiwei committed
1 parent
438afff941
commit
4d00ee6fd4
5 files changed
+111
-1
No files matched your search
@@ -0,0 +1,107 @@
|
||||
<template>
|
||||
<crud-layout bg="/static/page/blue-bg.png">
|
||||
<view class="bg-white rounded-16rpx my-40rpx animate-both">
|
||||
<z-tabs
|
||||
:list="[
|
||||
{ name: '浙政钉支付', value: 1 },
|
||||
{ name: '支付宝支付', value: 2, disabled: true },
|
||||
]"
|
||||
bar-width="300"
|
||||
bar-height="0"
|
||||
:active-style="{
|
||||
width: '300rpx',
|
||||
height: '70rpx',
|
||||
backgroundColor: '#0779FDdd',
|
||||
color: '#ffffff',
|
||||
textAlign: 'center',
|
||||
lineHeight: '70rpx',
|
||||
fontWeight: 'light',
|
||||
fontSize: '30rpx',
|
||||
borderRadius: '10rpx',
|
||||
marginTop: '10rpx',
|
||||
}"
|
||||
:inactive-style="{
|
||||
width: '300rpx',
|
||||
height: '70rpx',
|
||||
color: '#ffffff',
|
||||
textAlign: 'center',
|
||||
lineHeight: '70rpx',
|
||||
fontWeight: 'light',
|
||||
fontSize: '30rpx',
|
||||
borderRadius: '10rpx',
|
||||
marginTop: '10rpx',
|
||||
}"
|
||||
@change="payMethodTabChange"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<tm-sheet v-if="true" borderWidth="2" margin="40" padding="10" color="#0094FF22">
|
||||
<view class="flex items-center justify-between pl-4">
|
||||
<tm-text font-size="30 " color="#0779FD">钱包余额不足100元</tm-text>
|
||||
<tm-button size="m" @click="goRecharge">去充值</tm-button>
|
||||
</view>
|
||||
</tm-sheet>
|
||||
|
||||
<tm-sheet>
|
||||
<tm-text font-size="30">购买须知：</tm-text>
|
||||
<view class="flex items-center px-10rpx py-20rpx">
|
||||
<image class="w-60rpx h-60rpx mr-3" src="@/static/page/印章.svg" />
|
||||
<view>
|
||||
<view class="second-text-26">第一步</view>
|
||||
<tm-text font-size="30">购买需钱包余额大于100元</tm-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex items-center px-10rpx py-20rpx">
|
||||
<image class="w-60rpx h-60rpx mr-3" src="@/static/page/开门.svg" />
|
||||
<view>
|
||||
<view class="second-text-26">第二步</view>
|
||||
<tm-text font-size="30">开门之后选取商品并关门</tm-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex items-center px-10rpx py-20rpx">
|
||||
<image class="w-60rpx h-60rpx mr-3" src="@/static/page/支付.svg" />
|
||||
<view>
|
||||
<view class="second-text-26">第三步</view>
|
||||
<tm-text font-size="30">关门后自动结算</tm-text>
|
||||
</view>
|
||||
</view>
|
||||
</tm-sheet>
|
||||
|
||||
<view class="h-30rpx" />
|
||||
<template #main-bottom>
|
||||
<view class="m-30rpx">
|
||||
<tm-button block @click="openDoor" :disabled="state.disabled">开 门</tm-button>
|
||||
</view>
|
||||
</template>
|
||||
</crud-layout>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive } from "vue"
|
||||
import { onShow } from "@dcloudio/uni-app"
|
||||
import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
|
||||
import { router } from "@/sheep"
|
||||
|
||||
const state = reactive({
|
||||
disabled: true,
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
// 检查钱包余额
|
||||
console.log("onShow")
|
||||
})
|
||||
|
||||
// 去充值
|
||||
const goRecharge = () => {
|
||||
router.jump("/pages/wallet/list", {}, 1)
|
||||
}
|
||||
|
||||
// 开门
|
||||
const openDoor = () => {
|
||||
if (state.disabled) return
|
||||
console.log("芝麻开门")
|
||||
}
|
||||
|
||||
// 支付方式tab改变
|
||||
const payMethodTabChange = (e: number) => {}
|
||||
</script>
|
||||
@@ -76,7 +76,7 @@ const state = reactive<{
|
||||
// { text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
|
||||
// { text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
|
||||
{ text: "人脸管理", icon: "/static/icon/service_5.png", router: "/pages/human-face/list" },
|
||||
// { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" }
|
||||
// { text: "意见反馈", icon: "/static/icon/service_5.png", router: "/pages/integrated/feedback/index" },
|
||||
],
|
||||
appInfo: "",
|
||||
})
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704767271" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19942" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M130.9 777.9V737v16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM130.9 710.3h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2v-26.2zM873.6 710.6v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z" fill="#0779FD" p-id="19943"></path><path d="M873.6 777.5h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM955.3 935.3c0 22.6-18.3 41-41 41h-824c-22.6 0-41-18.3-41-41 0-22.6 18.3-41 41-41h824c22.7 0.1 41 18.4 41 41zM509.4 40c-139.2 0-252 112.8-252 252 0 101.6 60.1 189.2 146.8 229l35.2-74c-59-26.7-100.1-86.1-100.1-155.1 0-93.9 76.2-170.1 170.1-170.1S679.5 198.1 679.5 292c0 68.3-40.3 127.2-98.3 154.2l35.2 69.8-1.5 4.9C701.4 481 761.4 393.5 761.4 292c0-139.2-112.8-252-252-252z" fill="#0779FD" p-id="19944"></path><path d="M49.4 692.4v103.5c2.3 34.6 30.4 62.1 65.3 63.4h778.6c32.5-2.7 58.5-28.1 62.1-60.3V686.7c-4.5-31.1-30.1-55.4-61.8-57.9H704.7l-69.5-161.2c-9-20.8-33.1-30.3-53.8-21.4-20.8 9-30.3 33.1-21.4 53.8l80.1 185.8c5.9 13.7 18.4 22.5 32.2 24.4 2.1 0.3 4.2 0.5 6.3 0.5h194.8v66.7H131.3v-66.7h209.8c4.3 0 8.4-0.7 12.3-1.9 11.4-3.3 21.3-11.4 26.3-23.2l79.9-185.2c9-20.8-0.6-44.9-21.4-53.8-20.8-9-44.9 0.6-53.8 21.4l-69.3 160.8H112.7c-34 2.3-61.1 29.5-63.3 63.6z" fill="#0779FD" p-id="19945"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704272516" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4700" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M821.333333 48.64h-618.666666A74.666667 74.666667 0 0 0 128 123.306667V846.933333a74.666667 74.666667 0 0 0 65.706667 74.24l448 53.76h8.96a74.026667 74.026667 0 0 0 73.386666-62.72h97.28a74.666667 74.666667 0 0 0 74.666667-74.666666V123.306667a74.666667 74.666667 0 0 0-74.666667-74.666667zM661.333333 900.693333a10.666667 10.666667 0 0 1-11.946666 10.666667l-448-53.76a10.666667 10.666667 0 0 1-9.386667-10.666667V177.92A10.666667 10.666667 0 0 1 195.626667 170.666667a10.666667 10.666667 0 0 1 8.32-2.56l448 53.76a10.666667 10.666667 0 0 1 9.386666 10.666666z m170.666667-62.72a10.666667 10.666667 0 0 1-10.666667 10.666667H725.333333V231.68a74.666667 74.666667 0 0 0-65.706666-74.24l-374.613334-44.8H821.333333a10.666667 10.666667 0 0 1 10.666667 10.666667z" fill="#0779FD" p-id="4701"></path><path d="M565.333333 464.64a32 32 0 0 0-32 32v128a32 32 0 0 0 64 0v-128a32 32 0 0 0-32-32z" fill="#0779FD" p-id="4702"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1744704698718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16283" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M358.238316 324.392421H123.957895a32.336842 32.336842 0 0 0-32.336842 32.336842v517.389474a32.336842 32.336842 0 0 0 32.336842 32.336842h776.08421a32.336842 32.336842 0 0 0 32.336842-32.336842v-64.673684h-194.021052a97.118316 97.118316 0 0 1-97.010527-97.010527v-194.021052a97.118316 97.118316 0 0 1 97.010527-97.010527h194.021052v-64.673684a32.336842 32.336842 0 0 0-32.336842-32.336842H364.274526a32.336842 32.336842 0 0 1-6.03621 0z m447.056842-64.673684H900.042105a97.118316 97.118316 0 0 1 97.010527 97.010526v517.389474a97.118316 97.118316 0 0 1-97.010527 97.010526H123.957895a97.118316 97.118316 0 0 1-97.010527-97.010526v-517.389474a97.118316 97.118316 0 0 1 97.010527-97.010526h66.991158l84.021894-145.51579a97.118316 97.118316 0 0 1 132.527158-35.570526l55.996632 32.336842c6.898526 4.042105 13.258105 8.838737 18.917052 14.336l95.932632-95.932631a97.010526 97.010526 0 0 1 137.162105 0l91.459369 91.513263a97.118316 97.118316 0 0 1 0 137.162105l-1.616842 1.616842z m-91.459369 0l47.427369-47.427369a32.336842 32.336842 0 0 0 0-45.702736l-91.513263-91.459369a32.336842 32.336842 0 0 0-45.702737 0L439.457684 259.772632h274.378105z m-365.837473 0l88.656842-88.656842a32.175158 32.175158 0 0 0-5.497263-4.042106l-56.050527-32.336842a32.336842 32.336842 0 0 0-44.139789 11.856842l-65.320421 113.178948h82.351158z m390.359579 226.357895a32.336842 32.336842 0 0 0-32.336842 32.336842v194.021052a32.336842 32.336842 0 0 0 32.336842 32.336842h194.021052v-258.694736h-194.021052z m49.529263 129.347368a48.505263 48.505263 0 1 1 97.010526 0 48.505263 48.505263 0 0 1-97.010526 0z" fill="#0779FD" p-id="16284"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Reference in new issue
Block a user