theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request 'upload file' (#53) from zhy into master

Browse Source 
Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/53
This commit is contained in:
hansu 2020-07-10 09:03:51 +08:00
commit 66f21e230a
15 changed files with 183 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -44,9 +44,9 @@ unescapeHTML(temp){}
/**
* 上传文件(只能单文件上传)
* @param { String } url 服务器 url
* @param { String } name 上传类型 goods-商品图片 avatar-用户头像 video-视频 store_logo-店铺logo store_banner-店铺banner store_avatar-店铺头像
* @param { String } filePath 要上传文件资源的路径
* @param { String } type 上传文件验证类型 默认: img 可选: video
* @return { object } promise 对象 resolve 返回文件服务器地址 reject 返回错误信息
*/
uploadFile({ url, filePath, type = 'img' } = {}) {}
uploadFile({ url, name, filePath }) {}
```

9
common/api/user.js
View File

@ -254,15 +254,6 @@ export default {
file: file,
});
},
// 上传图片视频
uploadfile({ file }) {
const params = {
file: file
}
console.log(params);
return vm.$u.post('Upload/uploadfile', params);
},
}
}
}

8
components/mine/order-item/index.vue
View File

@ -17,7 +17,7 @@
<view class="goods-price u-line-1" v-if="order.order_state == 20 || order.order_state == 40">总价：￥99.00，实付款￥99</view>
<view class="goods-date" v-if="order.order_state == 20 || order.order_state == 40">
<image src="@/pageE/static/mine/26.png"></image>
<view>2020.05.17</view>
<view>{{ order.add_time | date }}</view>
</view>
</view>
</view>
@ -25,6 +25,7 @@
<view class="order-btn" v-if="[10, 30, 20, 40].indexOf(order.order_state) >= 0">
<view class="logistics" v-if="order.order_state == 30" @click="toLogistics">查看物流</view>
<view class="comment" v-if="order.order_state == 20" @click="toComment">立即评价</view>
<view class="calcel" v-if="order.order_state == 10">取消支付</view>
<view class="payment" v-if="order.order_state == 10">立即支付</view>
<view class="service" v-if="order.order_state == 40">联系官方客服</view>
<view class="submit" v-if="order.order_state == 40">提交官方审核</view>
@ -70,7 +71,7 @@ export default {
methods: {
toDetailsPage() {
uni.navigateTo({
url: '/pageE/order/Details?order.order_state=' + this.order.order_state
url: '/pageE/order/Details?id=' + this.order.order_id
});
},
toLogistics() {
@ -184,6 +185,9 @@ export default {
.logistics, .comment, .payment {
@include btn-class($width: 160rpx, $color: rgba(255,119,15,1));
}
.calcel {
@include btn-class($width: 160rpx, $color: rgba(155,153,153,1));
}
.service {
@include btn-class($width: 216rpx, $color: rgba(155,153,153,1));
}

1
pageE/mine/EditUserInfo.vue
View File

@ -80,6 +80,7 @@ export default {
this.avatar = res.tempFilePaths[0];
common.uploadFile({
url: url,
name: 'avatar',
filePath: res.tempFilePaths[0]
}).then(result => {
this.avatar = result;

9
pageE/mine/MemberServe.vue
View File

@ -17,7 +17,10 @@
</view>
<view @click="viewProgress">
<view class="title">预计进度</view>
<view class="value">{{ memberInfo.next_grade_exppoints_diff }}</view>
<!-- <view class="value">{{ memberInfo.next_grade_exppoints_diff }}</view> -->
<view class="value">
<image src="/static/image/mine/32.png"></image>
</view>
</view>
</view>
<scroll-view scroll-y class="integral-botom" :style="{ height: richHeight }">
@ -151,6 +154,10 @@ export default {
font-size: 48rpx;
font-weight: 500;
color: rgba(255,255,255,1);
> image {
width: 52rpx;
height: 35rpx;
}
}
}
}

9
pageE/more/Complaints.vue
View File

@ -1,5 +1,6 @@
<template>
<view class="complaints">
<scroll-view scroll-y @scrolltolower="reachBottom">
<view class="complaints-box" v-for="item in feedbackList" :key="item.fb_id">
<view class="suggestions">
<view class="text">{{ item.fb_content }}</view>
@ -16,18 +17,14 @@
<view>{{ reply_time }}</view>
</view>
</view>
<u-empty text="暂无意见" mode="list" color="#000000" icon-size="90" margin-top="300" v-if="!feedbackList.length"></u-empty>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
imgList: [
require('../static/mine/23.png'),
require('../static/mine/23.png'),
require('../static/mine/23.png'),
require('../static/mine/23.png')
],
feedbackList: [],
page: 1, // 默认1
}

31
pageE/more/WriteComments.vue
View File

@ -7,6 +7,9 @@
:custom-btn="true"
:max-count="count"
:auto-upload="false"
:action="action"
:header="header"
:form-data="formData"
>
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
<img src="../static/mine/27.png" />
@ -20,32 +23,36 @@
export default {
data() {
return {
action: $u.http.baseUrl + 'Upload/uploadfile',
action: this.$u.http.config.baseUrl + '/Upload/uploadfile',
count: 4, // 最大图片数量
text: '',
imageList: []
imageList: [],
header: {
"authorization": 'Bearer' + " " + uni.getStorageSync('token')
},
formData: {
name: '',
}
}
},
methods: {
submit() {
console.log(this.action);
console.log(this.imageList);
// this.$refs.uUpload.upload();
this.$refs.uUpload.upload();
let promise = [];
this.imageList.forEach(url => {
// this.uploadImage(url);
})
Promise.all(promise).then(() => {
// Promise.all(promise).then(() => {
})
// })
},
async uploadImage(file) {
this.$u.api.uploadfile({
file: file,
}).then(res => {
if(res.errCode == 0) {}
})
async beforeUpload(index, list) {
console.log(index, list);
// let data = await this.$u.post('url');
// return true; // 或者根据逻辑返回false
},
writeFeedback() {
this.$u.api.writeFeedback({

23
pageE/order/Details.vue
View File

@ -21,17 +21,19 @@
<view class="info-goods">
<view class="goods-store">
<view class="stoer-title">
<image src="../static/mine/23.png" class="store-image"></image>
<view class="store-name">胖胖的店</view>
<image :src="orderInfo.extend_store.store_avatar" class="store-image"></image>
<view class="store-name">{{ orderInfo.extend_store.store_name }}</view>
<image src="../static/mine/21.png" class="right-icon"></image>
</view>
<view v-for="goods in orderInfo.extend_order_goods" :key="goods.goods_id">
<view class="store-goods">
<image src="../static/mine/23.png"></image>
<image :src="goods.goods_image"></image>
<view class="goods-info">
<view class="goods-name u-line-2">木糖少女小紫薯西装领连衣裙夏季新款女装夏收腰格子格纹裙子木糖少女小紫薯西装领连衣裙夏季新款女装夏收腰格子格纹裙子</view>
<view class="goods-name u-line-2">{{ goods.goods_name }}</view>
<view class="goods-order">
<view class="price">￥99</view>
<view class="num">x2</view>
<view class="price">￥{{ goods.goods_pay_price }}</view>
<view class="num">x{{ goods.goods_num }}</view>
</view>
</view>
</view>
</view>
@ -55,7 +57,7 @@
</view>
<view>
<view class="title">支付方式</view>
<view class="price">￥0.00</view>
<view class="price">{{ orderInfo.payment_name }}</view>
</view>
</view>
</view>
@ -83,9 +85,8 @@ export default {
}
},
onLoad(option) {
this.current = option.current;
console.log(option.current);
this.setTitle();
this.getOrderInfo(option.id);
},
methods: {
getOrderInfo(id) {
@ -98,11 +99,9 @@ export default {
})
},
setTitle(){
let title = ''
let title = '';
switch (this.current) {
case '1':
console.log(title);
title = "支付成功"
break;
default:

10
pageE/order/Index.vue
View File

@ -41,7 +41,7 @@ export default {
orderList: [],
loadStatus: ['loadmore','loadmore','loadmore','loadmore','loadmore','loadmore','loadmore'],
page: 0,
current: 0,
current: Number,
swiperCurrent: 0,
swiperHeight: '',
timer: true,
@ -51,7 +51,7 @@ export default {
OrderItem
},
watch: {
current() {
current(value) {
this.page = 0;
this.getOrderList('again');
},
@ -98,16 +98,16 @@ export default {
if(reload) this.orderList = res.data;
else this.orderList.push(...res.data);
}
return res.data.length;
return res;
},
reachBottom() {
if(!this.timer) return false;
this.timer = false;
this.loadStatus.splice(this.current, 1, "loading");
this.page++;
this.getOrderList.then(length => {
this.getOrderList.then(res => {
this.loadStatus.splice(this.current, 1, "nomore");
if(length == 0) this.page--;
if(res.data.length == 0) this.page--;
}).catch(() => {
this.loadStatus.splice(this.current, 1, "nomore");
this.page--;

6
pageE/setting/Index.vue
View File

@ -59,6 +59,10 @@ export default {
title: '证件中心',
link: '../mine/ArticleDetails?type=1'
},
{
title: '屏蔽用户',
link: './ShieldUsers'
},
{
title: '关于我们',
link: '../mine/ArticleDetails?type=2'
@ -66,7 +70,7 @@ export default {
{
title: '帮助与反馈',
link: './feedback'
}
},
]
}
},

59
pageE/setting/ShieldUsers.vue Normal file
View File

@ -0,0 +1,59 @@
<template>
<view class="shield">
<view class="shield-list" v-for="(item, index) in 5" :key="index">
<view class="infomation">
<u-avatar :src="src" size="80"></u-avatar>
<view class="nickname u-line-1">神的温柔</view>
</view>
<view class="btn">取消屏蔽</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
src: 'https://dmmall.sdbairui.com/uploads/home/avatar/avatar_19.jpg'
}
}
};
</script>
<style lang="scss" scoped>
.shield {
min-height: calc(100vh - var(--window-top));
background-color: #ECECEC;
padding-top: 1rpx;
.shield-list {
background-color: #FFF;;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10rpx 30rpx;
color:rgba(51,51,51,1);
margin-bottom: 2rpx;
.infomation {
display: flex;
align-items: center;
.nickname {
width: 300rpx;
font-size: 28rpx;
margin-left: 20rpx;
}
}
.btn {
font-size: 24rpx;
position: relative;
&::before {
position: absolute;
left: -30rpx;
top: 50%;
transform: translate(0, -50%);
content: '';
width: 1rpx;
height: 38rpx;
background: rgba(236,236,236,1);
}
}
}
}
</style>

30
pageE/tool/ManicureOrder.vue
View File

@ -1,14 +1,18 @@
<template>
<view class="manicure-order">
<view class="order-form">
<view class="order-name">
<!-- <view class="order-name">
<view>美甲人：</view>
<input type="text" v-model="name" />
</view>
</view> -->
<view class="order-date" @click="show=true">
<view>美甲时间：</view>
<img src="../static/mine/21.png" v-if="!time" />
<view v-else>{{ time }}</view>
<view class="title">美甲时间：</view>
<image src="../static/mine/21.png" v-if="!time"></image>
<view v-else class="time">{{ time }}</view>
</view>
<view class="order-address">
<view class="title">美甲地址：</view>
<input type="text" v-model="address" disabled />
</view>
</view>
<view class="order-btn" @click="addManicureOrder">确认订单</view>
@ -22,6 +26,7 @@ export default {
return {
name: '',
time: '',
address: '四川省攀枝花市银江镇',
params: {
year: true,
month: true,
@ -96,8 +101,11 @@ export default {
&:not(:last-child) {
margin-bottom: 2rpx;
}
.title {
font-size: 30rpx;
}
.order-name {
}
.order-address {
display: flex;
align-items: center;
> view {
@ -105,18 +113,24 @@ export default {
color: rgba(51,51,51,1);
}
> input {
padding-left: 20rpx;
flex: 1;
text-align: right;
font-size: 28rpx;
}
}
.order-date {
display: flex;
align-items: center;
justify-content: space-between;
> img {
> image {
width: 14rpx;
height :24rpx;
}
.time {
padding-left: 20rpx;
flex: 1;
text-align: left;
}
}
}
.order-btn {

13
pages.json
View File

@ -715,6 +715,19 @@
}
}
},
{
"path": "setting/ShieldUsers",
"style": {
"navigationBarTitleText": "屏蔽用户",
"app-plus": {
"titleSize": "36px",
"titleNView": {
"titleColor": "#333333",
"backgroundColor": "#FFFFFF"
}
}
}
},
{
"path": "order/Index",
"style": {

4
pages/mine/index.vue
View File

@ -2,10 +2,10 @@
<view class="mine">
<view class="mine-top">
<view class="top">
<u-avatar :src="userInfo.member_avatar" :size="110"></u-avatar>
<u-avatar @click="toOtherPage('/mine/MineInfo')" :src="userInfo.member_avatar" :size="110"></u-avatar>
<view class="user-info">
<view class="info-left">
<view class="user-nickname" @click="toOtherPage('/mine/MineInfo')">{{ userInfo.member_nickname }}</view>
<view class="user-nickname">{{ userInfo.member_nickname }}</view>
<view class="user-medal" @click="toOtherPage('/mine/MedalIntroduction')">
<img src="/static/image/mine/13.png" />
<view class="rank-title">勋章</view>

13
static/js/common.js
View File

@ -12,23 +12,26 @@ const common = {
/**
* 上传文件(只能单文件上传)
* @param { String } url 服务器 url
* @param { String } name 上传类型 goods-商品图片 avatar-用户头像 video-视频 store_logo-店铺logo store_banner-店铺banner store_avatar-店铺头像
* @param { String } filePath 要上传文件资源的路径
* @param { String } type 上传文件验证类型 默认: img 可选: video
* @return { object } promise 对象 resolve 返回文件服务器地址 reject 返回错误信息
*/
uploadFile({ url, filePath, type = 'img' } = {}) {
uploadFile({ url, name, filePath }) {
const token = uni.getStorageSync('token');
const promise = new Promise((resolve, reject) => {
uni.uploadFile({
url: url,
header: { "authorization": 'Bearer' + " " + token },
filePath: filePath,
name: 'file',
formData: { type: type },
name: name,
formData: {
name: name,
},
success: uploadFileRes => {
const data = JSON.parse(uploadFileRes.data);
// console.log(data);
if(data.errCode == 0) {
resolve(data.data.url);
resolve(data.data);
} else {
reject(data.message);
}