1
This commit is contained in:
DESKTOP-GMUNQ1B\k
parent
c281a77a02
commit
0714b75756
152
pages.json
152
pages.json
@ -41,7 +41,7 @@
|
||||
"style": {
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "购物车",
|
||||
"navigationStyle": "custom"
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/plant_grass/index",
|
||||
@ -57,20 +57,20 @@
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/payment/get_payment",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提货付款",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/payment/settlement",
|
||||
"style": {
|
||||
"navigationBarTitleText": "支付"
|
||||
}
|
||||
},
|
||||
{
|
||||
{
|
||||
"path": "pages/payment/get_payment",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提货付款",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/payment/settlement",
|
||||
"style": {
|
||||
"navigationBarTitleText": "支付"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/small_page/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "微页面"
|
||||
@ -256,72 +256,69 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/select_address_n/select_address_n",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "选择地址",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
"path": "pages/select_address_n/select_address_n",
|
||||
"style": {
|
||||
"navigationBarTitleText": "选择地址",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
],
|
||||
"subPackages": [{
|
||||
"root": "pages/cloud_warehouse",
|
||||
"name": "cloud_warehouse",
|
||||
"pages": [{
|
||||
"path": "big_classification/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
"path": "big_classification/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "small_classification/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "select_address/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "home/home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "里海云仓",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "market/market",
|
||||
"style": {
|
||||
"navigationBarTitleText": "供销云市场",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "specialty/specialty",
|
||||
"style": {
|
||||
"navigationBarTitleText": "名优特产",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "small_classification/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "select_address/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
"titleNView": false,
|
||||
"bounce": "none"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "home/home",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "里海云仓",
|
||||
"enablePullDownRefresh" : false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "market/market",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "供销云市场",
|
||||
"enablePullDownRefresh" : false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "specialty/specialty",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "名优特产",
|
||||
"enablePullDownRefresh" : false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}]
|
||||
]
|
||||
}, {
|
||||
"root": "pages/users",
|
||||
"name": "users",
|
||||
@ -782,14 +779,14 @@
|
||||
"path": "settled/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "商家入驻",
|
||||
"navigationStyle": "custom"
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "settled/unit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "种养殖户入驻",
|
||||
"navigationStyle": "custom"
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -797,6 +794,11 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请记录"
|
||||
}
|
||||
}, {
|
||||
"path": "applicationRecord/unit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "申请记录"
|
||||
}
|
||||
}, {
|
||||
"path": "merchantDetails/index",
|
||||
"style": {
|
||||
|
||||
200
pages/store/applicationRecord/unit.vue
Normal file
200
pages/store/applicationRecord/unit.vue
Normal file
@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="application-record" v-if="listData.length">
|
||||
<view class="card-list" v-for="item in listData" :key="item.mer_intention_id">
|
||||
<view class="card-top">
|
||||
<view class="title">{{item.mer_name}}</view>
|
||||
<view class="time">提交时间：{{item.create_time}}</view>
|
||||
<view v-if="item.fail_msg" class="reason">原因：{{item.fail_msg}}</view>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="card-bottom">
|
||||
<view class="card-status">
|
||||
<image class="status-icon" v-if="item.status === 0" src="../static/images/pending.png" mode=""></image>
|
||||
<image class="status-icon" v-else-if="item.status === 1" src="../static/images/passed.png" mode=""></image>
|
||||
<image class="status-icon" v-else-if="item.status === 2" src="../static/images/not-pass.png" mode=""></image>
|
||||
<text class="status-text">{{statusText(item.status)}}</text>
|
||||
</view>
|
||||
<view class="status-btn" @click="jump(item)">{{statusBtn(item.status)}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='no-shop' v-if="!listData.length && !loading">
|
||||
<view class='pictrue' style="margin: 0 auto;">
|
||||
<image src='/static/images/noCart.png'></image>
|
||||
<text>暂无申请记录，快去申请入驻吧!</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getApplicationRecordList
|
||||
} from '@/api/store.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
listData: [],
|
||||
pageData: {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getListData()
|
||||
},
|
||||
// 滚动到底部
|
||||
onReachBottom() {
|
||||
if (this.count == this.listData.length) {
|
||||
uni.showToast({
|
||||
title: '没有更多啦',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
} else {
|
||||
this.pageData.page += 1
|
||||
this.getListData()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListData() {
|
||||
this.loading = true
|
||||
uni.showLoading({
|
||||
title: '数据加载中',
|
||||
});
|
||||
getApplicationRecordList(this.pageData).then(res => {
|
||||
this.count = res.data.count
|
||||
this.listData = this.listData.concat(res.data.list)
|
||||
uni.hideLoading();
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 跳转逻辑
|
||||
jump(item) {
|
||||
console.log(item)
|
||||
if ([0, 2].includes(item.status)) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/store/settled/unit?mer_i_id=${item.mer_intention_id}`
|
||||
})
|
||||
} else if (item.status === 1) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/store/merchantDetails/index?mer_i_id=${item.mer_intention_id}&mer_id=${item.mer_id}`
|
||||
})
|
||||
}
|
||||
},
|
||||
//状态判断
|
||||
statusText(number) {
|
||||
// 使用对象
|
||||
let statusData = {
|
||||
0: "待审核",
|
||||
1: "审核通过",
|
||||
2: "审核未通过",
|
||||
};
|
||||
return statusData[number]
|
||||
},
|
||||
// button显示文字
|
||||
statusBtn(number) {
|
||||
// 使用对象
|
||||
let statusData = {
|
||||
0: "编辑",
|
||||
1: "查看",
|
||||
2: "重新提交",
|
||||
};
|
||||
return statusData[number]
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.application-record {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #F5F5F5;
|
||||
padding: 20rpx 30rpx;
|
||||
.card-list {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 20rpx 24rpx;
|
||||
margin: 10rpx 20rpx;
|
||||
border-radius: 12rpx;
|
||||
.card-top {
|
||||
height: 140rpx;
|
||||
.title {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.time {
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
padding: 5rpx 0;
|
||||
}
|
||||
.reason {
|
||||
color: #E93323;
|
||||
font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
.line {
|
||||
height: 2rpx;
|
||||
margin: 20rpx 0 20rpx 0;
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
.card-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #333;
|
||||
.card-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.status-icon {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin: 10rpx;
|
||||
}
|
||||
.status-text {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.status-btn {
|
||||
font-size: 26rpx;
|
||||
color: #555;
|
||||
border: 1px solid #999999;
|
||||
padding: 8rpx 32rpx;
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-shop {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
height: 100vh;
|
||||
.pictrue {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: $uni-nothing-text;
|
||||
image {
|
||||
width: 414rpx;
|
||||
height: 380rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,16 +1,28 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<!-- #ifdef MP || APP-PLUS -->
|
||||
|
||||
<view class="conten-top" :style="'height:'+statusBarHeight+'px'">
|
||||
<view class="conten-top" :style="'height:'+statusBarHeight+'px'" :class="{'bar-top-bg':barBg}"
|
||||
v-if="!successful">
|
||||
<view class="" style="position: absolute;left: 30rpx;bottom: 15rpx;" @click="logout"><i
|
||||
class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i></view>
|
||||
class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;color:#fff;"></i></view>
|
||||
<view class=""
|
||||
style="position: absolute;bottom: 15rpx;width: 500rpx; left:50%;transform: translate(-50%);text-align: center;">
|
||||
style="position: absolute;bottom: 15rpx;width: 500rpx; left:50%;transform: translate(-50%);text-align: center;color:#fff;">
|
||||
种养殖户入驻
|
||||
</view>
|
||||
</view>
|
||||
<view :style="'height:'+statusBarHeight+'px'"></view>
|
||||
<!-- #endif -->
|
||||
|
||||
<!-- #ifdef H5 -->
|
||||
<view class="header" v-if="!successful">
|
||||
<view class="title-bar" :class="{'bar-top-bg':barBg}">
|
||||
<view class="title-bar-icon" @click="logout">
|
||||
<i class="iconfont icon-xiangzuo"></i>
|
||||
</view>
|
||||
<view class="title-bar-txt">
|
||||
种养殖户入驻
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
<view v-if="!successful" :style="viewColor">
|
||||
@ -18,21 +30,13 @@
|
||||
<view class='merchantsSettled'>
|
||||
<view class="merchantBgCount">
|
||||
<image mode="widthFix" class="merchantBg"
|
||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/50c52202402231430498637.png" alt="">
|
||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/96ec1202403151608564555.webp" alt="">
|
||||
</view>
|
||||
<view class="application-record" @click="jumpToList" v-if="!mer_i_id">
|
||||
申请记录
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</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.enterprise_name" @input="validateBtn"
|
||||
placeholder-class='placeholder' />
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="item">
|
||||
<view class="acea-row row-middle">
|
||||
<text class="item-name">姓名</text>
|
||||
@ -41,22 +45,6 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- <view class="item">
|
||||
<view class="uni-list">
|
||||
<view class="uni-list-cell">
|
||||
<view class="uni-list-cell-db acea-row row-middle">
|
||||
<text class="item-name">商户分类</text>
|
||||
<picker @change="bindPickerChange" @columnchange="columnchange" mode="selector" :value="index" :range="array" range-key="category_name">
|
||||
<input placeholder="请选择商户分类" type="text" readonly disabled
|
||||
v-model="mer_classification">
|
||||
<view class='iconfont icon-jiantou'></view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="item">
|
||||
<view class="uni-list">
|
||||
<view class="uni-list-cell">
|
||||
@ -101,41 +89,83 @@
|
||||
</view>
|
||||
</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 rel">
|
||||
<view class="acea-row row-middle">
|
||||
<text class="item-name">验证码</text>
|
||||
<input type="text" placeholder="填写验证码" v-model="merchantData.yanzhengma"
|
||||
@input="validateBtn" class="codeIput" placeholder-class='placeholder' />
|
||||
<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''"
|
||||
@click="handleVerify">
|
||||
{{ text }}
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item" v-if="isShowCode">
|
||||
<view class="acea-row row-middle">
|
||||
<text class="item-name">验证码</text>
|
||||
<input type="text" placeholder="请输入验证码" class="codeIput" v-model="codeVal"
|
||||
@input="validateBtn" placeholder-class='placeholder' />
|
||||
<view class="imageCode" @click="again">
|
||||
<image :src="codeUrl" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="item no-border">
|
||||
<checkbox-group @change='ChangeIsAgree'>
|
||||
<checkbox class="checkbox" :checked="isAgree ? true : false" />已阅读并同意
|
||||
</checkbox-group>
|
||||
<button class="settleAgree" @click="getConfig">《入驻协议》</button>
|
||||
</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>
|
||||
<input type="text" placeholder="请输入持卡人姓名" v-model="merchantData.bank_card_username"
|
||||
@input="validateBtn" placeholder-class='placeholder' />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item no-border">
|
||||
<view class='acea-row row-middle'>
|
||||
<text class="item-title" style="margin-right: 20rpx;">请上传银行卡正面照片</text>
|
||||
<text class="item-desc">(支持JPG、PNG、JPEG)</text>
|
||||
<view class="upload">
|
||||
<view v-if="bank_front" class='pictrue' @click='uploadpicBack'>
|
||||
<image :src='bank_front'></image>
|
||||
</view>
|
||||
<view v-else class='pictrue acea-row row-center-wrapper row-column'
|
||||
@click='uploadpicBack'>
|
||||
<text class='iconfont icon-icon25201'></text>
|
||||
<view>上传图片</view>
|
||||
</view>
|
||||
</view>
|
||||
</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 rel">
|
||||
<view class="acea-row row-middle">
|
||||
<text class="item-name">验证码</text>
|
||||
<input type="text" placeholder="填写验证码" v-model="merchantData.yanzhengma"
|
||||
@input="validateBtn" class="codeIput" placeholder-class='placeholder' />
|
||||
<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''"
|
||||
@click="handleVerify">
|
||||
{{ text }}
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item" v-if="isShowCode">
|
||||
<view class="acea-row row-middle">
|
||||
<text class="item-name">验证码</text>
|
||||
<input type="text" placeholder="请输入验证码" class="codeIput" v-model="codeVal"
|
||||
@input="validateBtn" placeholder-class='placeholder' />
|
||||
<view class="imageCode" @click="again">
|
||||
<image :src="codeUrl" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item no-border">
|
||||
<checkbox-group @change='ChangeIsAgree'>
|
||||
<checkbox class="checkbox" :checked="isAgree ? true : false" />已阅读并同意
|
||||
@ -150,6 +180,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<view class="settlementAgreement" v-if="showProtocol">
|
||||
<view class="setAgCount" style="width: 656rpx;height: 800rpx;">
|
||||
<i class="icon iconfont icon-cha" @click="showProtocol = false"></i>
|
||||
@ -157,17 +188,16 @@
|
||||
<div class="title" v-else></div>
|
||||
<view class="content">
|
||||
<jyf-parser :html="protocol" ref="article" :tag-style="tagStyle"></jyf-parser>
|
||||
<!-- <view v-html="protocol"></view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="settlementAgreement" v-if="isshow">
|
||||
<view class="setAgCount" style="width: 100%;height: 100%;padding-top: 180rpx;">
|
||||
<!-- <i class="icon iconfont icon-cha" @click="recuo"></i> -->
|
||||
<view class="" style="width: 60rpx;height: 60rpx; position: absolute;left: 30rpx; top:90rpx"
|
||||
@click="recuo">
|
||||
<i class="iconfont icon-xiangzuo" style="width: 60rpx;height: 60rpx;font-size: 40rpx;"></i>
|
||||
<!-- <image src="@/static/images/close.png" mode="aspectFit" style="width: 60rpx;height: 60rpx;"></image> -->
|
||||
</view>
|
||||
|
||||
<div class="title">{{detail.title}}</div>
|
||||
@ -185,9 +215,6 @@
|
||||
|
||||
<view class="setAgCountbtn">
|
||||
<view class="border"></view>
|
||||
<!-- <button class="setAgCountbtna" @click="refuse">
|
||||
拒绝
|
||||
</button> -->
|
||||
<button :class="num>0?'setAgCountbtnb':'setAgCountbtnc'" class="btn" :disabled="num!=0"
|
||||
@click="agree">
|
||||
<text v-if="num>0">请仔细阅读协议 {{num}}秒后可提交</text>
|
||||
@ -205,6 +232,7 @@
|
||||
ref="verify">
|
||||
</Verify>
|
||||
</view>
|
||||
|
||||
<view class="settledSuccessMain " v-else :style="viewColor">
|
||||
<view class="settledSuccessful">
|
||||
<image class="image" src="../static/images/settledSuccessful.svg" alt="">
|
||||
@ -260,16 +288,9 @@
|
||||
import parser from "@/components/jyf-parser/jyf-parser";
|
||||
import authorize from '@/components/Authorize';
|
||||
import Verify from '@/components/verify/verify.vue';
|
||||
import {
|
||||
HTTP_REQUEST_URL
|
||||
} from '@/config/app';
|
||||
import {
|
||||
Toast
|
||||
} from '../../../libs/uniApi';
|
||||
import {
|
||||
mer_services_agree
|
||||
} from "@/api/activity.js"
|
||||
const app = getApp();
|
||||
export default {
|
||||
components: {
|
||||
"jyf-parser": parser,
|
||||
@ -281,7 +302,6 @@
|
||||
titFlag: true,
|
||||
company: '',
|
||||
organization_code: '',
|
||||
domain: HTTP_REQUEST_URL,
|
||||
cartId: '', //购物车id
|
||||
pinkId: 0, //拼团id
|
||||
couponId: 0, //优惠券id
|
||||
@ -321,7 +341,6 @@
|
||||
category_name: '',
|
||||
merchant_category_id: ''
|
||||
}],
|
||||
companyTypeList: ['对公户', '个体户'],
|
||||
bindPickerChangeidx: [],
|
||||
storeTypeArr: [{
|
||||
type_name: '',
|
||||
@ -356,7 +375,9 @@
|
||||
page: 1,
|
||||
limit: 10
|
||||
},
|
||||
codenote: []
|
||||
codenote: [],
|
||||
barBg: false, //导航栏背景
|
||||
bank_front: '', //申请人身份证
|
||||
};
|
||||
},
|
||||
beforeDestroy() {
|
||||
@ -366,7 +387,6 @@
|
||||
sys_intention_agree: ''
|
||||
}, mapGetters(['isLogin', 'viewColor', 'keyColor'])),
|
||||
onLoad(options) {
|
||||
|
||||
if (this.isLogin) {
|
||||
this.getClassfication();
|
||||
this.getStoreType();
|
||||
@ -385,10 +405,15 @@
|
||||
} else this.getArea()
|
||||
this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 45;
|
||||
},
|
||||
onShow() {
|
||||
|
||||
onPageScroll(e) {
|
||||
if (e.scrollTop > 50) {
|
||||
this.barBg = true;
|
||||
} else {
|
||||
this.barBg = false;
|
||||
}
|
||||
},
|
||||
onReady() {},
|
||||
|
||||
methods: {
|
||||
//获取交易信息
|
||||
codelist() {
|
||||
@ -396,12 +421,14 @@
|
||||
this.codenote = res.data.list
|
||||
})
|
||||
},
|
||||
|
||||
//退出
|
||||
logout() {
|
||||
uni.switchTab({
|
||||
url: '/pages/user/index'
|
||||
})
|
||||
},
|
||||
|
||||
//关闭弹窗
|
||||
recuo() {
|
||||
if (this.num > 0) {
|
||||
@ -412,19 +439,18 @@
|
||||
this.isshow = false
|
||||
}
|
||||
},
|
||||
|
||||
//拒绝
|
||||
refuse() {
|
||||
|
||||
|
||||
uni.switchTab({
|
||||
url: '/pages/user/index'
|
||||
})
|
||||
},
|
||||
|
||||
countDown() {
|
||||
let {
|
||||
num
|
||||
} = this;
|
||||
// if (num === 3) this.nums = true;
|
||||
num = num > 0 ? num - 1 : "0";
|
||||
setTimeout(() => {
|
||||
|
||||
@ -439,13 +465,10 @@
|
||||
}
|
||||
this.countDown();
|
||||
}, 1000);
|
||||
|
||||
|
||||
},
|
||||
|
||||
//获取商户入驻申请协议
|
||||
shoplist(val) {
|
||||
|
||||
agreeiness({
|
||||
type: val
|
||||
}).then(res => {
|
||||
@ -453,11 +476,6 @@
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
//是否是农贸市场
|
||||
// change(e) {
|
||||
// this.isnum = (e === true ? 1 : 0)
|
||||
// },
|
||||
// 获取村
|
||||
getVillage(e) {
|
||||
const self = this;
|
||||
@ -474,6 +492,7 @@
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
//获取镇
|
||||
getStreet(e, street) {
|
||||
const self = this;
|
||||
@ -484,6 +503,7 @@
|
||||
self.getVillage(street ? street : self.business[1][0].code)
|
||||
})
|
||||
},
|
||||
|
||||
//获取区
|
||||
getArea(code = null, street = null) {
|
||||
getArea({
|
||||
@ -494,6 +514,7 @@
|
||||
this.getStreet(this.code1, street)
|
||||
})
|
||||
},
|
||||
|
||||
//商圈数据变化
|
||||
pickerColumnchange(e) {
|
||||
if (e.detail.column === 0) {
|
||||
@ -509,6 +530,7 @@
|
||||
this.index2[2] = e.detail.value
|
||||
}
|
||||
},
|
||||
|
||||
getConfig(type) {
|
||||
this.isType = false;
|
||||
this.showProtocol = true;
|
||||
@ -522,41 +544,34 @@
|
||||
this.protocol = res.data.mer_services_agree.replace(/\*\*甲方公司\*\*/g, this.company);
|
||||
})
|
||||
}
|
||||
// 获取配置
|
||||
// this.protocol = this.sys_intention_agree
|
||||
},
|
||||
/*获取发票说明*/
|
||||
getAgreement() {
|
||||
let that = this
|
||||
that.showProtocol = true;
|
||||
that.titFlag = true
|
||||
that.isType = true
|
||||
getAgreementApi('sys_merchant_type').then(res => {
|
||||
that.protocol = res.data.sys_merchant_type
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
// 获取历史提交数据详情
|
||||
getGoodsDetails(id) {
|
||||
getGoodsDetails(id).then(res => {
|
||||
let arr = Object.keys(this.merchantData)
|
||||
|
||||
let resData = res.data
|
||||
arr.map(item => {
|
||||
this.merchantData.enterprise_name = resData.mer_name
|
||||
this.merchantData.user_name = resData.name
|
||||
this.merchantData.phone = resData.phone
|
||||
this.merchantData.social_credit_code = resData.social_credit_code
|
||||
this.merchantData.company_name = resData.company_name
|
||||
this.merchantData.address = resData.address
|
||||
this.merchantData.invitation_code = resData.invitation_code
|
||||
this.merchantData.classification = resData.merchant_category_id
|
||||
this.merchantData.mer_type = resData.mer_type_id
|
||||
this.area_id = resData.area_id
|
||||
this.street_id = resData.street_id
|
||||
this.mer_storeType = resData.mer_storeType
|
||||
this.village_id = resData.village_id
|
||||
})
|
||||
this.merchantData.enterprise_name = resData.mer_name
|
||||
this.merchantData.user_name = resData.name
|
||||
this.merchantData.phone = resData.phone
|
||||
this.merchantData.social_credit_code = resData.social_credit_code
|
||||
this.merchantData.company_name = resData.company_name
|
||||
this.merchantData.address = resData.address
|
||||
this.merchantData.invitation_code = resData.invitation_code
|
||||
this.merchantData.classification = resData.merchant_category_id
|
||||
this.merchantData.mer_type = resData.mer_type_id
|
||||
this.area_id = resData.area_id
|
||||
this.street_id = resData.street_id
|
||||
this.mer_storeType = resData.mer_storeType
|
||||
this.village_id = resData.village_id
|
||||
|
||||
const bankInfo = resData.financial_bank ? JSON.parse(resData.financial_bank) : '';
|
||||
this.$set(this.merchantData, 'bank_code', bankInfo.bank_code);
|
||||
this.$set(this.merchantData, 'bank_username', bankInfo.bank);
|
||||
this.$set(this.merchantData, 'bank_opening', bankInfo.bank_branch);
|
||||
this.$set(this.merchantData, 'bank_card_username', bankInfo.name);
|
||||
this.bank_front = bankInfo.bank_front[0] ? bankInfo.bank_front[0] : '';
|
||||
|
||||
this.business_license = resData.images[0];
|
||||
resData.images.shift();
|
||||
this.pics = resData.images;
|
||||
@ -588,10 +603,7 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
// 选择公司性质
|
||||
natureBusinessChange(e) {
|
||||
this.nature_business = this.companyTypeList[e.detail.value] == '个体户' ? 2 : 1;
|
||||
},
|
||||
|
||||
bindPickerChange: function(e) {
|
||||
// console.log(e.detail);
|
||||
// this.index = e.target.value[1];
|
||||
@ -603,12 +615,14 @@
|
||||
// this.mer_classification = this.bindPickerChangeidx[idx]['cate_name']
|
||||
this.validateBtn()
|
||||
},
|
||||
|
||||
columnchange(e) {
|
||||
// console.log(e.detail);
|
||||
if (e.detail.column == 0) {
|
||||
this.bindPickerChangeidx = this.array[e.detail.value].children;
|
||||
}
|
||||
},
|
||||
|
||||
bindPickerChange1: function(e) {
|
||||
|
||||
this.index1 = e.target.value
|
||||
@ -635,7 +649,7 @@
|
||||
// return; // 种养殖户入驻也不需要
|
||||
if (this.merchantData.mer_type == 12) return; //市级供应链不需要查询镇农科公司
|
||||
merstreet({
|
||||
area_code: this.area_id
|
||||
area_code: this.area_id
|
||||
}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.company = ''
|
||||
@ -652,33 +666,18 @@
|
||||
console.log(res)
|
||||
})
|
||||
},
|
||||
|
||||
// 获取商户分类
|
||||
getClassfication: function() {
|
||||
merClassifly()
|
||||
.then(res => {
|
||||
this.array = res.data
|
||||
})
|
||||
.catch(res => {
|
||||
this.$util.Tips({
|
||||
title: res
|
||||
});
|
||||
merClassifly().then(res => {
|
||||
this.array = res.data
|
||||
}).catch(res => {
|
||||
this.$util.Tips({
|
||||
title: res
|
||||
});
|
||||
// getCategoryList()
|
||||
// .then(res => {
|
||||
// // console.log(res);
|
||||
// res.data.list.forEach(item=>{
|
||||
// item.category_name = item.cate_name;
|
||||
// item.merchant_category_id = item.store_category_id;
|
||||
// })
|
||||
// this.array = res.data.list;
|
||||
// this.bindPickerChangeidx = this.array[0].children;
|
||||
// })
|
||||
// .catch(res => {
|
||||
// this.$util.Tips({
|
||||
// title: res
|
||||
// });
|
||||
// });
|
||||
});
|
||||
},
|
||||
|
||||
// 获取店铺类型
|
||||
getStoreType: function() {
|
||||
getStoreTypeApi()
|
||||
@ -748,22 +747,6 @@
|
||||
let that = this;
|
||||
that.$util.uploadImageOne('upload/image', function(res) {
|
||||
that.business_license = res.data.path;
|
||||
// uni.showLoading({
|
||||
// title: '识别中'
|
||||
// })
|
||||
// merchantLicenseIdentify({
|
||||
// image: res.data.path
|
||||
// }).then(res=>{
|
||||
// that.merchantData.address = res.data.address;
|
||||
// that.merchantData.user_name = res.data.legal_person;
|
||||
// that.merchantData.social_credit_code = res.data.register_number;
|
||||
// that.merchantData.company_name = res.data.name;
|
||||
// // that.$set('merchantData', that.merchantData);
|
||||
// uni.hideLoading();
|
||||
// }).catch((e)=>{
|
||||
// uni.hideLoading();
|
||||
// Toast(e)
|
||||
// })
|
||||
});
|
||||
},
|
||||
/**
|
||||
@ -776,6 +759,7 @@
|
||||
that.pics.splice(index, 1);
|
||||
that.$set(that, 'pics', that.pics);
|
||||
},
|
||||
|
||||
getCode() {
|
||||
let that = this
|
||||
getCodeApi()
|
||||
@ -788,6 +772,7 @@
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
async code(data) {
|
||||
let that = this;
|
||||
if (!that.merchantData.phone) return that.$util.Tips({
|
||||
@ -819,6 +804,7 @@
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
getcaptcha() {
|
||||
let that = this
|
||||
getCaptcha().then(data => {
|
||||
@ -828,6 +814,7 @@
|
||||
})
|
||||
that.isShowCode = true;
|
||||
},
|
||||
|
||||
sendCode() {
|
||||
if (this.disabled) return;
|
||||
this.disabled = true;
|
||||
@ -845,43 +832,50 @@
|
||||
}
|
||||
}, 1000);
|
||||
},
|
||||
|
||||
onConfirm(val) {
|
||||
this.region = val.checkArr[0] + '-' + val.checkArr[1] + '-' + val.checkArr[2];
|
||||
},
|
||||
|
||||
ChangeIsAgree: function(e) {
|
||||
this.isAgree = !this.isAgree;
|
||||
this.validateBtn();
|
||||
},
|
||||
//所属公司
|
||||
|
||||
|
||||
//协议弹窗
|
||||
showxy() {
|
||||
this.isshow = true
|
||||
},
|
||||
|
||||
uploadpicBack: function() {
|
||||
let that = this;
|
||||
that.$util.uploadImageOne('upload/image', function(res) {
|
||||
that.bank_front = res.data.path;
|
||||
});
|
||||
},
|
||||
|
||||
//提交
|
||||
agree() {
|
||||
let that = this;
|
||||
let requestData = {
|
||||
phone: that.merchantData.phone,
|
||||
// mer_name: that.merchantData.enterprise_name,
|
||||
mer_name: that.merchantData.user_name + '的个人店铺',
|
||||
name: that.merchantData.user_name,
|
||||
code: that.merchantData.yanzhengma,
|
||||
// company_name: that.merchantData.company_name,
|
||||
address: that.merchantData.address,
|
||||
// invitation_code: that.merchantData.invitation_code,
|
||||
// social_credit_code: that.merchantData.social_credit_code,
|
||||
// merchant_category_id: that.merchantData.classification,
|
||||
// merchant_category_name: that.mer_classification,
|
||||
// is_company: that.nature_business==1?1:0, // 是否是公司, 1是公司, 0是个体
|
||||
// mer_type_id: that.merchantData.mer_type,
|
||||
// mer_storeType: this.mer_storeType,
|
||||
area_id: this.area_id,
|
||||
street_id: this.street_id,
|
||||
village_id: this.village_id,
|
||||
// is_nmsc: this.isnum,
|
||||
images: [this.business_license, ...that.pics]
|
||||
images: [this.business_license, ...that.pics],
|
||||
financial_bank: {
|
||||
// 开户信息
|
||||
bank_code: this.merchantData.bank_code,
|
||||
bank: this.merchantData.bank_username,
|
||||
bank_branch: this.merchantData.bank_opening,
|
||||
name: this.nature_business == 1 ? that.merchantData.company_name : this.merchantData
|
||||
.bank_card_username,
|
||||
bank_front: [this.bank_front]
|
||||
}
|
||||
}
|
||||
that.validate = false;
|
||||
if (that.mer_i_id) {
|
||||
@ -920,6 +914,7 @@
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
formSubmit() {
|
||||
if (this.validateForm() && this.validate) {
|
||||
return this.agree();
|
||||
@ -938,8 +933,8 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
validateBtn: function() {
|
||||
let that = this,
|
||||
value = that.merchantData;
|
||||
@ -960,18 +955,11 @@
|
||||
that.validate = false;
|
||||
}
|
||||
},
|
||||
|
||||
validateForm: function() {
|
||||
let that = this,
|
||||
value = that.merchantData;
|
||||
// if (!value.enterprise_name) return that.$util.Tips({
|
||||
// title: '请输入商户名称'
|
||||
// });
|
||||
// if (!value.social_credit_code) return that.$util.Tips({
|
||||
// title: '请输入统一社会信用代码'
|
||||
// });
|
||||
// if (!value.company_name) return that.$util.Tips({
|
||||
// title: '请输入公司名称'
|
||||
// });
|
||||
|
||||
if (!value.user_name) return that.$util.Tips({
|
||||
title: '请输入姓名'
|
||||
});
|
||||
@ -984,15 +972,7 @@
|
||||
if (!value.yanzhengma) return that.$util.Tips({
|
||||
title: '请填写验证码'
|
||||
});
|
||||
// if (!this.mer_classification) return that.$util.Tips({
|
||||
// title: '请选择商户分类'
|
||||
// });
|
||||
// if (!this.nature_business) return that.$util.Tips({
|
||||
// title: '请选择公司性质'
|
||||
// })
|
||||
// if (!this.mer_storeType) return that.$util.Tips({
|
||||
// title: '请选择店铺类型'
|
||||
// })
|
||||
|
||||
if (!this.business_name) return that.$util.Tips({
|
||||
title: '请选择店铺所在地'
|
||||
})
|
||||
@ -1002,16 +982,10 @@
|
||||
if (!that.isAgree) return that.$util.Tips({
|
||||
title: '请勾选并同意入驻协议'
|
||||
});
|
||||
// if (that.isShowCode && !that.codeVal) return that.$util.Tips({
|
||||
// title: '请填写图片验证码'
|
||||
// });
|
||||
|
||||
if (!that.business_license) return that.$util.Tips({
|
||||
title: '请上传营业执照'
|
||||
});
|
||||
// if (that.pics.length == 0) return that.$util.Tips({
|
||||
// title: '请上传一张或者多张图片'
|
||||
// });
|
||||
|
||||
|
||||
that.validate = true;
|
||||
return true;
|
||||
@ -1021,10 +995,12 @@
|
||||
url: "/pages/store/applicationRecord/unit"
|
||||
})
|
||||
},
|
||||
|
||||
success(data) {
|
||||
this.$refs.verify.hide();
|
||||
this.code(data);
|
||||
},
|
||||
|
||||
handleVerify() {
|
||||
if (!this.merchantData.phone) return this.$util.Tips({
|
||||
title: '请输入手机号'
|
||||
@ -1043,6 +1019,47 @@
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.page {
|
||||
width: 750rpx;
|
||||
height: 2594rpx;
|
||||
background: linear-gradient(180deg, #40AE36 0%, #72BE53 100%);
|
||||
}
|
||||
|
||||
.header {
|
||||
|
||||
height: 440rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
background-image: url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/96ec1202403151608564555.webp);
|
||||
background-position: center;
|
||||
|
||||
.title-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
width: 100%;
|
||||
z-index: 11;
|
||||
|
||||
.title-bar-icon {
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
|
||||
.icon-xiangzuo {
|
||||
font-size: 40rpx;
|
||||
text-align: left;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.title-bar-txt {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/checkbox .uni-checkbox-input.uni-checkbox-input-checked,
|
||||
/deep/checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||||
border: 1px solid var(--view-theme) !important;
|
||||
@ -1050,17 +1067,19 @@
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
.conten-top {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.bar-top-bg {
|
||||
background-color: #40AE36;
|
||||
}
|
||||
|
||||
.uni-input-placeholder {
|
||||
color: #B2B2B2;
|
||||
}
|
||||
@ -1090,14 +1109,14 @@
|
||||
}
|
||||
|
||||
.merchantsSettled {
|
||||
background-image: linear-gradient(#ff5a32 644rpx, var(--view-bntColor22) 100%);
|
||||
min-height: 1800rpx;
|
||||
position: relative;
|
||||
// background-image: linear-gradient(#ff5a32 644rpx, var(--view-bntColor22) 100%);
|
||||
// min-height: 1800rpx;
|
||||
// position: relative;
|
||||
}
|
||||
|
||||
.merchantsSettled .merchantBg {
|
||||
width: 750rpx;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.merchantsSettled .list {
|
||||
@ -1106,16 +1125,15 @@
|
||||
padding: 22px 0;
|
||||
margin: 0 15px;
|
||||
position: absolute;
|
||||
top: 300rpx;
|
||||
top: 400rpx;
|
||||
width: calc(100% - 30px);
|
||||
|
||||
}
|
||||
|
||||
.application-record {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
top: 240rpx;
|
||||
top: 310rpx;
|
||||
right: 0;
|
||||
color: #fff;
|
||||
font-size: 22rpx;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user