<template>
<view class="gather">
<!-- #ifdef MP || APP-PLUS -->
<view class="conten-top">
<view class="" style="position: absolute;left: 30rpx;" @click="logout"><i class="iconfont icon-xiangzuo"
style="font-size: 40rpx;text-align: left;"></i></view>
<view class="" style="font-size: 30rpx;">
商家平台
</view>
</view>
<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
<!-- #endif -->
<block v-if="isShow&&userInfoData.mer_info.mer_name">
<view class="" v-if="userInfoData.mer_info.setting_status==1">
<view class="special_work com" v-if="userInfoData.mer_info.type_code === 'TypeSupplyChain'">
<view class="special_work com" v-if="true">
<view class="title">市级供应链</view>
<view class="special_work-title" v-if='codenote.length>0'>
<view class="special_work-titlea">
<image src="@/static/images/de1.png" mode="aspectFit" v-if='codenote[0].status==0'>
</image>
<image src="@/static/images/de2.png" mode="aspectFit" v-if='codenote[0].status==1'>
</image>
<image src="@/static/images/de3.png" mode="aspectFit" v-if='codenote[0].status==2'>
</image>
</view>
<view class="special_work-titlec" v-if='codenote[0].status==1'>交易申请状态：已通过</view>
<view class="special_work-titled" v-if='codenote[0].status==2'>交易申请状态：已拒绝</view>
<view class="special_work-titleb" v-if='codenote[0].status==0'>交易申请状态：待审核</view>
</view>
<view class="content">
<view class="examine"
@click="navigator(`/pages/users/supply_procurement/index?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<image class="icon_img" src="@/static/images/index4.png" mode="aspectFit"></image>
<text class="text">供货采购</text>
</view>
<view class="examine" @click="navigator('/pages/users/order_list/index?status=-1')">
<image class="icon_img" src="@/static/images/index5.png" mode="aspectFit"></image>
<text class="text">进货管理</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)">
<image class="icon_img" src="@/static/images/index21.png" mode="aspectFit"></image>
<text class="text">在售管理</text>
</view> -->
<!-- <view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index18.png" mode="aspectFit">
<text class="text">财务管理</text>
</view> -->
<!-- <view class="examine"
@click="navigator(`/pages/admin/financial_management/index?mer_id=${mer_id}&product_type=98&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index18.png" mode="aspectFit">
<text class="text">财务管理</text>
</view> -->
<view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index1.png" mode="aspectFit">
<text class="text">订单管理</text>
</view>
<view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)">
<image class="icon_img" src="@/static/images/index9.png" mode="aspectFit">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="buyserset">
<image class="icon_img" src="@/static/images/index11.png" mode="aspectFit">
<text class="text">商户设置</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index7.png" mode="aspectFit">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index8.png" mode="aspectFit">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index2.png" mode="aspectFit">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine" @click="paydecimal">
<image class="icon_img" src="@/static/images/index20.png" mode="aspectFill">
</image>
<text class="text">押金缴纳</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/commissionedSales/index/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index13.png" mode="aspectFit">
</image>
<text class="text">委托销售</text>
</view> -->
<view v-if="no_prod" class="examine" @click="navigator(`/pages/commissionedSales/receivedCommission/index?type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index13.png" mode="aspectFit">
</image>
<text class="text">委托销售</text>
</view>
<view v-if="no_prod" class="examine" @click="navigator(`/pages/users/order_list/relase?mer_id=${mer_id}&status=-1`)">
<image class="icon_img" src="@/static/images/index17.png" mode="aspectFit">
</image>
<text class="text">委托订单</text>
</view>
<view class="examine" @click="navigator(`/pages/activeCode/subsidy`)">
<image class="icon_img" src="@/static/images/index23.png" mode="aspectFit">
</image>
<text class="text">补贴进度</text>
</view>
<view class="examine" @click="navigator(`/pages/payment/qrcode`)">
<image class="icon_img" src="@/static/images/index24.png" mode="aspectFit">
</image>
<text class="text">提货付款</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/nongKe/teach_video/teach_video`)">
<image class="icon_img"
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/spjs.png" mode="aspectFit">
</image>
<text class="text">视频教学</text>
</view> -->
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFit">
</image>
<text class="text">财务公开</text>
</view> -->
<!-- <view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFit">
</image>
<text class="text">订单管理</text>
</view> -->
</view>
</view>
</view>
<view class="business com"
v-if="userInfoData.mer_info.type_code === 'TypeStore'||userInfoData.mer_info.type_code === 'TypeTownSupplyChain'||userInfoData.mer_info.type_code === 'PersonalStore'">
<view class="business com" v-if="true">
<view class="special_work com">
<view class="title">我的店铺</view>
<view class="special_work-title" v-if='codenote.length>0'>
<view class="special_work-titlea">
<image src="@/static/images/de1.png" mode="aspectFit" v-if='codenote[0].status==0'>
</image>
<image src="@/static/images/de2.png" mode="aspectFit" v-if='codenote[0].status==1'>
</image>
<image src="@/static/images/de3.png" mode="aspectFit" v-if='codenote[0].status==2'>
</image>
</view>
<view class="special_work-titlec" v-if='codenote[0].status==1'>交易申请状态：已通过</view>
<view class="special_work-titled" v-if='codenote[0].status==2'>交易申请状态：已拒绝</view>
<view class="special_work-titleb" v-if='codenote[0].status==0'>交易申请状态：待审核</view>
</view>
<view class="content ">
<view class="examine"
@click="navigator(`/pages/users/supply_procurement/index?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<image class="icon_img" src="@/static/images/index4.png" mode="aspectFit"></image>
<text class="text">供货采购</text>
</view>
<!-- <view class="examine"
@click="navigator(`/pages/nongKe/supply_chain/supplierA?tit=1&type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<image class="icon_img" src="@/static/images/index4.png" mode="aspectFit"></image>
<text class="text">供货采购</text>
</view> -->
<!-- <view class="examine"
@click="navigator(`/pages/nongKe/cloud_entrepot/indexb?type_id=12`)">
<image class="icon_img" src="@/static/images/index4.png" mode="aspectFit"></image>
<text class="text">供货采购</text>
</view> -->
<view class="examine" @click="navigator('/pages/users/order_list/indexCopy?status=-1&product_type=98')">
<image class="icon_img" src="@/static/images/index5.png" mode="aspectFit"></image>
<text class="text">进货管理</text>
</view>
<view class="examine" @click="navigator('/pages/users/order_list/indexOther?status=-1&product_type=98&source=12')">
<image class="icon_img" src="@/static/images/index13.png" mode="aspectFit"></image>
<text class="text">转账订单</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index10.png" mode="aspectFit">
</image>
<text class="text">扫码出库</text>
</view> -->
<view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
<image class="icon_img" src="@/static/images/index9.png" mode="aspectFit">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index8.png" mode="aspectFit">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`,2)">
<image class="icon_img" src="@/static/images/index6.png" mode="aspectFit">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index2.png" mode="aspectFit">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index1.png" mode="aspectFit">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index7.png" mode="aspectFit">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="buyserset">
<image class="icon_img" src="@/static/images/index11.png" mode="aspectFit">
</image>
<text class="text">商户设置</text>
</view>
<view class="examine" @click="paydecimal">
<image class="icon_img" src="@/static/images/index20.png" mode="aspectFill">
</image>
<text class="text">押金缴纳</text>
</view>
<view v-if="false && no_prod" class="examine" @click="navigator(`/pages/users/trading_hall/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index16.png" mode="aspectFit">
</image>
<text class="text">交易大厅</text>
</view>
<view v-if="false && no_prod" class="examine" @click="navigator(`/pages/commissionedSales/initiateDelegation/index`)">
<image class="icon_img" src="@/static/images/index13.png" mode="aspectFit">
</image>
<text class="text">委托销售</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/order_list/relase?mer_id=${mer_id}&status=-1`)">
<image class="icon_img" src="@/static/images/index17.png" mode="aspectFit">
</image>
<text class="text">委托订单</text>
</view> -->
<view v-if="false && no_prod" class="examine" @click="navigator(`/pages/releaseManagement/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index15.png" mode="aspectFit">
</image>
<text class="text">发布管理</text>
</view>
<view v-if="false && no_prod && userInfoData.mer_info.type_code === 'TypeTownSupplyChain'" class="examine" @click="navigator(`/pages/wholesale/wholesale/wholesale`)">
<image class="icon_img" src="@/static/images/index15.png" mode="aspectFit">
</image>
<text class="text">供应链批发</text>
</view>
<view v-if="false && no_prod && userInfoData.mer_info.type_code === 'TypeTownSupplyChain'" class="examine" @click="navigator(`/pages/replace_replenishment/replace`)">
<image class="icon_img" src="@/static/images/index15.png" mode="aspectFit">
</image>
<text class="text">代发订单</text>
</view>
<view v-if="false && no_prod && userInfoData.mer_info.type_code === 'TypeTownSupplyChain'" class="examine" @click="navigator(`/pages/replace_replenishment/replenishment`)">
<image class="icon_img" src="@/static/images/index15.png" mode="aspectFit">
</image>
<text class="text">补货订单</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/activeCode/activeCode`)">
<image class="icon_img" src="@/static/images/index22.png" mode="aspectFit">
</image>
<text class="text">活动邀请码</text>
</view> -->
<view class="examine" @click="navigator(`/pages/activeCode/subsidy`)">
<image class="icon_img" src="@/static/images/index23.png" mode="aspectFit">
</image>
<text class="text">补贴进度</text>
</view>
<view class="examine" @click="navigator(`/pages/payment/qrcode`)">
<image class="icon_img" src="@/static/images/index24.png" mode="aspectFit">
</image>
<text class="text">提货付款</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFit">
</image>
<text class="text">财务公开</text>
</view> -->
</view>
</view>
<!-- <gatherBusiness :userInfoData="userInfoData" /> -->
</view>
</view>
<view class="business com" v-if="userInfoData.mer_info.type_code === 'TypeCloudWarehouse'">
<view class="business com" v-if="true">
<view class="special_work com">
<view class="title">里海云仓</view>
<view class="special_work-title" v-if='codenote.length>0'>
<view class="special_work-titlea">
<image src="@/static/images/de1.png" mode="aspectFit" v-if='codenote[0].status==0'>
</image>
<image src="@/static/images/de2.png" mode="aspectFit" v-if='codenote[0].status==1'>
</image>
<image src="@/static/images/de3.png" mode="aspectFit" v-if='codenote[0].status==2'>
</image>
</view>
<view class="special_work-titlec" v-if='codenote[0].status==1'>交易申请状态：已通过</view>
<view class="special_work-titled" v-if='codenote[0].status==2'>交易申请状态：已拒绝</view>
<view class="special_work-titleb" v-if='codenote[0].status==0'>交易申请状态：待审核</view>
</view>
<view class="content ">
<view v-if="no_prod" class="examine"
@click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<image class="icon_img" src="@/static/images/index4.png" mode="aspectFit"></image>
<text class="text">供货采购</text>
</view>
<view v-if="no_prod" class="examine" @click="navigator('/pages/users/order_list/index?status=-1')">
<image class="icon_img" src="@/static/images/index5.png" mode="aspectFit"></image>
<text class="text">进货管理</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index10.png" mode="aspectFit">
</image>
<text class="text">扫码出库</text>
</view> -->
<view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
<image class="icon_img" src="@/static/images/index9.png" mode="aspectFit">
</image>
<text class="text">入库管理</text>
</view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index8.png" mode="aspectFit">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`,2)">
<image class="icon_img" src="@/static/images/index6.png" mode="aspectFit">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index2.png" mode="aspectFit">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index1.png" mode="aspectFit">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index7.png" mode="aspectFit">
</image>
</view>
<view class="examine" @click="buyserset">
<image class="icon_img" src="@/static/images/index11.png" mode="aspectFit">
</image>
<text class="text">商户设置</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/activeCode/activeCode`)">
<image class="icon_img" src="@/static/images/index22.png" mode="aspectFit">
</image>
<text class="text">活动邀请码</text>
</view> -->
<view class="examine" @click="navigator(`/pages/activeCode/subsidy`)">
<image class="icon_img" src="@/static/images/index23.png" mode="aspectFit">
</image>
<text class="text">补贴进度</text>
</view>
<view class="examine" @click="navigator(`/pages/payment/qrcode`)">
<image class="icon_img" src="@/static/images/index24.png" mode="aspectFit">
</image>
<text class="text">提货付款</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFit">
</image>
<text class="text">财务公开</text>
</view> -->
</view>
</view>
</view>
</view>
<view class="business com"
v-if="userInfoData.mer_info.type_code === 'TypeFeaturedCultural'|| userInfoData.mer_info.type_code === 'TypeFamousSpecialties'|| userInfoData.mer_info.type_code === 'TypeLocalCuisine' ">
<view class="business com" v-if="true">
<view class="special_work com">
<view class="title">我的店铺</view>
<view class="special_work-title" v-if='codenote.length>0'>
<view class="special_work-titlea">
<image src="@/static/images/de1.png" mode="aspectFit" v-if='codenote[0].status==0'>
</image>
<image src="@/static/images/de2.png" mode="aspectFit" v-if='codenote[0].status==1'>
</image>
<image src="@/static/images/de3.png" mode="aspectFit" v-if='codenote[0].status==2'>
</image>
</view>
<view class="special_work-titlec" v-if='codenote[0].status==1'>交易申请状态：已通过</view>
<view class="special_work-titled" v-if='codenote[0].status==2'>交易申请状态：已拒绝</view>
<view class="special_work-titleb" v-if='codenote[0].status==0'>交易申请状态：待审核</view>
</view>
<view class="content ">
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index8.png" mode="aspectFit">
</image>
<text class="text">提现管理</text>
</view>
<view class="examine" @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`,2)">
<image class="icon_img" src="@/static/images/index6.png" mode="aspectFit">
</image>
<text class="text">客服记录</text>
</view>
<view class="examine" @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index2.png" mode="aspectFit">
</image>
<text class="text">订单核销</text>
</view>
<view class="examine"
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)">
<image class="icon_img" src="@/static/images/index1.png" mode="aspectFit">
</image>
<text class="text">订单管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/index7.png" mode="aspectFit">
</image>
<text class="text">商品管理</text>
</view>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" src="@/static/images/index11.png" mode="aspectFit">
</image>
<text class="text">商户设置</text>
</view>
<view class="examine" @click="paydecimal">
<image class="icon_img" src="@/static/images/index20.png" mode="aspectFill">
</image>
<text class="text">押金缴纳</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/activeCode/activeCode`)">
<image class="icon_img" src="@/static/images/index22.png" mode="aspectFit">
</image>
<text class="text">活动邀请码</text>
</view> -->
<view class="examine" @click="navigator(`/pages/activeCode/subsidy`)">
<image class="icon_img" src="@/static/images/index23.png" mode="aspectFit">
</image>
<text class="text">补贴进度</text>
</view>
<view class="examine" @click="navigator(`/pages/payment/qrcode`)">
<image class="icon_img" src="@/static/images/index24.png" mode="aspectFit">
</image>
<text class="text">提货付款</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="" v-else>
<view class="business com">
<view class="special_work com">
<view class="title">我的店铺</view>
<view class="content ">
<view class="examine" @click="buyserset">
<image class="icon_img" src="@/static/images/index11.png" mode="aspectFit">
</image>
<text class="text">商户设置</text>
</view>
</view>
</view>
</view>
</view>
</block>
<view class="" style="padding-top: 1px;" v-else>
<emptyPage title="暂无信息"></emptyPage>
</view>
<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: 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: 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">
<view class="border"></view>
<!-- <button class="setAgCountbtna" @click="refuse">
拒绝
</button> -->
<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>
<uni-popup ref="popup" type="bottom">
<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">
<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" style="display: flex;align-items: flex-start;">
<text class="item-name" style="flex-shrink: 0;">公司名称:</text>
<view style="font-size: 32rpx;flex: 1;">
{{merchantData.company_name}}
</view>
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">对公账号:</text>
<input 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 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.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>
<uni-popup ref="QRcodeRef">
<view class="new_qr_code">
<view style="height: 30rpx;"></view>
<image class="n_qr_head" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/34b13202402021017176584.png"></image>
<view class="n_qr_body">
<image class="n_qr_bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/c5898202402021024586923.png"></image>
<image class="n_qr_code" :src="qrcodeURL"></image>
</view>
<view class="n_qr_btn">
<button class="btn1" @click="closeQRcode">取消</button>
<button class="btn2" @click="saveImageToLocal">保存</button>
</view>
</view>
</uni-popup>
</view>
</template>
<script>
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import emptyPage from '@/components/emptyPage.vue';
import zbpSwiper from '@/components/zbpSwiper'
import {
mapGetters
} from 'vuex'
import {
business,
intention,
intentionbus
} from "@/api/product"
import {
merstreet,
getUserInfo
} from '@/api/user.js'
import {
getGeocoder,
microSeachBarCode,
microEadtProduct
} from '@/api/store.js'
import {
Toast
} from '@/libs/uniApi';
import {
getDiy,
merchant,
paymerchant
} from '@/api/api.js'
import {
getMerNewQRcode
} from "@/api/admin.js"
import { ENV } from "@/config/app.js"
export default {
components: {
mTabbar,
zbpSwiper,
emptyPage
},
data () {
return {
no_prod: false,
qrcodeURL: '',
company: '',
organization_code: '',
locationArr: ({}),
emptyText: '暂无可用应用',
jurisdiction: false, // 是否有权限
mer_id: '',
userInfoData: {
mer_info: {
type_id: 0
},
service:{
mer_id: 0
}
},
prefix: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/11/',
isShow: false,
bgColor: '',
isFshow: false,
street: '',
detail: {},
tagStyle: {
img: 'width:100%;display:block;'
},
num: 15,
where: {
type: 2,
page: 1,
limit: 10
},
codenote: [],
validate: false,
merchantData: {
bank_username: '',
bank_opening: '',
bank_front: '',
bank_back: '',
cardno_front: '',
cardno_back: ''
},
Fheight: 0,
};
},
computed: {
...mapGetters(['userInfo', 'isLogin'])
},
created () { },
onLoad () {
this.Fheight = uni.getSystemInfoSync().windowHeight + 'px';
if(ENV!='prod') this.no_prod = true;
},
onShow () {
if (this.isLogin) {
this.emptyText = '暂无可用应用'
this.jurisdiction = false
} else {
this.emptyText = '请登录'
this.jurisdiction = true
}
this.getUserInfo()
this.codelist()
this.list()
},
methods: {
//关闭弹窗
close () {
this.$refs.popup.close()
this.num = 15
},
//获取交易信息
codelist () {
intention(this.where).then(res => {
this.codenote = res.data.list
})
},
//提交
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
});
})
}
},
//同意
agree () {
this.$refs.popup.open()
this.isFshow = false
},
//拒绝
refuse () {
uni.switchTab({
url: '/pages/index/index'
})
},
//关闭弹窗
recuo () {
if (this.num > 0) {
this.num = 15
this.isFshow = false
} else {
this.num = 15
this.isFshow = false
}
},
// 打开活动邀请码
showQRcode(){
this.$refs.QRcodeRef.open();
getMerNewQRcode({}, this.userInfoData.service.mer_id).then(res=>{
this.qrcodeURL = res.data.url;
})
},
// 保存图片
saveImageToLocal() {
uni.saveImageToPhotosAlbum({
filePath: this.qrcodeURL,
success: ()=> {
uni.showToast({
title: '图片保存成功'
});
this.closeQRcode()
},
fail: ()=> {
console.log(err);
uni.showToast({
title: '保存失败',
icon: 'none'
});
}
});
},
closeQRcode(){
this.$refs.QRcodeRef.close();
},
logout () {
uni.switchTab({
url: '/pages/index/index'
})
},
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: '请输入公司名称'
});
if (!value.bank_code) return that.$util.Tips({
title: '请输入对公账号'
});
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 = ''
}
},
//押金缴纳
paydecimal () {
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) {
uni.showModal({
title: '申请正在审核中，请勿重复提交'
})
} else {
this.isFshow = true
this.countDown()
}
}
} else {
uni.navigateTo({
url: '/pages/margin/margin' + `?mer_id=` + this.mer_id
})
}
},
//商户设置
buyserset () {
uni.navigateTo({
url: `/pages/product/basicSet?mer_id=` + this.mer_id
})
},
navigator (url, t) {
console.log(this.codenote)
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) {
uni.showModal({
title: '申请正在审核中，请勿重复提交'
})
} else {
this.isFshow = true
this.countDown()
}
}
} else {
if (t == 2) {
uni.switchTab({
url: url
})
} else {
uni.navigateTo({
url: url
})
}
}
},
getUserInfo: function () {
let that = this;
getUserInfo().then(res => {
this.userInfoData = res.data;
this.merchantData.phone = res.data.phone;
this.merchantData.company_name = res.data.mer_info.company_name;
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)
})
if (res.data.service == null) {
// console.log('123');
this.isShow = false
} else {
this.isShow = true
this.mer_id = res.data.service.mer_id
}
if (!res.data.mer_info) {
that.$set(this, 'jurisdiction', false);
}
// console.log(that.userInfoData);
});
},
//获取协议内容
list () {
business({
type: 'mer_settlement_agree'
}).then(res => {
this.detail = res.data
})
},
}
};
</script>
<style lang="scss" scoped>
.gather {
padding-bottom: 164.91rpx;
background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
}
.conten-top {
width: 100%;
padding-top: var(--status-bar-height);
padding-bottom: 30rpx;
text-align: center;
background-color: #fff;
position: absolute;
top: 0;
position: fixed;
z-index: 10;
}
.userpage {
width: 100%;
background-color: #fff;
position: relative;
}
.userpage-icon {
width: 90rpx;
height: 90rpx;
position: absolute;
top: 90rpx;
right: 30rpx;
image {
width: 100%;
height: 100%;
}
}
.item-name {
width: 190rpx;
}
.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;
}
.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;
// height: 458px;
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;
}
}
.bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
/* #ifdef MP || APP-PLUS */
z-index: -100;
/* #endif */
/* #ifdef H5 */
z-index: -100;
/* #endif */
z-index: -100;
filter: blur(0);
overflow: hidden;
img {
width: 100%;
height: 100%;
filter: blur(30rpx);
transform: scale(1.5);
}
}
.site-box {
width: 100%;
height: 120rpx;
margin-bottom: 26.32rpx;
position: absolute;
top: 0rpx;
position: fixed;
z-index: 999;
padding-top: 30rpx;
padding-right: 20rpx;
// 位置
.place_wrapper {
color: #fff;
margin-right: 24.56rpx;
font-size: 30rpx;
.town_name {
margin-left: 21rpx;
}
}
.iconfont {
font-size: 35.09rpx;
}
}
.top_box {
// padding-top: 180rpx;
background: linear-gradient(#36a2ff, #fff);
}
.com {
margin-left: 50%;
transform: translate(-50%);
}
.business {
width: 694.74rpx;
// margin-bottom: 175rpx;
}
.special_work {
// padding: 17.54rpx;
width: 694.74rpx;
// margin-top: 52.63rpx;
padding-top: 32rpx;
border-radius: 17.54rpx;
// box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
.special_work-title {
display: flex;
margin-bottom: 50rpx;
background-color: #efefef;
padding: 10rpx 10rpx;
.special_work-titlea {
width: 40rpx;
height: 40rpx;
image {
width: 100%;
height: 100%;
}
}
.special_work-titleb {
font-size: 23rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #737373;
margin-top: 5rpx;
}
.special_work-titlec {
font-size: 23rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #16c295;
margin-top: 5rpx;
}
.special_work-titled {
font-size: 23rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
margin-top: 5rpx;
}
}
.title {
font-size: 31.58rpx;
font-weight: 700;
margin-bottom: 38.6rpx;
}
.content {
display: flex;
align-content: center;
flex-wrap: wrap;
// justify-content: space-between;
.examine {
margin-bottom: 35rpx;
width: 173.68rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
// margin: 0 0 33.33rpx 33.33rpx !important;
.icon_img {
width: 120rpx;
height: 120rpx;
}
.text {
font-size: 26.32rpx;
margin-top: 21.05rpx;
color: #000;
}
}
.text {
font-size: 29.82rpx;
color: #a4a4a4;
}
}
.cont_jus {
margin-top: 56.14rpx;
justify-content: flex-start;
&:first-child {
// margin-right: 33rpx;
}
.examine {
margin-right: 48rpx;
&:first-child {
margin-right: 48rpx;
}
}
}
}
.new_qr_code{
background-color: #fff;
border-radius: 24rpx;
position: relative;
.n_qr_head{
width: 378rpx;
height: 96rpx;
position: absolute;
top: -32rpx;
left: 50%;
transform: translate(-50%);
}
.n_qr_body{
height: 650rpx;
width: 650rpx;
position: relative;
.n_qr_bg{
width: 600rpx;
height: 600rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.n_qr_code{
width: 480rpx;
height: 480rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
.n_qr_btn{
display: flex;
padding: 0 80rpx 30rpx 80rpx;
justify-content: space-between;
.btn1{
background-color: #eee;
padding: 20rpx 60rpx;
border-radius: 60rpx;
font-size: 28rpx;
color: #666;
}
.btn2{
background-color: #f75335;
padding: 20rpx 60rpx;
border-radius: 60rpx;
font-size: 28rpx;
color: #fff;
}
}
}
</style>