首页界面优化

This commit is contained in:
jia 2023-10-09 15:31:23 +08:00
parent 9e7ea70d84
commit 0ad7115c48
1 changed files with 193 additions and 18 deletions

View File

@ -91,7 +91,7 @@
<view class=""></view> <view class=""></view>
</view> </view>
<view class="content-list-one" v-for="(item,u) in productList" :key="u" @click="shopdetail(item)"> <view class="content-list-one" v-for="(item,u) in productList" :key="u">
<view class="list-one"> <view class="list-one">
<view class="list-one_left"> <view class="list-one_left">
<view class="list-one_left-a"> <view class="list-one_left-a">
@ -113,7 +113,6 @@
</view> </view>
</view> </view>
<view class="" v-for="(g,h) in item.orderProduct"> <view class="" v-for="(g,h) in item.orderProduct">
<view class="list-two"> <view class="list-two">
<view class="list-two_left"> <view class="list-two_left">
<image :src="g.cart_info.product.image" mode=""></image> <image :src="g.cart_info.product.image" mode=""></image>
@ -140,7 +139,6 @@
</view> </view>
</view> </view>
<view class="list-three"> <view class="list-three">
<view class="list-three-one"> <view class="list-three-one">
<view class="title-img"> <view class="title-img">
@ -160,7 +158,8 @@
</view> </view>
</view> </view>
<view class="list-four"> <view class="list-four">
<view class="btn">去发货 </view> <view class="btn" @click="refundModify(item,1)">备注</view>
<view class="btn1" @click="shopdetail(item)">去发货</view>
</view> </view>
</view> </view>
@ -176,6 +175,21 @@
</view> </view>
</view>
<view>
<view class="priceChange" :class="refundMark === true ? 'on' : ''">
<view class="priceTitle">
订单备注
<span class="iconfont icon-guanbi" @click="refundMark = false"></span>
</view>
<view class="listChange">
<textarea placeholder="请填写备注信息..." v-model="refundInfo.remark"></textarea>
</view>
<view class="modify" @click="save">
确认提交
</view>
</view>
<view class="mask" @touchmove.prevent v-show="refundMark === true"></view>
</view> </view>
<uni-popup ref="popup1" type="left"> <uni-popup ref="popup1" type="left">
<view class="left-content"> <view class="left-content">
@ -332,6 +346,10 @@
import ordertime from './component/timelist.vue' import ordertime from './component/timelist.vue'
import retuntop from '@/components/content-top/index.vue'; import retuntop from '@/components/content-top/index.vue';
import { import {
setAdminOrderRemark
} from "@/api/admin";
import {
merstreet, merstreet,
getUserInfo getUserInfo
} from '@/api/user.js'; } from '@/api/user.js';
@ -426,11 +444,11 @@
} }
], ],
refundInfo: {},
company: '', company: '',
organization_code: '', organization_code: '',
show: false, show: false,
refundMark: false,
where: { where: {
page: 1, page: 1,
@ -600,6 +618,13 @@
} }
}, },
//
refundModify(item) {
this.refundInfo = item;
this.refundMark = true;
},
// //
agree() { agree() {
this.$refs.popup.open() this.$refs.popup.open()
@ -833,9 +858,9 @@
this.userInfoData = res.data this.userInfoData = res.data
if (res.data.mer_info.length == 0) { if (res.data.mer_info.length == 0) {
uni.showModal({ uni.showModal({
title: '暂无商户信息' title: '暂无商户信息'
}) })
} else { } else {
this.getindex() this.getindex()
this.getGoods(true) this.getGoods(true)
@ -858,17 +883,47 @@
}); });
}, },
//
save() {
let that = this;
if (!that.refundInfo.remark) {
return this.$util.Tips({
title: '请输入备注'
})
}
setAdminOrderRemark(that.userInfoData.service.mer_id, that.refundInfo.order_id, {
remark:that.refundInfo.remark
}).then(
res => {
this.refundMark =false;
this.$util.Tips({
title: res.message,
icon: 'success'
})
that.getGoods(true);
},
err => {
that.$util.Tips({
title: err
});
}
);
},
// //
authColse: function(e) { authColse: function(e) {
this.isShowAuth = e this.isShowAuth = e
}, },
// //
navation(item) { navation(item) {
if(item.type==8){ if (item.type == 8) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/moreProject/moreProject' url: '/pages/moreProject/moreProject'
}) })
} }
if (this.userid) { if (this.userid) {
if (this.userInfoData.mer_info.setting_status == 1) { if (this.userInfoData.mer_info.setting_status == 1) {
switch (item.type) { switch (item.type) {
@ -974,7 +1029,7 @@
} }
}, },
//
getGoods: function(isPage) { getGoods: function(isPage) {
let that = this; let that = this;
if (that.loadend) return; if (that.loadend) return;
@ -1027,6 +1082,86 @@
position: relative; position: relative;
} }
.priceChange {
position: fixed;
width: 580upx;
background-color: #fff;
border-radius: 10upx;
top: 50%;
left: 50%;
margin-left: -290upx;
margin-top: -335upx;
z-index: 666;
transition: all 0.3s ease-in-out 0s;
transform: scale(0);
opacity: 0;
}
.priceChange.on {
opacity: 1;
transform: scale(1);
}
.priceChange .priceTitle {
background: url("~@/static/images/pricetitle.jpg") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 160upx;
border-radius: 10upx 10upx 0 0;
text-align: center;
font-size: 40upx;
color: #fff;
line-height: 160upx;
position: relative;
}
.priceChange .priceTitle .iconfont {
position: absolute;
font-size: 40upx;
right: 26upx;
top: 23upx;
width: 40upx;
height: 40upx;
line-height: 40upx;
}
.priceChange .listChange {
padding: 0 40upx;
}
.priceChange .listChange textarea {
box-sizing: border-box;
}
.priceChange .listChange .item {
height: 103upx;
border-bottom: 1px solid #e3e3e3;
font-size: 32upx;
color: #333;
}
.priceChange .modify {
font-size: 32upx;
color: #fff;
width: 490upx;
height: 90upx;
text-align: center;
line-height: 90upx;
border-radius: 45upx;
background-color: #2291f8;
margin: 53upx auto;
}
.priceChange .listChange textarea {
border: 1px solid #eee;
width: 100%;
height: 200upx;
margin-top: 50upx;
border-radius: 10upx;
color: #333;
padding: 20upx;
}
.userpage-icon { .userpage-icon {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
@ -1324,7 +1459,7 @@
.setAgCountbtn { .setAgCountbtn {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
padding-bottom:120rpx ; padding-bottom: 120rpx;
.setAgCountbtna { .setAgCountbtna {
margin-top: 40rpx; margin-top: 40rpx;
@ -1666,6 +1801,7 @@
.content-list-one { .content-list-one {
padding: 25rpx 25rpx; padding: 25rpx 25rpx;
padding-bottom: 80rpx;
.list-one { .list-one {
display: flex; display: flex;
@ -1836,6 +1972,45 @@
} }
} }
.list-four {
display: flex;
position: absolute;
right: 25rpx;
}
.list-four .btn {
width: 116rpx;
line-height: 58rpx;
text-align: center;
border: 1px solid #737373;
height: 58rpx;
border-radius: 30rpx 30rpx;
opacity: 1;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #737373 !important;
}
.list-four .btn1 {
margin-left: 32rpx;
width: 142rpx;
line-height: 58rpx;
text-align: center;
border: 1px solid #F84221;
height: 58rpx;
border-radius: 30rpx 30rpx;
opacity: 1;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #F84221 !important;
}
} }
} }