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 @@
font-size: 26rpx;
color: #404547;
margin-right: 44rpx;
.num {
display: none;
}
&.curr {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
.num {
display: block;
}
&::after {
position: absolute;
bottom: -18rpx;
......@@ -76,10 +82,11 @@
border-radius: 4rpx;
align-items: flex-end;
margin-bottom: 16rpx;
transition: all 0.2s ease;
.base-info {
.mb20{
margin-bottom: 20rpx;
}
.mb20 {
margin-bottom: 20rpx;
}
.t1 {
font-size: 28rpx;
color: #1e2021;
......@@ -108,51 +115,51 @@
color: #6e767a;
}
}
.time-info{
.time{
.t1{
.time-info {
.time {
.t1 {
font-size: 22rpx;
color: #6E767A;
color: #6e767a;
margin-right: 12rpx;
}
.t2{
.t2 {
font-size: 22rpx;
color: #197ADB;
color: #197adb;
}
}
}
.status0{
.status0 {
position: absolute;
right: 24rpx;
top: 24rpx;
.iconfont{
.iconfont {
font-size: 32rpx;
color: #BB3434;
color: #bb3434;
}
span{
font-size: 26rpx;
color: #BB3434;
span {
font-size: 26rpx;
color: #bb3434;
margin-left: 8rpx;
}
}
.status1{
.status1 {
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #404547;
}
.status2{
.status2 {
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #197ADB;
color: #197adb;
}
&.curr{
background: #FFE3E3;
&.curr {
background: #ffe3e3;
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 @@
<view class="notice column">
<text class="title">公告通知</text>
<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">
<text class="arrow"></text>
<text class="content">香港供应链台风放假通知香港供应链台风放假通知</text>
<text class="content">{{ item.notice_title }}</text>
</view>
<text class="time">08-30</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>
<text class="time">{{ item.notice_time }}</text>
</navigator>
</view>
</view>
<view class="tab row">
<view class="box curr">待确认(5)</view>
<view class="box">已确认</view>
<view class="box">已执行</view>
<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">({{ total }})</text>
</view>
</view>
<view class="section">
<view class="list column">
<navigator class="box row bothSide curr" 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="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>
<template v-if="list.length > 0">
<navigator class="box row bothSide" :class="{ curr: item.is_urgent != '' }" url="/pages/question/handle" hover-class="none" v-for="item in list">
<view class="base-info column">
<view class="row verCenter mb20">
<view class="t1">{{ item.erp_order_sn }}</view>
<view class="button-text row rowCenter verCenter">{{ item.ask_customer_exception_id_cn }}</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">{{ item.create_time_cn }}</text>
</view>
</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="status2">确认处理</view>
<view class="time">
<text class="t1">08-23 17:29</text>
<view class="time-info">
<view class="status2">{{ item.handle_type_cn }}</view>
<view class="time">
<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">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
</view>
</navigator>
<view class="no-data column verCenter rowCenter">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
</view>
</template>
</view>
<uni-load-more :status="more" v-if="list.length >= limit"></uni-load-more>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
export default {
data() {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return {
title: '',
imageUrl: ''
currentIndex: 0,
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>
<style scoped lang="scss">
@import '../../assets/css/index/index.scss';
</style>
pages/mine/auth.vue
......@@ -60,11 +60,11 @@ export default {
},
toLogin() {
this.request(API.BindWechat, 'POST', { wechat_unique_id: this.code }, true).then(res => {
uni.navigateTo({
url: '/pages/mine/login'
});
if (res.err_code === 0) {
uni.setStorageSync('openid', '122');
uni.navigateTo({
url: '/pages/mine/login'
});
}
});
}
......
pages/mine/index.vue
......@@ -21,16 +21,16 @@
<template v-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>
<image class="uni-img" :src="userData.head_pic" mode="aspectFill"></image>
<view class="text column">
<text class="t1">深圳市猎芯科技有限公司</text>
<text class="t1">{{ userData.company_name }}</text>
<view>
<text class="t2">手机号:</text>
<text class="t3">15012479484</text>
<text class="t3">{{ userData.mobile }}</text>
</view>
<view>
<text class="t2">最近登录:</text>
<text class="t3">2021-08-23 16:22</text>
<text class="t3">{{ userData.last_login_time }}</text>
</view>
</view>
</view>
......@@ -45,31 +45,31 @@
<text class="iconfont icon-riqi2"></text>
<text class="tt">绑定邮箱</text>
</view>
<view class="text">cyp@ichunt.com</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">已签约</view>
<view class="text">{{ userData.is_sign }}</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">
<text class="iconfont icon-a-riqi2"></text>
<text class="tt">我的业务</text>
</view>
<view class="text">陈小姐 15012479484</view>
<view class="text">{{ userData.user_follow_people.name }} {{ userData.user_follow_people.qq }}</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">
<text class="iconfont icon-a-riqi2"></text>
<text class="tt">我的商务</text>
</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 class="exit row rowCenter verCenter">退出账号</view>
<view class="exit row rowCenter verCenter" @click="exit()">退出账号</view>
</template>
</view>
</template>
......@@ -79,7 +79,8 @@ import { API } from '@/util/api.js';
export default {
data() {
return {
isLogin: false
isLogin: false,
userData: {}
};
},
onLoad(options) {},
......@@ -96,7 +97,10 @@ export default {
getData() {
this.request(API.UserInfo, 'POST', {}, true).then(res => {
if (res.err_code === 0) {
this.userData = res.data;
this.isLogin = true;
}else{
this.isLogin = false;
}
});
},
......@@ -104,6 +108,22 @@ export default {
uni.navigateTo({
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 {
submit() {
if (!this.account) {
uni.showToast({
title: '请输入登录账号'
title: '请输入登录账号',
icon: 'none'
});
return false;
}
if (!this.pwd) {
uni.showToast({
title: '请输入登录密码'
title: '请输入登录密码',
icon: 'none'
});
return false;
}
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 => {
if(res.err_code === 0){
}else{
uni.showToast({
title: res.err_msg
});
if (res.err_code === 0) {
uni.setStorageSync('token', res.data.token);
} else {
uni.showToast({
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 @@
}
]
},
"usingComponents": {},
"sitemapLocation": "sitemap.json"
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/common/vendor.js
......@@ -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 token = uni.getStorageSync('token');
if (token) {
var params = Object.assign(param, {
token: token });
} else {
var params = param;
}
var token = uni.getStorageSync('token') || '';
var params = Object.assign(param, {
pf: 20 });
//是否启动加载
if (Loading) {
......@@ -8186,12 +8177,10 @@ var request = function request() {var url = arguments.length > 0 && arguments[0]
title: '加载中...' });
}
var header = {
"Content-Type": "application/json; charset=utf-8",
"Authorization": token };
return new Promise(function (resolve, reject) {
uni.request({
method: type,
......@@ -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 @@
"navigationBarBackgroundColor": "#197ADB",
"navigationBarTextStyle": "white",
"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>
\ No newline at end of file
<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
unpackage/dist/dev/mp-weixin/pages/index/index.wxss
......@@ -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 {
box-sizing: border-box;
}
......@@ -123,11 +335,17 @@ image.data-v-57280228 {
color: #404547;
margin-right: 44rpx;
}
.home-index .tab .box .num.data-v-57280228 {
display: none;
}
.home-index .tab .box.curr.data-v-57280228 {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
.home-index .tab .box.curr .num.data-v-57280228 {
display: block;
}
.home-index .tab .box.curr.data-v-57280228::after {
position: absolute;
bottom: -18rpx;
......@@ -153,6 +371,8 @@ image.data-v-57280228 {
-webkit-align-items: flex-end;
align-items: flex-end;
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 {
margin-bottom: 20rpx;
......@@ -186,12 +406,12 @@ image.data-v-57280228 {
}
.home-index .section .list .box .time-info .time .t1.data-v-57280228 {
font-size: 22rpx;
color: #6E767A;
color: #6e767a;
margin-right: 12rpx;
}
.home-index .section .list .box .time-info .time .t2.data-v-57280228 {
font-size: 22rpx;
color: #197ADB;
color: #197adb;
}
.home-index .section .list .box .status0.data-v-57280228 {
position: absolute;
......@@ -200,11 +420,11 @@ image.data-v-57280228 {
}
.home-index .section .list .box .status0 .iconfont.data-v-57280228 {
font-size: 32rpx;
color: #BB3434;
color: #bb3434;
}
.home-index .section .list .box .status0 ._span.data-v-57280228 {
font-size: 26rpx;
color: #BB3434;
color: #bb3434;
margin-left: 8rpx;
}
.home-index .section .list .box .status1.data-v-57280228 {
......@@ -219,11 +439,11 @@ image.data-v-57280228 {
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #197ADB;
color: #197adb;
}
.home-index .section .list .box.curr.data-v-57280228 {
background: #FFE3E3;
background: #ffe3e3;
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>
\ No newline at end of file
<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
unpackage/dist/dev/mp-weixin/project.config.json
......@@ -6,37 +6,8 @@
"setting": {
"urlCheck": false,
"es6": true,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"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
"minified": true
},
"compileType": "miniprogram",
"libVersion": "",
......@@ -44,15 +15,19 @@
"projectname": "scmMiniprogram",
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
}
......
unpackage/dist/dev/mp-weixin/project.private.config.json
......@@ -77,6 +77,18 @@
"pathName": "pages/mine/index",
"query": "",
"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 = {
/**
* 小程序登录
* */
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'
* 请求封装
*/
const request = (url = '', type = 'GET', param = {}, Loading) => {
const token = uni.getStorageSync('token');
if (token) {
var params = Object.assign(param, {
token: token
});
} else {
var params = param;
}
const token = uni.getStorageSync('token') || '';
var params = Object.assign(param, {
pf: 20
});
//是否启动加载
if (Loading) {
uni.showLoading({
title: '加载中...'
});
}
const header = {
"Content-Type": "application/json; charset=utf-8",
"Authorization": token
};
return new Promise((resolve, reject) => {
uni.request({
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