钱包 发货记录细节修改

version/0412
fanfan 9 months ago
parent 1ac03dbd38
commit 00267b4dde
  1. 5
      pages/news/user/rechargeList.vue
  2. 42
      pages/news1/wallet.vue
  3. 54
      pages/news3/LogisticsDetails.vue
  4. 31
      pages/news3/LogisticsInquiry.vue
  5. 43
      pages/news3/ManualEntry.vue
  6. 55
      pages/news3/seasoningCondimentsRecord.vue
  7. 42
      pages/news3/setOutRecords.vue

@ -12,10 +12,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="empty" v-if="list.length==0"> <u-empty text="暂无数据显示哦~" v-if="list.length==0" mode="list"></u-empty>
<image :src="$picUrl+'/static/news1/walletEmpty.png'" mode="widthFix"></image>
<text>暂无数据显示哦</text>
</view>
</view> </view>
</template> </template>

@ -1,7 +1,8 @@
<template> <template>
<view class="wallet"> <view class="wallet">
<view> <view>
<u-navbar title="我的钱包" :background="background" title-color="#fff"></u-navbar> <u-navbar title="我的钱包" :border-bottom="false" :background="background" title-color="#fff"
back-icon-color='#fff'></u-navbar>
</view> </view>
<image :src="$picUrl+'/static/news1/walletBg.png'" class="bgImg" mode="widthFix"></image> <image :src="$picUrl+'/static/news1/walletBg.png'" class="bgImg" mode="widthFix"></image>
<view class="walletContainer"> <view class="walletContainer">
@ -9,7 +10,9 @@
<view class="yue" @click="introShow=true">余额说明</view> <view class="yue" @click="introShow=true">余额说明</view>
<view class="accountNum"> <view class="accountNum">
<text>账户余额</text> <text>账户余额</text>
<view style="margin-left: 5px;" @click="isEye=!isEye"><u-icon :name="isEye?'eye':'eye-off'" color="#652F17" size="34"></u-icon></view> <view style="margin-left: 5px;" @click="isEye=!isEye">
<u-icon :name="isEye?'eye':'eye-off'" color="#652F17" size="34"></u-icon>
</view>
</view> </view>
<view class="walletHandle"> <view class="walletHandle">
<text>{{isEye?infor.balance:'****'}}</text> <text>{{isEye?infor.balance:'****'}}</text>
@ -72,8 +75,9 @@
</view> </view>
</view> </view>
<u-picker mode="time" v-model="timeShow" :params="timeParams" @confirm="getTime"></u-picker> <u-picker mode="time" v-model="timeShow" :params="timeParams" @confirm="getTime"></u-picker>
<u-dropdown class="dropdownStyle" ref="dropdown1" height="100" active-color="#FE422B" @open="dropOpen" <!-- menu-icon='/static/shai.png' menu-icon-size='30' active-color="#464646" -->
@close="dropClose"> <u-dropdown class="dropdownStyle" ref="dropdown1" height="100" title-size='28' active-color="#464646"
@open="dropOpen" @close="dropClose">
<u-dropdown-item title="属性" @update:modelValue="open()"> <u-dropdown-item title="属性" @update:modelValue="open()">
<view class="slot-content"> <view class="slot-content">
<view class="slotItem"> <view class="slotItem">
@ -112,10 +116,7 @@
<view class="a">{{item.money}}</view> <view class="a">{{item.money}}</view>
</view> </view>
</view> </view>
<view class="empty" v-else> <u-empty text="暂无数据显示哦~" v-else mode="list"></u-empty>
<image :src="$picUrl+'/static/news1/walletEmpty.png'" mode="widthFix"></image>
<text>暂无数据显示哦</text>
</view>
</view> </view>
<u-popup v-model="introShow" mode="center" border-radius="12"> <u-popup v-model="introShow" mode="center" border-radius="12">
<view class="introContent"> <view class="introContent">
@ -139,7 +140,7 @@
background: 'url(' + img + ') center top no-repeat', background: 'url(' + img + ') center top no-repeat',
backgroundSize: '100% auto', backgroundSize: '100% auto',
}, },
isEye:true, isEye: true,
OrderType: 0, OrderType: 0,
timeShow: false, timeShow: false,
timeParams: { timeParams: {
@ -185,7 +186,7 @@
this.OrderType = 999 this.OrderType = 999
}, },
dropClose() { dropClose() {
this.OrderType ='' this.OrderType = ''
this.getBalance('') this.getBalance('')
}, },
onRecharge() { onRecharge() {
@ -273,6 +274,7 @@
.wallet { .wallet {
height: 100%; height: 100%;
position: relative; position: relative;
background-color: #fff;
.bgImg { .bgImg {
width: 100%; width: 100%;
@ -515,18 +517,18 @@
.btn { .btn {
flex: 1; flex: 1;
height: 100rpx; line-height: 85upx;
line-height: 100rpx;
text-align: center; text-align: center;
font-size: 26rpx; font-size: 26rpx;
border: none !important; // border: none !important;
width: 260rpx;
height: 85upx
} }
.resetBtn { .resetBtn {
background-color: #F3F4F6; background-color: #fff;
border-radius: 29px 29px 29px 29px; border-radius: 29px 29px 29px 29px;
opacity: 1; border: 1px solid #DDDDDD;
// border: 1px solid #F3F4F6;
color: #222; color: #222;
} }
@ -541,6 +543,10 @@
} }
} }
::v-deep .uni-button:after {
border: none !important;
}
::v-deep .u-dropdown__menu { ::v-deep .u-dropdown__menu {
height: 100upx !important; height: 100upx !important;
} }
@ -703,12 +709,14 @@
font-size: 28rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #595959; color: #595959;
margin: 0 6rpx;
} }
.b { .b {
font-size: 26rpx; font-size: 26rpx;
font-weight: 400; font-weight: 400;
color: #A3A3A3; color: #A3A3A3;
margin: 0 6rpx;
} }
} }
@ -720,12 +728,14 @@
font-size: 40rpx; font-size: 40rpx;
font-weight: 500; font-weight: 500;
color: #414141; color: #414141;
margin: 0 6rpx;
} }
.b { .b {
font-size: 28rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #A3A3A3; color: #A3A3A3;
margin: 0 6rpx;
} }
} }
} }

@ -1,13 +1,7 @@
<template> <template>
<view class="bg_style"> <view class="park">
<view class="bgImg"> <view class="park-navbar">
<view style="width:100%;position:sticky;"> <u-navbar title="物流信息" :border-bottom="false" :background="background"></u-navbar>
<view class="navBarContent">
<u-icon name="arrow-left" @click="onBack"
style="position: absolute;top:50%;left:16px;transform: translateY(-50%);" color="#000"
size="35"></u-icon>
<text>物流信息</text>
</view>
</view> </view>
<view class="logis-box"> <view class="logis-box">
<image src="/static/default-logo.png" alt=""></image> <image src="/static/default-logo.png" alt=""></image>
@ -21,8 +15,6 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<!-- 物流轨迹 -->
<view class="logis-detail" v-if="logisticsItem"> <view class="logis-detail" v-if="logisticsItem">
<view class="logis-item" :class="{ first: index === 0 }" v-for="(item, index) in logisticsItem.items" <view class="logis-item" :class="{ first: index === 0 }" v-for="(item, index) in logisticsItem.items"
:key="index"> :key="index">
@ -36,10 +28,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="empty" v-else> <u-empty text="暂无物流信息~" v-else mode="list"></u-empty>
<image :src="$picUrl+'/static/news1/walletEmpty.png'" mode="widthFix"></image>
<text>暂无物流信息</text>
</view>
</view> </view>
</template> </template>
@ -48,6 +37,10 @@
export default { export default {
data() { data() {
return { return {
background: {
background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`,
backgroundSize: '100%',
},
traces: [], traces: [],
logisticsItem: '' logisticsItem: ''
}; };
@ -108,40 +101,13 @@
padding-bottom: 40upx; padding-bottom: 40upx;
} }
.bg_style { .park {
width: 100%; width: 100%;
background: url(https://www.royaum.com.cn/static/news/login-bg.png) center 0 no-repeat; background: url(https://www.royaum.com.cn/static/news/login-bg.png) center 0 no-repeat;
background-size: 100% auto; background-size: 100% auto;
min-height: 100vh; min-height: 100vh;
} }
.all-details {
width: 100%;
font-size: 14px;
text-align: center;
}
.navBarContent {
height: 140upx;
line-height: 140upx;
text-align: center;
position: relative;
text {
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000;
}
}
.bgImg {
width: 100%;
height: 160px;
position: relative;
}
// //
.logis-box { .logis-box {
width: 100%; width: 100%;
@ -223,6 +189,7 @@
} }
} }
} }
.empty { .empty {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -231,6 +198,7 @@
width: 100%; width: 100%;
height: 400rpx; height: 400rpx;
background-color: #fff; background-color: #fff;
image { image {
width: 114rpx; width: 114rpx;
height: auto; height: auto;

@ -1,14 +1,7 @@
<template> <template>
<view class="bg_style"> <view class="park">
<view class="bgImg"> <view class="park-navbar">
<view style="width:100%;"> <u-navbar title="物流查询" :border-bottom="false" :background="background"></u-navbar>
<view class="navBarContent">
<u-icon name="arrow-left" @click="onBack"
style="position: absolute;top:50%;left:16px;transform: translateY(-50%);" color="#000"
size="35">
</u-icon>
<text>物流查询</text>
</view>
</view> </view>
<view class="contentDes"> <view class="contentDes">
<u-field v-model="logisticsNum" label="物流单号" placeholder="请填写物流单号"> <u-field v-model="logisticsNum" label="物流单号" placeholder="请填写物流单号">
@ -24,7 +17,6 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="footerBtn" :style="{'opacity': logisticsNum?1:0.6 }" @click="onCheck"> <view class="footerBtn" :style="{'opacity': logisticsNum?1:0.6 }" @click="onCheck">
查快递 查快递
</view> </view>
@ -35,6 +27,10 @@
export default { export default {
data() { data() {
return { return {
background: {
background: `url(${this.$picUrl}/static/news/login-bg.png) center top no-repeat`,
backgroundSize: '100%',
},
logisticsNum: '', logisticsNum: '',
}; };
}, },
@ -89,24 +85,15 @@
} }
.bg_style { .park {
width: 100%; width: 100%;
background: url(https://www.royaum.com.cn/static/news/login-bg.png) center 0 no-repeat; background: url(https://www.royaum.com.cn/static/news/login-bg.png) center 0 no-repeat;
background-size: 100% auto; background-size: 100% auto;
min-height: 100vh; min-height: 100vh;
} }
.bgImg {
width: 100%;
height: 180px;
position: relative;
}
.contentDes { .contentDes {
position: relative;
z-index: 2;
margin: 0upx 26upx; margin: 0upx 26upx;
background-color: #fff; background-color: #fff;
background: #FFFFFF; background: #FFFFFF;
@ -132,7 +119,7 @@
} }
::v-deep .u-field { ::v-deep .u-field {
padding: 30upx 10upx; padding: 45rpx 28upx !important;
} }
.btnGroup { .btnGroup {

@ -1,5 +1,5 @@
<template> <template>
<view style="padding-bottom: 60rpx;"> <view style="padding-bottom: 200rpx;">
<view class="section"> <view class="section">
<u-field v-model="form.goods_name" label="商品名称" placeholder="请输入商品名称"> <u-field v-model="form.goods_name" label="商品名称" placeholder="请输入商品名称">
</u-field> </u-field>
@ -64,7 +64,7 @@
:file-list="transferList" :custom-btn="true" max-count="6"> :file-list="transferList" :custom-btn="true" max-count="6">
<template v-slot:addBtn> <template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> <view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image> <image :src="$picUrl+'/static/news/icon-upload.png'"></image>
<view class="1">上传图片</view> <view class="1">上传图片</view>
</view> </view>
</template> </template>
@ -78,15 +78,18 @@
:file-list="chatList" :custom-btn="true" max-count="6"> :file-list="chatList" :custom-btn="true" max-count="6">
<template v-slot:addBtn> <template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> <view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image> <image :src="$picUrl+'/static/news/icon-upload.png'"></image>
<view class="1">上传图片</view> <view class="1">上传图片</view>
</view> </view>
</template> </template>
</u-upload> </u-upload>
</view> </view>
</view> </view>
<view class="footerBtn" @click="onSubmit"> <!-- <view class="footerBtn" @click="onSubmit">
提交 提交
</view> -->
<view class="goods-fd">
<view class="btn" @click="onSubmit">提交</view>
</view> </view>
</view> </view>
</template> </template>
@ -467,22 +470,28 @@
} }
} }
.footerBtn { .goods-fd {
width: 86%; width: 100%;
height: 88upx; position: fixed;
background: #FF5050; left: 0;
border-radius: 36px 36px 36px 36px; bottom: 0;
opacity: 1; padding: 0.9375rem;
font-size: 28upx; z-index: 99;
font-family: PingFang SC, PingFang SC; background-color: #fafafa;
box-sizing: border-box;
.btn {
width: 630rpx;
line-height: 88rpx;
background: #F34A40;
border-radius: 88rpx;
text-align: center;
font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
line-height: 88upx; margin: auto;
text-align: center; }
margin: 76upx auto 0upx auto;
} }
.c { .c {
padding-top: 20rpx; padding-top: 20rpx;
overflow: hidden; overflow: hidden;

@ -1,5 +1,5 @@
<template> <template>
<view style="padding-bottom: 42rpx;"> <view style="padding-bottom: 200rpx;">
<view class="selectContent" style="border:none;background-color: #fff;"> <view class="selectContent" style="border:none;background-color: #fff;">
<picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList"> <picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList">
<u-field v-model="send_name" :disabled="true" label="发货模式" placeholder="请选择发货模式" <u-field v-model="send_name" :disabled="true" label="发货模式" placeholder="请选择发货模式"
@ -36,7 +36,7 @@
:custom-btn="true" max-count="6"> :custom-btn="true" max-count="6">
<template v-slot:addBtn> <template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> <view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image> <image :src="$picUrl+'/static/news/icon-upload.png'"></image>
<view class="1">上传图片</view> <view class="1">上传图片</view>
</view> </view>
</template> </template>
@ -50,7 +50,7 @@
@on-remove="onRemoveChat" height="180" :file-list="chatList" :custom-btn="true" max-count="6"> @on-remove="onRemoveChat" height="180" :file-list="chatList" :custom-btn="true" max-count="6">
<template v-slot:addBtn> <template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> <view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<image src="/static/news/icon-upload.png"></image> <image :src="$picUrl+'/static/news/icon-upload.png'"></image>
<view class="1">上传图片</view> <view class="1">上传图片</view>
</view> </view>
</template> </template>
@ -58,8 +58,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="footerBtn" @click="onSubmit"> <view class="goods-fd">
保存 <view class="btn" @click="onSubmit">保存</view>
</view> </view>
</view> </view>
</template> </template>
@ -386,22 +386,43 @@
} }
} }
} }
.goods-fd {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
padding: 0.9375rem;
z-index: 99;
background-color: #fafafa;
box-sizing: border-box;
.footerBtn { .btn {
width: 86%; width: 630rpx;
height: 88upx; line-height: 88rpx;
background: #FF5050; background: #F34A40;
border-radius: 36px 36px 36px 36px; border-radius: 88rpx;
opacity: 1; text-align: center;
font-size: 28upx; font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
line-height: 88upx; margin: auto;
text-align: center; }
margin: 42upx auto 0 auto; }
// .footerBtn {
// width: 86%;
// height: 88upx;
// background: #FF5050;
// border-radius: 36px 36px 36px 36px;
// opacity: 1;
// font-size: 28upx;
// font-family: PingFang SC, PingFang SC;
// font-weight: 500;
// color: #FFFFFF;
// line-height: 88upx;
// text-align: center;
// margin: 42upx auto 0 auto;
} // }
.c { .c {
padding-top: 20rpx; padding-top: 20rpx;

@ -48,12 +48,9 @@
</view> </view>
</view> </view>
</view> </view>
<view class="empty" v-else> <u-empty v-else text="暂无发货记录~" mode="list"></u-empty>
<image :src="$picUrl+'/static/news1/walletEmpty.png'" mode="widthFix"></image> <view class="goods-fd">
<text>暂无物流信息</text> <view class="btn" @click="manualEntry">手动录入</view>
</view>
<view class="footerBtns" @click="manualEntry">
手动录入
</view> </view>
</view> </view>
</template> </template>
@ -338,22 +335,29 @@
width: 180upx; width: 180upx;
} }
.footerBtns { .goods-fd {
width: 86%; width: 100%;
height: 88upx; position: fixed;
background: #F55349; left: 0;
border-radius: 6px; bottom: 0;
opacity: 1; padding: 0.9375rem;
font-size: 28upx; z-index: 99;
font-family: PingFang SC, PingFang SC; background-color: #fafafa;
box-sizing: border-box;
.btn {
width: 630rpx;
line-height: 88rpx;
background: #F34A40;
border-radius: 88rpx;
text-align: center;
font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
line-height: 88upx; margin: auto;
text-align: center; }
position: fixed;
bottom: 20rpx;
left: 7%;
} }
.empty { .empty {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

Loading…
Cancel
Save