qyh
/
freight-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update 增加去审核

This commit is contained in:
admin 2024-03-05 14:00:47 +08:00
parent 883b7be35d
commit c98484dc78
6 changed files with 309 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages.json
View File

@ -51,12 +51,6 @@
"navigationBarTitleText": "付款审核" "navigationBarTitleText": "付款审核"
} }
}, },
{
"path": "pages/index/paying",
"style": {
"navigationBarTitleText": "待支付"
}
},
{ {
"path": "pages/index/shipmenting", "path": "pages/index/shipmenting",
"style": { "style": {
@ -75,6 +69,12 @@
"navigationBarTitleText": "出货结算" "navigationBarTitleText": "出货结算"
} }
}, },
{
"path": "pages/review/index",
"style": {
"navigationBarTitleText": "去审核"
}
},
{ {
"path": "pages/index/settlement", "path": "pages/index/settlement",
"style": { "style": {
@ -246,37 +246,7 @@
} }
}, },
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
// {
// "path": "pages/login/index",
// "style": {
// "navigationBarTitleText": "登陆注册",
// "navigationBarBackgroundColor": "#FFF"
// }
// },
// {
// "path": "pages/formItem/index",
// "style": {
// "navigationBarTitleText": "form 测试",
// "navigationBarBackgroundColor": "#FFF"
// }
// }
], ],
// "tabBar": {
// // "selectedColor": "#ff7d59",
// "list": [{
// "pagePath": "pages/index/index",
// "text": "首页",
// "iconPath": "",
// "selectedIconPath": ""
// },
// {
// "pagePath": "pages/login/index",
// "text": "登陆",
// "iconPath": "",
// "selectedIconPath": ""
// }]
// },
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "智能回收", "navigationBarTitleText": "智能回收",

73
src/pages/index/index copy.vue
View File

@ -1,73 +0,0 @@
<template>
123
<view class="launch-start">
<AvaSwiper :list="bannerDate"></AvaSwiper>
<swiper indicator-dots autoplay circular class="c-swiper-container">
<swiper-item v-for="(item, index) in list" :key="index">
<view class="c-text-center">
<image mode="widthFix" :src="item.url" @tap="onPreviewImage(item.url)"/>
</view>
<view class="desc">
<text>{{ item.title }}</text>
</view>
</swiper-item>
</swiper>
</view>
</template>
<script setup lang="ts">
import type { BannerItem } from '@/types/home';
const bannerDate = ref<BannerItem[]>([
{
id: 1,
herfUrl: '',
imgUrl: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
},
{
id: 2,
herfUrl: '',
imgUrl: "https://cdn.uviewui.com/uview/swiper/swiper2.png",
}
])
const list = ref([
{
url: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
title: "智能回收，智慧未来！",
},
{
url: "https://cdn.uviewui.com/uview/swiper/swiper2.png",
title: "高效管理，安全快捷！",
},
{
url: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
title: "全新系统，崭新界面！",
},
{
url: "https://cdn.uviewui.com/uview/swiper/swiper3.png",
title: "全城握手，致富从这里开始",
},
]);
const onPreviewImage = (url: string) => {
uni.previewImage({
current: url,
urls: list.value.map(v=>v.url),
})
}
</script>
<style lang="scss" scoped>
.launch-start {
height: 100vh;
padding: 40px;
.c-swiper-container {
height: calc(100% - 100px);
}
.desc {
text-align: center;
position: absolute;
width: 100%;
bottom: 100px;
}
}
</style>

6
src/pages/index/index.vue
View File

@ -553,14 +553,14 @@ onMounted(() => {
} }
.tabBar { .tabBar {
background: url("/static/img/TabMenu/bg.png"); background: url("/static/img/TabMenu/bg.png");
height: 141.28rpx; height: 140rpx;
background-size: cover; background-size: cover;
position: sticky; position: sticky;
width: 100%; width: 100%;
bottom: 0px; bottom: 0px;
.tabMenuBox { .tabMenuBox {
padding-top: 35rpx; padding-top: 30rpx;
font-size: 27rpx; font-size: 28rpx;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;

64
src/pages/index/payReview.vue
View File

@ -29,33 +29,44 @@
</view> </view>
<block v-for="item in 10" :key="item"> <block v-for="item in 10" :key="item">
<view class="inner-box"> <view class="c-layout">
<view class="top-flex-box"> <view
<view> ><checkbox
value="cb"
:color="'#00D2E3'"
:checked="true"
style="transform: scale(0.5)"
/></view>
<view class="inner-box">
<view class="top-flex-box">
<view> <view>
<text class="number">收货单号：SHD20230901132333</text> <view>
</view> <text class="number">收货单号：SHD20230901132333</text>
<view> </view>
<text class="name">陡其成</text> <view>
<text class="name">陡其成</text>
</view>
</view> </view>
</view> </view>
</view> <view class="bottom-flex-box">
<view class="bottom-flex-box">
<view>
<view> <view>
<text class="desc">过磅总净重：1870.00KG</text> <view>
<text class="desc">过磅总净重：1870.00KG</text>
</view>
<view class="flex-box">
<text>贷款金额：2510.00元</text>
</view>
</view> </view>
<view class="flex-box"> <view>
<text>贷款金额：2510.00元</text> <text class="btn">
<text v-if="currentTab === '等待审核'" @click="handleReview"
>去审核</text
>
<text v-if="currentTab === '已审未付'">去支付</text>
<text v-if="currentTab === '已审已付'">查看</text>
</text>
</view> </view>
</view> </view>
<view>
<text class="btn">
<text v-if="currentTab === '等待审核'">去审核</text>
<text v-if="currentTab === '已审未付'">去支付</text>
<text v-if="currentTab === '已审已付'">查看</text>
</text>
</view>
</view> </view>
</view> </view>
@ -89,6 +100,11 @@ const currentTab = ref("等待审核");
const handleTab = (item: any) => { const handleTab = (item: any) => {
currentTab.value = item.name; currentTab.value = item.name;
}; };
const handleReview = () => {
uni.navigateTo({
url: "/pages/review/index", // 要跳转到的页面路径
});
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.search { .search {
@ -131,8 +147,14 @@ const handleTab = (item: any) => {
border-radius: 5rpx; border-radius: 5rpx;
} }
} }
.c-layout {
display: flex;
justify-content: space-between;
padding: 30rpx 25rpx 30rpx 0rpx;
}
.inner-box { .inner-box {
padding: 40rpx 40rpx; width: 100%;
// padding: 40rpx 40rpx;
.bottom-flex-box { .bottom-flex-box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

7
src/pages/index/paying.vue
View File

@ -1,7 +0,0 @@
<template>
待定价
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>

257
src/pages/review/index.vue Normal file
View File

@ -0,0 +1,257 @@
<template>
<view class="c-card">
<view class="box" v-for="item in 1" :key="item">
<view class="base">
<view>
<view class="supplier"> 上海奉贤两网融合（大磅） </view>
</view>
</view>
<view class="flex-box1">
<view class="type">轻二</view>
<view class="btn">
<view
><u-tag
text="现场照片"
plain
shape="circle"
:bgColor="'rgba(237, 254, 255, 1)'"
></u-tag
></view>
<view
><u-tag
text="收货单作废"
plain
shape="circle"
:borderColor="'rgba(255, 147, 68, 1) !important'"
:bgColor="'rgba(255, 240, 229, 1)'"
:color="'rgba(255, 157, 85, 1) !important'"
></u-tag
></view>
<view
><u-tag
text="编辑信息"
plain
shape="circle"
:borderColor="'rgba(0, 238, 78, 1) !important'"
:bgColor="'rgba(227, 255, 236, 1)'"
:color="'rgba(0, 238, 78, 1) !important'"
></u-tag
></view>
</view>
</view>
<view class="flex-box">
<text>定价人：谭兵</text>
<text>创建时间：2023-09-01 13:23:33</text>
</view>
<view class="more">
<view v-for="(item, index) in gridList1" :key="index">
<text v-if="item.name">{{ item.name }}：</text
><text
>{{ item.isBefore ? item.unit : "" }}
{{ item.num }}
{{ item.isBefore ? "" : item.unit }}
</text>
</view>
</view>
</view>
<view class="op-btn">
<view class="c-btn-review">
<view> 审核暂不支付 </view>
<view class="active"> 审核立即支付 </view>
</view>
<view>
<u-button
text="重新过皮"
plain
:customStyle="{
color: 'rgba(0, 220, 238, 1)',
border: '1px solid #00DCEE',
'border-radius': '43rpx',
}"
></u-button>
</view>
<view>
<u-button
text="打印"
type="primary"
:customStyle="{ 'border-radius': '43rpx' }"
></u-button>
</view>
</view>
</view>
</template>
<script setup lang="ts">
const keyword = ref("");
const gridList1 = reactive([
{
name: "毛重",
num: "4080.00",
unit: "KG",
isBefore: false,
},
{
name: "皮重",
num: "3450.00",
unit: "KG",
isBefore: false,
},
{
name: "扣杂",
num: "640.00",
unit: "KG",
isBefore: false,
},
{},
{
name: "净重",
num: "640.00",
unit: "KG",
isBefore: false,
},
{
name: "单价",
num: "2.48",
unit: "元/千克",
isBefore: false,
},
{
name: "预估总价",
num: "2.48",
unit: "元",
isBefore: false,
},
{
name: "贷款总价",
num: "2.48",
unit: "元",
isBefore: false,
},
]);
const handleScenePhoto = () => {
uni.navigateTo({
url: "/pages/scenePhoto/index", // 要跳转到的页面路径
});
};
</script>
<style lang="scss" scoped>
.c-card {
margin: 30rpx 25rpx;
.box {
background: #ffffff;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(5, 68, 37, 0.12);
border-radius: 13rpx;
padding: 30rpx;
.base {
display: flex;
align-items: center;
justify-content: space-between;
.no {
font-weight: 400;
font-size: 21rpx;
color: #000000;
}
.supplier {
font-weight: 400;
font-size: 24rpx;
color: #000000;
}
.btn {
border-radius: 24rpx;
border: 1px solid #00dcee;
padding: 10rpx 30rpx;
font-weight: 500;
font-size: 24rpx;
color: #00dcee;
line-height: 41rpx;
}
}
.name {
font-weight: 400;
font-size: 27rpx;
color: #000000;
margin: 15rpx 0rpx;
text {
background-color: #ffaf75;
font-weight: 500;
font-size: 16rpx;
color: #ffffff;
padding: 5rpx 20rpx;
margin-left: 20rpx;
}
}
.flex-box1 {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20rpx 0rpx;
.type {
font-weight: 400;
font-size: 27rpx;
color: #ec0f3e;
}
.btn {
display: flex;
> view + view {
margin-left: 10rpx;
}
}
}
.flex-box {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 400;
font-size: 24rpx;
color: #999999;
border-bottom: 1rpx solid rgba(233, 233, 233, 0.76);
padding-bottom: 20rpx;
}
}
.more {
display: grid;
grid-template-columns: repeat(2, 1fr);
flex: 1;
font-weight: 400;
font-size: 24rpx;
color: #000000;
padding: 25rpx 0rpx 0rpx 0rpx;
> view {
line-height: 50rpx;
}
}
.op-btn {
width: 80%;
margin: 0px auto;
margin-top: 100rpx;
.c-btn-review {
display: flex;
justify-content: space-between;
align-items: center;
background: #f5f5f5;
border-radius: 38rpx;
text-align: center;
margin-bottom: 80rpx;
> view {
width: 50%;
text-align: center;
font-weight: 500;
font-size: 27rpx;
color: #999999;
}
.active {
background: #00dcee;
border-radius: 38rpx;
font-weight: 500;
font-size: 27rpx;
color: #ffffff;
padding: 20rpx 30rpx;
}
}
> view + view {
margin-top: 30rpx;
}
}
}
</style>