Skip to content

肖康 / H5_2.0

Go to a project
Commit 4af951b8 by LJM
Options

css

parent 35d57c49
Inline Side-by-side
Showing with 46 additions and 173 deletions
pages.json
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
} }
}, },
{ {
"path": "pages/mine/userOrder", "path": "pages/mine/shoporder",
"style": { "style": {
"navigationBarTitleText": "订单列表" "navigationBarTitleText": "订单列表"
} }
......
pages/mine/inquery.vue
...@@ -8,26 +8,19 @@ ...@@ -8,26 +8,19 @@
<view class="tab row avarage verCenter"> <view class="tab row avarage verCenter">
<view class="box row rowCenter verCenter" @click="tab(index)" :class="{ curr: index == curr }" :key="index" v-for="(item, index) in text_arr"> <view class="box row rowCenter verCenter" @click="tab(index)" :class="{ curr: index == curr }" :key="index" v-for="(item, index) in text_arr">
<text class="t2">{{ item }}</text> <text class="t2">{{ item }}</text>
<text class="t3">（0）</text> <text class="t3">（{{ count[index] }}）</text>
</view> </view>
</view> </view>
<view class="list"> <view class="list" v-if="list.length > 0">
<view class="box column"> <view class="box column" v-for="(item, index) in list" :key="index">
<view class="row bothSide verCenter"> <view class="row bothSide verCenter">
<view class="p1">STM1568843M</view> <view class="p1">{{ item.model }}</view>
<view class="p2">待处理</view> <view class="p2">{{ item.status_name }}</view>
</view> </view>
<text class="time">询价时间：2021.09.26 17:34:50</text> <text class="time">询价时间：{{ item.create_time }}</text>
</view>
<view class="box column">
<view class="row bothSide verCenter">
<view class="p1">STM1568843M</view>
<view class="p3">已答复</view>
</view>
<text class="time">询价时间：2021.09.26 17:34:50</text>
</view> </view>
</view> </view>
<view class="no-data column rowCenter verCenter"> <view class="no-data column rowCenter verCenter" v-else>
<image src="../../static/nodate.png"></image> <image src="../../static/nodate.png"></image>
<text class="tt">暂无询价记录信息</text> <text class="tt">暂无询价记录信息</text>
</view> </view>
...@@ -36,6 +29,7 @@ ...@@ -36,6 +29,7 @@
<script> <script>
import { Api_Url } from '@/util/api.js'; import { Api_Url } from '@/util/api.js';
import { getCookie } from '@/util/util.js';
import navElement from '@/components/nav.vue'; import navElement from '@/components/nav.vue';
export default { export default {
components: { components: {
...@@ -44,13 +38,45 @@ export default { ...@@ -44,13 +38,45 @@ export default {
data() { data() {
return { return {
curr: 0, curr: 0,
text_arr: ['全部', '待处理', '已答复'] text_arr: ['全部', '待处理', '已答复'],
list: [],
count: [],
searchParams: {
status: '',
page: 1,
limit: 1000,
user_id: getCookie('Yo4teW_uid')
}
}; };
}, },
onShow() {}, onShow() {
this.getData();
},
methods: { methods: {
tab(index) { tab(index) {
this.curr = index; this.curr = index;
if (index == 0) {
this.searchParams.status = '';
} else if (index == 1) {
this.searchParams.status = 0;
} else if (index == 2) {
this.searchParams.status = 1;
}
this.getData();
},
getData() {
this.request(Api_Url + '/ucoupon/count', 'POST', {}, true, true).then(res => {
if (res.err_code === 0) {
this.count[0] = res.data[-1];
this.count[1] = res.data[1];
this.count[2] = res.data[-2];
}
});
this.request(Api_Url + '/help/help/feedback_list', 'POST', this.searchParams, true, true).then(res => {
if (res.err_code === 0) {
this.list = res.data.list;
}
});
} }
} }
}; };
......
pages/mine/user.vue
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</view> </view>
<view class="company"><image src="https://img.ichunt.com/images/ichunt/202305/19/8645c77def093657ad5ae66b4af6cad4.png"></image></view> <view class="company"><image src="https://img.ichunt.com/images/ichunt/202305/19/8645c77def093657ad5ae66b4af6cad4.png"></image></view>
<view class="user-center"> <view class="user-center">
<navigator class="box column rowCenter verCenter" url="/userOrder" hover-class="none"> <navigator class="box column rowCenter verCenter" url="/user/shoporder" hover-class="none">
<image src="../../static/order.png"></image> <image src="../../static/order.png"></image>
<text class="tt">我的订单</text> <text class="tt">我的订单</text>
<text class="tip"></text> <text class="tip"></text>
......
pages/mine/userOrder.vue deleted 100644 → 0
<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">
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无相关订单信息</text>
</view>
<view class="box" v-for="(item, index) in 100" :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>
<!-- 筛选 -->
<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
};
},
onLoad() {},
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;
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/userOrder.scss';
</style>
router/index.js
...@@ -116,8 +116,8 @@ const router = new Router({ ...@@ -116,8 +116,8 @@ const router = new Router({
} }
}, },
{ {
path: '/pages/mine/userOrder', path: '/pages/mine/shoporder',
aliasPath: '/userOrder', aliasPath: '/user/shoporder',
meta: { meta: {
title: '订单列表', title: '订单列表',
auth: true auth: true
......
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