wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

細節

Browse Source
version/0412
fanfan 12 months ago
parent 0447290af0
commit 5abc4dce43
1 changed files with 587 additions and 497 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 442
      pages/news3/shopDealerOrder.vue

442
pages/news3/shopDealerOrder.vue
Unescape View File

@ -3,7 +3,8 @@
<view class="head-info"> <view class="head-info">
<!-- 搜索 --> <!-- 搜索 -->
<view class="searchContent"> <view class="searchContent">
<u-search height="50" @search="getListAfter" @custom="getListAfter" placeholder="输入订单编号/收件人名字/电话商品名称" v-model="keyword"></u-search> <u-search height="50" @search="getListAfter" @custom="getListAfter" placeholder="输入订单编号"
v-model="keyword"></u-search>
<!-- <u-input v-model="keyword" placeholder="输入订单编号/收件人名字/电话商品名称"/> --> <!-- <u-input v-model="keyword" placeholder="输入订单编号/收件人名字/电话商品名称"/> -->
<!-- <u-icon name="search" class="search"></u-icon> --> <!-- <u-icon name="search" class="search"></u-icon> -->
<!-- <view class="filter" @click="getFilterHandle"> <!-- <view class="filter" @click="getFilterHandle">
@ -15,17 +16,15 @@
<!-- 分类列表 --> <!-- 分类列表 -->
<view class="container"> <view class="container">
<view class="classify-list"> <view class="classify-list">
<view class="list" v-for="(item,index) in classList" <view class="list" v-for="(item,index) in classList" :class="{'action':classifyShow==item.id}"
:class="{'action':classifyShow==item.id}" @click="onClassify(item,index)" :key="index">
@click="onClassify(item,index)"
:key="index">
<text>{{item.name}}</text> <text>{{item.name}}</text>
<text class="line" v-show="classifyShow==item.id"></text> <text class="line" v-show="classifyShow==item.id"></text>
</view> </view>
</view> </view>
</view> </view>
<view class="shopContent"> <view class="shopContent">
<view class="shopItem" v-for="(item,index) in goodsList" :key="index"> <view class="shopItem" v-for="(item,index) in goodsList" :key="index" v-if="goodsList.length>0">
<view class="orderInfo"> <view class="orderInfo">
<text>订单号：{{item.order_no}}</text> <text>订单号：{{item.order_no}}</text>
<text class="statusText">{{item.state_text}}</text> <text class="statusText">{{item.state_text}}</text>
@ -55,8 +54,10 @@
</view> </view>
<view class="btnGroup"> <view class="btnGroup">
<view class="btn info" v-show="item.state_text=='待发货'||item.state_text=='待付款'">修改地址</view> <view class="btn info" v-show="item.state_text=='待发货'||item.state_text=='待付款'">修改地址</view>
<view class="btn primary" v-show="item.state_text=='待发货'||item.state_text=='待付款'" @click="goJump('/pages/news3/updatePrice',item)">修改价格</view> <view class="btn primary" v-show="item.state_text=='待发货'||item.state_text=='待付款'"
<view class="btn primary" v-show="item.state_text=='待发货'" @click="goJump('/pages/news3/sendOutGoods',item)">发货</view> @click="goJump('/pages/news3/updatePrice',item)">修改价格</view>
<view class="btn primary" v-show="item.state_text=='待发货'"
@click="goJump('/pages/news3/sendOutGoods',item)">发货</view>
<view class="btn info" v-show="item.state_text=='refund'">拒绝</view> <view class="btn info" v-show="item.state_text=='refund'">拒绝</view>
<view class="btn primary" v-show="item.state_text=='refund'">同意</view> <view class="btn primary" v-show="item.state_text=='refund'">同意</view>
<view class="btn info" v-show="item.state_text=='cancel'||item.state_text=='complete'">删除订单</view> <view class="btn info" v-show="item.state_text=='cancel'||item.state_text=='complete'">删除订单</view>
@ -64,6 +65,7 @@
<view class="btn primary" v-show="item.state_text=='receipt'">修改物流</view> <view class="btn primary" v-show="item.state_text=='receipt'">修改物流</view>
</view> </view>
</view> </view>
<u-empty text="暂无数据显示哦～" v-else mode="list"></u-empty>
</view> </view>
<u-popup v-model="show" mode="bottom" border-radius="10" :closeable="true"> <u-popup v-model="show" mode="bottom" border-radius="10" :closeable="true">
<view class="filterContent"> <view class="filterContent">
@ -76,9 +78,11 @@
下单时间 下单时间
</view> </view>
<view class="timeContainer"> <view class="timeContainer">
<u-input v-model="startTime" type="select" @click="getTime('start')" disabled placeholder="起始时间"/> <u-input v-model="startTime" type="select" @click="getTime('start')" disabled
placeholder="起始时间" />
<text>-</text> <text>-</text>
<u-input v-model="endTime" type="select" @click="getTime('end')" disabled placeholder="终止时间"/> <u-input v-model="endTime" type="select" @click="getTime('end')" disabled
placeholder="终止时间" />
</view> </view>
</view> </view>
<view class="filterItemContent"> <view class="filterItemContent">
@ -86,7 +90,9 @@
来源 来源
</view> </view>
<view class="selectContainer"> <view class="selectContainer">
<view @click="setResourceIndex(index)" :class="sourceIndex==index?'selectItem active':'selectItem'" v-for="(item,index) in selectList" :key="item.id"> <view @click="setResourceIndex(index)"
:class="sourceIndex==index?'selectItem active':'selectItem'"
v-for="(item,index) in selectList" :key="item.id">
{{item.name}} {{item.name}}
</view> </view>
</view> </view>
@ -96,7 +102,8 @@
支付方式 支付方式
</view> </view>
<view class="selectContainer"> <view class="selectContainer">
<view @click="setpayIndex(index)" :class="payIndex==index?'selectItem active':'selectItem'" v-for="(item,index) in payList" :key="item.id"> <view @click="setpayIndex(index)" :class="payIndex==index?'selectItem active':'selectItem'"
v-for="(item,index) in payList" :key="item.id">
{{item.name}} {{item.name}}
</view> </view>
</view> </view>
@ -123,16 +130,9 @@
<view class="itemTitle"> <view class="itemTitle">
上传照片 <text style="color:#FF5042">*</text><text>最多可传5张图片</text> 上传照片 <text style="color:#FF5042">*</text><text>最多可传5张图片</text>
</view> </view>
<u-upload <u-upload :fileList="finishImageList" :previewFullImage="true" @afterRead="afterRead"
:fileList="finishImageList" :maxCount="8" width="180" height="180" upload-text="上传照片" @delete="deletePic" name="1"
:previewFullImage="true" multiple></u-upload>
@afterRead="afterRead"
:maxCount="8" width="180" height="180"
upload-text="上传照片"
@delete="deletePic"
name="1"
multiple
></u-upload>
</view> </view>
<view class="filterItemContent"> <view class="filterItemContent">
<view class="itemTitle"> <view class="itemTitle">
@ -152,63 +152,83 @@
</template> </template>
<script> <script>
import afterSale from './components/afterSales.vue' import afterSale from './components/afterSales.vue'
import * as newFunApi from '@/api/newFun' import * as newFunApi from '@/api/newFun'
import * as Api from '@/api/dealer/order' import * as Api from '@/api/dealer/order'
export default { export default {
components:{afterSale}, components: {
data(){ afterSale
return{ },
data() {
return {
classifyShow: 'all', classifyShow: 'all',
classList: [ classList: [{
{
id: 'all', id: 'all',
name: '全部', name: '全部',
},{ }, {
id: 'delivery', id: 'delivery',
name: '待发货', name: '待发货',
},{ }, {
id: 'receipt', id: 'receipt',
name: '待验收', name: '待验收',
},{ }, {
id: 'pay', id: 'pay',
name: '待付款', name: '待付款',
},{ }, {
id: 'complete', id: 'complete',
name: '已完成', name: '已完成',
},{ }, {
id: 'refund', id: 'refund',
name: '售后订单', name: '售后订单',
},{ }, {
id: 'apply_cancel', id: 'apply_cancel',
name: '待取消', name: '待取消',
},{ }, {
id: 'cancel', id: 'cancel',
name: '已取消', name: '已取消',
}, },
], ],
goodsList:[ goodsList: [
], ],
show:false, show: false,
timeShow:false, timeShow: false,
selectList:[ selectList: [{
{id:1,name:'预售'}, id: 1,
{id:2,name:'秒杀'}, name: '预售'
{id:3,name:'拼团'}, },
{id:4,name:'砍价'}, {
id: 2,
name: '秒杀'
},
{
id: 3,
name: '拼团'
},
{
id: 4,
name: '砍价'
},
], ],
payList:[ payList: [{
{id:1,name:'微信支付'}, id: 1,
{id:2,name:'好友代付'}, name: '微信支付'
{id:3,name:'线下支付'}, },
{
id: 2,
name: '好友代付'
},
{
id: 3,
name: '线下支付'
},
], ],
sourceIndex:0, sourceIndex: 0,
payIndex:0, payIndex: 0,
startTime:null, startTime: null,
endTime:null, endTime: null,
pageNum:1, pageNum: 1,
keyword: "", keyword: "",
total: 1, total: 1,
pageNum: 1, pageNum: 1,
@ -247,17 +267,18 @@ export default {
// this.getList() // this.getList()
}, },
onLoad(options) {console.log('--------'); onLoad(options) {
console.log('--------');
// console.log(options); // console.log(options);
this.classifyShow=options.type; this.classifyShow = options.type;
this.getList(); this.getList();
console.log("会员管理带来的user_id",options.user_id) console.log("会员管理带来的user_id", options.user_id)
}, },
onPageScroll(e){ onPageScroll(e) {
}, },
methods:{ methods: {
// 获取当前标签项的值 // 获取当前标签项的值
// getTabValue() { // getTabValue() {
// const app = this // const app = this
@ -269,12 +290,16 @@ export default {
// 获取提现列表 // 获取提现列表
async getList() { async getList() {
uni.showLoading({ uni.showLoading({
title:"加载中" title: "加载中"
}) })
const app = this const app = this
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
Api.list({ dataType: app.classifyShow, page: app.pageNum }) Api.list({
.then(result => {console.log(result); dataType: app.classifyShow,
page: app.pageNum
})
.then(result => {
console.log(result);
// 合并新数据 // 合并新数据
// const newList = result.data.list // const newList = result.data.list
// app.list.data = getMoreListData(newList, app.list, pageNo) // app.list.data = getMoreListData(newList, app.list, pageNo)
@ -301,99 +326,124 @@ export default {
// } // }
// }, // },
goJump(path,value){ goJump(path, value) {
uni.navigateTo({ uni.navigateTo({
url: path+'?item='+JSON.stringify(value), url: path + '?item=' + JSON.stringify(value),
}) })
}, },
getListAfter(){ getListAfter() {
this.goodsList = []; this.goodsList = [];
this.getList() this.getList()
}, },
getLable(val){ getLable(val) {
// let arr = this.classList.filter(item=>{ // let arr = this.classList.filter(item=>{
// return val==item.id // return val==item.id
// }) // })
// return arr[0].name // return arr[0].name
}, },
onSearch(){ onSearch() {
uni.navigateTo({url:''}) uni.navigateTo({
url: ''
})
}, },
onClassify(item,index){ onClassify(item, index) {
this.classifyShow = item.id; this.classifyShow = item.id;
this.getListAfter() this.getListAfter()
}, },
setResourceIndex(index){ setResourceIndex(index) {
this.sourceIndex = index; this.sourceIndex = index;
}, },
setpayIndex(index){ setpayIndex(index) {
this.payIndex = index; this.payIndex = index;
}, },
getTime(val){ getTime(val) {
console.log("ooo") console.log("ooo")
this.timeShow = true; this.timeShow = true;
}, },
getFilterHandle(){ getFilterHandle() {
console.log("uu") console.log("uu")
this.$refs.afterSales.afterSale = true; this.$refs.afterSales.afterSale = true;
} }
}, },
onReachBottom() { onReachBottom() {
if(this.goodsList.length <= this.total){ if (this.goodsList.length <= this.total) {
this.pageNum ++; this.pageNum++;
this.getList(); this.getList();
} }
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
page{ page {
background-color: #F7F8FA; background-color: #F7F8FA;
min-height:100%; min-height: 100%;
} }
.head-info{
padding:22upx 20upx; ::v-deep .u-empty {
.searchContent{ padding: 100rpx 0;
}
::v-deep .u-content {
height: 62rpx !important;
line-height: 62rpx !important;
background-color: #fff !important;
width: 608rpx !important;
}
.head-info {
padding: 22upx 20upx;
.searchContent {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
::v-deep .uni-input-placeholder{ background-color: #fff !important;
margin-left:90upx;
z-index:10; ::v-deep .uni-input-placeholder {
margin-left: 10upx;
z-index: 10;
background-color: #fff !important;
} }
.search{
.search {
position: absolute; position: absolute;
top:20upx; top: 20upx;
left:26upx; left: 26upx;
z-index:9; z-index: 9;
} }
::v-deep .u-input{
flex:1; ::v-deep .u-input {
margin-right:28upx; flex: 1;
margin-right: 28upx;
background-color: #fff !important;
} }
::v-deep .uni-input-input{
::v-deep .uni-input-input {
background: #FFFFFF; background: #FFFFFF;
border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px;
opacity: 1; opacity: 1;
padding-left:80upx; padding-left: 80upx;
width:calc(100% - 80upx); width: calc(100% - 80upx);
} }
.filter{
.filter {
display: flex; display: flex;
width: 100upx; width: 100upx;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image{
width:34upx; image {
height:auto; width: 34upx;
height: auto;
} }
text{
text {
font-size: 24upx; font-size: 24upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
@ -402,37 +452,42 @@ page{
} }
} }
} }
} }
.container{
.container {
background-color: #fff; background-color: #fff;
} }
.classify-list{
white-space:nowrap; .classify-list {
white-space: nowrap;
width: 100%; width: 100%;
height: 100rpx; height: 100rpx;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
.list{
.list {
position: relative; position: relative;
display:inline-block; display: inline-block;
width: 18%; width: 18%;
height: 100%; height: 100%;
line-height: 100rpx; line-height: 100rpx;
text-align: center; text-align: center;
text{
text {
font-size: 28rpx; font-size: 28rpx;
color: #3B3B3B; color: #3B3B3B;
} }
.line{
.line {
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 10rpx; bottom: 10rpx;
// width: 60%; // width: 60%;
// height: 8rpx; // height: 8rpx;
background: linear-gradient(to right,#f8f893,#fe9d00); background: linear-gradient(to right, #f8f893, #fe9d00);
// border-radius: 10rpx; // border-radius: 10rpx;
transform: translate(-50%,0); transform: translate(-50%, 0);
width: 60upx; width: 60upx;
height: 8upx; height: 8upx;
@ -441,55 +496,65 @@ page{
opacity: 1; opacity: 1;
} }
} }
.action{
text{ .action {
text {
font-size: 32rpx; font-size: 32rpx;
opacity: 1; opacity: 1;
} }
} }
} }
.shopContent{
.shopContent {
.shopItem{ .shopItem {
margin-bottom:14upx; margin-bottom: 14upx;
padding:36upx; padding: 36upx;
background-color: #fff; background-color: #fff;
.orderInfo{
.orderInfo {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content:space-between; justify-content: space-between;
text{
text {
font-size: 28upx; font-size: 28upx;
color: #707070; color: #707070;
} }
} }
.shopItemInfo{
.shopItemInfo {
display: flex; display: flex;
margin-top:40upx; margin-top: 40upx;
image{
width:180upx; image {
height:180upx; width: 180upx;
height: 180upx;
flex-shrink: 0; flex-shrink: 0;
} }
.priceCon{
flex:1; .priceCon {
flex: 1;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
justify-content: space-between; justify-content: space-between;
margin-left:40upx; margin-left: 40upx;
.num{
.num {
font-size: 28upx; font-size: 28upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #1E1E1E; color: #1E1E1E;
} }
.priceText{
.priceText {
display: flex; display: flex;
align-items: center; align-items: center;
text{
text {
font-size: 32upx; font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
@ -500,25 +565,29 @@ page{
} }
} }
} }
.totalNum{
.totalNum {
text-align: right; text-align: right;
margin-top:70upx; margin-top: 70upx;
text:first-child{
text:first-child {
font-size: 24upx; font-size: 24upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #B7B7B7; color: #B7B7B7;
} }
text:nth-child(2){
text:nth-child(2) {
font-size: 32upx; font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #3B3B3B; color: #3B3B3B;
margin:0 10upx; margin: 0 10upx;
} }
text:nth-child(3){
text:nth-child(3) {
font-size: 32upx; font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 600; font-weight: 600;
@ -526,33 +595,38 @@ page{
} }
} }
.remark{
.remark {
background: #F8F8F8; background: #F8F8F8;
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
opacity: 1; opacity: 1;
padding:20upx; padding: 20upx;
margin-top:20upx; margin-top: 20upx;
.remarkTitle{
.remarkTitle {
font-size: 28upx; font-size: 28upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #3B3B3B; color: #3B3B3B;
} }
.remarkContent{
.remarkContent {
font-size: 28upx; font-size: 28upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #939393; color: #939393;
margin-top:8upx; margin-top: 8upx;
} }
} }
.btnGroup{
.btnGroup {
display: flex; display: flex;
margin-top:28upx; margin-top: 28upx;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-end; justify-content: flex-end;
.btn{
.btn {
width: 180upx; width: 180upx;
height: 56upx; height: 56upx;
background: #FFFFFF; background: #FFFFFF;
@ -561,63 +635,75 @@ page{
font-size: 14px; font-size: 14px;
line-height: 56upx; line-height: 56upx;
text-align: center; text-align: center;
margin-left:12upx; margin-left: 12upx;
} }
.info{
.info {
border: 1px solid #9F9F9F; border: 1px solid #9F9F9F;
color: #8B8B8B; color: #8B8B8B;
} }
.primary{
.primary {
border: 1px solid #F63116; border: 1px solid #F63116;
color: #F83F11; color: #F83F11;
} }
} }
} }
} }
.filterContent{
padding:32upx; .filterContent {
.filterTitle{ padding: 32upx;
.filterTitle {
font-size: 32upx; font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #303030; color: #303030;
text-align: center; text-align: center;
} }
.filterItem{
.filterItemContent{ .filterItem {
margin-top:40upx; .filterItemContent {
.itemTitle{ margin-top: 40upx;
.itemTitle {
font-size: 28upx; font-size: 28upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #303030; color: #303030;
margin-bottom:20upx; margin-bottom: 20upx;
} }
.timeContainer{
.timeContainer {
display: flex; display: flex;
align-items: center; align-items: center;
::v-deep .uni-input-wrapper{
::v-deep .uni-input-wrapper {
background: #F3F3F3; background: #F3F3F3;
border-radius: 22px 22px 22px 22px; border-radius: 22px 22px 22px 22px;
opacity: 1; opacity: 1;
text-align: center; text-align: center;
} }
::v-deep .u-input__right-icon{
::v-deep .u-input__right-icon {
display: none; display: none;
} }
text{
margin:16upx; text {
margin: 16upx;
} }
} }
.selectContainer{
.selectContainer {
display: flex; display: flex;
.selectItem{
flex:1; .selectItem {
margin:0 10upx; flex: 1;
margin: 0 10upx;
height: 70upx; height: 70upx;
line-height: 66upx; line-height: 66upx;
text-align: center; text-align: center;
@ -631,20 +717,23 @@ page{
color: #A1A1A1; color: #A1A1A1;
} }
.active{
.active {
border: 1px solid #F83F11; border: 1px solid #F83F11;
color:#F21A1C; color: #F21A1C;
background-color: #fff; background-color: #fff;
} }
} }
} }
} }
.btnGroup{
.btnGroup {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top:100upx; margin-top: 100upx;
padding-bottom:60upx; padding-bottom: 60upx;
.resetBtn{
.resetBtn {
width: 216upx; width: 216upx;
height: 70upx; height: 70upx;
line-height: 66upx; line-height: 66upx;
@ -659,7 +748,8 @@ page{
text-align: center; text-align: center;
} }
.confrim{
.confrim {
width: 216upx; width: 216upx;
height: 70upx; height: 70upx;
text-align: center; text-align: center;
@ -671,9 +761,9 @@ page{
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
margin-left:24upx; margin-left: 24upx;
} }
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save