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

細節

Browse Source
version/0412
fanfan 9 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. 168
      pages/news3/shopDealerOrder.vue

168
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">
@ -156,12 +156,13 @@ 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: {
afterSale
},
data() { data() {
return { return {
classifyShow: 'all', classifyShow: 'all',
classList: [ classList: [{
{
id: 'all', id: 'all',
name: '全部', name: '全部',
}, { }, {
@ -193,16 +194,35 @@ export default {
], ],
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,
@ -247,7 +267,8 @@ 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();
@ -273,8 +294,12 @@ export default {
}) })
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)
@ -317,7 +342,9 @@ export default {
// 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;
@ -353,27 +380,47 @@ page{
background-color: #F7F8FA; background-color: #F7F8FA;
min-height: 100%; min-height: 100%;
} }
::v-deep .u-empty {
padding: 100rpx 0;
}
::v-deep .u-content {
height: 62rpx !important;
line-height: 62rpx !important;
background-color: #fff !important;
width: 608rpx !important;
}
.head-info { .head-info {
padding: 22upx 20upx; padding: 22upx 20upx;
.searchContent { .searchContent {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
background-color: #fff !important;
::v-deep .uni-input-placeholder { ::v-deep .uni-input-placeholder {
margin-left:90upx; margin-left: 10upx;
z-index: 10; 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 { ::v-deep .u-input {
flex: 1; flex: 1;
margin-right: 28upx; margin-right: 28upx;
background-color: #fff !important;
} }
::v-deep .uni-input-input { ::v-deep .uni-input-input {
background: #FFFFFF; background: #FFFFFF;
@ -383,16 +430,19 @@ page{
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 { image {
width: 34upx; width: 34upx;
height: auto; height: auto;
} }
text { text {
font-size: 24upx; font-size: 24upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
@ -403,15 +453,18 @@ page{
} }
} }
} }
.container { .container {
background-color: #fff; background-color: #fff;
} }
.classify-list { .classify-list {
white-space: nowrap; 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;
@ -419,11 +472,13 @@ page{
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%;
@ -441,6 +496,7 @@ page{
opacity: 1; opacity: 1;
} }
} }
.action { .action {
text { text {
font-size: 32rpx; font-size: 32rpx;
@ -448,6 +504,7 @@ page{
} }
} }
} }
.shopContent { .shopContent {
@ -455,30 +512,36 @@ page{
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 { image {
width: 180upx; width: 180upx;
height: 180upx; height: 180upx;
flex-shrink: 0; flex-shrink: 0;
} }
.priceCon { .priceCon {
flex: 1; 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;
@ -486,9 +549,11 @@ page{
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;
@ -500,9 +565,11 @@ 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;
@ -510,6 +577,7 @@ page{
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;
@ -518,6 +586,7 @@ page{
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;
@ -526,12 +595,14 @@ 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;
@ -539,6 +610,7 @@ page{
color: #3B3B3B; color: #3B3B3B;
} }
.remarkContent { .remarkContent {
font-size: 28upx; font-size: 28upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
@ -547,11 +619,13 @@ page{
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;
@ -563,11 +637,13 @@ page{
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;
@ -576,8 +652,10 @@ page{
} }
} }
} }
.filterContent { .filterContent {
padding: 32upx; padding: 32upx;
.filterTitle { .filterTitle {
font-size: 32upx; font-size: 32upx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
@ -585,9 +663,11 @@ page{
color: #303030; color: #303030;
text-align: center; text-align: center;
} }
.filterItem { .filterItem {
.filterItemContent { .filterItemContent {
margin-top: 40upx; margin-top: 40upx;
.itemTitle { .itemTitle {
font-size: 28upx; font-size: 28upx;
@ -597,24 +677,30 @@ page{
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 { text {
margin: 16upx; margin: 16upx;
} }
} }
.selectContainer { .selectContainer {
display: flex; display: flex;
.selectItem { .selectItem {
flex: 1; flex: 1;
margin: 0 10upx; margin: 0 10upx;
@ -631,6 +717,7 @@ page{
color: #A1A1A1; color: #A1A1A1;
} }
.active { .active {
border: 1px solid #F83F11; border: 1px solid #F83F11;
color: #F21A1C; color: #F21A1C;
@ -639,11 +726,13 @@ page{
} }
} }
} }
.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;
@ -659,6 +748,7 @@ page{
text-align: center; text-align: center;
} }
.confrim { .confrim {
width: 216upx; width: 216upx;
height: 70upx; height: 70upx;

Write Preview
Loading…
Cancel
Save