Skip to content

肖康 / H5_2.0

Go to a project
Commit 6853fb29 by LJM
Options

css

parent 4af951b8
Inline Side-by-side
Showing with 168 additions and 0 deletions
pages/mine/shoporder.vue 0 → 100644
<template>
<view class="page-userOrder">
<drag-button-follow follow="left,right" className="drag-button" class="drag-button" :url="kfurl"></drag-button-follow>
<view class="top">
<view class="head row bothSide verCenter">
<view class="left row verCenter">
<text class="iconfont icon-arrleft" v-back></text>
<view class="search-box row verCenter">
<text class="iconfont icon-search"></text>
<input type="text" placeholder="请输入订单号/型号" class="uni-input" />
</view>
</view>
<text class="filter" @click="open()">筛选</text>
</view>
<view class="tab row avarage verCenter">
<view class="box row rowCenter verCenter"><text class="t1">全部</text></view>
<view class="box row rowCenter verCenter curr">
<text class="t2">待付款</text>
<text class="t3">（0）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">待收货</text>
<text class="t3">（80）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">已完结订单</text>
<text class="t3">（0）</text>
</view>
</view>
</view>
<view class="list" v-if="list.length > 0">
<view class="box" v-for="(item, index) in list" :key="index">
<view class="p1 row bothSide verCenter">
<view class="row verCenter">
<text class="t1">订单号：</text>
<text class="t2">12022071810404SZ</text>
<text class="t3">2023.04.24 11:40</text>
</view>
<text class="color2">待审核</text>
</view>
<view class="p2 row bothSide verCenter">
<view class="row verCenter">
<text class="t1">附加费：</text>
<text class="t2" style="margin-right: 24rpx;">¥3580.23</text>
<text class="t1">运费：</text>
<text class="t2">￥10.00</text>
</view>
<view class="right-bar">
<text class="bar-t1">共</text>
<text class="bar-t2">4</text>
<text class="bar-t1">件商品</text>
<text class="iconfont icon-jt"></text>
</view>
</view>
<view class="p3 row bothSide verCenter">
<view class="row verCenter">
<text class="t1">总金额：</text>
<text class="price">¥3580.23</text>
</view>
<view class="right-bar row"><view class="btn0 row rowCenter verCenter">取消订单</view></view>
</view>
</view>
</view>
<view class="no-data column rowCenter verCenter" v-else>
<image src="../../static/nodate.png"></image>
<text class="tt">暂无相关订单信息</text>
</view>
<!-- 筛选 -->
<uni-popup ref="popup" type="bottom">
<view class="layer-box">
<view class="title row verCenter">
<view class="left"></view>
<view class="center row rowCenter verCenter">筛选</view>
<view class="right row"><text class="iconfont icon-xxx" @click="close()"></text></view>
</view>
<view class="filter-item">
<view class="h2">下单时间</view>
<view class="time-filter row bothSide verCenter">
<view class="time row bothSide verCenter">
<picker mode="date" :value="date" @change="bindDateChange">
<view class="uni-input">{{ date }}</view>
</picker>
<text class="iconfont icon-juxing2"></text>
</view>
<text class="line">-</text>
<view class="time row bothSide verCenter">
<picker mode="date" :value="date" @change="bindDateChange">
<view class="uni-input">{{ date }}</view>
</picker>
<text class="iconfont icon-juxing2"></text>
</view>
</view>
<view class="h2">币种</view>
<view class="tab row">
<view class="box curr row rowCenter verCenter">全部</view>
<view class="box row rowCenter verCenter">人民币</view>
<view class="box row rowCenter verCenter">美元</view>
</view>
</view>
<view class="btn row bothSide verCenter">
<view class="btn0 row rowCenter verCenter">重置</view>
<view class="btn1 row rowCenter verCenter">筛选</view>
</view>
</view>
</uni-popup>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
export default {
data() {
const currentDate = this.getDate({
format: true
});
return {
date: currentDate,
list: [],
searchParams: {
p: 1,
limit: 500,
status: 0
}
};
},
onShow() {
this.getData();
},
methods: {
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}-${month}-${day}`;
},
open() {
this.$refs.popup.open('bottom');
},
close() {
this.$refs.popup.close();
},
bindDateChange: function(e) {
this.date = e.detail.value;
},
getData() {
this.request(Api_Url + '/order/lists', 'POST', this.searchParams, true, true).then(res => {
if (res.err_code === 0) {
this.list = res.data.list;
}
});
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/userOrder.scss';
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment