BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 29d61beb1113605a6890844ae40fc14e77ca233a

Authored by YunaiV
1 parent da529851

mall + pay： 

1. 简化支付宝支付的配置界面
Inline Side-by-side
Showing 3 changed files with 276 additions and 306 deletions
yudao-ui-admin/src/views/pay/app/components/aliPayChannelForm.vue deleted
View file @da52985
1   -<template>
2   - <div>
3   - <el-dialog :visible.sync="transferParam.aliPayOpen" :title="title" @closed="close" append-to-body width="800px">
4   - <el-form ref="aliPayForm" :model="form" :rules="rules" size="medium" label-width="100px"
5   - v-loading="transferParam.loading">
6   - <el-form-item label-width="180px" label="渠道费率" prop="feeRate">
7   - <el-input v-model="form.feeRate" placeholder="请输入渠道费率" clearable :style="{width: '100%'}">
8   - <template slot="append">%</template>
9   - </el-input>
10   - </el-form-item>
11   - <el-form-item label-width="180px" label="开放平台 APPID" prop="aliPayConfig.appId">
12   - <el-input v-model="form.aliPayConfig.appId" placeholder="请输入开放平台APPID" clearable :style="{width: '100%'}">
13   - </el-input>
14   - </el-form-item>
15   - <el-form-item label-width="180px" label="渠道状态" prop="status">
16   - <el-radio-group v-model="form.status" size="medium">
17   - <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="parseInt(dict.value)" :label="parseInt(dict.value)">
18   - {{ dict.label }}
19   - </el-radio>
20   - </el-radio-group>
21   - </el-form-item>
22   - <el-form-item label-width="180px" label="网关地址" prop="aliPayConfig.serverUrl">
23   - <el-radio-group v-model="form.aliPayConfig.serverUrl" size="medium">
24   - <el-radio label="https://openapi.alipay.com/gateway.do">线上环境</el-radio>
25   - <el-radio label="https://openapi-sandbox.dl.alipaydev.com/gateway.do">沙箱环境</el-radio>
26   - </el-radio-group>
27   - </el-form-item>
28   - <el-form-item label-width="180px" label="算法类型" prop="aliPayConfig.signType">
29   - <el-radio-group v-model="form.aliPayConfig.signType" size="medium">
30   - <el-radio key="RSA2" label="RSA2">RSA2</el-radio>
31   - </el-radio-group>
32   - </el-form-item>
33   - <el-form-item label-width="180px" label="公钥类型" prop="aliPayConfig.mode">
34   - <el-radio-group v-model="form.aliPayConfig.mode" size="medium">
35   - <el-radio key="公钥模式" :label="1">公钥模式</el-radio>
36   - <el-radio key="证书模式" :label="2">证书模式</el-radio>
37   - </el-radio-group>
38   - </el-form-item>
39   - <div v-if="form.aliPayConfig.mode === 1">
40   - <el-form-item label-width="180px" label="应用私钥" prop="aliPayConfig.privateKey">
41   - <el-input type="textarea" :autosize="{minRows: 8, maxRows: 8}" v-model="form.aliPayConfig.privateKey"
42   - placeholder="请输入应用私钥" clearable :style="{width: '100%'}">
43   - </el-input>
44   - </el-form-item>
45   - <el-form-item label-width="180px" label="支付宝公钥" prop="aliPayConfig.alipayPublicKey">
46   - <el-input
47   - type="textarea"
48   - :autosize="{minRows: 8, maxRows: 8}"
49   - v-model="form.aliPayConfig.alipayPublicKey"
50   - placeholder="请输入支付宝公钥" clearable
51   - :style="{width: '100%'}">
52   - </el-input>
53   - </el-form-item>
54   - </div>
55   - <div v-if="form.aliPayConfig.mode === 2">
56   - <el-form-item label-width="180px" label="商户公钥应用证书" prop="aliPayConfig.appCertContent">
57   - <el-input v-model="form.aliPayConfig.appCertContent" type="textarea"
58   - placeholder="请上传商户公钥应用证书"
59   - readonly :autosize="{minRows: 8, maxRows: 8}" :style="{width: '100%'}"></el-input>
60   - </el-form-item>
61   - <el-form-item label-width="180px" label="">
62   - <el-upload
63   - action=""
64   - ref="privateKeyContentFile"
65   - :limit="1"
66   - :accept="fileAccept"
67   - :http-request="appCertUpload"
68   - :before-upload="fileBeforeUpload">
69   - <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
70   - </el-upload>
71   - </el-form-item>
72   - <el-form-item label-width="180px" label="支付宝公钥证书" prop="aliPayConfig.alipayPublicCertContent">
73   - <el-input v-model="form.aliPayConfig.alipayPublicCertContent" type="textarea"
74   - placeholder="请上传支付宝公钥证书"
75   - readonly :autosize="{minRows: 8, maxRows: 8}" :style="{width: '100%'}"></el-input>
76   - </el-form-item>
77   - <el-form-item label-width="180px" label="">
78   - <el-upload
79   - ref="privateCertContentFile"
80   - action=""
81   - :limit="1"
82   - :accept="fileAccept"
83   - :before-upload="fileBeforeUpload"
84   - :http-request="alipayPublicCertUpload">
85   - <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
86   - </el-upload>
87   - </el-form-item>
88   - <el-form-item label-width="180px" label="根证书" prop="aliPayConfig.rootCertContent">
89   - <el-input
90   - v-model="form.aliPayConfig.rootCertContent"
91   - type="textarea"
92   - placeholder="请上传根证书"
93   - readonly :autosize="{minRows: 8, maxRows: 8}"
94   - :style="{width: '100%'}">
95   - </el-input>
96   - </el-form-item>
97   - <el-form-item label-width="180px" label="">
98   - <el-upload
99   - ref="privateCertContentFile"
100   - :limit="1"
101   - :accept="fileAccept"
102   - action=""
103   - :before-upload="fileBeforeUpload"
104   - :http-request="rootCertUpload">
105   - <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
106   - </el-upload>
107   - </el-form-item>
108   - </div>
109   - <el-form-item label-width="180px" label="备注" prop="remark">
110   - <el-input v-model="form.remark" :style="{width: '100%'}"></el-input>
111   - </el-form-item>
112   - </el-form>
113   - <div slot="footer" class="dialog-footer">
114   - <el-button @click="close">取消</el-button>
115   - <el-button type="primary" @click="handleConfirm">确定</el-button>
116   - </div>
117   - </el-dialog>
118   - </div>
119   -</template>
120   -<script>
121   -import {createChannel, getChannel, updateChannel} from "@/api/pay/channel";
122   -
123   -const defaultForm = {
124   - code: '',
125   - status: null,
126   - remark: '',
127   - feeRate: null,
128   - appId: '',
129   - aliPayConfig: {
130   - appId: '',
131   - serverUrl: null,
132   - signType: '',
133   - mode: null,
134   - privateKey: '',
135   - alipayPublicKey: '',
136   - appCertContent: '',
137   - alipayPublicCertContent: '',
138   - rootCertContent: ''
139   - }
140   -};
141   -
142   -export default {
143   - name: "aliPayChannelForm",
144   - components: {},
145   - props: {
146   - // 传输的参数
147   - transferParam: {
148   - // 加载动画
149   - "loading": false,
150   - // 是否修改
151   - "edit": false,
152   - // 是否显示
153   - "aliPayOpen": false,
154   - // 应用ID
155   - "appId": null,
156   - // 渠道编码
157   - "payCode": null,
158   - }
159   - },
160   - data() {
161   - return {
162   - title:'',
163   - form: JSON.parse(JSON.stringify(defaultForm)),
164   - rules: {
165   - feeRate: [{ required: true, message: '请输入渠道费率', trigger: 'blur' }],
166   - status: [{ required: true, message: '渠道状态不能为空', trigger: 'blur' }],
167   - 'aliPayConfig.appId': [{ required: true, message: '请输入开放平台上创建的应用的 ID', trigger: 'blur' }],
168   - 'aliPayConfig.serverUrl': [{ required: true, message: '请传入网关地址', trigger: 'blur' }],
169   - 'aliPayConfig.signType': [{ required: true, message: '请传入签名算法类型', trigger: 'blur' }],
170   - 'aliPayConfig.mode': [{ required: true, message: '公钥类型不能为空', trigger: 'blur'}],
171   - 'aliPayConfig.privateKey': [{ required: true, message: '请输入商户私钥', trigger: 'blur' }],
172   - 'aliPayConfig.alipayPublicKey': [{ required: true, message: '请输入支付宝公钥字符串', trigger: 'blur' }],
173   - 'aliPayConfig.appCertContent': [{ required: true, message: '请上传商户公钥应用证书', trigger: 'blur' }],
174   - 'aliPayConfig.alipayPublicCertContent': [{ required: true, message: '请上传支付宝公钥证书', trigger: 'blur'}],
175   - 'aliPayConfig.rootCertContent': [{ required: true, message: '请上传指定根证书', trigger: 'blur' }],
176   - },
177   - fileAccept: ".crt",
178   - }
179   - },
180   - watch: {
181   - transferParam: {
182   - deep: true, // 深度监听
183   - handler(newVal) {
184   - if (newVal.aliPayOpen) {
185   - this.form.code = newVal.payCode;
186   - this.form.appId = newVal.appId;
187   - // 只有在初次进来为编辑 并且为加载中的时候才回去请求数据
188   - if (newVal.edit === true && newVal.loading) {
189   - this.title = "编辑支付渠道";
190   - this.init();
191   - } else {
192   - this.title = "创建支付渠道";
193   - }
194   - }
195   - }
196   - }
197   - },
198   - methods: {
199   - init() {
200   - getChannel(this.transferParam.appId, this.transferParam.payCode)
201   - .then(response => {
202   - this.form.id = response.data.id;
203   - this.form.feeRate = response.data.feeRate;
204   - this.form.status = response.data.status;
205   - this.form.remark = response.data.remark;
206   -
207   - let config = JSON.parse(response.data.config);
208   - this.form.aliPayConfig.appId = config.appId;
209   - this.form.aliPayConfig.serverUrl = config.serverUrl;
210   - this.form.aliPayConfig.signType = config.signType;
211   - this.form.aliPayConfig.mode = config.mode;
212   - this.form.aliPayConfig.privateKey = config.privateKey;
213   - this.form.aliPayConfig.alipayPublicKey = config.alipayPublicKey;
214   - this.form.aliPayConfig.appCertContent = config.appCertContent;
215   - this.form.aliPayConfig.alipayPublicCertContent = config.alipayPublicCertContent;
216   - this.form.aliPayConfig.rootCertContent = config.rootCertContent;
217   - this.transferParam.loading = false;
218   - })
219   - },
220   - close() {
221   - this.transferParam.aliPayOpen = false;
222   - this.form = JSON.parse(JSON.stringify(defaultForm));
223   - },
224   - handleConfirm() {
225   - this.$refs['aliPayForm'].validate(valid => {
226   - if (!valid) {
227   - return
228   - }
229   - let data = this.form;
230   - data.config = JSON.stringify(this.form.aliPayConfig);
231   - if (this.transferParam.edit) {
232   - updateChannel(data).then(response => {
233   - if (response.code === 0) {
234   - this.$modal.msgSuccess("修改成功");
235   - this.close();
236   - }
237   - })
238   - } else {
239   - createChannel(data).then(response => {
240   - if (response.code === 0) {
241   - this.$modal.msgSuccess("新增成功");
242   - this.$parent.refreshTable();
243   - this.close();
244   - }
245   - });
246   - }
247   - });
248   - },
249   - fileBeforeUpload(file) {
250   - let format = '.' + file.name.split(".")[1];
251   - if (format !== this.fileAccept) {
252   - this.$message.error('请上传指定格式"' + this.fileAccept + '"文件');
253   - return false;
254   - }
255   - let isRightSize = file.size / 1024 / 1024 < 2
256   - if (!isRightSize) {
257   - this.$message.error('文件大小超过 2MB')
258   - }
259   - return isRightSize
260   - },
261   - appCertUpload(event) {
262   - const readFile = new FileReader()
263   - readFile.onload = (e) => {
264   - this.form.aliPayConfig.appCertContent = e.target.result
265   - }
266   - readFile.readAsText(event.file);
267   - },
268   - alipayPublicCertUpload(event) {
269   - const readFile = new FileReader()
270   - readFile.onload = (e) => {
271   - this.form.aliPayConfig.alipayPublicCertContent = e.target.result
272   - }
273   - readFile.readAsText(event.file);
274   - },
275   - rootCertUpload(event) {
276   - const readFile = new FileReader()
277   - readFile.onload = (e) => {
278   - this.form.aliPayConfig.rootCertContent = e.target.result
279   - }
280   - readFile.readAsText(event.file);
281   - },
282   -
283   - }
284   -}
285   -
286   -</script>
287   -<style scoped>
288   -
289   -</style>
yudao-ui-admin/src/views/pay/app/components/alipayChannelForm.vue 0 → 100644
  View file @29d61be
  1 +<template>
  2 + <div>
  3 + <el-dialog :visible.sync="dialogVisible" :title="title" @closed="close" append-to-body width="800px">
  4 + <el-form ref="form" :model="formData" :rules="rules" size="medium" label-width="100px" v-loading="formLoading">
  5 + <el-form-item label-width="180px" label="渠道费率" prop="feeRate">
  6 + <el-input v-model="formData.feeRate" placeholder="请输入渠道费率" clearable :style="{width: '100%'}">
  7 + <template slot="append">%</template>
  8 + </el-input>
  9 + </el-form-item>
  10 + <el-form-item label-width="180px" label="开放平台 APPID" prop="config.appId">
  11 + <el-input v-model="formData.config.appId" placeholder="请输入开放平台 APPID" clearable :style="{width: '100%'}">
  12 + </el-input>
  13 + </el-form-item>
  14 + <el-form-item label-width="180px" label="渠道状态" prop="status">
  15 + <el-radio-group v-model="formData.status" size="medium">
  16 + <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="parseInt(dict.value)"
  17 + :label="parseInt(dict.value)">
  18 + {{ dict.label }}
  19 + </el-radio>
  20 + </el-radio-group>
  21 + </el-form-item>
  22 + <el-form-item label-width="180px" label="网关地址" prop="config.serverUrl">
  23 + <el-radio-group v-model="formData.config.serverUrl" size="medium">
  24 + <el-radio label="https://openapi.alipay.com/gateway.do">线上环境</el-radio>
  25 + <el-radio label="https://openapi-sandbox.dl.alipaydev.com/gateway.do">沙箱环境</el-radio>
  26 + </el-radio-group>
  27 + </el-form-item>
  28 + <el-form-item label-width="180px" label="算法类型" prop="config.signType">
  29 + <el-radio-group v-model="formData.config.signType" size="medium">
  30 + <el-radio key="RSA2" label="RSA2">RSA2</el-radio>
  31 + </el-radio-group>
  32 + </el-form-item>
  33 + <el-form-item label-width="180px" label="公钥类型" prop="config.mode">
  34 + <el-radio-group v-model="formData.config.mode" size="medium">
  35 + <el-radio key="公钥模式" :label="1">公钥模式</el-radio>
  36 + <el-radio key="证书模式" :label="2">证书模式</el-radio>
  37 + </el-radio-group>
  38 + </el-form-item>
  39 + <div v-if="formData.config.mode === 1">
  40 + <el-form-item label-width="180px" label="应用私钥" prop="config.privateKey">
  41 + <el-input type="textarea" :autosize="{minRows: 8, maxRows: 8}" v-model="formData.config.privateKey"
  42 + placeholder="请输入应用私钥" clearable :style="{width: '100%'}">
  43 + </el-input>
  44 + </el-form-item>
  45 + <el-form-item label-width="180px" label="支付宝公钥" prop="config.alipayPublicKey">
  46 + <el-input
  47 + type="textarea"
  48 + :autosize="{minRows: 8, maxRows: 8}"
  49 + v-model="formData.config.alipayPublicKey"
  50 + placeholder="请输入支付宝公钥" clearable
  51 + :style="{width: '100%'}">
  52 + </el-input>
  53 + </el-form-item>
  54 + </div>
  55 + <div v-if="formData.config.mode === 2">
  56 + <el-form-item label-width="180px" label="商户公钥应用证书" prop="config.appCertContent">
  57 + <el-input v-model="formData.config.appCertContent" type="textarea"
  58 + placeholder="请上传商户公钥应用证书"
  59 + readonly :autosize="{minRows: 8, maxRows: 8}" :style="{width: '100%'}"></el-input>
  60 + </el-form-item>
  61 + <el-form-item label-width="180px" label="">
  62 + <el-upload
  63 + action=""
  64 + ref="privateKeyContentFile"
  65 + :limit="1"
  66 + :accept="fileAccept"
  67 + :http-request="appCertUpload"
  68 + :before-upload="fileBeforeUpload">
  69 + <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
  70 + </el-upload>
  71 + </el-form-item>
  72 + <el-form-item label-width="180px" label="支付宝公钥证书" prop="config.alipayPublicCertContent">
  73 + <el-input v-model="formData.config.alipayPublicCertContent" type="textarea"
  74 + placeholder="请上传支付宝公钥证书"
  75 + readonly :autosize="{minRows: 8, maxRows: 8}" :style="{width: '100%'}"></el-input>
  76 + </el-form-item>
  77 + <el-form-item label-width="180px" label="">
  78 + <el-upload
  79 + ref="privateCertContentFile"
  80 + action=""
  81 + :limit="1"
  82 + :accept="fileAccept"
  83 + :before-upload="fileBeforeUpload"
  84 + :http-request="alipayPublicCertUpload">
  85 + <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
  86 + </el-upload>
  87 + </el-form-item>
  88 + <el-form-item label-width="180px" label="根证书" prop="config.rootCertContent">
  89 + <el-input
  90 + v-model="formData.config.rootCertContent"
  91 + type="textarea"
  92 + placeholder="请上传根证书"
  93 + readonly :autosize="{minRows: 8, maxRows: 8}"
  94 + :style="{width: '100%'}">
  95 + </el-input>
  96 + </el-form-item>
  97 + <el-form-item label-width="180px" label="">
  98 + <el-upload
  99 + ref="privateCertContentFile"
  100 + :limit="1"
  101 + :accept="fileAccept"
  102 + action=""
  103 + :before-upload="fileBeforeUpload"
  104 + :http-request="rootCertUpload">
  105 + <el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
  106 + </el-upload>
  107 + </el-form-item>
  108 + </div>
  109 + <el-form-item label-width="180px" label="备注" prop="remark">
  110 + <el-input v-model="formData.remark" :style="{width: '100%'}"></el-input>
  111 + </el-form-item>
  112 + </el-form>
  113 + <div slot="footer" class="dialog-footer">
  114 + <el-button @click="close">取消</el-button>
  115 + <el-button type="primary" @click="submitForm">确定</el-button>
  116 + </div>
  117 + </el-dialog>
  118 + </div>
  119 +</template>
  120 +<script>
  121 +import { createChannel, getChannel, updateChannel } from "@/api/pay/channel";
  122 +import { CommonStatusEnum } from "@/utils/constants";
  123 +
  124 +export default {
  125 + name: "alipayChannelForm",
  126 + data() {
  127 + return {
  128 + dialogVisible: false,
  129 + formLoading: false,
  130 + title:'',
  131 + formData: {
  132 + appId: '',
  133 + code: '',
  134 + status: undefined,
  135 + feeRate: undefined,
  136 + remark: '',
  137 + config: {
  138 + appId: '',
  139 + serverUrl: null,
  140 + signType: '',
  141 + mode: null,
  142 + privateKey: '',
  143 + alipayPublicKey: '',
  144 + appCertContent: '',
  145 + alipayPublicCertContent: '',
  146 + rootCertContent: ''
  147 + }
  148 + },
  149 + rules: {
  150 + feeRate: [{ required: true, message: '请输入渠道费率', trigger: 'blur' }],
  151 + status: [{ required: true, message: '渠道状态不能为空', trigger: 'blur' }],
  152 + 'config.appId': [{ required: true, message: '请输入开放平台上创建的应用的 ID', trigger: 'blur' }],
  153 + 'config.serverUrl': [{ required: true, message: '请传入网关地址', trigger: 'blur' }],
  154 + 'config.signType': [{ required: true, message: '请传入签名算法类型', trigger: 'blur' }],
  155 + 'config.mode': [{ required: true, message: '公钥类型不能为空', trigger: 'blur'}],
  156 + 'config.privateKey': [{ required: true, message: '请输入商户私钥', trigger: 'blur' }],
  157 + 'config.alipayPublicKey': [{ required: true, message: '请输入支付宝公钥字符串', trigger: 'blur' }],
  158 + 'config.appCertContent': [{ required: true, message: '请上传商户公钥应用证书', trigger: 'blur' }],
  159 + 'config.alipayPublicCertContent': [{ required: true, message: '请上传支付宝公钥证书', trigger: 'blur'}],
  160 + 'config.rootCertContent': [{ required: true, message: '请上传指定根证书', trigger: 'blur' }],
  161 + },
  162 + fileAccept: ".crt",
  163 + }
  164 + },
  165 + methods: {
  166 + open(appId, code) {
  167 + this.dialogVisible = true;
  168 + this.formLoading = true;
  169 + this.reset(appId, code);
  170 + getChannel(appId, code).then(response => {
  171 + if (response.data && response.data.id) {
  172 + this.formData = response.data;
  173 + this.formData.config = JSON.parse(response.data.config);
  174 + }
  175 + this.title = this.formData.id ? '创建支付渠道' : '编辑支付渠道'
  176 + }).finally(() => {
  177 + this.formLoading = false;
  178 + });
  179 + },
  180 + close() {
  181 + this.dialogVisible = false;
  182 + this.reset(undefined, undefined);
  183 + },
  184 + submitForm() {
  185 + this.$refs['form'].validate(valid => {
  186 + if (!valid) {
  187 + return
  188 + }
  189 + const data = { ...this.formData };
  190 + data.config = JSON.stringify(this.formData.config);
  191 + if (!data.id) {
  192 + createChannel(data).then(response => {
  193 + this.$modal.msgSuccess("新增成功");
  194 + this.$emit('success')
  195 + this.close();
  196 + });
  197 + } else {
  198 + updateChannel(data).then(response => {
  199 + this.$modal.msgSuccess("修改成功");
  200 + this.$emit('success')
  201 + this.close();
  202 + })
  203 + }
  204 + });
  205 + },
  206 + /** 重置表单 */
  207 + reset(appId, code) {
  208 + this.formData = {
  209 + appId: appId,
  210 + code: code,
  211 + status: CommonStatusEnum.ENABLE,
  212 + remark: '',
  213 + feeRate: null,
  214 + config: {
  215 + appId: '',
  216 + serverUrl: null,
  217 + signType: 'RSA2',
  218 + mode: null,
  219 + privateKey: '',
  220 + alipayPublicKey: '',
  221 + appCertContent: '',
  222 + alipayPublicCertContent: '',
  223 + rootCertContent: ''
  224 + }
  225 + }
  226 + this.resetForm('form')
  227 + },
  228 + fileBeforeUpload(file) {
  229 + let format = '.' + file.name.split(".")[1];
  230 + if (format !== this.fileAccept) {
  231 + this.$message.error('请上传指定格式"' + this.fileAccept + '"文件');
  232 + return false;
  233 + }
  234 + let isRightSize = file.size / 1024 / 1024 < 2
  235 + if (!isRightSize) {
  236 + this.$message.error('文件大小超过 2MB')
  237 + }
  238 + return isRightSize
  239 + },
  240 + appCertUpload(event) {
  241 + const readFile = new FileReader()
  242 + readFile.onload = (e) => {
  243 + this.formData.config.appCertContent = e.target.result
  244 + }
  245 + readFile.readAsText(event.file);
  246 + },
  247 + alipayPublicCertUpload(event) {
  248 + const readFile = new FileReader()
  249 + readFile.onload = (e) => {
  250 + this.formData.config.alipayPublicCertContent = e.target.result
  251 + }
  252 + readFile.readAsText(event.file);
  253 + },
  254 + rootCertUpload(event) {
  255 + const readFile = new FileReader()
  256 + readFile.onload = (e) => {
  257 + this.formData.config.rootCertContent = e.target.result
  258 + }
  259 + readFile.readAsText(event.file);
  260 + },
  261 +
  262 + }
  263 +}
  264 +
  265 +</script>
  266 +<style scoped>
  267 +
  268 +</style>
... ...
yudao-ui-admin/src/views/pay/app/index.vue
  View file @29d61be
... ... @@ -216,7 +216,7 @@
216 216  
217 217 <!-- 弹窗 -->
218 218 <wechat-channel-form :transferParam="channelParam" />
219   - <ali-pay-channel-form :transferParam="channelParam"></ali-pay-channel-form>
  219 + <alipay-channel-form ref="alipayChannelFormRef" @success="getList" />
220 220 </div>
221 221 </template>
222 222  
... ... @@ -225,13 +225,13 @@ import { createApp, updateApp, changeAppStatus, deleteApp, getApp, getAppPage }
225 225 import { DICT_TYPE, getDictDatas } from "@/utils/dict";
226 226 import { PayType, PayChannelEnum, CommonStatusEnum } from "@/utils/constants";
227 227 import wechatChannelForm from "@/views/pay/app/components/wechatChannelForm";
228   -import aliPayChannelForm from "@/views/pay/app/components/aliPayChannelForm";
  228 +import alipayChannelForm from "@/views/pay/app/components/alipayChannelForm";
229 229  
230 230 export default {
231 231 name: "PayApp",
232 232 components: {
233 233 "wechatChannelForm": wechatChannelForm,
234   - "aliPayChannelForm": aliPayChannelForm
  234 + "alipayChannelForm": alipayChannelForm
235 235 },
236 236 data() {
237 237 return {
... ... @@ -285,13 +285,6 @@ export default {
285 285 "appId": null,
286 286 // 渠道编码
287 287 "payCode": null,
288   - // 商户对象
289   - "payMerchant": {
290   - // 编号
291   - "id": null,
292   - // 名称
293   - "name": null
294   - },
295 288 }
296 289 };
297 290 },
... ... @@ -426,14 +419,12 @@ export default {
426 419 this.channelParam.aliPayOpen = false;
427 420 }
428 421 if (type === PayType.ALIPAY) {
429   - this.channelParam.aliPayOpen = true;
430   - this.channelParam.wechatOpen = false;
  422 + console.log(this.$refs['alipayChannelFormRef'])
  423 + this.$refs['alipayChannelFormRef'].open(row.id, payCode);
  424 + return;
  425 + // this.channelParam.aliPayOpen = true;
  426 + // this.channelParam.wechatOpen = false;
431 427 }
432   - this.channelParam.edit = false;
433   - this.channelParam.loading = false;
434   - this.channelParam.appId = row.id;
435   - this.channelParam.payCode = payCode;
436   - this.channelParam.payMerchant = row.payMerchant;
437 428 },
438 429 /**
439 430 * 根据渠道编码判断渠道列表中是否存在
... ...