platform.html
34.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
<link rel="stylesheet" href="__CDN__/assets/addons/groupon/libs/element/element.css">
<link rel="stylesheet" href="__CDN__/assets/addons/groupon/libs/common.css">
<style>
#configPlatform {
}
.wx-type .el-radio {
margin-bottom: 10px;
margin-right: 10px;
}
.platform-images {
width: 60px;
height: 60px;
border-radius: 4px;
position: relative;
border: 1px solid #7438D5;
margin-right: 10px;
margin-bottom: 10px;
}
.el-image {
width: 100%;
height: 100%;
border-radius: 4px;
}
.del-image-btn {
position: absolute;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
border-radius: 50%;
font-size: 12px;
font-weight: 600;
background: #fff;
color: #7438D5;
top: -8px;
right: -8px;
font-size: 16px;
}
.add-img {
width: 60px;
height: 60px;
border: 1px dashed #E6E6E6;
border-radius: 4px;
justify-content: center;
}
.form-item-tip {
color: #999;
}
.el-form-item {
margin-bottom: 10px;
}
.el-image__error {
font-size: 12px
}
.divider-title {
font-weight: 600;
margin-bottom: 20px;
color: #666;
}
.el-input-group__append,
.el-input-group__prepend {
background: #f9f9f9;
}
.local-ajax-upload-wrap label {
color: #7536D0;
}
.local-ajax-upload-wrap .local-ajax-upload {
display: none !important;
}
[v-cloak] {
display: none
}
</style>
<script src="__CDN__/assets/addons/groupon/libs/vue.js"></script>
<script src="__CDN__/assets/addons/groupon/libs/element/element.js"></script>
<script src="__CDN__/assets/addons/groupon/libs/moment.js"></script>
<div id="configPlatform" class="open-page-container common-container-scrollbar" v-cloak>
<el-form :model="detailForm" ref="detailForm" label-width="148px">
<div v-if="type=='groupon'">
<el-form-item label="商城名称：">
<el-input v-model="detailForm.name" placeholder="请输入商城名称" size="small"></el-input>
</el-form-item>
<el-form-item label="版本号：">
<el-input v-model="detailForm.version" placeholder="请输入版本号" size="small"></el-input>
</el-form-item>
<el-form-item label="Logo：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.logo">
<el-image :src="Fast.api.cdnurl(detailForm.logo)" fit="contain"
:preview-src-list="detailForm.logo_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','logo')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','logo')" v-if="!detailForm.logo">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="版权信息：" v-if="detailForm.copyright">
<el-input v-model="detailForm.copyright[0]" placeholder="请输入版权信息" size="small"></el-input>
<el-input v-model="detailForm.copyright[1]" placeholder="请输入版权信息" size="small"></el-input>
</el-form-item>
</div>
<div v-if="type=='user'">
<el-form-item label="默认昵称：">
<el-input v-model="detailForm.nickname" placeholder="请输入默认昵称" size="small"></el-input>
</el-form-item>
<el-form-item label="默认头像：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.avatar">
<el-image :src="Fast.api.cdnurl(detailForm.avatar)" fit="contain"
:preview-src-list="detailForm.avatar_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','avatar')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','avatar')" v-if="!detailForm.avatar">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="默认分组：">
<el-select v-model="detailForm.group_id" filterable placeholder="请选择默认分组" size="small">
<el-option v-for="item in groupList" :key="item.id" :label="item.name" :value="item.id+''">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="默认余额：">
<el-input v-model="detailForm.money" placeholder="请输入默认余额" size="small"></el-input>
</el-form-item>
</div>
<div v-if="type=='share'">
<el-form-item label="分享标题：">
<el-input v-model="detailForm.title" placeholder="请输入分享标题" size="small"></el-input>
</el-form-item>
<el-form-item label="默认分享图片：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.image">
<el-image :src="Fast.api.cdnurl(detailForm.image)" fit="contain"
:preview-src-list="detailForm.image_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','image')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','image')" v-if="!detailForm.image">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="商品分享背景：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.goods_poster_bg">
<el-image :src="Fast.api.cdnurl(detailForm.goods_poster_bg)" fit="contain"
:preview-src-list="detailForm.goods_poster_bg_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','goods_poster_bg')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','goods_poster_bg')"
v-if="!detailForm.goods_poster_bg">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="用户分享背景：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.user_poster_bg">
<el-image :src="Fast.api.cdnurl(detailForm.user_poster_bg)" fit="contain"
:preview-src-list="detailForm.user_poster_bg_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','user_poster_bg')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','user_poster_bg')"
v-if="!detailForm.user_poster_bg">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="自提点分享背景：">
<div class="display-flex">
<div class="platform-images" v-if="detailForm.store_poster_bg">
<el-image :src="Fast.api.cdnurl(detailForm.store_poster_bg)" fit="contain"
:preview-src-list="detailForm.store_poster_bg_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','store_poster_bg')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','store_poster_bg')"
v-if="!detailForm.store_poster_bg">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
</div>
<div v-if="type=='withdraw'">
<el-form-item label="提现方式：" v-if="detailForm.methods != undefined">
<el-checkbox-group v-model="detailForm.methods">
<el-checkbox label="wechat">微信零钱</el-checkbox>
<!-- <el-checkbox label="alipay">支付宝</el-checkbox> -->
<el-checkbox label="bank">手动线下打款</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="自动到账："
v-if="detailForm.methods != undefined && (detailForm.methods.includes('wechat') || detailForm.methods.includes('alipay'))">
<el-switch v-model="detailForm.wechat_alipay_auto" active-color="#7438D5" inactive-color="#eee"
active-value="1" inactive-value="0">
</el-switch>
<div class="form-item-tip">开启后用户提现到 <strong>微信零钱/支付宝</strong> 将自动审核通过并且自动打款，手动打款不受开关影响</div>
</el-form-item>
<el-form-item label="手续费：">
<el-input v-model="detailForm.service_fee" type="number" placeholder="请输入手续费" size="small">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="最小提现金额：">
<el-input v-model="detailForm.min" type="number" placeholder="请输入最小提现金额" size="small">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="最大提现金额：">
<el-input v-model="detailForm.max" type="number" placeholder="请输入最大提现金额" size="small">
<template slot="append">元</template>
</el-input>
</el-form-item>
</div>
<div v-if="type=='order'">
<div v-if="detailForm.goods">
<div class="divider-title">商品配置</div>
<el-form-item label="预警阈值：">
<el-input v-model="detailForm.goods.stock_warning" placeholder="请输入预警阈值" size="small">
<template slot="append">个</template>
</el-input>
</el-form-item>
</div>
<div>
<div class="divider-title">订单配置</div>
<el-form-item label="自动关闭时间：">
<el-input v-model="detailForm.order_auto_close" placeholder="请输入订单自动关闭时间" size="small">
<template slot="append">分钟</template>
</el-input>
</el-form-item>
<el-form-item label="自动收货时间：">
<el-input v-model="detailForm.order_auto_confirm" placeholder="请输入订单自动收货时间" size="small">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item label="自动评价时间：">
<el-input v-model="detailForm.order_auto_comment" placeholder="请输入订单自动评价时间" size="small">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item label="自动评价内容：">
<el-input v-model="detailForm.order_comment_content" placeholder="请输入订单自动评价内容" size="small">
</el-input>
</el-form-item>
</div>
</div>
<div v-if="type=='services'">
<div style="margin-bottom: 40px;" v-if="detailForm.amap">
<div class="divider-title">高德地图配置</div>
<el-form-item label="申请的key值：">
<el-input v-model="detailForm.amap.appkey" placeholder="请输入申请的key值" size="small">
</el-input>
<div class="form-item-tip">此处为申请的高德地图 web端(JS API) 的 key</div>
</el-form-item>
<el-form-item label="安全密钥：">
<el-input v-model="detailForm.amap.jscode" placeholder="请输入安全密钥 jscode" size="small">
</el-input>
<div class="form-item-tip">2021-12-02 日之后申请的 web端(JS API) 的 key 会自动生成安全密钥 jscode</div>
</el-form-item>
</div>
<div class="divider-title">快递鸟配置</div>
<div v-if="detailForm.express">
<el-form-item label="用户ID：">
<el-input v-model="detailForm.express.ebusiness_id" placeholder="请输入用户ID" size="small">
</el-input>
</el-form-item>
<el-form-item label="类型：">
<el-radio-group v-model="detailForm.express.type">
<el-radio label="free">免费版</el-radio>
<el-radio label="vip">标准版</el-radio>
</el-radio-group>
<div class="form-item-tip">免费版只支持 申通、圆通、百世、天天（请以快递鸟免费版说明为准）</div>
</el-form-item>
<el-form-item label="API Key：">
<el-input v-model="detailForm.express.appkey" placeholder="请输入API Key" size="small">
</el-input>
</el-form-item>
<el-form-item label="京东青龙配送编码：">
<el-input v-model="detailForm.express.jd_code" placeholder="请输入京东青龙配送编码" size="small">
</el-input>
<div class="form-item-tip">使用京东时需要配置</div>
</el-form-item>
<el-form-item label="回调地址：">
<el-input disabled v-model="expressAddress" placeholder="请输入回调地址" size="small">
</el-input>
<div class="form-item-tip">请在快递鸟后台配置此回调地址</div>
</el-form-item>
</div>
</div>
<div v-if="type=='store'">
<el-form-item label="自提点入驻海报：">
<div class="display-flex" style="margin-top: 10px;">
<div class="platform-images" v-if="detailForm.intro_image">
<el-image :src="Fast.api.cdnurl(detailForm.intro_image)" fit="contain" :preview-src-list="detailForm.intro_image_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','intro_image')">
<i class="el-icon-error"></i>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','intro_image')" v-if="!detailForm.intro_image">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="自提点协议：">
<el-input v-model="detailForm.protocol" placeholder="请选择自提点协议" size="small">
<template slot="append">
<div class="theme-color cursor-pointer" @click="storefile">选择</div>
</template>
</el-input>
</el-form-item>
<div class="divider-title">默认抽成配置</div>
<el-form-item label="抽成类型：">
<el-radio-group v-model="detailForm.store_take_type">
<el-radio label="money">金额</el-radio>
<el-radio label="rate">比例</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="">
<el-input v-if="detailForm.store_take_type=='rate'" v-model="detailForm.store_take_rate" placeholder="请输入服务费" size="small">
<template slot="append">%</template>
</el-input>
<el-input v-if="detailForm.store_take_type=='money'" v-model="detailForm.store_take_money" placeholder="请输入服务费" size="small">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="商品结算方式：">
<el-radio-group v-model="detailForm.store_price_type">
<el-radio label="goods_price">商品价</el-radio>
<el-radio label="pay_price">实际支付价</el-radio>
</el-radio-group>
<div class="form-item-tip">商品价: 商品实际售价/规格价，实际支付价: 实际支付的费用(不含运费)</div>
</el-form-item>
<el-form-item label="抽层结算方式：">
<el-radio-group v-model="detailForm.store_take_event">
<el-radio label="payed">支付后结算</el-radio>
<el-radio label="confirm">自提后结算</el-radio>
<el-radio label="finish">订单完成结算</el-radio>
<el-radio label="admin">手动打款</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="退款扣除佣金：">
<el-radio-group v-model="detailForm.store_refund_reduce">
<el-radio label="1">扣除</el-radio>
<el-radio label="0">不扣除</el-radio>
</el-radio-group>
</el-form-item>
</div>
<div v-if="type=='wxMiniProgram'">
<el-form-item label="小程序名称：">
<el-input v-model="detailForm.name" placeholder="请输入小程序名称" size="small"></el-input>
</el-form-item>
<el-form-item label="小程序头像：">
<div class="display-flex">
<div class="goods-image-box display-flex" v-if="detailForm.avatar">
<div class="platform-images">
<el-image :src="Fast.api.cdnurl(detailForm.avatar)" fit="contain"
:preview-src-list="detailForm.avatar_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','avatar')">
<i class="el-icon-error"></i>
</div>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','avatar')" v-if="!detailForm.avatar">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="小程序码：">
<div class="display-flex">
<div class="goods-image-box display-flex" v-if="detailForm.qrcode">
<div class="platform-images">
<el-image :src="Fast.api.cdnurl(detailForm.qrcode)" fit="contain"
:preview-src-list="detailForm.qrcode_arr">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
<div class="del-image-btn" @click="delImg('image','qrcode')">
<i class="el-icon-error"></i>
</div>
</div>
</div>
<div class="add-img display-flex" @click="addImg('image','qrcode')" v-if="!detailForm.qrcode">
<i class="el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="AppID：">
<el-input v-model="detailForm.app_id" placeholder="请输入AppID" size="small"></el-input>
</el-form-item>
<el-form-item label="AppSecret：">
<el-input v-model="detailForm.secret" placeholder="请输入AppSecret" size="small"></el-input>
</el-form-item>
<!-- <el-form-item label="小程序自动登录：">
<div class="display-flex">
<el-switch v-model="detailForm.auto_login" active-color="#7438D5" inactive-color="#eee"
active-value="1" inactive-value="0">
</el-switch>
<span style="margin-left: 10px;color: #999;">(建议开启)</span>
</div>
</el-form-item> -->
</div>
<div v-if="type=='wechat'">
<el-form-item label="应用平台：" v-if="detailForm.platform">
<el-checkbox-group v-model="detailForm.platform">
<el-checkbox label="wxMiniProgram">小程序</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="商户类型：">
<el-radio-group v-model="detailForm.mode" @change="changeWechatType">
<el-radio label="normal">普通商户</el-radio>
<el-radio label="service">服务商</el-radio>
</el-radio-group>
</el-form-item>
<div v-if="detailForm.mode=='normal'">
<el-form-item label="商户号：">
<el-input v-model="detailForm.mch_id" placeholder="请输入商户号" size="small"></el-input>
</el-form-item>
<el-form-item label="支付密钥：">
<el-input v-model="detailForm.key" placeholder="请输入支付密钥" size="small"></el-input>
</el-form-item>
<el-form-item label="商户证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.cert_client" placeholder="请选择商户证书"
size="small">
<template slot="append">
<label for="cert_client">上传</label>
<input class="local-ajax-upload" id="cert_client" type="file"
@change="ajaxUpload('cert_client')">
</template>
</el-input>
</el-form-item>
<el-form-item label="商户Key证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.cert_key" placeholder="请选择商户Key证书"
size="small">
<template slot="append">
<label for="cert_key">上传</label>
<input class="local-ajax-upload" id="cert_key" type="file" @change="ajaxUpload('cert_key')">
</template>
</el-input>
</el-form-item>
</div>
<div v-if="detailForm.mode=='service'">
<el-form-item label="主商户号：">
<el-input v-model="detailForm.mch_id" placeholder="请输入主商户号" size="small"></el-input>
</el-form-item>
<el-form-item label="子商户号：">
<el-input v-model="detailForm.sub_mch_id" placeholder="请输入子商户号" size="small"></el-input>
</el-form-item>
<el-form-item label="主商户支付密钥：">
<el-input v-model="detailForm.key" placeholder="请输入主商户支付密钥" size="small"></el-input>
</el-form-item>
<el-form-item label="子商户支付密钥：">
<el-input v-model="detailForm.sub_key" placeholder="请输入子商户支付密钥" size="small"></el-input>
</el-form-item>
<el-form-item label="主商户关联 Appid：">
<el-input v-model="detailForm.app_id" placeholder="请输入主商户关联的公众号或小程序的 Appid" size="small"></el-input>
</el-form-item>
<el-form-item label="主商户证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.cert_client" placeholder="请选择主商户证书"
size="small">
<template slot="append">
<label for="cert_client">上传</label>
<input class="local-ajax-upload" id="cert_client" type="file"
@change="ajaxUpload('cert_client')">
</template>
</el-input>
</el-form-item>
<el-form-item label="主商户Key证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.cert_key" placeholder="请选择主商户Key证书"
size="small">
<template slot="append">
<label for="cert_key">上传</label>
<input class="local-ajax-upload" id="cert_key" type="file" @change="ajaxUpload('cert_key')">
</template>
</el-input>
</el-form-item>
<el-form-item label="子商户证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.sub_cert_client" placeholder="请选择子商户证书"
size="small">
<template slot="append">
<label for="sub_cert_client">上传</label>
<input class="local-ajax-upload" id="sub_cert_client" type="file"
@change="ajaxUpload('sub_cert_client')">
</template>
</el-input>
</el-form-item>
<el-form-item label="子商户Key证书：">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.sub_cert_key" placeholder="请选择子商户Key证书"
size="small">
<template slot="append">
<label for="sub_cert_key">上传</label>
<input class="local-ajax-upload" id="sub_cert_key" type="file"
@change="ajaxUpload('sub_cert_key')">
</template>
</el-input>
</el-form-item>
</div>
</div>
<div v-if="type=='wechatv3'">
<el-form-item label="应用平台：" v-if="detailForm.platform">
<el-checkbox-group v-model="detailForm.platform">
<el-checkbox label="wxMiniProgram">小程序</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="商户类型">
<el-radio-group v-model="detailForm.mode">
<el-radio :label="0">普通商户</el-radio>
<el-radio :label="2">子商户</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="主商户Appid" prop="app_id" v-if="detailForm.mode">
<el-input v-model="detailForm.app_id" placeholder="请输入主商户Appid" size="small"></el-input>
<div class="tip">
主商户关联的公众号或者小程序的 Appid
</div>
</el-form-item>
<el-form-item :label="detailForm.mode ? '主商户号' : '商户号'" prop="mch_id">
<el-input v-model="detailForm.mch_id" placeholder="请输入商户号" size="small"></el-input>
</el-form-item>
<el-form-item :label="detailForm.mode ? '主商户密钥' : '商户密钥'" prop="mch_secret_key">
<el-input v-model="detailForm.mch_secret_key" placeholder="请输入商户密钥" size="small"></el-input>
</el-form-item>
<el-form-item :label="detailForm.mode ? '主商户证书' : '商户证书'" prop="mch_public_cert_path">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.mch_public_cert_path" size="small">
<template slot="append">
<label for="mch_public_cert_path">上传</label>
<input class="local-ajax-upload" id="mch_public_cert_path" type="file"
@change="ajaxUpload('mch_public_cert_path')">
</template>
</el-input>
</el-form-item>
<el-form-item :label=" detailForm.mode? '主商户Key证书': '商户Key证书'" prop="mch_secret_cert">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.mch_secret_cert" size="small">
<template slot="append">
<label for="mch_secret_cert">上传</label>
<input class="local-ajax-upload" id="mch_secret_cert" type="file"
@change="ajaxUpload('mch_secret_cert')">
</template>
</el-input>
</el-form-item>
<div v-if="detailForm.mode">
<el-form-item label="子商户号" prop="sub_mch_id">
<el-input v-model="detailForm.sub_mch_id" placeholder="请输入子商户号" size="small"></el-input>
</el-form-item>
<el-form-item label="子商户密钥">
<el-input v-model="detailForm.sub_mch_secret_key" placeholder="请输入子商户密钥" size="small"></el-input>
<div class="tip">
如果需要打款功能（自提点抽成提现）请配置子商户支付密钥
</div>
</el-form-item>
<el-form-item label="子商户证书">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.sub_mch_public_cert_path"
placeholder="请选择子商户Key证书" size="small">
<template slot="append">
<label for="sub_mch_public_cert_path">上传</label>
<input class="local-ajax-upload" id="sub_mch_public_cert_path" type="file"
@change="ajaxUpload('sub_mch_public_cert_path')">
</template>
</el-input>
<div class="tip">
如果需要打款功能（自提点抽成提现）请配置子商户证书
</div>
</el-form-item>
<el-form-item label="子商户Key证书">
<el-input class="local-ajax-upload-wrap" v-model="detailForm.sub_mch_secret_cert"
placeholder="请选择子商户Key证书" size="small">
<template slot="append">
<label for="sub_mch_secret_cert">上传</label>
<input class="local-ajax-upload" id="sub_mch_secret_cert" type="file"
@change="ajaxUpload('sub_mch_secret_cert')">
</template>
</el-input>
<div class="tip">
如果需要打款功能（自提点抽成提现）请配置子商户Key证书
</div>
</el-form-item>
</div>
</div>
<div v-if="type=='wallet'">
<el-form-item label="应用平台：">
<el-checkbox-group v-model="detailForm.platform" v-if="detailForm.platform">
<el-checkbox label="wxMiniProgram">小程序</el-checkbox>
</el-checkbox-group>
</el-form-item>
</div>
</el-form>
<div class="open-page-button-container">
<div @click="submitFrom" class="dialog-button dialog-button-cancel">取消</div>
<div @click="submitFrom('yes')" class="dialog-button dialog-button-define">确定
</div>
</div>
</div>