Skip to content

梁建民 / scmMiniprogram

Go to a project
Commit acf947fd by liangjianmin
Options

css

parent eff63fd2
Inline Side-by-side
Showing with 257 additions and 85 deletions
assets/css/font.css
...@@ -11,6 +11,18 @@ ...@@ -11,6 +11,18 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-a-juxing11:before {
content: "\e76a";
}
.icon-a-juxing2:before {
content: "\e76b";
}
.icon-juxing1:before {
content: "\e76c";
}
.icon-Chevron1:before { .icon-Chevron1:before {
content: "\e769"; content: "\e769";
} }
......
assets/css/index/index.scss
...@@ -37,10 +37,32 @@ ...@@ -37,10 +37,32 @@
} }
} }
} }
.scm-bar {
border-top: 1px solid #e6edf0;
height: 150rpx;
background: #ffffff;
.box {
flex: 0 0 33.3%;
height: 102rpx;
border-right: 1px solid #e6edf0;
&:last-child {
border-right: none;
}
.iconfont {
font-size: 56rpx;
color: #197adb;
}
.t1 {
margin-top: 16rpx;
font-size: 22rpx;
color: #404547;
}
}
}
.tab { .tab {
padding: 0 24rpx; padding: 0 24rpx;
margin-top: 38rpx; margin-top: 36rpx;
margin-bottom: 38rpx; margin-bottom: 24rpx;
.box { .box {
position: relative; position: relative;
font-size: 26rpx; font-size: 26rpx;
...@@ -54,23 +76,10 @@ ...@@ -54,23 +76,10 @@
.num { .num {
display: block; display: block;
} }
&::after {
position: absolute;
bottom: -18rpx;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 6rpx;
background: #197adb;
border-radius: 3rpx;
content: '';
}
} }
} }
} }
.section { .section {
padding-bottom: 50rpx;
.list { .list {
padding: 0 24rpx; padding: 0 24rpx;
.box { .box {
...@@ -82,6 +91,9 @@ ...@@ -82,6 +91,9 @@
align-items: flex-end; align-items: flex-end;
margin-bottom: 16rpx; margin-bottom: 16rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
&:last-child {
margin-bottom: 0;
}
.base-info { .base-info {
.mb20 { .mb20 {
margin-bottom: 20rpx; margin-bottom: 20rpx;
...@@ -162,28 +174,107 @@ ...@@ -162,28 +174,107 @@
} }
} }
} }
.order-list {
padding: 0 24rpx;
.box {
position: relative;
background: #ffffff;
border-radius: 4rpx;
padding: 24rpx 0 0 24rpx;
margin-bottom: 20rpx;
.status {
position: absolute;
right: 24rpx;
top: 26rpx;
font-size: 26rpx;
color: #197adb;
} }
} .orderNo {
margin-bottom: 18rpx;
.no-data { .arrow {
.hove { width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: #197adb;
}
.t1 {
margin-left: 12rpx;
font-size: 28rpx; font-size: 28rpx;
color: #197adb; color: #1e2021;
}
}
.p1 {
margin-bottom: 16rpx;
.t1 {
font-size: 22rpx;
color: #6e767a;
white-space: nowrap;
}
.t2 {
margin-left: 16rpx;
font-size: 22rpx;
color: #404547;
}
.t3 {
font-size: 22rpx;
color: #1e2021;
margin-left: 16rpx;
font-weight: bold;
}
.flex-av {
flex: 0 0 50%;
}
.ml {
margin-left: 100rpx;
}
&.mb24 {
margin-bottom: 24rpx;
}
}
.bottom {
height: 80rpx;
border-top: 1rpx solid #e6edf0;
.info {
flex: 0 0 50%;
.icon-jinggao3 {
font-size: 32rpx;
color: #9ca8ad;
margin-right: 8rpx;
}
.icon-a-jinggao3 {
font-size: 32rpx;
color: #34bb47;
margin-right: 8rpx;
}
.t1 {
font-size: 24rpx;
color: #1e2021;
font-weight: bold; font-weight: bold;
margin-right: 20rpx;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
}
.t3 {
font-size: 22rpx;
color: #197adb;
margin-left: 20rpx;
}
}
}
}
}
} }
} }
.fadeInRightBig{ .no-data {
animation:fadeInRightBig 0.4s 1; .text{
} font-size: 22rpx;
@keyframes fadeInRightBig { color: #6E767A;
0% {
opacity: 0;
transform: translateX(500px);
} }
.hove {
100% { font-size: 22rpx;
opacity: 1; color: #197adb;
transform: translateX(0);
} }
} }
pages.json
...@@ -2,9 +2,7 @@ ...@@ -2,9 +2,7 @@
"pages": [{ "pages": [{
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarBackgroundColor": "#197ADB", "navigationBarTitleText": "猎芯供应链商务系统"
"navigationBarTextStyle": "white",
"enablePullDownRefresh": true
} }
}, { }, {
"path": "pages/question/list", "path": "pages/question/list",
......
pages/index/index.vue
...@@ -12,25 +12,33 @@ ...@@ -12,25 +12,33 @@
</navigator> </navigator>
</view> </view>
</view> </view>
<view class="tab row"> <view class="scm-bar row verCenter">
<view class="box row" @click="changeTab(index)" :class="{ curr: index == currentIndex }" :key="index" v-for="(item, index) in textArr"> <navigator class="box column rowCenter verCenter" url="/pages/waitpayment/index" hover-class="none">
<text>{{ item }}</text> <text class="iconfont icon-juxing1"></text>
<text class="num" v-if="index == 0">({{ total }})</text> <text class="t1">待付汇列表</text>
</navigator>
<navigator class="box column rowCenter verCenter" url="/pages/payment/index" hover-class="none">
<text class="iconfont icon-a-juxing11"></text>
<text class="t1">付款列表</text>
</navigator>
<navigator class="box column rowCenter verCenter" url="/pages/payable/index" hover-class="none">
<text class="iconfont icon-a-juxing2"></text>
<text class="t1">费用明细</text>
</navigator>
</view> </view>
<view class="tab row">
<view class="box row curr"><text>最新问题</text></view>
</view> </view>
<!-- 列表数据 -->
<view class="section"> <view class="section">
<view class="list column"> <view class="list column">
<template v-if="list.length > 0"> <template v-if="list.length > 0">
<navigator <navigator
class="box row bothSide" class="box row bothSide curr"
:class="{ curr: item.is_urgent == '紧急' }" :url="'/pages/question/handle?id=' + item.ask_customer_problem_list_id"
:url="
item.ask_customer_status == 2
? '/pages/question/detail?id=' + item.ask_customer_problem_list_id
: '/pages/question/handle?id=' + item.ask_customer_problem_list_id
"
hover-class="none" hover-class="none"
v-for="item in list" v-for="item in list"
v-if="item.is_urgent == '紧急'"
> >
<view class="base-info column"> <view class="base-info column">
<view class="row verCenter mb20"> <view class="row verCenter mb20">
...@@ -44,34 +52,25 @@ ...@@ -44,34 +52,25 @@
</view> </view>
</view> </view>
<view class="time-info"> <view class="time-info">
<!-- 紧急情况区分 -->
<template v-if="item.is_urgent == '紧急'">
<view class="status0 row verCenter"> <view class="status0 row verCenter">
<text class="iconfont icon-jinggao"></text> <text class="iconfont icon-jinggao"></text>
<span>{{ item.is_urgent }}</span> <span>{{ item.is_urgent }}</span>
</view> </view>
</template>
<template v-else>
<view class="status2">{{ item.handle_type_cn }}</view>
</template>
<view class="time"> <view class="time">
<text class="t1" v-if="currentIndex === 0">已耗时:</text> <text class="t1">已耗时:</text>
<text class="t2" v-if="currentIndex === 0">{{ item.ask_time }}</text> <text class="t2">{{ item.ask_time }}</text>
<text class="t2" v-if="currentIndex === 1">{{ item.ask_customer_confirm_time_cn }}</text>
<text class="t2" v-if="currentIndex === 2">{{ item.store_execute_time_cn }}</text>
</view> </view>
</view> </view>
</navigator> </navigator>
</template> </template>
<template v-else> <template v-else>
<!-- 登录无数据--> <!-- 登录无数据-->
<view class="no-data column verCenter rowCenter" v-if="is_login"> <view class="no-data row verCenter rowCenter" v-if="is_login">
<text class="iconfont icon-a-jinggao1"></text> <text class="text">暂无最新问题，</text>
<text class="text">查找不到相关信息</text> <text class="hove">查看更多问题</text>
</view> </view>
<!-- 未登录状态 --> <!-- 未登录状态 -->
<view class="no-data column verCenter rowCenter" v-else> <view class="no-data column verCenter rowCenter" v-else>
<text class="iconfont icon-a-jinggao1"></text>
<view class="row verCenter"> <view class="row verCenter">
<text class="text">查找不到相关信息，请</text> <text class="text">查找不到相关信息，请</text>
<navigator url="/pages/mine/auth" hover-class="none" class="hove">登录</navigator> <navigator url="/pages/mine/auth" hover-class="none" class="hove">登录</navigator>
...@@ -80,7 +79,79 @@ ...@@ -80,7 +79,79 @@
</view> </view>
</template> </template>
</view> </view>
<uni-load-more :status="more" v-if="list.length >= limit"></uni-load-more> </view>
<view class="tab row">
<view class="box row curr"><text>最新订单</text></view>
</view>
<!-- 列表数据 -->
<view class="section">
<view class="order-list" v-if="order_list.length > 0">
<navigator class="box column" hover-class="none" :url="'/pages/order/detail?order_id=' + item.order_id" v-for="(item, index) in order_list" :key="index">
<text class="status">{{ item.order_status.baoguan_status_cn }}</text>
<view class="orderNo row verCenter">
<text class="arrow"></text>
<text class="t1">{{ item.erp_order_sn }}</text>
</view>
<view class="p1 row verCenter">
<text class="t1">供应商:</text>
<text class="t2">{{ item.supplier_name }}</text>
</view>
<view class="p1 row verCenter">
<text class="t1">下单时间:</text>
<text class="t2">{{ item.create_time }}</text>
</view>
<view class="p1 row verCenter mb24">
<view class="row verCenter flex-av">
<text class="t1">订单金额:</text>
<text class="t3">￥{{ (item.order_price * 1).toFixed(2) }}</text>
</view>
<view class="row verCenter flex-av">
<text class="t1">已付汇:</text>
<text class="t3">￥{{ item.have_payment_money }}</text>
</view>
</view>
<view class="bottom row verCenter">
<view class="row verCenter info">
<template v-if="item.order_status.baoguan_status == 2">
<text class="iconfont icon-a-jinggao3"></text>
<text class="t1">入境关别</text>
<text class="t2">深圳口岸</text>
</template>
<template v-else>
<text class="iconfont icon-jinggao3"></text>
<text class="t1">{{ item.order_status.baoguan_status_cn }}</text>
</template>
</view>
<view class="row verCenter info">
<template v-if="item.order_status.sz_delivery_status == 2">
<text class="iconfont icon-a-jinggao3"></text>
<text class="t1">{{ item.order_status.sz_delivery_status_cn }}</text>
<text class="t2">{{ item.outbound_type_cn }}</text>
</template>
<template v-else>
<text class="iconfont icon-jinggao3"></text>
<text class="t1">{{ item.order_status.sz_delivery_status_cn || '未发货' }}</text>
<text class="t2">{{ item.outbound_type_cn }}</text>
</template>
</view>
</view>
</navigator>
</view>
<template v-else>
<!-- 登录无数据-->
<view class="no-data row verCenter rowCenter" v-if="is_login == true">
<text class="text">暂无最新订单，</text>
<text class="hove">查看完整订单</text>
</view>
<!-- 未登录状态 -->
<view class="no-data column verCenter rowCenter" v-if="is_login == false">
<view class="row verCenter">
<text class="text">查找不到相关信息，请</text>
<navigator url="/pages/mine/auth" hover-class="none" class="hove link">登录</navigator>
<text class="text">后查看</text>
</view>
</view>
</template>
</view> </view>
</view> </view>
</template> </template>
...@@ -96,7 +167,7 @@ export default { ...@@ -96,7 +167,7 @@ export default {
currentIndex: 0, currentIndex: 0,
noticeData: [], noticeData: [],
page: 1, page: 1,
limit: 10, limit: 100,
ask_customer_status: 1, ask_customer_status: 1,
store_execute_status: '', store_execute_status: '',
total: 0, total: 0,
...@@ -104,23 +175,39 @@ export default { ...@@ -104,23 +175,39 @@ export default {
flage: false, flage: false,
loading: true, loading: true,
list: [], list: [],
order_list: [],
is_login: true is_login: true
}; };
}, },
onLoad(options) { onLoad(options) {
this.getData(); this.getData();
}, },
onReachBottom() {
if (this.flag) return;
this.page++;
this.getAskCustomerProblemList();
},
onShow() { onShow() {
this.list = [];
this.page = 1;
this.getAskCustomerProblemList(); this.getAskCustomerProblemList();
this.getOrderList();
}, },
methods: { methods: {
getOrderList() {
this.request(API.OrderList, 'GET', { limit: 5, page: 1 }, false).then(res => {
if (res.err_code === 0) {
if (res.data.data.length > 0) {
this.order_num = res.data.order_num;
this.total = res.data.total;
this.order_list = this.order_list.concat(res.data.data);
} else {
this.flag = true;
}
} else if (res.err_code === 20045) {
this.is_login = false;
this.flag = true;
} else if (res.err_code === 20046) {
this.total = 0;
this.flag = true;
} else {
this.flag = true;
}
});
},
getData() { getData() {
this.request(API.GetNotice, 'GET', { limit: 2, notice_type: 1 }, false).then(res => { this.request(API.GetNotice, 'GET', { limit: 2, notice_type: 1 }, false).then(res => {
if (res.err_code === 0) { if (res.err_code === 0) {
...@@ -132,7 +219,7 @@ export default { ...@@ -132,7 +219,7 @@ export default {
this.request( this.request(
API.AskCustomerProblemList, API.AskCustomerProblemList,
'GET', 'GET',
{ limit: this.limit, page: this.page, ask_customer_status: this.ask_customer_status, store_execute_status: this.store_execute_status }, { limit: 100, page: 1, ask_customer_status: this.ask_customer_status, store_execute_status: this.store_execute_status },
false false
).then(res => { ).then(res => {
if (res.err_code === 0) { if (res.err_code === 0) {
...@@ -153,22 +240,6 @@ export default { ...@@ -153,22 +240,6 @@ export default {
this.more = 'noMore'; this.more = 'noMore';
} }
}); });
},
changeTab(index) {
this.currentIndex = index;
this.page = 1;
this.list = [];
if (index == 0) {
this.ask_customer_status = 1;
this.store_execute_status = '';
} else if (index == 1) {
this.ask_customer_status = 2;
this.store_execute_status = '';
} else if (index == 2) {
this.ask_customer_status = '';
this.store_execute_status = 2;
}
this.getAskCustomerProblemList();
} }
} }
}; };
......
static/iconfont.ttf
No preview for this file type
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