<template>
<view class="content">
<view class="content-top">
<view class="content-tops">
<view class="content-top_img" v-if="Object.keys(userInfoData).length>0">
<image :src="userInfoData.mer_info.mer_avatar" v-if="userInfoData.mer_info&&userInfoData.mer_info.mer_avatar"
mode="aspectFill" @click="logout">
</image>
<image src="@/static/images/f.png" v-else mode="aspectFit" @click="logout"></image>
</view>
<view class="content-top_img" v-else @click="login">
<image src="@/static/images/f.png" mode="aspectFit"></image>
</view>
<view class="content-top-title" @click="shopp" v-if="Object.keys(userInfoData).length>0">
<view class="top-titlea">
{{userInfoData.mer_info.mer_name?userInfoData.mer_info.mer_name:'暂无信息'}}
</view>
<view class="top-titleb">
<image src="@/static/images/you.png" mode=""></image>
</view>
</view>
<view class="content-top-title" @click="login" v-else>
<view class="top-titlea">
请登录
</view>
<view class="top-titleb">
<image src="@/static/images/you.png" mode=""></image>
</view>
</view>
</view>
<retuntop style="margin-top: 20rpx; margin-right: 50rpx;" />
</view>
<view class="content-middle">
<view class="content-middlea" v-for="(item,index) in list" :key='index'>
<view class="content-middlea-one">
{{item.name}}
</view>
<view class="content-middlea-two">
{{item.value}}
</view>
</view>
</view>
<view class="content-open" v-if='!isshow' @click="open">
<image src="@/static/images/zk.png" mode="aspectFit"></image>
</view>
<div v-if='isshow' style="margin-top: 80rpx;">
<!-- // type=price&time=today&merId=1 -->
<view class="tools-one"
style="font-size: 33rpx;font-family: PingFang SC-Medium, PingFang SC;font-weight: 500;color: #333333; margin-left: 30rpx;margin-bottom: 30rpx;">
订单数据统计
</view>
<ordertime ref='test' type='price' timetype='today' :merid='userInfoData.service.mer_id'></ordertime>
</div>
<view class="content-bottom" v-else>
<view class="content-order">
<view class="" v-for="(item,i) in order" :key='i' @click="shopporder(item)">
<view class="content-order-two">
{{item.value}}
</view>
<view class="content-order-one">
{{item.name}}
</view>
</view>
</view>
<view class="content-tools">
<view class="tools-one">
常用工具
<view class=""></view>
</view>
<view class="tools-two" v-if="isgShow&&userInfoData.mer_info.type_code=='TypeSupplyChain'">
<view class="" v-for="(item,k) in typelistSupplyChain" :key='k' @click="navation(item)">
<view class="tools-two-img">
<image :src="item.image" mode=""></image>
</view>
<view class="tools-two-title"> {{item.name}}</view>
</view>
</view>
<view class="tools-two" v-else-if="isgShow&&userInfoData.mer_info.setting_status==1">
<view class="" v-for="(item,k) in typelist" :key='k' @click="navation(item)">
<view class="tools-two-img">
<image :src="item.image" mode=""></image>
</view>
<view class="tools-two-title"> {{item.name}}</view>
</view>
</view>
<view class="tools-two" v-else>
<view class="" @click="byset">
<view class="tools-two-img">
<image src="@/static/images/index11.png" mode=""></image>
</view>
<view class="tools-two-title"> 商家设置</view>
</view>
</view>
</view>
<view class="content-list">
<view class="tools-one">
订单列表
<view class=""></view>
</view>
<view class="content-list-one" v-for="(item,u) in productList" :key="u">
<view class="list-one">
<view class="list-one_left">
<view class="list-one_left-a">
<image src="@/static/images/f.png" mode="aspectFit"></image>
</view>
<view class="list-one_left-b">{{item.real_name}}</view>
<view class="list-one_left-c">
<image src="@/static/images/you.png" mode="aspectFit"></image>
</view>
</view>
<view class="list-one_right">
<view class="list-one_right-a">{{item.pay_time}}拍下 </view>
<view class="list-one_right-c">
</view>
<view class="list-one_right-b">待发货</view>
</view>
</view>
<view class="" v-for="(g,h) in item.orderProduct">
<view class="list-two">
<view class="list-two_left">
<image :src="g.cart_info.product.image" mode=""></image>
</view>
<view class="list-two_middle">
<view class="two_middle-title-a">
<view class="two_middle-title-a-left">{{ g.cart_info.product.store_name }}</view>
<view class="two_middle-title-a-right">
<view class="title-price">￥<span
style="font-size: 37rpx;font-weight: 600;">{{g.product_price.split('.')[0]}}.</span>
<span>{{g.product_price.split('.')[1]}}</span><strong></strong>
</view>
<view class="title-number">X{{g.product_num}}</view>
</view>
</view>
<view class="two_middle-title-b">
<view class="title-number">共{{g.product_num}}件 </view>
<view class="title-price">实收: <span style="color: #F84221;">￥</span><span
style="font-size: 37rpx; color: #F84221;">{{g.cart_info.productAttr.price.split('.')[0] }}.</span><span
style="color: #F84221;">{{g.cart_info.productAttr.price.split('.')[1] }}</span>(含快递:￥0.00）
</view>
</view>
</view>
</view>
<view class="list-three">
<view class="list-three-one">
<view class="title-img">
<image src="@/static/images/dz.png" mode="aspectFit"></image>
</view>
<view class="order_id">
订单编号{{item.order_sn}}
</view>
</view>
<view class="list-three-one">
<view class="title-img">
<image src="@/static/images/zb.png" mode="aspectFit"></image>
</view>
<view class="adress">{{item.real_name}} {{ item.user_phone}} {{item.user_address}}
</view>
</view>
</view>
</view>
<view class="list-four">
<view class="btn" @click="refundModify(item,1)">备注</view>
<view class="btn1" @click="shopdetail(item)">去发货</view>
</view>
</view>
<view class="conter-img" v-if='productList.length == 0'>
<image src="@/static/images/noCart.png" mode="aspectFit"></image>
</view>
<view class='loadingicon acea-row row-center-wrapper' v-if='productList.length > 0'>
<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>{{loadTitle}}
</view>
</view>
</view>
<view>
<view class="priceChange" :class="refundMark === true ? 'on' : ''">
<view class="priceTitle">
订单备注
<span class="iconfont icon-guanbi" @click="refundMark = false"></span>
</view>
<view class="listChange">
<textarea placeholder="请填写备注信息..." v-model="refundInfo.remark"></textarea>
</view>
<view class="modify" @click="save">
确认提交
</view>
</view>
<view class="mask" @touchmove.prevent v-show="refundMark === true"></view>
</view>
<uni-popup ref="popup1" type="left">
<view class="left-content">
<view class="left-content-left">
<view class="content-top_img" v-if="Object.keys(userInfoData).length>0">
<image :src="userInfoData.avatar" v-if="userInfoData.avatar" mode="aspectFill"></image>
<image src="@/static/images/f.png" v-else mode="aspectFit"></image>
</view>
<view class="content-top_img" v-else @click="login">
<image src="@/static/test/KH.png" mode="aspectFit"></image>
</view>
<view class="content-top_txt">{{userInfoData.account}}</view>
</view>
<view class="left-content-right">
<view class="content-right-one" v-if="Object.keys(userInfoData).length>0">
<view class="content-right-onea">{{userInfoData.mer_info.mer_name}}</view>
<view class="content-right-oneb">
<image src="@/static/images/you.png" mode=""></image>
</view>
</view>
<view class="content-right-two">
</view>
<view class="content-right-botm" @click="login()">
退出
</view>
</view>
</view>
</uni-popup>
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"
:isGoIndex="false"></authorize>
<view class="settlementAgreement" v-if="isFshow">
<view class="setAgCount" style="width: 100%;height: 100%; padding-top: 160rpx;">
<!-- <i class="icon iconfont icon-cha" @click="recuo"></i> -->
<view class="" style="width: 60rpx;height: 60rpx; position: absolute;right: 30rpx; top:80rpx" @click="recuo">
<image src="@/static/images/close.png" mode="aspectFit" style="width: 60rpx;height: 60rpx;"></image>
</view>
<div class="title">{{detail.title}}</div>
<view style="margin: 20rpx 0;">甲方公司:{{company?company:"暂无公司信息"}}</view>
<view style="margin: 20rpx 0;">机构代码:{{organization_code?organization_code:"暂无公司信息"}}</view>
<view class="contenta">
<jyf-parser :html="detail.mer_settlement_agree" ref="article" :tag-style="tagStyle"></jyf-parser>
</view>
<view class="setAgCountbtn">
<button class="setAgCountbtna" @click="refuse">
拒绝
</button>
<button :class="num>0?'setAgCountbtnb':'setAgCountbtnc'" :disabled="num!=0" @click="agree">
<text v-if="num>0">请仔细阅读协议{{num}}S</text>
<text v-else>同意</text>
</button>
</view>
</view>
</view>
<uni-popup ref="popup" type="bottom" @change="changePopup">
<view class="userpage">
<view class="userpage-icon" @click="close">
<image src="@/static/images/close.png" mode=""></image>
</view>
<form report-submit='true' style="height: 100%;">
<view class='merchantsSettled' :style="{'height':Fheight}">
<view class="title">填写信息</view>
<view class='list'>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">开户行名称:</text>
<input type="text" maxlength="30" placeholder="请输入开户行名称" v-model="merchantData.bank_username"
@input="validateBtn" placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">联系电话:</text>
<input type="text" placeholder="请输入手机号" v-model="merchantData.phone" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">开户行:</text>
<input type="text" placeholder="请输入开户行" v-model="merchantData.bank_opening" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">身份证正面:</text>
</view>
<view class="item-card">
<view class="item-carda" @click='uploadpic({type:1})' v-if='merchantData.cardno_front.length==0'>
<image src="@/static/images/SFZZ.png" mode="aspectFit"></image>
</view>
<view class="item-carda" @click='DelPic({type:1})' v-else>
<image :src="merchantData.cardno_front" mode="aspectFit"></image>
</view>
<view class="item-cardb" @click='uploadpic({type:2})' v-if='merchantData.cardno_back.length==0'>
<image src="@/static/images/SFFF.png" mode="aspectFit"></image>
</view>
<view class="item-cardb" @click='DelPic({type:2})' v-else>
<image :src="merchantData.cardno_back" mode="aspectFit"></image>
</view>
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">银行卡反面:</text>
</view>
<view class="item-card">
<view class="item-carda" @click='uploadpic({type:3})' v-if='merchantData.bank_front.length==0'>
<image src="@/static/images/YHKZ.png" mode="aspectFit"></image>
</view>
<view class="item-carda" @click='DelPic({type:3})' v-else>
<image :src="merchantData.bank_front" mode="aspectFit"></image>
</view>
<view class="item-cardb" @click='uploadpic({type:4})' v-if='merchantData.bank_back.length==0'>
<image src="@/static/images/YHKF.png" mode="aspectFit"></image>
</view>
<view class="item-cardb" @click='DelPic({type:4})' v-else>
<image :src="merchantData.bank_back" mode="aspectFit"></image>
</view>
</view>
</view>
<button class='submitBtn' :class="validate === true? 'on':''" @click="formSubmit">
提交申请
</button>
</view>
</view>
</form>
</view>
</uni-popup>
</view>
</template>
<script>
import authorize from '@/components/Authorize';
import ordertime from './component/timelist.vue'
import retuntop from '@/components/content-top/index.vue';
import {
setAdminOrderRemark
} from "@/api/admin";
import {
merstreet,
getUserInfo
} from '@/api/user.js';
import {
business,
intention,
intentionbus
} from "@/api/product"
import image from '../../uni_modules/uview-ui/libs/config/props/image';
import {
orderStatistics,
getOrderList
} from "@/api/admin";
export default {
components: {
authorize,
ordertime,
retuntop
},
data() {
return {
isAuto: false, //没有授权的不会自动授权
isShowAuth: false, //是否隐藏授权
list: [{
name: '今日成交额',
value: 0
}, {
name: '今日订单数',
value: 0
}, {
name: '本月订单数',
value: 0
}],
order: [{
name: '待付款',
type: 1,
value: 0
}, {
name: '待发货',
type: 2,
value: 0
}, {
name: '待收货',
type: 3,
value: 0
}, {
name: '待评价',
type: 4,
value: 0
}, {
name: '退款',
type: 6,
value: 0
}],
typelist: [{
name: '商品管理',
type: 1,
image: require('@/static/images/index7.png')
}, {
name: '订单管理',
type: 2,
image: require('@/static/images/index1.png')
}, {
name: '供货采购',
type: 3,
image: require('@/static/images/index4.png')
},
{
name: '进货管理',
type: 4,
image: require('@/static/images/index5.png')
}, {
name: '提现管理',
type: 5,
image: require('@/static/images/index8.png')
}, {
name: '客服记录',
type: 6,
image: require('@/static/images/index6.png')
}, {
name: '订单核销',
type: 7,
image: require('@/static/images/index2.png')
}, {
name: '全部',
type: 8,
image: require('@/static/images/index3.png')
}
],
typelistSupplyChain: [{
name: '商品管理',
type: 1,
image: require('@/static/images/index7.png')
}, {
name: '订单管理',
type: 2,
image: require('@/static/images/index1.png')
}, {
name: '提现管理',
type: 5,
image: require('@/static/images/index8.png')
}, {
name: '客服记录',
type: 6,
image: require('@/static/images/index6.png')
}, {
name: '订单核销',
type: 7,
image: require('@/static/images/index2.png')
}, {
name: '委托销售',
type: 9,
image: require('@/static/images/index6.png')
}, {
name: '委托订单',
type: 10,
image: require('@/static/images/index2.png')
}, {
name: '全部',
type: 8,
image: require('@/static/images/index3.png')
}],
refundInfo: {},
company: '',
organization_code: '',
show: false,
refundMark: false,
where: {
page: 1,
limit: 3,
status: 2
},
where1: {
product_type: 0
},
where2: {
type: 2,
page: 1,
limit: 10
},
loadend: false,
loading: false,
loadTitle: '加载更多',
isgShow: false,
emptyShow: false,
productList: [],
userid: '',
userInfoData: {},
isshow: false,
codenote: [],
validate: false,
merchantData: {
bank_username: '',
bank_opening: '',
bank_front: '',
bank_back: '',
cardno_front: '',
cardno_back: ''
},
Fheight: 0,
isFshow: false,
detail: {},
tagStyle: {
img: 'width:100%;display:block;'
},
num: 10
}
},
onPullDownRefresh() {
this.getGoods(true)
uni.stopPullDownRefresh()
},
onLoad() {
this.list1()
this.Fheight = uni.getSystemInfoSync().windowHeight + 'px';
},
onReachBottom() {
if (this.productList.length > 0) {
setTimeout(() => {
this.getGoods(false);
}, 1000)
}
},
onShow() {
this.getUserInfo()
this.codelist()
},
beforeDestroy() {
// 销毁监听事件
this.$bus.$off('value-updated')
},
methods: {
// 初始化菜单
initTypeLiseMenu() {
},
//关闭弹窗
close() {
this.$refs.popup.close()
this.num = 15
},
//获取交易信息
codelist() {
intention(this.where2).then(res => {
this.codenote = res.data.list
})
},
//跳转订单
shopporder(item) {
if (this.userid) {
switch (item.type) {
case 1:
uni.navigateTo({
url: '/pages/admin/orderList/index?merId=' + this.userInfoData.service.mer_id +
'&types=' + item.type
})
break;
case 2:
uni.navigateTo({
url: '/pages/admin/orderList/index?merId=' + this.userInfoData.service.mer_id +
'&types=' + item.type
})
break;
case 3:
uni.navigateTo({
url: '/pages/admin/orderList/index?merId=' + this.userInfoData.service.mer_id +
'&types=' + item.type
})
break;
case 4:
uni.navigateTo({
url: '/pages/admin/orderList/index?merId=' + this.userInfoData.service.mer_id +
'&types=' + item.type
})
break;
case 6:
uni.navigateTo({
url: '/pages/admin/orderList/index?merId=' + this.userInfoData.service.mer_id +
'&types=' + item.type
})
break;
}
} else {
this.isAuto = true;
this.isShowAuth = true
}
},
//提交
formSubmit: function(e) {
let that = this;
if (that.validateForm() && that.validate) {
that.validate = false;
intentionbus(that.merchantData).then(res => {
if (res.status == 200) {
this.$refs.popup.close()
that.$util.Tips({
title: '提交成功'
});
this.codelist()
that.timer = setTimeout(() => {
that.successful = true;
that.validate = true;
}, 1000)
}
}).catch(res => {
that.validate = true;
this.num = 15
this.$refs.popup.close()
that.$util.Tips({
title: res
});
})
}
},
changePopup(e){
if(e.show)uni.hideTabBar();
else uni.showTabBar();
},
//备注弹窗
refundModify(item) {
this.refundInfo = item;
this.refundMark = true;
},
//同意
agree() {
this.$refs.popup.open()
this.isFshow = false
},
//拒绝
refuse() {
this.isFshow = false
},
//关闭弹窗
recuo() {
if (this.num > 0) {
this.num = 15
this.isFshow = false
} else {
this.num = 15
this.isFshow = false
}
},
countDown() {
let {
num
} = this;
// if (num === 3) this.nums = true;
num = num > 0 ? num - 1 : "0";
setTimeout(() => {
this.num = num;
if (num == '0') {
// this.launchApp()
return
}
if (this.isFshow == false && this.num > 0) {
this.num = 15
return
}
this.countDown();
}, 1000);
},
//验证
validateBtn: function() {
let that = this,
value = that.merchantData;
if (value.bank_username && value.bank_opening) {
if (!that.isShowCode) {
that.validate = true;
} else {
if (that.codeVal) {
that.validate = true;
} else {
that.validate = false;
}
}
} else {
that.validate = false;
}
},
validateForm: function() {
let that = this,
value = that.merchantData;
if (!value.bank_username) return that.$util.Tips({
title: '请输入银行账户姓名'
});
if (!value.bank_opening) return that.$util.Tips({
title: '请输入开户行'
});
if (value.bank_front.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
if (value.bank_back.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
if (value.cardno_front.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
if (value.cardno_back.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
that.validate = true;
return true;
},
/**
* 上传文件
*
*/
uploadpic(data) {
let that = this;
if (data.type == 1) {
that.$util.uploadImageOne('upload/image', function(res) {
that.merchantData.cardno_front = res.data.path
});
} else if (data.type == 2) {
that.$util.uploadImageOne('upload/image', function(res) {
that.merchantData.cardno_back = res.data.path
});
} else if (data.type == 3) {
that.$util.uploadImageOne('upload/image', function(res) {
that.merchantData.bank_front = res.data.path
});
} else {
that.$util.uploadImageOne('upload/image', function(res) {
that.merchantData.bank_back = res.data.path
});
}
},
//删除图片
DelPic(data) {
let that = this;
if (data.type == 1) {
that.merchantData.cardno_front = ''
} else if (data.type == 2) {
that.merchantData.cardno_back = ''
} else if (data.type == 3) {
that.merchantData.bank_front = ''
} else {
that.merchantData.bank_back = ''
}
},
//商家设置
byset() {
if (this.userid) {
uni.navigateTo({
url: '/pages/product/basicSet?mer_id=' + this.userInfoData
.service
.mer_id
})
} else {
this.isAuto = true;
this.isShowAuth = true
}
},
//个人详情
logout() {
this.$refs.popup1.open()
},
//登录
login() {
uni.redirectTo({
url: '/pages/users/login/login_copy'
})
},
//获取协议内容
list1() {
business({
type: 'mer_settlement_agree'
}).then(res => {
this.detail = res.data
})
},
//跳转
shopp() {
if (this.userInfoData.mer_info.type_id == 12) {
uni.navigateTo({
url: `/pages/nongKe/supply_chain/merchant?id=${this.userInfoData.service.mer_id}`
})
} else {
uni.navigateTo({
url: `/pages/store/home/index?id=` + this.userInfoData.service.mer_id + `&type=7`
})
}
},
//界面跳转
shopdetail(item) {
uni.navigateTo({
url: '/pages/admin/orderDetail/index?id=' + item.order_id + '&mer_id=' + this.userInfoData
.service.mer_id
})
},
//获取订单数据
getindex() {
const data = {
product_type: this.where1.product_type
}
orderStatistics(this.userInfoData.service.mer_id, data).then(
res => {
this.order[0].value = res.data.order.unpaid
this.order[1].value = res.data.order.unshipped
this.order[2].value = res.data.order.untake
this.order[3].value = res.data.order.unevaluate
this.order[4].value = res.data.order.refund
this.list[0].value = res.data.data.today.payPrice
this.list[1].value = res.data.data.today.orderNum
this.list[2].value = res.data.data.month.orderNum
},
err => {
that.$util.Tips({
title: err.msg
})
}
);
},
open() {
this.isshow = !this.isshow
if (this.isshow) {
setTimeout((res) => {
this.$refs.test.timelist()
}, 1000)
}
},
// 授权回调
onLoadFun(data) {
this.getUserInfo();
this.isShowAuth = false;
},
/**
* 获取个人用户信息
*/
getUserInfo() {
getUserInfo().then(res => {
// console.log(res);
this.userid = res.data.uid
this.userInfoData = res.data
this.merchantData.phone = res.data.phone
if (res.data.service == null) {
// console.log('123');
this.isgShow = false
} else {
this.isgShow = true
}
if (res.data.mer_info.length == 0) {
uni.showModal({
title: '暂无商户信息'
})
} else {
this.getindex()
this.getGoods(true)
}
merstreet({
street_code: res.data.mer_info.street_id
}).then((res) => {
if (res.code == 0) {
// this.$util.Tips({
// title: res.msg
// });
return false;
}
this.company = res.data.title
this.organization_code = res.data.organization_code
}).catch(res => {
console.log(res)
})
});
},
// 备注
save() {
let that = this;
if (!that.refundInfo.remark) {
return this.$util.Tips({
title: '请输入备注'
})
}
setAdminOrderRemark(that.userInfoData.service.mer_id, that.refundInfo.order_id, {
remark: that.refundInfo.remark
}).then(
res => {
this.refundMark = false;
this.$util.Tips({
title: res.message,
icon: 'success'
})
that.getGoods(true);
},
err => {
that.$util.Tips({
title: err
});
}
);
},
// 授权关闭
authColse: function(e) {
this.isShowAuth = e
},
//路由跳转
navation(item) {
if (this.userid) {
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) {
if (this.codenote.length == 0) {
this.isFshow = true
this.countDown()
} else {
if (this.codenote[0].status == 0) {
if (item.type == 8) {
uni.navigateTo({
url: '/pages/moreProject/moreProject'
})
} else {
uni.showModal({
title: '申请正在审核中，请勿重复提交'
})
}
} else {
this.isFshow = true
this.countDown()
}
}
} else {
switch (item.type) {
case 1:
uni.navigateTo({
url: '/pages/product/list/index'
})
break;
case 2:
uni.navigateTo({
url: '/pages/admin/order/index?mer_id=' + this.userInfoData.service.mer_id +
'&type_id=' + this.userInfoData.mer_info.type_id
})
break;
case 3:
// uni.navigateTo({
// url: '/pages/users/supply_procurement/index?type_id=12&isDetail=1&product_type=98&cate_id=' +
// this.userInfoData.mer_info.category_id
// })
uni.navigateTo({
url: `/pages/nongKe/supply_chain/supplierA?tit=1&type_id=12&isDetail=1&product_type=98&cate_id=${this.userInfoData.mer_info.category_id}`
})
break;
case 4:
uni.navigateTo({
// url: '/pages/users/order_list/index?status=-1'
url: '/pages/users/order_list/indexCopy?status=-1&product_type=98'
})
break;
case 5:
uni.navigateTo({
url: '/pages/users/embody/embody?mer_id=' + this.userInfoData.service.mer_id
})
break;
case 6:
uni.switchTab({
url: '/pages/chat/customer_list/index?type=1&mer_id=' + this.userInfoData
.service
.mer_id
})
break;
case 7:
uni.navigateTo({
url: '/pages/admin/order_cancellation/index?mer_id=' + this.userInfoData
.service
.mer_id
})
break;
case 9:
uni.navigateTo({
url: `/pages/commissionedSales/receivedCommission/index?type_id=${this.userInfoData.mer_info.type_id}`
})
break;
case 10:
uni.navigateTo({
url: `/pages/users/order_list/relase?mer_id=${this.userInfoData
.service
.mer_id}&status=-1`
})
break;
default:
uni.navigateTo({
url: '/pages/moreProject/moreProject'
})
break;
}
}
} else {
this.isAuto = true;
this.isShowAuth = true
}
},
//获取订单列表
getGoods: function(isPage) {
let that = this;
if (that.loadend) return;
if (that.loading) return;
if (isPage === true) that.$set(that, 'productList', []);
that.loading = true;
that.loadTitle = '';
getOrderList(that.where, this.userInfoData.service.mer_id).then(res => {
let list = res.data.list;
let productList = that.$util.SplitArray(list, that.productList);
let loadend = list.length < that.where.limit;
that.loadend = loadend;
that.loading = false;
that.loadTitle = loadend ? '已全部加载' : '加载更多';
setTimeout(() => {
that.$set(that, 'productList', productList);
}, 500)
// console.log(that.productList)
that.$set(that.where, 'page', that.where.page + 1);
if (that.where.page == 1 && res.data.list.length <= 0) that.emptyShow = true
}).catch(err => {
that.loading = false;
that.loadTitle = '加载更多';
});
},
}
}
</script>
<style lang="scss" scoped>
page {
background-color: #f4f7fe;
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
}
/deep/.statistical-page .navs {
top: 400rpx !important;
}
.userpage {
width: 100%;
background-color: #fff;
position: relative;
}
.priceChange {
position: fixed;
width: 580upx;
background-color: #fff;
border-radius: 10upx;
top: 50%;
left: 50%;
margin-left: -290upx;
margin-top: -335upx;
z-index: 666;
transition: all 0.3s ease-in-out 0s;
transform: scale(0);
opacity: 0;
}
.priceChange.on {
opacity: 1;
transform: scale(1);
}
.priceChange .priceTitle {
background: url("~@/static/images/pricetitle.jpg") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 160upx;
border-radius: 10upx 10upx 0 0;
text-align: center;
font-size: 40upx;
color: #fff;
line-height: 160upx;
position: relative;
}
.priceChange .priceTitle .iconfont {
position: absolute;
font-size: 40upx;
right: 26upx;
top: 23upx;
width: 40upx;
height: 40upx;
line-height: 40upx;
}
.priceChange .listChange {
padding: 0 40upx;
}
.priceChange .listChange textarea {
box-sizing: border-box;
}
.priceChange .listChange .item {
height: 103upx;
border-bottom: 1px solid #e3e3e3;
font-size: 32upx;
color: #333;
}
.priceChange .modify {
font-size: 32upx;
color: #fff;
width: 490upx;
height: 90upx;
text-align: center;
line-height: 90upx;
border-radius: 45upx;
background-color: #2291f8;
margin: 53upx auto;
}
.priceChange .listChange textarea {
border: 1px solid #eee;
width: 100%;
height: 200upx;
margin-top: 50upx;
border-radius: 10upx;
color: #333;
padding: 20upx;
}
.userpage-icon {
width: 60rpx;
height: 60rpx;
position: absolute;
top: 85rpx;
right: 60rpx;
image {
width: 100%;
height: 100%;
}
}
.item-name {
width: 190rpx;
}
.merchantsSettled {
height: 100%;
padding-top: 100rpx;
}
.merchantsSettled .title {
font-size: 35rpx;
font-family: Microsoft YaHei;
font-weight: 400;
text-align: center;
}
.merchantsSettled .list {
background-color: #fff;
border-radius: 12px;
margin: 0 15px;
position: absolute;
}
.application-record {
position: absolute;
display: flex;
align-items: center;
top: 240rpx;
right: 0;
color: #fff;
font-size: 22rpx;
background-color: rgba(0, 0, 0, 0.3);
padding: 8rpx 18rpx;
border-radius: 20px 0px 0px 20px;
}
.item-card {
display: flex;
margin-top: 20rpx;
.item-carda {
width: 298rpx;
height: 175rpx;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.item-cardb {
width: 298rpx;
height: 175rpx;
image {
width: 100%;
height: 100%;
}
}
}
.merchantsSettled .list .item {
padding: 30rpx 0 10rpx;
position: relative;
margin: 0 20px;
&.no-border {
border-bottom: none;
padding-left: 0;
padding-right: 0;
}
.item-title {
color: #666666;
font-size: 28rpx;
display: block;
}
.item-desc {
color: #B2B2B2;
font-size: 22rpx;
display: block;
margin-top: 9rpx;
line-height: 36rpx;
}
}
.acea-row,
.upload {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.upload {
margin-top: 20rpx;
}
.acea-row.row-middle {
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-left: 2px;
}
.acea-row.row-column {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.acea-row.row-center-wrapper {
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.merchantsSettled .list .item .pictrue {
width: 130rpx;
height: 130rpx;
margin: 24rpx 22rpx 0 0;
position: relative;
font-size: 11px;
color: #bbb;
&:nth-child(4n) {
margin-right: 0;
}
&:nth-last-child(1) {
border: 0.5px solid #ddd;
box-sizing: border-box;
}
uni-image,
image {
width: 100%;
height: 100%;
border-radius: 1px;
img {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
}
}
.icon-guanbi1 {
font-size: 33rpx;
position: absolute;
top: -10px;
right: -10px;
}
}
.uni-list-cell-db {
position: relative;
}
.merchantsSettled .submitBtn {
width: 588rpx;
margin: 0 auto;
height: 86rpx;
border-radius: 25px;
text-align: center;
line-height: 86rpx;
font-size: 15px;
color: #fff;
background: #E3E3E3;
margin-top: 25px;
pointer-events: none;
margin-bottom: 100px;
}
.merchantsSettled .submitBtn.on {
background: red;
pointer-events: all;
}
.settlementAgreement {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 10;
}
.settlementAgreement .setAgCount {
background: #fff;
width: 656rpx;
// height: 458px;
position: absolute;
top: 50%;
left: 50%;
padding: 52rpx;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
.content {
height: 900rpx;
overflow-y: scroll;
/deep/ p {
font-size: 13px;
line-height: 22px;
}
/deep/ img {
max-width: 100%;
}
}
}
.settlementAgreement .setAgCount .icon {
font-size: 42rpx;
color: #b4b1b4;
position: absolute;
top: 15rpx;
right: 15rpx;
}
.settlementAgreement .setAgCount .title {
color: #333;
font-size: 32rpx;
text-align: center;
font-weight: bold;
}
.settlementAgreement .setAgCount .contenta {
color: #333;
font-size: 26rpx;
line-height: 22px;
text-align: justify;
text-justify: distribute-all-lines;
height: 68%;
overflow-y: scroll;
}
.setAgCountbtn {
display: flex;
justify-content: space-around;
padding-bottom: 120rpx;
.setAgCountbtna {
margin-top: 40rpx;
width: 200rpx;
height: 74rpx;
text-align: center;
line-height: 74rpx;
border-radius: 46rpx 46rpx;
opacity: 1;
border: 2rpx solid #B3B3B3;
font-size: 25rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #737373;
}
.setAgCountbtnb {
margin-top: 40rpx;
padding-left: 20rpx;
padding-right: 20rpx;
text-align: center;
line-height: 74rpx;
background: #cecece;
border-radius: 46rpx 46rpx;
opacity: 1;
font-size: 25rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #fff;
}
.setAgCountbtnc {
margin-top: 40rpx;
width: 200rpx;
height: 74rpx;
text-align: center;
line-height: 74rpx;
background: linear-gradient(270deg, #FF6D20 0%, #F84221 100%);
border-radius: 46rpx 46rpx;
opacity: 1;
font-size: 25rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #fff;
}
}
.left-content {
width: 680rpx;
height: 100%;
display: flex;
background-color: #ffffff;
.left-content-left {
width: 206rpx;
height: 100%;
background-color: #d9d9d9;
text-align: center;
padding-top: 80rpx;
.content-top_txt {
font-size: 18rpx;
}
.content-top_img {
width: 96rpx;
height: 96rpx;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 40rpx;
image {
border-radius: 50%;
width: 100%;
height: 100%;
}
}
}
.left-content-right {
padding-left: 30rpx;
position: relative;
padding-top: 80rpx;
.content-right-one {
display: flex;
.content-right-onea {
font-size: 30rpx;
}
.content-right-oneb {
margin-top: 5rpx;
width: 40rpx;
height: 40rpx;
image {
width: 100%;
height: 100%;
}
}
}
.content-right-botm {
position: absolute;
bottom: 200rpx;
width: 300rpx;
height: 70rpx;
line-height: 70rpx;
border-radius: 20rpx 20rpx;
left: 50%;
color: #ffffff;
background-color: #00a1f1;
text-align: center;
font-size: 25rpx;
}
}
}
.conter-img {
width: 650rpx;
height: 400rpx;
margin: 0 auto;
margin-top: 60rpx;
image {
width: 100%;
height: 100%;
}
}
.content {
padding-top: 80rpx;
.content-top {
display: flex;
justify-content: space-between;
}
.content-tops {
display: flex;
height: 96rpx;
line-height: 96rpx;
.content-top_img {
margin-left: 16rpx;
width: 96rpx;
height: 96rpx;
border-radius: 50%;
image {
border-radius: 50%;
width: 100%;
height: 100%;
}
}
.content-top-title {
margin-left: 11rpx;
display: flex;
font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
.top-titleb {
width: 30rpx;
height: 30rpx;
margin-top: 5rpx;
margin-left: 10rpx;
image {
width: 100%;
height: 100%;
}
}
}
}
.content-middle {
padding: 0 60rpx;
display: flex;
justify-content: space-around;
margin-top: 61rpx;
.content-middlea {
width: 161rpx;
text-align: center;
.content-middlea-one {
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.content-middlea-two {
font-size: 42rpx;
font-family: SF Pro Display-Semibold, SF Pro Display;
font-weight: 600;
color: #333333;
margin-top: 11rpx;
}
}
}
.content-open {
width: 70rpx;
height: 15rpx;
margin: 0 auto;
margin-top: 53rpx;
image {
width: 100%;
height: 100%;
}
}
.content-bottom {
background-color: #ffffff;
border-radius: 32rpx 32rpx 0px 0px;
margin-top: 41rpx;
padding-top: 46rpx;
.content-order {
display: flex;
justify-content: space-around;
view {
width: 100rpx;
text-align: center;
.content-order-one {
margin-top: 11rpx;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.content-order-two {
font-size: 42rpx;
font-family: SF Pro Display-Semibold, SF Pro Display;
font-weight: 600;
color: #333333;
}
}
}
.content-tools {
margin-top: 70rpx;
.tools-one {
width: 133rpx;
line-height: 50rpx;
font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
margin-left: 16rpx;
view {
width: 46rpx;
height: 5rpx;
background: #F84221;
margin: 0 auto;
}
}
.tools-two {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 0 44rpx;
view {
margin-top: 24rpx;
text-align: center;
.tools-two-img {
width: 120rpx;
height: 120rpx;
margin-left: 20rpx;
image {
width: 100%;
height: 100%;
}
}
}
}
}
.content-list {
margin-top: 70rpx;
.tools-one {
width: 133rpx;
line-height: 50rpx;
font-size: 33rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
margin-left: 16rpx;
view {
width: 46rpx;
height: 5rpx;
background: #F84221;
margin: 0 auto;
}
}
.content-list-one {
padding: 25rpx 25rpx;
padding-bottom: 80rpx;
.list-one {
display: flex;
justify-content: space-between;
.list-one_left {
display: flex;
height: 49rpx;
line-height: 49rpx;
.list-one_left-a {
width: 49rpx;
height: 49rpx;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.list-one_left-c {
width: 26rpx;
height: 26rpx;
margin-top: 5rpx;
image {
width: 100%;
height: 100%;
}
}
}
.list-one_right {
display: flex;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
.list-one_right-a {
color: #333333;
}
.list-one_right-c {
height: 27rpx;
width: 2px;
margin-top: 5rpx;
background-color: #000;
margin-left: 15rpx;
margin-right: 15rpx;
}
.list-one_right-b {
color: #F84221;
}
}
}
.list-two {
display: flex;
margin-top: 26rpx;
.list-two_left {
width: 175rpx;
height: 175rpx;
image {
width: 100%;
height: 100%;
}
}
.list-two_middle {
margin-left: 20rpx;
.two_middle-title-a {
display: flex;
justify-content: space-between;
.two_middle-title-a-left {
width: 387rpx;
font-size: 30rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.two_middle-title-a-right {
text-align: right;
.title-number {
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #737373;
}
.title-price {
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #F84221;
margin-top: -10rpx;
}
}
}
.two_middle-title-b {
display: flex;
.title-number {
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #737373;
}
.title-price {
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
margin-top: -10rpx;
}
}
}
}
.list-three {
margin-top: 46rpx;
.list-three-one {
display: flex;
margin-top: 20rpx;
.title-img {
width: 28rpx;
height: 28rpx;
margin-top: 5rpx;
margin-right: 10rpx;
image {
width: 100%;
height: 100%;
}
}
font-size: 26rpx;
font-family: PingFang SC-Regular,
PingFang SC;
font-weight: 400;
color: #333333;
}
}
.list-four {
display: flex;
position: absolute;
right: 25rpx;
}
.list-four .btn {
width: 116rpx;
line-height: 58rpx;
text-align: center;
border: 1px solid #737373;
height: 58rpx;
border-radius: 30rpx 30rpx;
opacity: 1;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #737373 !important;
}
.list-four .btn1 {
margin-left: 32rpx;
width: 142rpx;
line-height: 58rpx;
text-align: center;
border: 1px solid #F84221;
height: 58rpx;
border-radius: 30rpx 30rpx;
opacity: 1;
font-size: 26rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #F84221 !important;
}
}
}
}
}
</style>