首页界面优化
This commit is contained in:
parent
9e7ea70d84
commit
0ad7115c48
|
|
@ -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()
|
||||||
|
|
@ -858,6 +883,36 @@
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 备注
|
||||||
|
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
|
||||||
|
|
@ -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;
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue