HtSubmitButton.vue
2.81 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
<template>
<ht-save-button
:is-submit="isSubmit"
:request-method="requestMethod"
:scope-name="scopeName"
@before-save-data="beforeSaveData"
@request-save-data="requestSaveData"
:loading="loading"
:disabled="disabled"
><slot></slot></ht-save-button>
</template>
<script>
import req from "@/request.js";
export default {
name: "ht-submit-button",
props: {
url: {
type: String,
required: true
},
requestMethod: {
type: String,
default: "POST"
},
model: {
type: [Object, Array],
default(){
return {};
}
},
isSubmit: {
type: Boolean,
default: true
},
type: {
type: String,
default: "primary"
},
scopeName: {
type: String,
required: true
},
context: {
type: String
},
loading: {
type: Boolean,
default: false,
},
disabled: {
type: Boolean,
default: false,
},
alertMsg: {
type: Boolean,
default: true,
},
restoreUrl: {
type: String
},
aliasProp: {
type: String
},
},
computed:{
calUrl: function(){
if(this.context){
return window.context[this.context] + this.url;
}
return this.url;
},
calRestoreUrl: function(){
if(this.context){
return window.context[this.context] + this.restoreUrl;
}
return this.restoreUrl;
}
},
mounted() {},
methods: {
async beforeSaveData() {
await this.$emit("before-save-data");
},
async requestSaveData() {
let response = await req.request({
data: this.model,
url: this.calUrl,
method: this.requestMethod
}).finally(() => {
});
if (response.data && response.data.state) {
if (response.data && response.data.errorCode && response.data.errorCode == '5035' && this.restoreUrl) {
this.$confirm( response.data.message,'提示',{
cancelButtonText: '取消',
confirmButtonText: '确定',
type: 'warning',
closeOnClickModal: false,
}
).then(async () => {
let response1 = await req.request({
url: this.calRestoreUrl+this.model[this.aliasProp],
method: 'get'
}).finally(() => {});
if (response1.data && response1.data.state) {
this.emitSuccess(response1)
}
})
}else{
this.emitSuccess(response)
}
}
},
emitSuccess(response){
this.$emit("after-save-data",response.data);
this.$message.success(response.data.message || "操作成功");
if(response.data.value){
this.$emit("after-response-value",response.data.value);
}
}
}
};
</script>