Skip to content

梁建民 / scmMiniprogram

Go to a project
Commit acf947fd by liangjianmin
Options

css

parent eff63fd2
Inline Side-by-side
Showing with 263 additions and 91 deletions
assets/css/font.css
......@@ -11,6 +11,18 @@
-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 {
content: "\e769";
}
......
assets/css/index/index.scss
......@@ -37,16 +37,38 @@
}
}
}
.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 {
padding: 0 24rpx;
margin-top: 38rpx;
margin-bottom: 38rpx;
margin-top: 36rpx;
margin-bottom: 24rpx;
.box {
position: relative;
font-size: 26rpx;
color: #404547;
margin-right: 44rpx;
&.curr {
font-size: 32rpx;
color: #1e2021;
......@@ -54,23 +76,10 @@
.num {
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 {
padding-bottom: 50rpx;
.list {
padding: 0 24rpx;
.box {
......@@ -82,6 +91,9 @@
align-items: flex-end;
margin-bottom: 16rpx;
transition: all 0.2s ease;
&:last-child {
margin-bottom: 0;
}
.base-info {
.mb20 {
margin-bottom: 20rpx;
......@@ -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;
.arrow {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: #197adb;
}
.t1 {
margin-left: 12rpx;
font-size: 28rpx;
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;
margin-right: 20rpx;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
}
.t3 {
font-size: 22rpx;
color: #197adb;
margin-left: 20rpx;
}
}
}
}
}
}
}
.no-data {
.text{
font-size: 22rpx;
color: #6E767A;
}
.hove {
font-size: 28rpx;
font-size: 22rpx;
color: #197adb;
font-weight: bold;
}
}
.fadeInRightBig{
animation:fadeInRightBig 0.4s 1;
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(500px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
pages.json
......@@ -2,9 +2,7 @@
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarBackgroundColor": "#197ADB",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": true
"navigationBarTitleText": "猎芯供应链商务系统"
}
}, {
"path": "pages/question/list",
......
pages/index/index.vue
......@@ -12,25 +12,33 @@
</navigator>
</view>
</view>
<view class="scm-bar row verCenter">
<navigator class="box column rowCenter verCenter" url="/pages/waitpayment/index" hover-class="none">
<text class="iconfont icon-juxing1"></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 class="tab row">
<view class="box row" @click="changeTab(index)" :class="{ curr: index == currentIndex }" :key="index" v-for="(item, index) in textArr">
<text>{{ item }}</text>
<text class="num" v-if="index == 0">({{ total }})</text>
</view>
<view class="box row curr"><text>最新问题</text></view>
</view>
<!-- 列表数据 -->
<view class="section">
<view class="list column">
<template v-if="list.length > 0">
<navigator
class="box row bothSide"
:class="{ curr: item.is_urgent == '紧急' }"
: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
"
class="box row bothSide curr"
:url="'/pages/question/handle?id=' + item.ask_customer_problem_list_id"
hover-class="none"
v-for="item in list"
v-if="item.is_urgent == '紧急'"
>
<view class="base-info column">
<view class="row verCenter mb20">
......@@ -44,34 +52,25 @@
</view>
</view>
<view class="time-info">
<!-- 紧急情况区分 -->
<template v-if="item.is_urgent == '紧急'">
<view class="status0 row verCenter">
<text class="iconfont icon-jinggao"></text>
<span>{{ item.is_urgent }}</span>
</view>
</template>
<template v-else>
<view class="status2">{{ item.handle_type_cn }}</view>
</template>
<view class="status0 row verCenter">
<text class="iconfont icon-jinggao"></text>
<span>{{ item.is_urgent }}</span>
</view>
<view class="time">
<text class="t1" v-if="currentIndex === 0">已耗时:</text>
<text class="t2" v-if="currentIndex === 0">{{ 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>
<text class="t1">已耗时:</text>
<text class="t2">{{ item.ask_time }}</text>
</view>
</view>
</navigator>
</template>
<template v-else>
<!-- 登录无数据-->
<view class="no-data column verCenter rowCenter" v-if="is_login">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
<view class="no-data row verCenter rowCenter" v-if="is_login">
<text class="text">暂无最新问题，</text>
<text class="hove">查看更多问题</text>
</view>
<!-- 未登录状态 -->
<view class="no-data column verCenter rowCenter" v-else>
<text class="iconfont icon-a-jinggao1"></text>
<view class="row verCenter">
<text class="text">查找不到相关信息，请</text>
<navigator url="/pages/mine/auth" hover-class="none" class="hove">登录</navigator>
......@@ -80,7 +79,79 @@
</view>
</template>
</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>
</template>
......@@ -96,7 +167,7 @@ export default {
currentIndex: 0,
noticeData: [],
page: 1,
limit: 10,
limit: 100,
ask_customer_status: 1,
store_execute_status: '',
total: 0,
......@@ -104,23 +175,39 @@ export default {
flage: false,
loading: true,
list: [],
order_list: [],
is_login: true
};
},
onLoad(options) {
this.getData();
},
onReachBottom() {
if (this.flag) return;
this.page++;
this.getAskCustomerProblemList();
},
onShow() {
this.list = [];
this.page = 1;
this.getAskCustomerProblemList();
this.getOrderList();
},
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() {
this.request(API.GetNotice, 'GET', { limit: 2, notice_type: 1 }, false).then(res => {
if (res.err_code === 0) {
......@@ -132,7 +219,7 @@ export default {
this.request(
API.AskCustomerProblemList,
'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
).then(res => {
if (res.err_code === 0) {
......@@ -153,22 +240,6 @@ export default {
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