18577375184
/
jimei-hudong-h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

对接H5支付

master
梁欣 1 year ago
parent
38f03babef
commit
3ed2757101
6 changed files with 1452 additions and 1352 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      .gitignore
  2. 4
      .hbuilderx/launch.json
  3. 2
      core/payment/alipay.js
  4. 2
      manifest.json
  5. 2
      pages/checkout/cashier/index.vue
  6. 385
      pages/user/settled/index.vue

1
.gitignore
View File

@ -1,3 +1,4 @@
/unpackage /unpackage
/utils/request-1.js /utils/request-1.js
/node_modules/ /node_modules/
manifest.json

4
.hbuilderx/launch.json
View File

@ -2,6 +2,10 @@
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数 // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
"version": "0.0", "version": "0.0",
"configurations": [{ "configurations": [{
"app-plus" :
{
"launchtype" : "remote"
},
"default" : "default" :
{ {
"launchtype" : "remote" "launchtype" : "remote"

2
core/payment/alipay.js
View File

@ -10,7 +10,7 @@ const paymentAsH5 = option => {
const options = { formHtml: '', ...option } const options = { formHtml: '', ...option }
// 跳转到支付宝支付页 // 跳转到支付宝支付页
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
// console.log(options.formHtml)
console.log(options.formHtml)
if (options.formHtml) { if (options.formHtml) {
const div = document.createElement('div') const div = document.createElement('div')
div.innerHTML = options.formHtml div.innerHTML = options.formHtml

2
manifest.json
View File

@ -1,6 +1,6 @@
{ {
"name" : "吉媒婚恋网互动平台", "name" : "吉媒婚恋网互动平台",
"appid" : "__UNI__EBF37B7",
"appid" : "__UNI__600B9D4",
"description" : "吉媒婚恋网互动平台", "description" : "吉媒婚恋网互动平台",
"versionName" : "2.0.6", "versionName" : "2.0.6",
"versionCode" : 206, "versionCode" : 206,

2
pages/checkout/cashier/index.vue
View File

@ -258,7 +258,7 @@
} }
// 发起支付宝支付 // 发起支付宝支付
if (method === PayMethodEnum.ALIPAY.value) { if (method === PayMethodEnum.ALIPAY.value) {
console.log('paymentData', paymentData)
console.log('paymentData', JSON.stringify(paymentData))
Alipay.payment(paymentData) Alipay.payment(paymentData)
.then(res => app.onPaySuccess(res)) .then(res => app.onPaySuccess(res))
.catch(err => app.onPayFail(err)) .catch(err => app.onPayFail(err))

385
pages/user/settled/index.vue
View File

@ -10,7 +10,8 @@
<view <view
:style="step >= 1 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'" :style="step >= 1 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'"
style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;"> style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;">
1</view>
1
</view>
<text style="color: #9e9e9e;">主体类型</text> <text style="color: #9e9e9e;">主体类型</text>
</view> </view>
<view style="margin: 0 20rpx;color:#b53190;">...</view> <view style="margin: 0 20rpx;color:#b53190;">...</view>
@ -18,7 +19,8 @@
<view <view
:style="step >= 2 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'" :style="step >= 2 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'"
style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;"> style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;">
2</view>
2
</view>
<text style="color: #9e9e9e;">填写资料</text> <text style="color: #9e9e9e;">填写资料</text>
</view> </view>
<view style="margin: 0 20rpx;color:#b53190;">...</view> <view style="margin: 0 20rpx;color:#b53190;">...</view>
@ -26,7 +28,8 @@
<view <view
:style="step >= 3 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'" :style="step >= 3 ? 'background-color:#b53190;color:#fff;' : 'border: 1rpx solid #b53190;color:#b53190;'"
style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;"> style="width: 35rpx;height: 35rpx;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 10rpx;line-height: 30rpx;">
3</view>
3
</view>
<text style="color: #9e9e9e;">填写资料</text> <text style="color: #9e9e9e;">填写资料</text>
</view> </view>
</view> </view>
@ -70,7 +73,7 @@
<view style="color: #b74a9c;font-weight: bold;margin-bottom: 20rpx;"> <view style="color: #b74a9c;font-weight: bold;margin-bottom: 20rpx;">
说明： 说明：
</view> </view>
<mp-html :content="shuoming.content" />
<mp-html :content="shuoming.content"/>
</view> </view>
@ -86,8 +89,12 @@
style="background-color: #fff;padding:30rpx 20rpx;border-radius: 10rpx;margin-bottom: 20rpx;"> style="background-color: #fff;padding:30rpx 20rpx;border-radius: 10rpx;margin-bottom: 20rpx;">
<view style="font-weight: bold;font-size: 32rpx;">商户基本信息</view> <view style="font-weight: bold;font-size: 32rpx;">商户基本信息</view>
<view class="gui-form-item gui-border-b"> <view class="gui-form-item gui-border-b">
<text class="gui-form-label" style="width: 150rpx;"><text
style="color: red;">*</text>商户LOGO</text>
<text class="gui-form-label" style="width: 150rpx;">
<text
style="color: red;">*
</text>
商户LOGO
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<view @tap="selectImg('logo_image')" v-if="!logo_image.image_id" <view @tap="selectImg('logo_image')" v-if="!logo_image.image_id"
style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;padding: 30rpx 0;margin-left: 380rpx;border-radius: 10rpx"> style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;padding: 30rpx 0;margin-left: 380rpx;border-radius: 10rpx">
@ -96,22 +103,32 @@
</view> </view>
<view @tap="selectImg('logo_image')" v-else <view @tap="selectImg('logo_image')" v-else
style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;margin-left: 380rpx;"> style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;margin-left: 380rpx;">
<image :src="logo_image.url" style="height: 160rpx;" mode="heightFix"></image>
<image :src="logo_image.url" style="height: 160rpx;"
mode="heightFix"></image>
</view> </view>
</view> </view>
</view> </view>
<view class="gui-form-item gui-border-b"> <view class="gui-form-item gui-border-b">
<text class="gui-form-label"><text style="color: red;">*</text>商户简称</text>
<text class="gui-form-label">
<text style="color: red;">*</text>
商户简称
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.shop_name" @input="inputsss($event,'shop_name')"
name="shop_name" placeholder="请输入商户简称" style="text-align: right;" />
<input type="text" class="gui-form-input" v-model="detail.shop_name"
@input="inputsss($event,'shop_name')"
name="shop_name" placeholder="请输入商户简称"
style="text-align: right;"/>
</view> </view>
</view> </view>
<view class="gui-form-item gui-border-b"> <view class="gui-form-item gui-border-b">
<text class="gui-form-label"><text style="color: red;">*</text>主营类目</text>
<text class="gui-form-label">
<text style="color: red;">*</text>
主营类目
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<picker class="item-picker" mode="selector" range-key="name" <picker class="item-picker" mode="selector" range-key="name"
@change="classifyChange" @columnchange="columnchange" :value="classifyIndex"
@change="classifyChange" @columnchange="columnchange"
:value="classifyIndex"
:range="classifyArr"> :range="classifyArr">
<view style="text-align: right;">{{ name }}</view> <view style="text-align: right;">{{ name }}</view>
</picker> </picker>
@ -119,22 +136,36 @@
<text class="gui-form-icon gui-icons gui-text-center">&#xe603;</text> <text class="gui-form-icon gui-icons gui-text-center">&#xe603;</text>
</view> </view>
<view class="gui-form-item "> <view class="gui-form-item ">
<text class="gui-form-label"><text style="color: red;">*</text>营业时间</text>
<text class="gui-form-label">
<text style="color: red;">*</text>
营业时间
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.shop_hours" @input="inputsss($event,'shop_hours')"
name="shop_hours" placeholder="请输入营业时间(如9:00-18:00)" style="text-align: right;" />
<input type="text" class="gui-form-input" v-model="detail.shop_hours"
@input="inputsss($event,'shop_hours')"
name="shop_hours" placeholder="请输入营业时间(如9:00-18:00)"
style="text-align: right;"/>
</view> </view>
</view> </view>
<view class="gui-form-item "> <view class="gui-form-item ">
<text class="gui-form-label"><text style="color: red;">*</text>客服电话</text>
<text class="gui-form-label">
<text style="color: red;">*</text>
客服电话
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.kftelephone" @input="inputsss($event,'kftelephone')"
name="kftelephone" placeholder="请输入客服电话" style="text-align: right;" />
<input type="text" class="gui-form-input" v-model="detail.kftelephone"
@input="inputsss($event,'kftelephone')"
name="kftelephone" placeholder="请输入客服电话"
style="text-align: right;"/>
</view> </view>
</view> </view>
<view class="gui-form-item gui-border-b"> <view class="gui-form-item gui-border-b">
<text class="gui-form-label" style="width: 200rpx;"><text
style="color: red;">*</text>客服微信二维码</text>
<text class="gui-form-label" style="width: 200rpx;">
<text
style="color: red;">*
</text>
客服微信二维码
</text>
<view class="gui-form-body"> <view class="gui-form-body">
<view @tap="selectImg('service')" v-if="!service.image_id" <view @tap="selectImg('service')" v-if="!service.image_id"
style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;padding: 30rpx 0;margin-left: 330rpx;border-radius: 10rpx"> style="width: 120rpx;color: #9e9e9e;background-color: #f5f6f7;height: 120rpx;text-align: center;padding: 30rpx 0;margin-left: 330rpx;border-radius: 10rpx">
@ -177,83 +208,96 @@
<view <view
style="background-color: #fff;padding:30rpx 20rpx;border-radius: 10rpx;margin-bottom: 20rpx;"> style="background-color: #fff;padding:30rpx 20rpx;border-radius: 10rpx;margin-bottom: 20rpx;">
<view style="font-weight: bold;font-size: 32rpx;margin-bottom: 20rpx;">经营者基本信息</view>
<view style="font-weight: bold;font-size: 32rpx;margin-bottom: 20rpx;">经营者基本信息
</view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>姓名
<text style="color: red;">*</text>
姓名
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.name" name="name" @input="inputsss($event,'name')"
placeholder="请输入姓名" />
<input type="text" class="gui-form-input" v-model="detail.name" name="name"
@input="inputsss($event,'name')"
placeholder="请输入姓名"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>邮箱
<text style="color: red;">*</text>
邮箱
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.mailbox" @input="inputsss($event,'mailbox')"
name="mailbox" placeholder="请输入邮箱" />
<input type="text" class="gui-form-input" v-model="detail.mailbox"
@input="inputsss($event,'mailbox')"
name="mailbox" placeholder="请输入邮箱"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>手机号
<text style="color: red;">*</text>
手机号
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.phone" name="phone" @input="inputsss($event,'phone')"
placeholder="请输入手机号" />
<input type="text" class="gui-form-input" v-model="detail.phone" name="phone"
@input="inputsss($event,'phone')"
placeholder="请输入手机号"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>身份证号
<text style="color: red;">*</text>
身份证号
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.IDCard" name="IDCard" @input="inputsss($event,'IDCard')"
placeholder="请输入身份证号" />
<input type="text" class="gui-form-input" v-model="detail.IDCard" name="IDCard"
@input="inputsss($event,'IDCard')"
placeholder="请输入身份证号"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>身份证地址
<text style="color: red;">*</text>
身份证地址
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.IDCard_address" @input="inputsss($event,'IDCard_address')"
name="IDCard_address" placeholder="请输入身份证地址" />
<input type="text" class="gui-form-input" v-model="detail.IDCard_address"
@input="inputsss($event,'IDCard_address')"
name="IDCard_address" placeholder="请输入身份证地址"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>微信号
<text style="color: red;">*</text>
微信号
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.WeChat" name="WeChat" @input="inputsss($event,'WeChat')"
placeholder="请输入微信号" />
<input type="text" class="gui-form-input" v-model="detail.WeChat" name="WeChat"
@input="inputsss($event,'WeChat')"
placeholder="请输入微信号"/>
</view> </view>
</view> </view>
<view <view
@ -262,7 +306,8 @@
<view style="display: flex;"> <view style="display: flex;">
<view <view
style="width: 180rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> style="width: 180rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>身份证有效期
<text style="color: red;">*</text>
身份证有效期
</view> </view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
@ -271,7 +316,9 @@
<text class="gui-text" style="text-align: right;"></text> <text class="gui-text" style="text-align: right;"></text>
<picker mode="selector" :range="effective" @change="pickerEffective"> <picker mode="selector" :range="effective" @change="pickerEffective">
<text class="gui-form-icon gui-icons gui-text-center " <text class="gui-form-icon gui-icons gui-text-center "
style="width: 130rpx;color: #000;">{{effective[effectiveIndex]}}&#xe601;</text>
style="width: 130rpx;color: #000;">
{{ effective[effectiveIndex] }}&#xe601;
</text>
</picker> </picker>
</view> </view>
@ -282,10 +329,15 @@
:endValue="CardendValue2" :isTime="false"> :endValue="CardendValue2" :isTime="false">
<text class="demo gui-block-text gui-icons" v-if="CardendValue2" <text class="demo gui-block-text gui-icons" v-if="CardendValue2"
style="color: #f17487;"> style="color: #f17487;">
{{CardstartValue2}} <text style="margin: 0 10rpx;color: #000;">至</text>
{{CardendValue2}}</text>
{{ CardstartValue2 }}
<text style="margin: 0 10rpx;color: #000;">至</text>
{{ CardendValue2 }}
</text>
<text class="demo gui-block-text gui-icons" v-else style="color: #f17487;"> <text class="demo gui-block-text gui-icons" v-else style="color: #f17487;">
开始日期 <text style="margin: 0 10rpx;color: #000;">至</text> 结束日期</text>
开始日期
<text style="margin: 0 10rpx;color: #000;">至</text>
结束日期
</text>
</gui-datetime-between> </gui-datetime-between>
</view> </view>
</view> </view>
@ -298,7 +350,8 @@
<view style="display: flex;"> <view style="display: flex;">
<view <view
style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>经营地址
<text style="color: red;">*</text>
经营地址
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
@ -309,7 +362,7 @@
<text class="gui-form-icon gui-icons gui-text-center ">&#xe601;</text> <text class="gui-form-icon gui-icons gui-text-center ">&#xe601;</text>
</view> </view>
<view style="padding: 0 0 15rpx;" v-if="operate_address"> <view style="padding: 0 0 15rpx;" v-if="operate_address">
{{operate_address}}
{{ operate_address }}
</view> </view>
</view> </view>
</view> </view>
@ -335,39 +388,45 @@
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>营业执照名称
<text style="color: red;">*</text>
营业执照名称
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.license_name" @input="inputsss($event,'license_name')"
name="license_name" placeholder="请输入营业执照名称" />
<input type="text" class="gui-form-input" v-model="detail.license_name"
@input="inputsss($event,'license_name')"
name="license_name" placeholder="请输入营业执照名称"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>统一社会信用代码
<text style="color: red;">*</text>
统一社会信用代码
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.credit_code" @input="inputsss($event,'credit_code')"
name="credit_code" placeholder="请输入统一社会信用代码" />
<input type="text" class="gui-form-input" v-model="detail.credit_code"
@input="inputsss($event,'credit_code')"
name="credit_code" placeholder="请输入统一社会信用代码"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>营业执照地址
<text style="color: red;">*</text>
营业执照地址
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.license_address" @input="inputsss($event,'license_address')"
name="license_address" placeholder="请输入营业执照地址" />
<input type="text" class="gui-form-input" v-model="detail.license_address"
@input="inputsss($event,'license_address')"
name="license_address" placeholder="请输入营业执照地址"/>
</view> </view>
</view> </view>
<view <view
@ -376,7 +435,8 @@
<view style="display: flex;"> <view style="display: flex;">
<view <view
style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> style="width: 240rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>营业执照有效期
<text style="color: red;">*</text>
营业执照有效期
</view> </view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
@ -386,7 +446,9 @@
<picker mode="selector" :range="licensestart" <picker mode="selector" :range="licensestart"
@change="pickerIicensestart"> @change="pickerIicensestart">
<text class="gui-form-icon gui-icons gui-text-center " <text class="gui-form-icon gui-icons gui-text-center "
style="width: 130rpx;color: #000;">{{licensestart[licensestartIndex]}}&#xe601;</text>
style="width: 130rpx;color: #000;">
{{ licensestart[licensestartIndex] }}&#xe601;
</text>
</picker> </picker>
</view> </view>
@ -395,15 +457,22 @@
<view style="text-align: right;padding-bottom: 20rpx;" <view style="text-align: right;padding-bottom: 20rpx;"
v-if="licensestartIndex == 0"> v-if="licensestartIndex == 0">
<gui-datetime-between @confirm="Licenseconfirm2" <gui-datetime-between @confirm="Licenseconfirm2"
:startValue="LicensestartValue2" :endValue="LicenseendValue2"
:startValue="LicensestartValue2"
:endValue="LicenseendValue2"
:isTime="false"> :isTime="false">
<text class="demo gui-block-text gui-icons" v-if="LicenseendValue2" <text class="demo gui-block-text gui-icons" v-if="LicenseendValue2"
style="color: #f17487;"> style="color: #f17487;">
{{LicensestartValue2}} <text
style="margin: 0 10rpx;color: #000;">至</text>
{{LicenseendValue2}}</text>
{{ LicensestartValue2 }}
<text
style="margin: 0 10rpx;color: #000;">至
</text>
{{ LicenseendValue2 }}
</text>
<text class="demo gui-block-text gui-icons" v-else style="color: #f17487;"> <text class="demo gui-block-text gui-icons" v-else style="color: #f17487;">
开始日期 <text style="margin: 0 10rpx;color: #000;">至</text> 结束日期</text>
开始日期
<text style="margin: 0 10rpx;color: #000;">至</text>
结束日期
</text>
</gui-datetime-between> </gui-datetime-between>
</view> </view>
</view> </view>
@ -495,25 +564,28 @@
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>银行卡号
<text style="color: red;">*</text>
银行卡号
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" v-model="detail.bank_card" @input="inputsss($event,'bank_card')"
name="bank_card" placeholder="请填写银行卡号" />
<input type="text" class="gui-form-input" v-model="detail.bank_card"
@input="inputsss($event,'bank_card')"
name="bank_card" placeholder="请填写银行卡号"/>
</view> </view>
</view> </view>
<view class="gui-form-item " <view class="gui-form-item "
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>开户地
<text style="color: red;">*</text>
开户地
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body" @tap="open1"> <view class="gui-form-body" @tap="open1">
{{bank_address ? bank_address: '请选择开户银行所在地' }}
{{ bank_address ? bank_address : '请选择开户银行所在地' }}
</view> </view>
<text class="gui-form-icon gui-icons gui-text-center gui-color-gray">&#xe601;</text> <text class="gui-form-icon gui-icons gui-text-center gui-color-gray">&#xe601;</text>
</view> </view>
@ -521,13 +593,15 @@
style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;"> style="background-color: #f5f6f7;padding: 0 20rpx ;margin-bottom: 20rpx;border-radius: 10rpx;">
<view style="display: flex;"> <view style="display: flex;">
<view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;"> <view style="width: 170rpx;color: #888888;font-weight: bold;font-size: 26rpx;">
<text style="color: red;">*</text>开户银行
<text style="color: red;">*</text>
开户银行
</view> </view>
<view style="color: #9e9e9e;">|</view> <view style="color: #9e9e9e;">|</view>
</view> </view>
<view class="gui-form-body"> <view class="gui-form-body">
<input type="text" class="gui-form-input" name="bank_deposit" v-model="detail.bank_deposit" @input="inputsss($event,'bank_deposit')"
placeholder="请输入开户银行" />
<input type="text" class="gui-form-input" name="bank_deposit"
v-model="detail.bank_deposit" @input="inputsss($event,'bank_deposit')"
placeholder="请输入开户银行"/>
<!-- <picker mode="selector" range-key="name" :range="yinhangList" <!-- <picker mode="selector" range-key="name" :range="yinhangList"
@change="pickerChange"> @change="pickerChange">
<view <view
@ -541,13 +615,19 @@
</picker> --> </picker> -->
</view> </view>
</view> </view>
<view style="font-size: 26rpx;color: #9e9e9e;margin: 20rpx 0;">绑定银行卡将用于资金提现</view>
<view style="font-size: 26rpx;color: #9e9e9e;margin: 20rpx 0;">
绑定银行卡将用于资金提现
</view>
</view> </view>
<view class="gui-margin-top" style="display: flex;justify-content: center;align-items: center;">
<view class="gui-margin-top"
style="display: flex;justify-content: center;align-items: center;">
<gui-radio @change="radioChange" :checked="radiochecked"> <gui-radio @change="radioChange" :checked="radiochecked">
<text class="gui-text " style="color: #9e9e9e;">我已阅读并同意<text style="color: #b53190;"
@click="onagreement">《商家入驻协议》</text></text>
<text class="gui-text " style="color: #9e9e9e;">我已阅读并同意
<text style="color: #b53190;"
@click="onagreement">《商家入驻协议》
</text>
</text>
</gui-radio> </gui-radio>
</view> </view>
<button type="default" class="gui-button gui-bg-blue" <button type="default" class="gui-button gui-bg-blue"
@ -561,7 +641,7 @@
<template v-slot:content> <template v-slot:content>
<scroll-view scroll-y :style="{height:contentHeight+'px'}" <scroll-view scroll-y :style="{height:contentHeight+'px'}"
class="gui-bg-gray gui-dark-bg-level-2"> class="gui-bg-gray gui-dark-bg-level-2">
<mp-html :content="ArticleDetail.content" />
<mp-html :content="ArticleDetail.content"/>
</scroll-view> </scroll-view>
</template> </template>
<template v-slot:btns> <template v-slot:btns>
@ -582,7 +662,8 @@
<view class="dealer-boot dis-flex flex-dir-column flex-y-center"> <view class="dealer-boot dis-flex flex-dir-column flex-y-center">
<view class="boot__msg f-30 dis-flex flex-dir-column flex-y-center"> <view class="boot__msg f-30 dis-flex flex-dir-column flex-y-center">
<text class="msg__icon iconfont icon-shenhezhong" style="color: #90178b;"></text> <text class="msg__icon iconfont icon-shenhezhong" style="color: #90178b;"></text>
<text class="msg__content m-top20 f-29 col-80" style="color: #b53190;">等待审核结果</text>
<text class="msg__content m-top20 f-29 col-80" style="color: #b53190;">等待审核结果
</text>
</view> </view>
<!-- 去商城逛逛 --> <!-- 去商城逛逛 -->
<view @tap="stepto(3)" <view @tap="stepto(3)"
@ -599,7 +680,7 @@
<view class="dealer-boot dis-flex flex-dir-column flex-y-center" v-if="detail.states == 2"> <view class="dealer-boot dis-flex flex-dir-column flex-y-center" v-if="detail.states == 2">
<view class="boot__msg f-30 dis-flex flex-dir-column flex-y-center"> <view class="boot__msg f-30 dis-flex flex-dir-column flex-y-center">
<text class="gui-icons" style="color: red;font-size: 120rpx;">&#xe78a;</text> <text class="gui-icons" style="color: red;font-size: 120rpx;">&#xe78a;</text>
<text class="msg__content m-top20 f-29 col-80" style="color: red;">{{detail.reason}}</text>
<text class="msg__content m-top20 f-29 col-80" style="color: red;">{{ detail.reason }}</text>
</view> </view>
<!-- 去商城逛逛 --> <!-- 去商城逛逛 -->
<view @tap="cxtj" <view @tap="cxtj"
@ -623,14 +704,17 @@
</gui-page> </gui-page>
</template> </template>
<script> <script>
var graceJS = require('@/GraceUI5/js/grace.js');
var graceChecker = require("@/GraceUI5/js/checker.js");
import * as ArticleApi from '@/api/article'
import * as UploadApi from '@/api/upload'
import * as CategoryApi from '@/api/shop/category'
import * as YinhangApi from '@/api/shop/yinhang'
import * as InfoApi from '@/api/shop/info'
export default {
var graceJS = require('@/GraceUI5/js/grace.js');
var graceChecker = require("@/GraceUI5/js/checker.js");
import * as ArticleApi from '@/api/article'
import * as UploadApi from '@/api/upload'
import * as CategoryApi from '@/api/shop/category'
import * as YinhangApi from '@/api/shop/yinhang'
import * as InfoApi from '@/api/shop/info'
import * as Api from '@/api/page'
import store from '@/store'
export default {
data() { data() {
return { return {
dataSource: [], dataSource: [],
@ -710,39 +794,51 @@
xianshi: true, xianshi: true,
} }
}, },
mounted: function() {
mounted: function () {
var systemInfo = graceJS.system(); var systemInfo = graceJS.system();
this.contentHeight = systemInfo.windowHeight * 0.65; this.contentHeight = systemInfo.windowHeight * 0.65;
}, },
onLoad() {
async onLoad() {
await this.getUserInfo()
this.getDetail() this.getDetail()
this.getCategory() this.getCategory()
this.getArticleDetail() this.getArticleDetail()
}, },
methods: { methods: {
hhhccc(){
getUserInfo(id, token) {
return new Promise(resolve => {
Api.getUserInfo(id, token)
.then(result => {
store.dispatch('Login', {
mobile: result.data.mobile
})
resolve()
})
})
},
hhhccc() {
let _this = this let _this = this
let data = uni.getStorageSync('settledData') let data = uni.getStorageSync('settledData')
console.log(data) console.log(data)
_this.detail = data _this.detail = data
// _this.logo_image = data.logo_image // _this.logo_image = data.logo_image
}, },
inputsss(e,name){
inputsss(e, name) {
this.cunhuancun(e.detail.value,name)
this.cunhuancun(e.detail.value, name)
}, },
cunhuancun(e,name){
cunhuancun(e, name) {
let du = uni.getStorageSync('settledData') let du = uni.getStorageSync('settledData')
if(!du){
if (!du) {
du = { du = {
logo_image: { logo_image: {
url: '', url: '',
image_id: '' image_id: ''
}, },
shop_name:'',
shop_hours:'',
kftelephone:'',
shop_name: '',
shop_hours: '',
kftelephone: '',
service: { service: {
url: '', url: '',
image_id: '' image_id: ''
@ -755,13 +851,13 @@
url: '', url: '',
image_id: '' image_id: ''
}, },
name:'',
mailbox:'',
phone:'',
IDCard:'',
IDCard_address:'',
WeChat:'',
effectiveIndex:0,
name: '',
mailbox: '',
phone: '',
IDCard: '',
IDCard_address: '',
WeChat: '',
effectiveIndex: 0,
CardstartValue2: '', CardstartValue2: '',
CardendValue2: '', CardendValue2: '',
operate_address: '', operate_address: '',
@ -771,12 +867,12 @@
url: '', url: '',
image_id: '' image_id: ''
}, },
license_name:'',
credit_code:'',
license_address:'',
licensestartIndex:0,
LicensestartValue2:'',
LicenseendValue2:'',
license_name: '',
credit_code: '',
license_address: '',
licensestartIndex: 0,
LicensestartValue2: '',
LicenseendValue2: '',
enterprise_front: { enterprise_front: {
url: '', url: '',
image_id: '' image_id: ''
@ -789,19 +885,19 @@
url: '', url: '',
image_id: '' image_id: ''
}, },
enterprise_within:'',
bank_card:'',
bank_address:''
enterprise_within: '',
bank_card: '',
bank_address: ''
} }
uni.setStorageSync('settledData',du )
uni.setStorageSync('settledData', du)
} }
du[name] = e du[name] = e
uni.setStorageSync('settledData',du )
uni.setStorageSync('settledData', du)
}, },
cxtj() { cxtj() {
let _this = this let _this = this
_this.selectIndex = _this.detail.type _this.selectIndex = _this.detail.type
_this.dataSource.forEach(function(element, index) {
_this.dataSource.forEach(function (element, index) {
if (element.category_id == _this.detail.category_id) { if (element.category_id == _this.detail.category_id) {
_this.name = element.name, _this.name = element.name,
_this.category_id = element.category_id _this.category_id = element.category_id
@ -866,8 +962,6 @@
} }
if (_this.detail.logo_image_id && _this.detail.logo_image_url) { if (_this.detail.logo_image_id && _this.detail.logo_image_url) {
_this.logo_image = { _this.logo_image = {
url: _this.detail.logo_image_url, url: _this.detail.logo_image_url,
@ -905,7 +999,7 @@
.then(result => { .then(result => {
if (result.data.detail) { if (result.data.detail) {
this.detail = result.data.detail this.detail = result.data.detail
}else{
} else {
this.hhhccc() this.hhhccc()
} }
@ -928,7 +1022,7 @@
radioChange(e) { radioChange(e) {
this.radiochecked = !this.radiochecked this.radiochecked = !this.radiochecked
}, },
confirm: function() {
confirm: function () {
// 客户点击确认按钮后的逻辑请在此处实现 // 客户点击确认按钮后的逻辑请在此处实现
this.$refs.guimodal.close(); this.$refs.guimodal.close();
this.radiochecked = true this.radiochecked = true
@ -969,7 +1063,8 @@
for (let i = 0; i < dataLen; i++) { for (let i = 0; i < dataLen; i++) {
// 将数据源中的二级分类 push 进 childArr，作为二级分类的数据源 // 将数据源中的二级分类 push 进 childArr，作为二级分类的数据源
//this.childArr.push(this.dataSource[i].children) //this.childArr.push(this.dataSource[i].children)
};
}
;
// 一级分类的数据源 // 一级分类的数据源
this.classifyArr = this.dataSource; this.classifyArr = this.dataSource;
@ -986,7 +1081,8 @@
if (this.classifyArr.length != 0) { if (this.classifyArr.length != 0) {
this.name = this.classifyArr[this.classifyIndex].name this.name = this.classifyArr[this.classifyIndex].name
this.category_id = this.classifyArr[this.classifyIndex].category_id this.category_id = this.classifyArr[this.classifyIndex].category_id
};
}
;
// if (this.classifyArr[1].length != 0) { // if (this.classifyArr[1].length != 0) {
// this.name = this.classifyArr[1][this.classifyIndex[1]].name // this.name = this.classifyArr[1][this.classifyIndex[1]].name
@ -1022,7 +1118,7 @@
authVerification() { authVerification() {
let _this = this let _this = this
uni.chooseLocation({ uni.chooseLocation({
success: function(res) {
success: function (res) {
_this.operate_address = res.address _this.operate_address = res.address
_this.operate_latitude = res.latitude _this.operate_latitude = res.latitude
_this.operate_longitude = res.longitude _this.operate_longitude = res.longitude
@ -1037,19 +1133,19 @@
success: (res) => { success: (res) => {
console.log(res) console.log(res)
}, },
fail: function(err) {
fail: function (err) {
console.log(err) console.log(err)
} }
}) })
}, },
open1: function() {
open1: function () {
this.$refs.graceAddressPicker1.open(); this.$refs.graceAddressPicker1.open();
}, },
confirm1: function(e) {
confirm1: function (e) {
// 返回选中城市的编号及文本信息 // 返回选中城市的编号及文本信息
this.bank_address = e.names[0] + ',' + e.names[1] + ',' + e.names[2]; this.bank_address = e.names[0] + ',' + e.names[1] + ',' + e.names[2];
}, },
selectImg: function(e) {
selectImg: function (e) {
let _this = this let _this = this
uni.chooseImage({ uni.chooseImage({
count: 1, count: 1,
@ -1066,24 +1162,23 @@
} }
}) })
}, },
pickerEffective: function(e) {
pickerEffective: function (e) {
this.effectiveIndex = e.detail.value; this.effectiveIndex = e.detail.value;
}, },
pickerIicensestart: function(e) {
pickerIicensestart: function (e) {
this.licensestartIndex = e.detail.value; this.licensestartIndex = e.detail.value;
}, },
Cardconfirm2: function(res) {
Cardconfirm2: function (res) {
this.CardstartValue2 = res[0][0] + '-' + res[0][1] + '-' + res[0][2]; this.CardstartValue2 = res[0][0] + '-' + res[0][1] + '-' + res[0][2];
this.CardendValue2 = res[1][0] + '-' + res[1][1] + '-' + res[1][2]; this.CardendValue2 = res[1][0] + '-' + res[1][1] + '-' + res[1][2];
}, },
Licenseconfirm2: function(res) {
Licenseconfirm2: function (res) {
this.LicensestartValue2 = res[0][0] + '-' + res[0][1] + '-' + res[0][2]; this.LicensestartValue2 = res[0][0] + '-' + res[0][1] + '-' + res[0][2];
this.LicenseendValue2 = res[1][0] + '-' + res[1][1] + '-' + res[1][2]; this.LicenseendValue2 = res[1][0] + '-' + res[1][1] + '-' + res[1][2];
}, },
onagreement() { onagreement() {
this.$refs.guimodal.open(); this.$refs.guimodal.open();
}, },
@ -1091,13 +1186,13 @@
onselect(e) { onselect(e) {
this.selectIndex = e this.selectIndex = e
}, },
bdChange: function(e) {
bdChange: function (e) {
this.formData.bd = e.detail.value; this.formData.bd = e.detail.value;
}, },
fanhui() { fanhui() {
uni.navigateBack() uni.navigateBack()
}, },
stepto: function(index) {
stepto: function (index) {
console.log(this.formData); console.log(this.formData);
switch (index) { switch (index) {
case 1: case 1:
@ -1118,7 +1213,7 @@
this.step = index; this.step = index;
}, },
// 提交 // 提交
submit: function(e) {
submit: function (e) {
// 部分能够获得的表单数据 在 e 对象保存 // 部分能够获得的表单数据 在 e 对象保存
// 不支持表单直接获取的数据通过事件记录 // 不支持表单直接获取的数据通过事件记录
// 最终整理获得完整的表单记录 // 最终整理获得完整的表单记录
@ -1255,7 +1350,7 @@
this.$toast('请上传银行账户开户证明') this.$toast('请上传银行账户开户证明')
return false return false
} }
if(!fromData.bank_card){
if (!fromData.bank_card) {
this.$toast('请输入银行卡号') this.$toast('请输入银行卡号')
return false return false
} }
@ -1316,29 +1411,29 @@
}) })
} }
} }
}
}
</script> </script>
<style scoped> <style scoped>
.gui-step-item {
.gui-step-item {
width: 130rpx; width: 130rpx;
}
}
.form-add-footer-btns {
.form-add-footer-btns {
padding: 0 38rpx; padding: 0 38rpx;
font-size: 30rpx; font-size: 30rpx;
line-height: 100rpx; line-height: 100rpx;
}
}
.modal-btns {
.modal-btns {
line-height: 100rpx; line-height: 100rpx;
height: 100rpx; height: 100rpx;
font-size: 35rpx; font-size: 35rpx;
text-align: center; text-align: center;
width: 320rpx; width: 320rpx;
}
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.dealer-boot {
.dealer-boot {
padding: 10rpx 30rpx; padding: 10rpx 30rpx;
margin-top: 80rpx; margin-top: 80rpx;
@ -1350,10 +1445,10 @@
.boot__submit { .boot__submit {
margin-top: 60rpx; margin-top: 60rpx;
} }
}
}
</style> </style>
<style> <style>
page {
page {
background-color: #f5f6f7; background-color: #f5f6f7;
}
}
</style> </style>
Write Preview
Loading…
Cancel
Save