1717
1818<template >
1919 <div class =" table-warp" >
20- <form-create
21- :rule =" rule"
22- v-model =" formModel"
23- :option =" options"
24- />
20+ <form-create :rule =" rule" v-model =" formModel" :option =" options" />
2521 </div >
2622</template >
2723
@@ -30,24 +26,16 @@ export default {
3026 props: {
3127 mode: String ,
3228 },
33- data () {
34- return {
35- formModel: {
36- elapseDay: 1 ,
37- permanentlyValid: false ,
38- },
39- // formData: {},
40- options: {
41- submitBtn: false ,
42- },
43- rule: [
29+ computed: {
30+ rule : function () {
31+ return [
4432 {
4533 type: ' hidden' ,
46- title: " id " ,
34+ title: ' id ' ,
4735 field: ' id' ,
4836 value: ' ' ,
4937 props: {
50- placeholder: " " ,
38+ placeholder: ' ' ,
5139 },
5240 validate: [
5341 {
@@ -61,42 +49,61 @@ export default {
6149 },
6250 {
6351 type: ' input' ,
64- title: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.tokenName' ),
52+ title: this .$t (
53+ ' message.linkis.basedataManagement.gatewayAuthToken.tokenName'
54+ ),
6555 field: ' tokenName' ,
6656 info: ' Token Name,Example: TEST-AUTH' ,
6757 value: ' ' ,
6858 props: {
69- placeholder: " eg. TEST-AUTH" ,
59+ placeholder: ' eg. TEST-AUTH' ,
60+ disabled: this .mode === ' edit' ,
7061 },
7162 validate: [
7263 {
7364 required: true ,
74- message: ` ${ this .$t (
75- ' message.linkis.datasource.pleaseInput'
76- )} ` + this .$t (' message.linkis.basedataManagement.gatewayAuthToken.tokenName' ),
65+ message:
66+ ` ${ this .$t (
67+ ' message.linkis.datasource.pleaseInput'
68+ )} ` +
69+ this .$t (
70+ ' message.linkis.basedataManagement.gatewayAuthToken.tokenName'
71+ ),
7772 trigger: ' blur' ,
7873 },
7974 ],
8075 },
8176 {
8277 type: ' input' ,
83- title: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalUsers' ),
78+ title: this .$t (
79+ ' message.linkis.basedataManagement.gatewayAuthToken.legalUsers'
80+ ),
8481 field: ' legalUsers' ,
8582 value: ' ' ,
86- info: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalUsersInfo' ),
83+ info: this .$t (
84+ ' message.linkis.basedataManagement.gatewayAuthToken.legalUsersInfo'
85+ ),
8786 props: {
88- placeholder: " eg. *" ,
87+ placeholder: ' eg. *' ,
8988 },
9089 validate: [
9190 {
9291 required: true ,
93- validator : (rule , value )=> {
94- return new Promise ((resolve , reject )=> {
95- if (! value){
96- reject (this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalUsersValidate.empty' ))
92+ validator : (rule , value ) => {
93+ return new Promise ((resolve , reject ) => {
94+ if (! value) {
95+ reject (
96+ this .$t (
97+ ' message.linkis.basedataManagement.gatewayAuthToken.legalUsersValidate.empty'
98+ )
99+ )
97100 }
98- if (value< - 1 ){
99- reject (this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalUsersValidate.format' ))
101+ if (value < - 1 ) {
102+ reject (
103+ this .$t (
104+ ' message.linkis.basedataManagement.gatewayAuthToken.legalUsersValidate.format'
105+ )
106+ )
100107 }
101108 resolve ()
102109 })
@@ -107,20 +114,28 @@ export default {
107114 },
108115 {
109116 type: ' input' ,
110- title: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalHosts' ),
117+ title: this .$t (
118+ ' message.linkis.basedataManagement.gatewayAuthToken.legalHosts'
119+ ),
111120 field: ' legalHosts' ,
112121 value: ' ' ,
113- info: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalHostsInfo' ),
122+ info: this .$t (
123+ ' message.linkis.basedataManagement.gatewayAuthToken.legalHostsInfo'
124+ ),
114125 props: {
115- placeholder: " eg. *" ,
126+ placeholder: ' eg. *' ,
116127 },
117128 validate: [
118129 {
119130 required: true ,
120- validator : (rule , value )=> {
121- return new Promise ((resolve , reject )=> {
122- if (! value){
123- reject (this .$t (' message.linkis.basedataManagement.gatewayAuthToken.legalHostsInfoValidate.empty' ))
131+ validator : (rule , value ) => {
132+ return new Promise ((resolve , reject ) => {
133+ if (! value) {
134+ reject (
135+ this .$t (
136+ ' message.linkis.basedataManagement.gatewayAuthToken.legalHostsInfoValidate.empty'
137+ )
138+ )
124139 }
125140 resolve ()
126141 })
@@ -131,54 +146,83 @@ export default {
131146 },
132147 {
133148 type: ' radio' ,
134- title: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.permanentlyValid' ),
135- field: " permanentlyValid" ,
149+ title: this .$t (
150+ ' message.linkis.basedataManagement.gatewayAuthToken.permanentlyValid'
151+ ),
152+ field: ' permanentlyValid' ,
136153 value: false ,
137154 hidden: false ,
138155 options: [
139- {value: false ,label: " 否 " , disabled: false },
140- {value: true ,label: " 是 " , disabled: false },
156+ { value: false , label: ' 否 ' , disabled: false },
157+ { value: true , label: ' 是 ' , disabled: false },
141158 ],
142159 on: {
143160 ' on-change ' : () => {
144- this .rule [5 ].hidden = ! this .rule [5 ].hidden ;
145- if (! this .rule [5 ].hidden ) {
146- this .rule [5 ].value = 1 ;
161+ this .rule [5 ].hidden = ! this .rule [5 ].hidden
162+ if (! this .rule [5 ].hidden ) {
163+ this .rule [5 ].value = 1
147164 } else {
148- this .rule [5 ].value = - 1 ;
165+ this .rule [5 ].value = - 1
149166 }
150- }
151- }
167+ },
168+ },
152169 },
153170 {
154171 type: ' inputNumber' ,
155- title: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.elapseDay' ),
172+ title: this .$t (
173+ ' message.linkis.basedataManagement.gatewayAuthToken.elapseDay'
174+ ),
156175 field: ' elapseDay' ,
157176 value: 1 ,
158177 hidden: false ,
159- info: this .$t (' message.linkis.basedataManagement.gatewayAuthToken.info' ),
178+ info: this .$t (
179+ ' message.linkis.basedataManagement.gatewayAuthToken.info'
180+ ),
160181 props: {
161- placeholder: " eg . 1" ,
182+ placeholder: ' eg . 1' ,
162183 },
163184 validate: [
164185 {
165186 required: true ,
166- validator : (rule , value )=> {
167- return new Promise ((resolve , reject )=> {
168- if (! value){
169- reject (this .$t (' message.linkis.basedataManagement.gatewayAuthToken.elapseDayValidate.empty' ))
187+ validator : (rule , value ) => {
188+ return new Promise ((resolve , reject ) => {
189+ if (! value) {
190+ reject (
191+ this .$t (
192+ ' message.linkis.basedataManagement.gatewayAuthToken.elapseDayValidate.empty'
193+ )
194+ )
170195 }
171- if (! this .formModel .permanentlyValid && value < 1 ) {
172- reject (this .$t (' message.linkis.basedataManagement.gatewayAuthToken.elapseDayValidate.GT0' ))
196+ if (
197+ ! this .formModel .permanentlyValid &&
198+ value < 1
199+ ) {
200+ reject (
201+ this .$t (
202+ ' message.linkis.basedataManagement.gatewayAuthToken.elapseDayValidate.GT0'
203+ )
204+ )
173205 }
174206 resolve ()
175207 })
176208 },
177209 trigger: ' blur' ,
178210 },
179211 ],
180- }
212+ },
181213 ]
214+ },
215+ },
216+ data () {
217+ return {
218+ formModel: {
219+ elapseDay: 1 ,
220+ permanentlyValid: false ,
221+ },
222+ // formData: {},
223+ options: {
224+ submitBtn: false ,
225+ },
182226 }
183227 },
184228}
0 commit comments