1831 lines
41 KiB
Vue
1831 lines
41 KiB
Vue
<template>
|
|
<view class="content">
|
|
|
|
<!-- <view class="content-middle">
|
|
<view class="content-middlea" v-for="(item,index) in list" :key='index' @click="handleToWithDraw(item, index)">
|
|
<view class="content-middlea-one">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="content-middlea-two">
|
|
{{item.value}}
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
|
|
<div style="margin-top: 80rpx;">
|
|
<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 v-if="userInfoData && userInfoData.service && userInfoData.service.mer_id" ref='test'
|
|
type='price' timetype='today' :merid='userInfoData.service.mer_id' :isShow="false">
|
|
</ordertime>
|
|
</div>
|
|
|
|
<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;">
|
|
<view class="" style="width: 90rpx;height: 90rpx; position: absolute;right: 10rpx; top:90rpx"
|
|
@click="recuo">
|
|
<image src="@/static/images/close.png" mode="aspectFit" style="width: 90rpx;height: 90rpx;"></image>
|
|
</view>
|
|
<div class="title">{{detail.title}}</div>
|
|
<view style="margin: 20rpx 0;">甲方公司:{{company?company:"暂无公司信息"}}</view>
|
|
<view style="margin-bottom: 20rpx;">机构代码:{{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">
|
|
<view class="border"></view>
|
|
|
|
<button class="btn" :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>
|
|
</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'>
|
|
<view class='merchantsSettled' style="height:100vh;">
|
|
<view class="title">填写信息</view>
|
|
<view class='list'>
|
|
<view class="item" v-if="userInfoData.mer_info&&userInfoData.mer_info.is_company">
|
|
<view class="acea-row row-middle" style="display: flex;align-items: flex-start;">
|
|
<text class="item-name" style="flex-shrink: 0;">公司名称:</text>
|
|
<input style="font-size: 31rpx;" placeholder="请输入公司名称"
|
|
v-model="merchantData.company_name" @input="validateBtn"
|
|
placeholder-class='placeholder' />
|
|
</view>
|
|
</view>
|
|
<view class="item" v-else>
|
|
<view class="acea-row row-middle" style="display: flex;align-items: flex-start;">
|
|
<text class="item-name" style="flex-shrink: 0;">持卡人:</text>
|
|
<input style="font-size: 31rpx;" placeholder="请输入持卡人姓名"
|
|
v-model="merchantData.company_name" @input="validateBtn"
|
|
placeholder-class='placeholder' />
|
|
</view>
|
|
</view>
|
|
<view class="item" v-if="userInfoData.mer_info&&userInfoData.mer_info.is_company">
|
|
<view class="acea-row row-middle">
|
|
<text class="item-name">对公账号:</text>
|
|
<input style="font-size: 31rpx;" type="number" placeholder="请输入对公账号"
|
|
v-model="merchantData.bank_code" @input="validateBtn"
|
|
placeholder-class='placeholder' />
|
|
</view>
|
|
</view>
|
|
<view class="item" v-else>
|
|
<view class="acea-row row-middle">
|
|
<text class="item-name">银行卡号:</text>
|
|
<input style="font-size: 31rpx;" type="number" placeholder="请输入银行卡号"
|
|
v-model="merchantData.bank_code" @input="validateBtn"
|
|
placeholder-class='placeholder' />
|
|
</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="acea-row row-middle">
|
|
<text class="item-name">开户银行:</text>
|
|
<input style="font-size: 31rpx;" 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 style="font-size: 31rpx;" type="text" placeholder="请输入开户网点"
|
|
v-model="merchantData.bank_opening" @input="validateBtn"
|
|
placeholder-class='placeholder' />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" v-if="userInfoData.mer_info && userInfoData.mer_info.is_company != 1">
|
|
<view class="acea-row row-middle">
|
|
<text
|
|
class="item-name">{{userInfoData.mer_info&&userInfoData.mer_info.is_company?"开户凭证:":"银行卡图片:"}}</text>
|
|
</view>
|
|
<view class="item-card">
|
|
<view class="item-carda" @click='uploadpic({type:3})'
|
|
v-if='merchantData.bank_front.length==0'>
|
|
<image v-if="userInfoData.mer_info&&userInfoData.mer_info.is_company"
|
|
src="@/static/images/KHPZ.png" mode="aspectFit"></image>
|
|
<image v-else 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>
|
|
</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 '../../index/component/timelist.vue'
|
|
import retuntop from '@/components/content-top/index.vue';
|
|
import {
|
|
setAdminOrderRemark
|
|
} from "@/api/admin";
|
|
import {
|
|
merstreet,
|
|
getUserInfo,
|
|
getAdminApplyAPI
|
|
} from '@/api/user.js';
|
|
import {
|
|
business,
|
|
intention,
|
|
intentionbus
|
|
} from "@/api/product"
|
|
import image from '@/uni_modules/uview-ui/libs/config/props/image';
|
|
import {
|
|
orderStatistics,
|
|
otherOrderStatistics,
|
|
getOrderList
|
|
} from "@/api/admin";
|
|
import {
|
|
ENV
|
|
} from "@/config/app.js"
|
|
import {
|
|
Toast
|
|
} from '@/libs/uniApi';
|
|
|
|
export default {
|
|
components: {
|
|
authorize,
|
|
ordertime,
|
|
retuntop,
|
|
},
|
|
data() {
|
|
return {
|
|
isAuto: false, //没有授权的不会自动授权
|
|
isShowAuth: false, //是否隐藏授权
|
|
loadEndFlag: 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
|
|
}],
|
|
other_order: [{
|
|
name: '待发货',
|
|
type: 2,
|
|
value: 0
|
|
}, {
|
|
name: '待收货',
|
|
type: 3,
|
|
value: 0
|
|
}],
|
|
typelist: [{
|
|
name: '商品管理',
|
|
type: 1,
|
|
image: require('@/static/images/index7.png')
|
|
},
|
|
{
|
|
name: '入库管理',
|
|
type: 13,
|
|
image: require('@/static/images/index9.png')
|
|
},
|
|
{
|
|
name: '供货采购',
|
|
type: 3,
|
|
image: require('@/static/images/index4.png')
|
|
},
|
|
{
|
|
name: '进货管理',
|
|
type: 4,
|
|
image: require('@/static/images/index5.png')
|
|
},
|
|
{
|
|
name: '订单管理',
|
|
type: 2,
|
|
image: require('@/static/images/index1.png')
|
|
},
|
|
{
|
|
name: '订单核销',
|
|
type: 7,
|
|
image: require('@/static/images/index2.png')
|
|
},
|
|
// {
|
|
// name: '扫码出库',
|
|
// type: 11,
|
|
// image: require('@/static/images/index10.png')
|
|
// },
|
|
// {
|
|
// name: '商户设置',
|
|
// type: 12,
|
|
// image: require('@/static/images/index11.png')
|
|
// },
|
|
// {
|
|
// name: '提现管理',
|
|
// type: 5,
|
|
// image: require('@/static/images/index8.png')
|
|
// },
|
|
// {
|
|
// name: '客服记录',
|
|
// type: 6,
|
|
// image: require('@/static/images/index6.png')
|
|
// },
|
|
{
|
|
name: '提货付款',
|
|
type: 17,
|
|
image: require('@/static/images/index24.png')
|
|
},
|
|
{
|
|
name: '全部',
|
|
type: 8,
|
|
image: require('@/static/images/index3.png')
|
|
}
|
|
],
|
|
typelistSupplyChain: [{
|
|
name: '商品管理',
|
|
type: 1,
|
|
image: require('@/static/images/index7.png')
|
|
},
|
|
{
|
|
name: '入库管理',
|
|
type: 13,
|
|
image: require('@/static/images/index9.png')
|
|
},
|
|
{
|
|
name: '订单管理',
|
|
type: 2,
|
|
image: require('@/static/images/index1.png')
|
|
},
|
|
{
|
|
name: '提现管理',
|
|
type: 5,
|
|
image: require('@/static/images/index8.png')
|
|
},
|
|
{
|
|
name: '押金缴纳',
|
|
type: 14,
|
|
image: require('@/static/images/index20.png')
|
|
},
|
|
// {
|
|
// name: '客服记录',
|
|
// type: 6,
|
|
// image: require('@/static/images/index6.png')
|
|
// },
|
|
{
|
|
name: '订单核销',
|
|
type: 7,
|
|
image: require('@/static/images/index2.png')
|
|
},
|
|
{
|
|
name: '提货付款',
|
|
type: 17,
|
|
image: require('@/static/images/index24.png')
|
|
},
|
|
{
|
|
name: '全部',
|
|
type: 8,
|
|
image: require('@/static/images/index3.png')
|
|
}
|
|
],
|
|
typePersonalStoreList: [{
|
|
name: '商品管理',
|
|
type: 1,
|
|
image: require('@/static/images/index7.png')
|
|
},
|
|
{
|
|
name: '入库管理',
|
|
type: 13,
|
|
image: require('@/static/images/index9.png')
|
|
},
|
|
{
|
|
name: '订单管理',
|
|
type: 2,
|
|
image: require('@/static/images/index1.png')
|
|
},
|
|
{
|
|
name: '提现管理',
|
|
type: 5,
|
|
image: require('@/static/images/index8.png')
|
|
},
|
|
{
|
|
name: '供货采购',
|
|
type: 3,
|
|
image: require('@/static/images/index4.png')
|
|
},
|
|
{
|
|
name: '提货付款',
|
|
type: 17,
|
|
image: require('@/static/images/index24.png')
|
|
},
|
|
{
|
|
name: '补贴进度',
|
|
type: 16,
|
|
image: require('@/static/images/index23.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: {
|
|
company_name: '',
|
|
bank_username: '',
|
|
bank_opening: '',
|
|
bank_code: '',
|
|
bank_front: '',
|
|
bank_back: '',
|
|
cardno_front: '',
|
|
cardno_back: ''
|
|
},
|
|
Fheight: 0,
|
|
isFshow: false,
|
|
detail: {},
|
|
tagStyle: {
|
|
img: 'width:100%;display:block;'
|
|
},
|
|
num: 10
|
|
}
|
|
},
|
|
watch: {
|
|
isFshow(n, o) {
|
|
if (n) {
|
|
uni.hideTabBar();
|
|
} else {
|
|
uni.showTabBar();
|
|
}
|
|
}
|
|
},
|
|
onPullDownRefresh() {
|
|
this.getGoods(true).then(() => {
|
|
uni.stopPullDownRefresh()
|
|
})
|
|
},
|
|
|
|
async onLoad() {
|
|
this.Fheight = uni.getSystemInfoSync().windowHeight + 'px';
|
|
await this.$onLaunched;
|
|
this.list1();
|
|
this.getUserInfo();
|
|
this.codelist();
|
|
this.$u.sleep(5000).then(() => {
|
|
this.loadEndFlag = true;
|
|
});
|
|
|
|
this.open();
|
|
},
|
|
|
|
onReachBottom() {
|
|
if (this.productList.length > 0) {
|
|
setTimeout(() => {
|
|
this.getGoods(false);
|
|
this.getindex();
|
|
}, 10)
|
|
}
|
|
},
|
|
|
|
onShow() {
|
|
if (this.loadEndFlag) {
|
|
this.getUserInfo();
|
|
this.codelist();
|
|
}
|
|
},
|
|
|
|
beforeDestroy() {
|
|
// 销毁监听事件
|
|
this.$bus.$off('value-updated')
|
|
},
|
|
methods: {
|
|
// 提现页面
|
|
handleToWithDraw(item, index) {
|
|
let url;
|
|
if(index<2) url = "/pages/users/embody/embody?mer_id=" + this.userInfoData.service.mer_id;
|
|
else url = `/pages/admin/orderList/index?merId=${this.userInfoData.service.mer_id}&types=2`
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
},
|
|
// 初始化菜单
|
|
initTypeLiseMenu() {
|
|
|
|
},
|
|
//关闭弹窗
|
|
close() {
|
|
this.isFshow = false;
|
|
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
|
|
}
|
|
},
|
|
other_shopporder(item) {
|
|
if (this.userid) {
|
|
switch (item.type) {
|
|
case 1:
|
|
uni.navigateTo({
|
|
url: '/pages/admin/orderList/indexOther?merId=' + this.userInfoData.service
|
|
.mer_id +
|
|
'&types=' + item.type
|
|
})
|
|
break;
|
|
case 2:
|
|
|
|
uni.navigateTo({
|
|
url: '/pages/admin/orderList/indexOther?merId=' + this.userInfoData.service
|
|
.mer_id +
|
|
'&types=' + item.type
|
|
})
|
|
break;
|
|
case 3:
|
|
uni.navigateTo({
|
|
url: '/pages/admin/orderList/indexOther?merId=' + this.userInfoData.service
|
|
.mer_id +
|
|
'&types=' + item.type
|
|
})
|
|
break;
|
|
case 4:
|
|
uni.navigateTo({
|
|
url: '/pages/admin/orderList/indexOther?merId=' + this.userInfoData.service
|
|
.mer_id +
|
|
'&types=' + item.type
|
|
|
|
})
|
|
break;
|
|
case 6:
|
|
uni.navigateTo({
|
|
url: '/pages/admin/orderList/indexOther?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.isFshow = false;
|
|
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.isFshow = false;
|
|
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()
|
|
},
|
|
//拒绝
|
|
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.company_name) return that.$util.Tips({
|
|
title: that.userInfoData.mer_info.is_company ? '请输入公司名称' : '请输入持卡人姓名'
|
|
});
|
|
if (!value.bank_code) return that.$util.Tips({
|
|
title: that.userInfoData.mer_info.is_company ? '请输入对公账号' : '请输入银行卡号'
|
|
});
|
|
if (!value.bank_username) return that.$util.Tips({
|
|
title: '请输入开户银行'
|
|
});
|
|
if (!value.bank_opening) return that.$util.Tips({
|
|
title: '请输入开户网点'
|
|
});
|
|
|
|
if (value.bank_front.length == 0 && that.userInfoData.mer_info.is_company != 1) return that.$util
|
|
.Tips({
|
|
title: that.userInfoData.mer_info.is_company ? '请上传开户凭证' : '请上传银行卡正面图片'
|
|
});
|
|
|
|
// 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() {
|
|
// #ifdef H5
|
|
this.$refs.popup1.open()
|
|
// #endif
|
|
// #ifndef H5
|
|
if (ENV == 'prod') this.byset()
|
|
else this.$refs.popup1.open()
|
|
// #endif
|
|
},
|
|
|
|
//登录
|
|
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[2].value = res.data.data.month.orderNum
|
|
}, err => {
|
|
that.$util.Tips({
|
|
title: err.msg
|
|
})
|
|
});
|
|
otherOrderStatistics(this.userInfoData.service.mer_id, data).then(res => {
|
|
this.other_order[0].value = res.data.order.unshipped
|
|
this.other_order[1].value = res.data.order.untake
|
|
}, err => {
|
|
that.$util.Tips({
|
|
title: err.msg
|
|
})
|
|
});
|
|
},
|
|
open() {
|
|
this.isshow = !this.isshow
|
|
if (this.isshow) {
|
|
setTimeout((res) => {
|
|
this.$refs.test.timelist()
|
|
}, 500)
|
|
}
|
|
},
|
|
// 授权回调
|
|
onLoadFun(data) {
|
|
this.getUserInfo();
|
|
this.isShowAuth = false;
|
|
},
|
|
/**
|
|
* 获取个人用户信息
|
|
*/
|
|
getUserInfo() {
|
|
getUserInfo().then(res => {
|
|
// console.log(res);
|
|
res.data.mer_info.is_company ? res.data.mer_info.is_company = 1 : res.data.mer_info
|
|
.is_company = 0
|
|
this.userid = res.data.uid
|
|
this.userInfoData = res.data;
|
|
this.$store.commit('SET_USERINFO', res.data);
|
|
this.merchantData.phone = res.data.phone;
|
|
if (res.data.mer_info.is_company == 0) !this.merchantData.company_name ? this.merchantData
|
|
.company_name = "" : null;
|
|
else this.merchantData.company_name = res.data.mer_info.company_name;
|
|
if (res.data.service == null) {
|
|
this.isgShow = false
|
|
} else {
|
|
this.isgShow = true
|
|
}
|
|
if (res.data.mer_info.length == 0) {
|
|
uni.showModal({
|
|
title: '暂未开通商户',
|
|
complete(res) {
|
|
// #ifdef APP-PLUS
|
|
uni.sendHostEvent('closeApp', (ret) => {
|
|
//发送消息成功回调
|
|
console.log('关闭应用' + JSON.stringify(ret));
|
|
});
|
|
// #endif
|
|
}
|
|
})
|
|
} else {
|
|
this.getindex()
|
|
this.getGoods(true)
|
|
|
|
//获取账户金额以及冻结金额 重新调了一次接口
|
|
getAdminApplyAPI(this.userInfoData.service.mer_id).then(res => {
|
|
// 余额
|
|
this.list[0].value = res.data.extract_money;
|
|
// 暂存金额
|
|
this.list[1].value = res.data.lock_money
|
|
})
|
|
}
|
|
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) {
|
|
// console.log(this.$store.state.app.userInfo.mer_info.type_code);
|
|
if (this.$store.state.app.userInfo.mer_info.type_code == "TypeSupplyChain" && this.$store.state.app
|
|
.userInfo.mer_info.type_code == "PersonalStore") {
|
|
this.agree()
|
|
// this.countDown()
|
|
} else 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}`
|
|
// })
|
|
// uni.navigateTo({
|
|
// url:`/pages/nongKe/cloud_entrepot/indexb?type_id=12`
|
|
// })
|
|
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;
|
|
case 11:
|
|
uni.navigateTo({
|
|
url: `/pages/admin/stockOut/index?mer_id=${this.userInfoData
|
|
.service
|
|
.mer_id}`
|
|
})
|
|
break;
|
|
case 12:
|
|
uni.navigateTo({
|
|
url: `/pages/product/basicSet?mer_id=${this.userInfoData
|
|
.service
|
|
.mer_id}`
|
|
})
|
|
break;
|
|
case 13:
|
|
uni.navigateTo({
|
|
url: `/pages/nongKe/gather/select_warehouse?mer_id=${this.userInfoData
|
|
.service
|
|
.mer_id}&stype=2`
|
|
})
|
|
break;
|
|
case 14:
|
|
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) Toast('暂无权限');
|
|
else uni.navigateTo({
|
|
url: '/pages/margin/margin' + `?mer_id=` + this.userInfoData
|
|
.service
|
|
.mer_id
|
|
})
|
|
break;
|
|
case 15:
|
|
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) Toast('暂无权限');
|
|
else uni.navigateTo({
|
|
url: '/pages/users/order_list/indexOther?status=-1&product_type=98&source=12'
|
|
})
|
|
break;
|
|
case 16:
|
|
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) Toast('暂无权限');
|
|
else uni.navigateTo({
|
|
url: '/pages/activeCode/subsidy'
|
|
})
|
|
break;
|
|
case 17:
|
|
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) Toast('暂无权限');
|
|
else uni.navigateTo({
|
|
url: '/pages/payment/qrcode'
|
|
})
|
|
break;
|
|
default:
|
|
uni.navigateTo({
|
|
url: '/pages/moreProject/moreProject'
|
|
})
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
this.isAuto = true;
|
|
this.isShowAuth = true
|
|
}
|
|
},
|
|
|
|
//获取订单列表
|
|
getGoods: async function(isPage) {
|
|
let that = this;
|
|
if (that.loadend) return;
|
|
if (that.loading) return;
|
|
|
|
if (isPage === true) {
|
|
that.where.page = 1;
|
|
that.$set(that, 'productList', []);
|
|
}
|
|
|
|
that.loading = true;
|
|
that.loadTitle = '';
|
|
await 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;
|
|
}
|
|
|
|
/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: 90rpx;
|
|
height: 90rpx;
|
|
position: absolute;
|
|
top: 90rpx;
|
|
right: 30rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.item-name {
|
|
width: 190rpx;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.merchantsSettled {
|
|
height: 100%;
|
|
padding-top: 130rpx;
|
|
|
|
}
|
|
|
|
.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;
|
|
width: 694rpx;
|
|
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: 32rpx;
|
|
display: block;
|
|
}
|
|
|
|
.item-desc {
|
|
color: #B2B2B2;
|
|
font-size: 32rpx;
|
|
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;
|
|
|
|
input {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
.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: 32rpx;
|
|
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: 32rpx;
|
|
color: #fff;
|
|
background: #E3E3E3;
|
|
margin-top: 25px;
|
|
pointer-events: none;
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.merchantsSettled .submitBtn.on {
|
|
background: red;
|
|
pointer-events: all;
|
|
}
|
|
|
|
.settlementAgreement {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0, 0, 0, .5);
|
|
z-index: 10;
|
|
}
|
|
|
|
.settlementAgreement .setAgCount {
|
|
background: #fff;
|
|
width: 694rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
|
|
padding: 28rpx;
|
|
-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: 76%;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.setAgCountbtn {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
padding-bottom: 30rpx;
|
|
position: relative;
|
|
|
|
.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;
|
|
}
|
|
|
|
.border {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -28rpx;
|
|
width: 100vw;
|
|
height: 100%;
|
|
border-radius: 40rpx 40rpx 0 0;
|
|
box-shadow: 0px -5px 5px -2px rgba(0, 0, 0, 0.2);
|
|
/* 在上边框添加阴影 */
|
|
}
|
|
|
|
.btn {
|
|
width: 694rpx;
|
|
font-weight: bold;
|
|
font-size: 34rpx;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
flex-shrink: 0;
|
|
|
|
.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;
|
|
flex: 1;
|
|
|
|
.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;
|
|
right: 50%;
|
|
transform: translate(50%, 0);
|
|
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;
|
|
align-items: center;
|
|
|
|
.content-top_img {
|
|
margin-left: 16rpx;
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
|
|
image {
|
|
border-radius: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.content-top-title {
|
|
margin-left: 11rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 33rpx;
|
|
font-family: PingFang SC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
|
|
.top-titlea {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.top-titleb {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-bottom: 5rpx;
|
|
margin-left: 10rpx;
|
|
margin-right: 15rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.content-middle {
|
|
// padding: 0 30rpx;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 21rpx;
|
|
|
|
.content-middlea {
|
|
// width: 161rpx;
|
|
flex: 1;
|
|
flex-shrink: 0;
|
|
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%;
|
|
}
|
|
}
|
|
}
|
|
</style> |