Skip to content

梁建民 / scmMiniprogram

Go to a project
Commit 56a8dd67 by liangjianmin
Options

css

parent 103a3163
Expand all
Inline Side-by-side
Showing with 690 additions and 204 deletions
assets/css/index/index.scss
...@@ -46,10 +46,16 @@ ...@@ -46,10 +46,16 @@
font-size: 26rpx; font-size: 26rpx;
color: #404547; color: #404547;
margin-right: 44rpx; margin-right: 44rpx;
.num {
display: none;
}
&.curr { &.curr {
font-size: 32rpx; font-size: 32rpx;
color: #1e2021; color: #1e2021;
font-weight: bold; font-weight: bold;
.num {
display: block;
}
&::after { &::after {
position: absolute; position: absolute;
bottom: -18rpx; bottom: -18rpx;
...@@ -76,10 +82,11 @@ ...@@ -76,10 +82,11 @@
border-radius: 4rpx; border-radius: 4rpx;
align-items: flex-end; align-items: flex-end;
margin-bottom: 16rpx; margin-bottom: 16rpx;
transition: all 0.2s ease;
.base-info { .base-info {
.mb20{ .mb20 {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.t1 { .t1 {
font-size: 28rpx; font-size: 28rpx;
color: #1e2021; color: #1e2021;
...@@ -108,51 +115,51 @@ ...@@ -108,51 +115,51 @@
color: #6e767a; color: #6e767a;
} }
} }
.time-info{ .time-info {
.time{ .time {
.t1{ .t1 {
font-size: 22rpx; font-size: 22rpx;
color: #6E767A; color: #6e767a;
margin-right: 12rpx; margin-right: 12rpx;
} }
.t2{ .t2 {
font-size: 22rpx; font-size: 22rpx;
color: #197ADB; color: #197adb;
} }
} }
} }
.status0{ .status0 {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
top: 24rpx; top: 24rpx;
.iconfont{ .iconfont {
font-size: 32rpx; font-size: 32rpx;
color: #BB3434; color: #bb3434;
} }
span{ span {
font-size: 26rpx; font-size: 26rpx;
color: #BB3434; color: #bb3434;
margin-left: 8rpx; margin-left: 8rpx;
} }
} }
.status1{ .status1 {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
top: 24rpx; top: 24rpx;
font-size: 26rpx; font-size: 26rpx;
color: #404547; color: #404547;
} }
.status2{ .status2 {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
top: 24rpx; top: 24rpx;
font-size: 26rpx; font-size: 26rpx;
color: #197ADB; color: #197adb;
} }
&.curr{ &.curr {
background: #FFE3E3; background: #ffe3e3;
border-radius: 4rpx; border-radius: 4rpx;
border: 2rpx solid #BB3434; border: 2rpx solid #bb3434;
} }
} }
} }
......
components/uni-load-more/readme.md 0 → 100644
### LoadMore 加载更多
用于列表中，做滚动加载使用，展示 loading 的各种状态，组件名：``uni-load-more``，代码块： uLoadMore。
**使用方式：**
在 ``script`` 中引用组件
```javascript
import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
export default {
components: {uniLoadMore}
}
```
在 ``template`` 中使用组件
```html
<uni-load-more status="loading"></uni-load-more>
```
实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)
**属性说明：**
|属性名 |类型|默认值 |说明|
|---|----|---|---|
|status |String |more|loading 的状态，可选值：more（loading前）、loading（loading中）、noMore（没有更多了）|
|show-icon |Boolean |true|是否显示 loading 图标|
|color |String |#777777|图标和文字颜色 |
|content-text |Object |```{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}```|各状态文字说明|
components/uni-load-more/uni-load-more.vue 0 → 100644
<template>
<view class="uni-load-more">
<view class="uni-load-more__img" v-show="status === 'loading' && showIcon">
<view class="load1">
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
</view>
<view class="load2">
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
</view>
<view class="load3">
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
<view :style="{background:color}"></view>
</view>
</view>
<text class="uni-load-more__text" :style="{color:color}">{{status === 'more' ? contentText.contentdown : (status === 'loading' ? contentText.contentrefresh : contentText.contentnomore)}}</text>
</view>
</template>
<script>
export default {
name: "uni-load-more",
props: {
status: {
//上拉的状态：more-loading前；loading-loading中；noMore-没有更多了
type: String,
default: 'more'
},
showIcon: {
type: Boolean,
default: true
},
color: {
type: String,
default: "#999"
},
contentText: {
type: Object,
default () {
return {
contentdown: "上拉显示更多",
contentrefresh: "正在加载...",
contentnomore: "没有更多数据了"
};
}
}
},
data() {
return {}
}
}
</script>
<style lang="scss">
.uni-load-more {
display: flex;
flex-direction: row;
height: 80upx;
align-items: center;
justify-content: center;
&__text {
font-size: 26upx;
color: $uni-text-color-grey;
}
&__img {
height: 24px;
width: 24px;
margin-right: 10px;
&>view {
position: absolute;
view {
width: 6px;
height: 2px;
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
background: $uni-text-color-grey;
position: absolute;
opacity: 0.2;
transform-origin: 50%;
animation: load 1.56s ease infinite;
&:nth-child(1) {
transform: rotate(90deg);
top: 2px;
left: 9px;
}
&:nth-child(2) {
transform: rotate(180deg);
top: 11px;
right: 0px;
}
&:nth-child(3) {
transform: rotate(270deg);
bottom: 2px;
left: 9px;
}
&:nth-child(4) {
top: 11px;
left: 0px;
}
}
}
}
}
.load1,
.load2,
.load3 {
height: 24px;
width: 24px;
}
.load2 {
transform: rotate(30deg);
}
.load3 {
transform: rotate(60deg);
}
.load1 view:nth-child(1) {
animation-delay: 0s;
}
.load2 view:nth-child(1) {
animation-delay: 0.13s;
}
.load3 view:nth-child(1) {
animation-delay: 0.26s;
}
.load1 view:nth-child(2) {
animation-delay: 0.39s;
}
.load2 view:nth-child(2) {
animation-delay: 0.52s;
}
.load3 view:nth-child(2) {
animation-delay: 0.65s;
}
.load1 view:nth-child(3) {
animation-delay: 0.78s;
}
.load2 view:nth-child(3) {
animation-delay: 0.91s;
}
.load3 view:nth-child(3) {
animation-delay: 1.04s;
}
.load1 view:nth-child(4) {
animation-delay: 1.17s;
}
.load2 view:nth-child(4) {
animation-delay: 1.30s;
}
.load3 view:nth-child(4) {
animation-delay: 1.43s;
}
@-webkit-keyframes load {
0% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
</style>
pages/index/index.vue
...@@ -3,117 +3,136 @@ ...@@ -3,117 +3,136 @@
<view class="notice column"> <view class="notice column">
<text class="title">公告通知</text> <text class="title">公告通知</text>
<view class="list column"> <view class="list column">
<navigator class="box row bothSide verCenter" hover-class="none" url="/pages/index/notice"> <navigator class="box row bothSide verCenter" hover-class="none" url="/pages/index/notice" v-for="item in noticeData">
<view class="row verCenter"> <view class="row verCenter">
<text class="arrow"></text> <text class="arrow"></text>
<text class="content">香港供应链台风放假通知香港供应链台风放假通知</text> <text class="content">{{ item.notice_title }}</text>
</view> </view>
<text class="time">08-30</text> <text class="time">{{ item.notice_time }}</text>
</navigator>
<navigator class="box row bothSide verCenter" hover-class="none" url="/pages/index/notice">
<view class="row verCenter">
<text class="arrow"></text>
<text class="content">猎芯供应链乔迁通知</text>
</view>
<text class="time">08-30</text>
</navigator> </navigator>
</view> </view>
</view> </view>
<view class="tab row"> <view class="tab row">
<view class="box curr">待确认(5)</view> <view class="box row" @click="changeTab(index)" :class="{ curr: index == currentIndex }" :key="index" v-for="(item, index) in textArr">
<view class="box">已确认</view> <text>{{ item }}</text>
<view class="box">已执行</view> <text class="num">({{ total }})</text>
</view>
</view> </view>
<view class="section"> <view class="section">
<view class="list column"> <view class="list column">
<navigator class="box row bothSide curr" url="/pages/question/handle" hover-class="none"> <template v-if="list.length > 0">
<view class="base-info column"> <navigator class="box row bothSide" :class="{ curr: item.is_urgent != '' }" url="/pages/question/handle" hover-class="none" v-for="item in list">
<view class="row verCenter mb20"> <view class="base-info column">
<view class="t1">B91046</view> <view class="row verCenter mb20">
<view class="button-text row rowCenter verCenter">型号异常</view> <view class="t1">{{ item.erp_order_sn }}</view>
</view> <view class="button-text row rowCenter verCenter">{{ item.ask_customer_exception_id_cn }}</view>
<view class="row verCenter"> </view>
<text class="iconfont icon-riqi"></text> <view class="row verCenter">
<text class="t2">发起时间:</text> <text class="iconfont icon-riqi"></text>
<text class="t3">07/20 18:00</text> <text class="t2">发起时间:</text>
</view> <text class="t3">{{ item.create_time_cn }}</text>
</view> </view>
<view class="time-info">
<view class="status0 row rowCenter verCenter">
<text class="iconfont icon-jinggao"></text>
<span>紧急</span>
</view>
<view class="time">
<text class="t1">已耗时:</text>
<text class="t2">1h27</text>
</view>
</view>
</navigator>
<navigator class="box row bothSide" url="/pages/question/handle" hover-class="none">
<view class="base-info column">
<view class="row verCenter mb20">
<view class="t1">B91046</view>
<view class="button-text row rowCenter verCenter">型号异常</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">07/20 18:00</text>
</view>
</view>
<view class="time-info">
<view class="status1">完成处理</view>
<view class="time">
<text class="t1">已耗时:</text>
<text class="t2">1h27</text>
</view> </view>
</view> <view class="time-info">
</navigator> <view class="status2">{{ item.handle_type_cn }}</view>
<navigator class="box row bothSide" url="/pages/question/handle" hover-class="none"> <view class="time">
<view class="base-info column"> <text class="t1">已耗时:</text>
<view class="row verCenter mb20"> <text class="t2">{{ item.ask_time }}</text>
<view class="t1">B91046</view> </view>
<view class="button-text row rowCenter verCenter">型号异常</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">07/20 18:00</text>
</view>
</view>
<view class="time-info">
<view class="status2">确认处理</view>
<view class="time">
<text class="t1">08-23 17:29</text>
</view> </view>
</navigator>
</template>
<template v-else>
<view class="no-data column verCenter rowCenter">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
</view> </view>
</navigator> </template>
<view class="no-data column verCenter rowCenter">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
</view>
</view> </view>
<uni-load-more :status="more" v-if="list.length >= limit"></uni-load-more>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { API } from '@/util/api.js';
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
export default { export default {
data() { data() {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return { return {
title: '', currentIndex: 0,
imageUrl: '' noticeData: [],
page: 1,
limit: 5,
ask_customer_status: 1,
store_execute_status: '',
total: 0,
textArr: ['待确认', '已确认', '已执行'],
flage: false,
loading: true,
list: []
}; };
}, },
methods: {} onLoad(options) {
this.page = 1;
this.getData();
this.getAskCustomerProblemList();
},
onReachBottom() {
if (this.flag) return;
this.page++;
this.getAskCustomerProblemList();
},
methods: {
getData() {
this.request(API.GetNotice, 'GET', { limit: 2, notice_type: 1 }, true).then(res => {
if (res.err_code === 0) {
this.noticeData = res.data.data;
}
});
},
getAskCustomerProblemList() {
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 },
true
).then(res => {
if (res.err_code === 0) {
if (res.data.data.length > 0) {
this.total = res.data.total;
this.list = this.list.concat(res.data.data);
} else {
this.flag = true;
this.more = 'noMore';
}
} else {
this.flag = true;
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();
}
}
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '../../assets/css/index/index.scss'; @import '../../assets/css/index/index.scss';
</style> </style>
pages/mine/auth.vue
...@@ -60,11 +60,11 @@ export default { ...@@ -60,11 +60,11 @@ export default {
}, },
toLogin() { toLogin() {
this.request(API.BindWechat, 'POST', { wechat_unique_id: this.code }, true).then(res => { this.request(API.BindWechat, 'POST', { wechat_unique_id: this.code }, true).then(res => {
uni.navigateTo({
url: '/pages/mine/login'
});
if (res.err_code === 0) { if (res.err_code === 0) {
uni.setStorageSync('openid', '122'); uni.setStorageSync('openid', '122');
uni.navigateTo({
url: '/pages/mine/login'
});
} }
}); });
} }
......
pages/mine/index.vue
...@@ -21,16 +21,16 @@ ...@@ -21,16 +21,16 @@
<template v-else> <template v-else>
<view class="logged-in row bothSide verCenter"> <view class="logged-in row bothSide verCenter">
<view class="row verCenter"> <view class="row verCenter">
<image class="uni-img" src="http://img.ichunt.com/images/ichunt/minProgram/scmMinProgram/9cea8db75c06e38dd737b302d7336068.png" mode="aspectFill"></image> <image class="uni-img" :src="userData.head_pic" mode="aspectFill"></image>
<view class="text column"> <view class="text column">
<text class="t1">深圳市猎芯科技有限公司</text> <text class="t1">{{ userData.company_name }}</text>
<view> <view>
<text class="t2">手机号:</text> <text class="t2">手机号:</text>
<text class="t3">15012479484</text> <text class="t3">{{ userData.mobile }}</text>
</view> </view>
<view> <view>
<text class="t2">最近登录:</text> <text class="t2">最近登录:</text>
<text class="t3">2021-08-23 16:22</text> <text class="t3">{{ userData.last_login_time }}</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -45,31 +45,31 @@ ...@@ -45,31 +45,31 @@
<text class="iconfont icon-riqi2"></text> <text class="iconfont icon-riqi2"></text>
<text class="tt">绑定邮箱</text> <text class="tt">绑定邮箱</text>
</view> </view>
<view class="text">cyp@ichunt.com</view> <view class="text">{{ userData.email }}</view>
</view> </view>
<view class="box row bothSide verCenter"> <view class="box row bothSide verCenter">
<view class="row verCenter"> <view class="row verCenter">
<text class="iconfont icon-a-riqi12"></text> <text class="iconfont icon-a-riqi12"></text>
<text class="tt">签约状态</text> <text class="tt">签约状态</text>
</view> </view>
<view class="text">已签约</view> <view class="text">{{ userData.is_sign }}</view>
</view> </view>
<view class="box row bothSide verCenter"> <view class="box row bothSide verCenter" v-if="userData.user_follow_people.qq">
<view class="row verCenter"> <view class="row verCenter">
<text class="iconfont icon-a-riqi2"></text> <text class="iconfont icon-a-riqi2"></text>
<text class="tt">我的业务</text> <text class="tt">我的业务</text>
</view> </view>
<view class="text">陈小姐 15012479484</view> <view class="text">{{ userData.user_follow_people.name }} {{ userData.user_follow_people.qq }}</view>
</view> </view>
<view class="box row bothSide verCenter"> <view class="box row bothSide verCenter" v-if="userData.user_follow_people.yw_qq">
<view class="row verCenter"> <view class="row verCenter">
<text class="iconfont icon-a-riqi2"></text> <text class="iconfont icon-a-riqi2"></text>
<text class="tt">我的商务</text> <text class="tt">我的商务</text>
</view> </view>
<view class="text">陈小姐 15012479484</view> <view class="text">{{ userData.user_follow_people.yw_name }} {{ userData.user_follow_people.yw_qq }}</view>
</view> </view>
</view> </view>
<view class="exit row rowCenter verCenter">退出账号</view> <view class="exit row rowCenter verCenter" @click="exit()">退出账号</view>
</template> </template>
</view> </view>
</template> </template>
...@@ -79,7 +79,8 @@ import { API } from '@/util/api.js'; ...@@ -79,7 +79,8 @@ import { API } from '@/util/api.js';
export default { export default {
data() { data() {
return { return {
isLogin: false isLogin: false,
userData: {}
}; };
}, },
onLoad(options) {}, onLoad(options) {},
...@@ -96,7 +97,10 @@ export default { ...@@ -96,7 +97,10 @@ export default {
getData() { getData() {
this.request(API.UserInfo, 'POST', {}, true).then(res => { this.request(API.UserInfo, 'POST', {}, true).then(res => {
if (res.err_code === 0) { if (res.err_code === 0) {
this.userData = res.data;
this.isLogin = true; this.isLogin = true;
}else{
this.isLogin = false;
} }
}); });
}, },
...@@ -104,6 +108,22 @@ export default { ...@@ -104,6 +108,22 @@ export default {
uni.navigateTo({ uni.navigateTo({
url: '/pages/mine/auth' url: '/pages/mine/auth'
}); });
},
exit() {
uni.showModal({
title: '提示',
content: '您确定退出系统嘛',
success: function(res) {
if (res.confirm) {
uni.removeStorageSync('token');
uni.switchTab({
url: '/pages/index/index'
});
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
} }
} }
}; };
......
pages/mine/login.vue
...@@ -39,27 +39,29 @@ export default { ...@@ -39,27 +39,29 @@ export default {
submit() { submit() {
if (!this.account) { if (!this.account) {
uni.showToast({ uni.showToast({
title: '请输入登录账号' title: '请输入登录账号',
icon: 'none'
}); });
return false; return false;
} }
if (!this.pwd) { if (!this.pwd) {
uni.showToast({ uni.showToast({
title: '请输入登录密码' title: '请输入登录密码',
icon: 'none'
}); });
return false; return false;
} }
let wechat_unique_id = uni.getStorageSync('openid'); let wechat_unique_id = uni.getStorageSync('openid');
this.request(API.Login, 'POST', { account: this.account, pwd: this.pwd, wechat_unique_id: wechat_unique_id }, true).then(res => { this.request(API.Login, 'POST', { account: this.account, pwd: this.pwd, wechat_unique_id: wechat_unique_id }, true).then(res => {
if(res.err_code === 0){ if (res.err_code === 0) {
uni.setStorageSync('token', res.data.token);
}else{ } else {
uni.showToast({ uni.showToast({
title: res.err_msg title: res.err_msg,
}); icon: 'none'
});
} }
}); });
} }
......
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
This diff could not be displayed because it is too large.
unpackage/dist/dev/mp-weixin/app.json
...@@ -42,6 +42,5 @@ ...@@ -42,6 +42,5 @@
} }
] ]
}, },
"usingComponents": {}, "usingComponents": {}
"sitemapLocation": "sitemap.json"
} }
\ No newline at end of file
unpackage/dist/dev/mp-weixin/common/vendor.js
...@@ -8167,18 +8167,9 @@ function normalizeComponent ( ...@@ -8167,18 +8167,9 @@ function normalizeComponent (
* 请求封装 * 请求封装
*/ */
var request = function request() {var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'GET';var param = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};var Loading = arguments.length > 3 ? arguments[3] : undefined; var request = function request() {var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'GET';var param = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};var Loading = arguments.length > 3 ? arguments[3] : undefined;
var token = uni.getStorageSync('token') || '';
var token = uni.getStorageSync('token'); var params = Object.assign(param, {
pf: 20 });
if (token) {
var params = Object.assign(param, {
token: token });
} else {
var params = param;
}
//是否启动加载 //是否启动加载
if (Loading) { if (Loading) {
...@@ -8186,12 +8177,10 @@ var request = function request() {var url = arguments.length > 0 && arguments[0] ...@@ -8186,12 +8177,10 @@ var request = function request() {var url = arguments.length > 0 && arguments[0]
title: '加载中...' }); title: '加载中...' });
} }
var header = { var header = {
"Content-Type": "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8",
"Authorization": token }; "Authorization": token };
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
uni.request({ uni.request({
method: type, method: type,
...@@ -8258,7 +8247,15 @@ var API = { ...@@ -8258,7 +8247,15 @@ var API = {
/** /**
* 小程序登录 * 小程序登录
* */ * */
Login: API_BASE + '/supplywechat/login' }; Login: API_BASE + '/supplywechat/login',
/**
* 公告信息获取
* */
GetNotice: API_BASE + '/supplywechat/getNotice',
/**
* 问客问题列表
* */
AskCustomerProblemList: API_BASE + '/supplywechat/askCustomerProblemList' };
......
unpackage/dist/dev/mp-weixin/components/uni-load-more/uni-load-more.bak.json 0 → 100644
{
"usingComponents": {},
"component": true
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/uni-load-more/uni-load-more.wxml 0 → 100644
<view class="uni-load-more"><view hidden="{{!(status==='loading'&&showIcon)}}" class="uni-load-more__img"><view class="load1"><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view></view><view class="load2"><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view></view><view class="load3"><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view><view style="{{'background:'+(color)+';'}}"></view></view></view><text class="uni-load-more__text" style="{{'color:'+(color)+';'}}">{{status==='more'?contentText.contentdown:status==='loading'?contentText.contentrefresh:contentText.contentnomore}}</text></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.json
...@@ -2,5 +2,7 @@ ...@@ -2,5 +2,7 @@
"navigationBarBackgroundColor": "#197ADB", "navigationBarBackgroundColor": "#197ADB",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
"usingComponents": {} "usingComponents": {
"uni-load-more": "/components/uni-load-more/uni-load-more"
}
} }
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxml
<view class="home-index data-v-57280228"><view class="notice column data-v-57280228"><text class="title data-v-57280228">公告通知</text><view class="list column data-v-57280228"><navigator class="box row bothSide verCenter data-v-57280228" hover-class="none" url="/pages/index/notice"><view class="row verCenter data-v-57280228"><text class="arrow data-v-57280228"></text><text class="content data-v-57280228">香港供应链台风放假通知香港供应链台风放假通知</text></view><text class="time data-v-57280228">08-30</text></navigator><navigator class="box row bothSide verCenter data-v-57280228" hover-class="none" url="/pages/index/notice"><view class="row verCenter data-v-57280228"><text class="arrow data-v-57280228"></text><text class="content data-v-57280228">猎芯供应链乔迁通知</text></view><text class="time data-v-57280228">08-30</text></navigator></view></view><view class="tab row data-v-57280228"><view class="box curr data-v-57280228">待确认(5)</view><view class="box data-v-57280228">已确认</view><view class="box data-v-57280228">已执行</view></view><view class="section data-v-57280228"><view class="list column data-v-57280228"><navigator class="box row bothSide curr data-v-57280228" url="/pages/question/handle" hover-class="none"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status0 row rowCenter verCenter data-v-57280228"><text class="iconfont icon-jinggao data-v-57280228"></text><label class="_span data-v-57280228">紧急</label></view><view class="time data-v-57280228"><text class="t1 data-v-57280228">已耗时:</text><text class="t2 data-v-57280228">1h27</text></view></view></navigator><navigator class="box row bothSide data-v-57280228" url="/pages/question/handle" hover-class="none"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status1 data-v-57280228">完成处理</view><view class="time data-v-57280228"><text class="t1 data-v-57280228">已耗时:</text><text class="t2 data-v-57280228">1h27</text></view></view></navigator><navigator class="box row bothSide data-v-57280228" url="/pages/question/handle" hover-class="none"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status2 data-v-57280228">确认处理</view><view class="time data-v-57280228"><text class="t1 data-v-57280228">08-23 17:29</text></view></view></navigator><view class="no-data column verCenter rowCenter data-v-57280228"><text class="iconfont icon-a-jinggao1 data-v-57280228"></text><text class="text data-v-57280228">查找不到相关信息</text></view></view></view></view> <view class="home-index data-v-57280228"><view class="notice column data-v-57280228"><text class="title data-v-57280228">公告通知</text><view class="list column data-v-57280228"><block wx:for="{{noticeData}}" wx:for-item="item" wx:for-index="__i0__"><navigator class="box row bothSide verCenter data-v-57280228" hover-class="none" url="/pages/index/notice"><view class="row verCenter data-v-57280228"><text class="arrow data-v-57280228"></text><text class="content data-v-57280228">{{item.notice_title}}</text></view><text class="time data-v-57280228">{{item.notice_time}}</text></navigator></block></view></view><view class="tab row data-v-57280228"><block wx:for="{{textArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeTab',[index]]]]]}}" class="{{['box','row','data-v-57280228',(index==currentIndex)?'curr':'']}}" bindtap="__e"><text class="data-v-57280228">{{item}}</text><text class="num data-v-57280228">{{"("+total+")"}}</text></view></block></view><view class="section data-v-57280228"><view class="list column data-v-57280228"><block wx:if="{{list.length>0}}"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="__i1__"><navigator class="{{['box','row','bothSide','data-v-57280228',(item.is_urgent!='')?'curr':'']}}" url="/pages/question/handle" hover-class="none"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">{{item.erp_order_sn}}</view><view class="button-text row rowCenter verCenter data-v-57280228">{{item.ask_customer_exception_id_cn}}</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">{{item.create_time_cn}}</text></view></view><view class="time-info data-v-57280228"><view class="status2 data-v-57280228">{{item.handle_type_cn}}</view><view class="time data-v-57280228"><text class="t1 data-v-57280228">已耗时:</text><text class="t2 data-v-57280228">{{item.ask_time}}</text></view></view></navigator></block></block><block wx:else><view class="no-data column verCenter rowCenter data-v-57280228"><text class="iconfont icon-a-jinggao1 data-v-57280228"></text><text class="text data-v-57280228">查找不到相关信息</text></view></block></view><block wx:if="{{list.length>=limit}}"><uni-load-more vue-id="8dd740cc-1" status="{{more}}" class="data-v-57280228" bind:__l="__l"></uni-load-more></block></view></view>
\ No newline at end of file \ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxss
...@@ -11,6 +11,218 @@ ...@@ -11,6 +11,218 @@
/* 垂直间距 */ /* 垂直间距 */
/* 透明度 */ /* 透明度 */
/* 文章场景相关 */ /* 文章场景相关 */
view {
box-sizing: border-box;
}
image {
vertical-align: middle;
}
.column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.boxsiz {
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 平均分布 */
.avarage {
-webkit-justify-content: space-around;
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 垂直居中 */
.verCenter {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.no-data .iconfont {
font-size: 188rpx;
color: #f39d18;
}
.no-data .text {
margin-top: 16rpx;
font-size: 28rpx;
color: #1e2021;
font-weight: bold;
}
.uni-load-more {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
height: 80rpx;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.uni-load-more__text {
font-size: 26rpx;
color: #999;
}
.uni-load-more__img {
height: 24px;
width: 24px;
margin-right: 10px;
}
.uni-load-more__img > view {
position: absolute;
}
.uni-load-more__img > view view {
width: 6px;
height: 2px;
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
background: #999;
position: absolute;
opacity: 0.2;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: load 1.56s ease infinite;
animation: load 1.56s ease infinite;
}
.uni-load-more__img > view view:nth-child(1) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 2px;
left: 9px;
}
.uni-load-more__img > view view:nth-child(2) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 11px;
right: 0px;
}
.uni-load-more__img > view view:nth-child(3) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
bottom: 2px;
left: 9px;
}
.uni-load-more__img > view view:nth-child(4) {
top: 11px;
left: 0px;
}
.load1,
.load2,
.load3 {
height: 24px;
width: 24px;
}
.load2 {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.load3 {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.load1 view:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.load2 view:nth-child(1) {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
}
.load3 view:nth-child(1) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
}
.load1 view:nth-child(2) {
-webkit-animation-delay: 0.39s;
animation-delay: 0.39s;
}
.load2 view:nth-child(2) {
-webkit-animation-delay: 0.52s;
animation-delay: 0.52s;
}
.load3 view:nth-child(2) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
.load1 view:nth-child(3) {
-webkit-animation-delay: 0.78s;
animation-delay: 0.78s;
}
.load2 view:nth-child(3) {
-webkit-animation-delay: 0.91s;
animation-delay: 0.91s;
}
.load3 view:nth-child(3) {
-webkit-animation-delay: 1.04s;
animation-delay: 1.04s;
}
.load1 view:nth-child(4) {
-webkit-animation-delay: 1.17s;
animation-delay: 1.17s;
}
.load2 view:nth-child(4) {
-webkit-animation-delay: 1.30s;
animation-delay: 1.30s;
}
.load3 view:nth-child(4) {
-webkit-animation-delay: 1.43s;
animation-delay: 1.43s;
}
@-webkit-keyframes load {
0% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
@charset "UTF-8";
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
view.data-v-57280228 { view.data-v-57280228 {
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -123,11 +335,17 @@ image.data-v-57280228 { ...@@ -123,11 +335,17 @@ image.data-v-57280228 {
color: #404547; color: #404547;
margin-right: 44rpx; margin-right: 44rpx;
} }
.home-index .tab .box .num.data-v-57280228 {
display: none;
}
.home-index .tab .box.curr.data-v-57280228 { .home-index .tab .box.curr.data-v-57280228 {
font-size: 32rpx; font-size: 32rpx;
color: #1e2021; color: #1e2021;
font-weight: bold; font-weight: bold;
} }
.home-index .tab .box.curr .num.data-v-57280228 {
display: block;
}
.home-index .tab .box.curr.data-v-57280228::after { .home-index .tab .box.curr.data-v-57280228::after {
position: absolute; position: absolute;
bottom: -18rpx; bottom: -18rpx;
...@@ -153,6 +371,8 @@ image.data-v-57280228 { ...@@ -153,6 +371,8 @@ image.data-v-57280228 {
-webkit-align-items: flex-end; -webkit-align-items: flex-end;
align-items: flex-end; align-items: flex-end;
margin-bottom: 16rpx; margin-bottom: 16rpx;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
} }
.home-index .section .list .box .base-info .mb20.data-v-57280228 { .home-index .section .list .box .base-info .mb20.data-v-57280228 {
margin-bottom: 20rpx; margin-bottom: 20rpx;
...@@ -186,12 +406,12 @@ image.data-v-57280228 { ...@@ -186,12 +406,12 @@ image.data-v-57280228 {
} }
.home-index .section .list .box .time-info .time .t1.data-v-57280228 { .home-index .section .list .box .time-info .time .t1.data-v-57280228 {
font-size: 22rpx; font-size: 22rpx;
color: #6E767A; color: #6e767a;
margin-right: 12rpx; margin-right: 12rpx;
} }
.home-index .section .list .box .time-info .time .t2.data-v-57280228 { .home-index .section .list .box .time-info .time .t2.data-v-57280228 {
font-size: 22rpx; font-size: 22rpx;
color: #197ADB; color: #197adb;
} }
.home-index .section .list .box .status0.data-v-57280228 { .home-index .section .list .box .status0.data-v-57280228 {
position: absolute; position: absolute;
...@@ -200,11 +420,11 @@ image.data-v-57280228 { ...@@ -200,11 +420,11 @@ image.data-v-57280228 {
} }
.home-index .section .list .box .status0 .iconfont.data-v-57280228 { .home-index .section .list .box .status0 .iconfont.data-v-57280228 {
font-size: 32rpx; font-size: 32rpx;
color: #BB3434; color: #bb3434;
} }
.home-index .section .list .box .status0 ._span.data-v-57280228 { .home-index .section .list .box .status0 ._span.data-v-57280228 {
font-size: 26rpx; font-size: 26rpx;
color: #BB3434; color: #bb3434;
margin-left: 8rpx; margin-left: 8rpx;
} }
.home-index .section .list .box .status1.data-v-57280228 { .home-index .section .list .box .status1.data-v-57280228 {
...@@ -219,11 +439,11 @@ image.data-v-57280228 { ...@@ -219,11 +439,11 @@ image.data-v-57280228 {
right: 24rpx; right: 24rpx;
top: 24rpx; top: 24rpx;
font-size: 26rpx; font-size: 26rpx;
color: #197ADB; color: #197adb;
} }
.home-index .section .list .box.curr.data-v-57280228 { .home-index .section .list .box.curr.data-v-57280228 {
background: #FFE3E3; background: #ffe3e3;
border-radius: 4rpx; border-radius: 4rpx;
border: 2rpx solid #BB3434; border: 2rpx solid #bb3434;
} }
unpackage/dist/dev/mp-weixin/pages/mine/index.wxml
<view class="mine-index"><block wx:if="{{!isLogin}}"><view data-event-opts="{{[['tap',[['toUrl',['$event']]]]]}}" class="not-logged-in row bothSide" bindtap="__e"><view class="row verCenter"><image class="uni-img" src="http://img.ichunt.com/images/ichunt/minProgram/scmMinProgram/9cea8db75c06e38dd737b302d7336068.png" mode="aspectFill"></image><view class="text column"><text class="t1">未登录</text><view><text class="t2">手机号:</text><text class="t3">未登录</text></view></view></view><view><text class="iconfont icon-jinggao1"></text><text class="tt">未绑定</text></view></view></block><block wx:else><view class="logged-in row bothSide verCenter"><view class="row verCenter"><image class="uni-img" src="http://img.ichunt.com/images/ichunt/minProgram/scmMinProgram/9cea8db75c06e38dd737b302d7336068.png" mode="aspectFill"></image><view class="text column"><text class="t1">深圳市猎芯科技有限公司</text><view><text class="t2">手机号:</text><text class="t3">15012479484</text></view><view><text class="t2">最近登录:</text><text class="t3">2021-08-23 16:22</text></view></view></view><view><text class="iconfont icon-jinggao1"></text><text class="tt">已绑定</text></view></view><view class="list column"><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-riqi2"></text><text class="tt">绑定邮箱</text></view><view class="text">cyp@ichunt.com</view></view><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi12"></text><text class="tt">签约状态</text></view><view class="text">已签约</view></view><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi2"></text><text class="tt">我的业务</text></view><view class="text">陈小姐 15012479484</view></view><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi2"></text><text class="tt">我的商务</text></view><view class="text">陈小姐 15012479484</view></view></view><view class="exit row rowCenter verCenter">退出账号</view></block></view> <view class="mine-index"><block wx:if="{{!isLogin}}"><view data-event-opts="{{[['tap',[['toUrl',['$event']]]]]}}" class="not-logged-in row bothSide" bindtap="__e"><view class="row verCenter"><image class="uni-img" src="http://img.ichunt.com/images/ichunt/minProgram/scmMinProgram/9cea8db75c06e38dd737b302d7336068.png" mode="aspectFill"></image><view class="text column"><text class="t1">未登录</text><view><text class="t2">手机号:</text><text class="t3">未登录</text></view></view></view><view><text class="iconfont icon-jinggao1"></text><text class="tt">未绑定</text></view></view></block><block wx:else><view class="logged-in row bothSide verCenter"><view class="row verCenter"><image class="uni-img" src="{{userData.head_pic}}" mode="aspectFill"></image><view class="text column"><text class="t1">{{userData.company_name}}</text><view><text class="t2">手机号:</text><text class="t3">{{userData.mobile}}</text></view><view><text class="t2">最近登录:</text><text class="t3">{{userData.last_login_time}}</text></view></view></view><view><text class="iconfont icon-jinggao1"></text><text class="tt">已绑定</text></view></view><view class="list column"><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-riqi2"></text><text class="tt">绑定邮箱</text></view><view class="text">{{userData.email}}</view></view><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi12"></text><text class="tt">签约状态</text></view><view class="text">{{userData.is_sign}}</view></view><block wx:if="{{userData.user_follow_people.qq}}"><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi2"></text><text class="tt">我的业务</text></view><view class="text">{{userData.user_follow_people.name+" "+userData.user_follow_people.qq}}</view></view></block><block wx:if="{{userData.user_follow_people.yw_qq}}"><view class="box row bothSide verCenter"><view class="row verCenter"><text class="iconfont icon-a-riqi2"></text><text class="tt">我的商务</text></view><view class="text">{{userData.user_follow_people.yw_name+" "+userData.user_follow_people.yw_qq}}</view></view></block></view><view data-event-opts="{{[['tap',[['exit']]]]}}" class="exit row rowCenter verCenter" bindtap="__e">退出账号</view></block></view>
\ No newline at end of file \ No newline at end of file
unpackage/dist/dev/mp-weixin/project.config.json
...@@ -6,37 +6,8 @@ ...@@ -6,37 +6,8 @@
"setting": { "setting": {
"urlCheck": false, "urlCheck": false,
"es6": true, "es6": true,
"enhance": true,
"postcss": true, "postcss": true,
"preloadBackgroundData": false, "minified": true
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"enableEngineNative": false,
"useIsolateContext": true,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"showES6CompileOption": false
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "", "libVersion": "",
...@@ -44,15 +15,19 @@ ...@@ -44,15 +15,19 @@
"projectname": "scmMiniprogram", "projectname": "scmMiniprogram",
"condition": { "condition": {
"search": { "search": {
"current": -1,
"list": [] "list": []
}, },
"conversation": { "conversation": {
"current": -1,
"list": [] "list": []
}, },
"game": { "game": {
"current": -1,
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": -1,
"list": [] "list": []
} }
} }
......
unpackage/dist/dev/mp-weixin/project.private.config.json
...@@ -77,6 +77,18 @@ ...@@ -77,6 +77,18 @@
"pathName": "pages/mine/index", "pathName": "pages/mine/index",
"query": "", "query": "",
"scene": null "scene": null
},
{
"name": "pages/mine/index",
"pathName": "pages/mine/index",
"query": "",
"scene": null
},
{
"name": "pages/index/index",
"pathName": "pages/index/index",
"query": "",
"scene": null
} }
] ]
} }
......
util/api.js
...@@ -12,7 +12,15 @@ const API = { ...@@ -12,7 +12,15 @@ const API = {
/** /**
* 小程序登录 * 小程序登录
* */ * */
Login: API_BASE + '/supplywechat/login' Login: API_BASE + '/supplywechat/login',
/**
* 公告信息获取
* */
GetNotice: API_BASE + '/supplywechat/getNotice',
/**
* 问客问题列表
* */
AskCustomerProblemList: API_BASE + '/supplywechat/askCustomerProblemList'
} }
......
util/util.js
...@@ -3,31 +3,20 @@ import API_BASE from '../util/api.js' ...@@ -3,31 +3,20 @@ import API_BASE from '../util/api.js'
* 请求封装 * 请求封装
*/ */
const request = (url = '', type = 'GET', param = {}, Loading) => { const request = (url = '', type = 'GET', param = {}, Loading) => {
const token = uni.getStorageSync('token') || '';
const token = uni.getStorageSync('token'); var params = Object.assign(param, {
pf: 20
if (token) { });
var params = Object.assign(param, {
token: token
});
} else {
var params = param;
}
//是否启动加载 //是否启动加载
if (Loading) { if (Loading) {
uni.showLoading({ uni.showLoading({
title: '加载中...' title: '加载中...'
}); });
} }
const header = { const header = {
"Content-Type": "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8",
"Authorization": token "Authorization": token
}; };
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.request({ uni.request({
method: type, method: 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