|
@@ -1,9 +1,9 @@
|
1
|
1
|
<template>
|
2
|
|
- <div class="p-2">
|
3
|
|
- <el-dialog v-model="dialog.visible" :title="dialog.title" width="50%" :draggable="draggable" :show-close="false">
|
|
2
|
+ <div class="e-dialog">
|
|
3
|
+ <el-dialog v-model="dialog.visible" :title="dialog.title" width="50%" :draggable="draggable">
|
4
|
4
|
<div class="panel">
|
5
|
5
|
<h4 class="panel-title">{{ labelInfo }}</h4>
|
6
|
|
- <el-form ref="formAccountRef" :model="accountFormData" label-width="100px">
|
|
6
|
+ <el-form ref="formAccountRef" :model="accountFormData" label-width="auto">
|
7
|
7
|
<el-row>
|
8
|
8
|
<el-col :span="12">
|
9
|
9
|
<el-form-item label="姓名" prop="realName">
|
|
@@ -29,7 +29,7 @@
|
29
|
29
|
</el-col>
|
30
|
30
|
</el-row>
|
31
|
31
|
</el-form>
|
32
|
|
- <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
|
32
|
+ <el-form ref="formRef" :model="formData" :rules="formRules" label-width="auto">
|
33
|
33
|
<el-row>
|
34
|
34
|
<el-col :span="12">
|
35
|
35
|
<el-form-item label="操作钱包" prop="bagCode">
|
|
@@ -290,6 +290,7 @@ const submitForm = async () => {
|
290
|
290
|
if (!formRef.value) return;
|
291
|
291
|
const valid = await formRef.value?.validate();
|
292
|
292
|
if (!valid) return;
|
|
293
|
+ formLoading.value = true;
|
293
|
294
|
try {
|
294
|
295
|
const data = formData.value as unknown as PtBagForm;
|
295
|
296
|
data.userId = accountFormData.value.userId;
|
|
@@ -321,5 +322,47 @@ const getList = async (userId: string | number) => {
|
321
|
322
|
};
|
322
|
323
|
/** 关闭按钮 */
|
323
|
324
|
</script>
|
|
325
|
+<style scoped>
|
|
326
|
+.e-dialog {
|
|
327
|
+ .slide-fade-enter-active {
|
|
328
|
+ transition: all 0.3s ease;
|
|
329
|
+ }
|
|
330
|
+
|
|
331
|
+ .slide-fade-leave-active {
|
|
332
|
+ transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
|
333
|
+ }
|
|
334
|
+
|
|
335
|
+ .slide-fade-enter,
|
|
336
|
+ .slide-fade-leave-to {
|
|
337
|
+ opacity: 0;
|
|
338
|
+ }
|
|
339
|
+}
|
|
340
|
+:deep() .el-dialog {
|
|
341
|
+ border-radius: 10px;
|
|
342
|
+}
|
|
343
|
+
|
|
344
|
+:deep() .el-dialog__body {
|
|
345
|
+ padding: 1px 1px !important;
|
|
346
|
+ max-height: 90vh !important;
|
|
347
|
+}
|
|
348
|
+
|
|
349
|
+:deep() .el-dialog__header {
|
|
350
|
+ background: #1d78d5;
|
|
351
|
+ border-radius: 6px 6px 5px 5px;
|
|
352
|
+}
|
|
353
|
+
|
|
354
|
+:deep() .el-dialog__title {
|
|
355
|
+ color: white;
|
|
356
|
+ margin-top: 1px;
|
|
357
|
+}
|
|
358
|
+
|
|
359
|
+:deep() .el-dialog__headerbtn .el-dialog__close {
|
|
360
|
+ color: white !important;
|
|
361
|
+ top: 15px;
|
|
362
|
+ right: 10px;
|
|
363
|
+}
|
324
|
364
|
|
325
|
|
-<style scoped lang="scss"></style>
|
|
365
|
+:deep() .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body {
|
|
366
|
+ padding: 1px !important;
|
|
367
|
+}
|
|
368
|
+</style>
|