|
326 | 326 | <tooltip-label :title="$t('label.sticky.name')" :tooltip="createLoadBalancerStickinessPolicyParams.name.description" :tooltip-placement="'right'"/> |
327 | 327 | </template> |
328 | 328 | </a-form-item> |
329 | | - <br/> |
330 | | - {{ $t('message.loadbalancer.stickypolicy.configuration') }} |
331 | | - <br/> |
332 | | - <a-card> |
333 | | - <a-form-item |
334 | | - name="cookieName" |
335 | | - ref="cookieName" |
336 | | - :label="$t('label.sticky.cookie-name')" |
337 | | - v-show="stickinessPolicyMethod === 'LbCookie' || stickinessPolicyMethod === |
338 | | - 'AppCookie'"> |
339 | | - <a-input v-model:value="form.cookieName" /> |
340 | | - </a-form-item> |
341 | | - <a-form-item |
342 | | - name="mode" |
343 | | - ref="mode" |
344 | | - :label="$t('label.sticky.mode')" |
345 | | - v-show="stickinessPolicyMethod === 'LbCookie' || stickinessPolicyMethod === |
346 | | - 'AppCookie'"> |
347 | | - <a-input v-model:value="form.mode" /> |
348 | | - </a-form-item> |
349 | | - <a-form-item name="nocache" ref="nocache" :label="$t('label.sticky.nocache')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
350 | | - <a-checkbox v-model:checked="form.nocache"></a-checkbox> |
351 | | - </a-form-item> |
352 | | - <a-form-item name="indirect" ref="indirect" :label="$t('label.sticky.indirect')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
353 | | - <a-checkbox v-model:checked="form.indirect"></a-checkbox> |
354 | | - </a-form-item> |
355 | | - <a-form-item name="postonly" ref="postonly" :label="$t('label.sticky.postonly')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
356 | | - <a-checkbox v-model:checked="form.postonly"></a-checkbox> |
357 | | - </a-form-item> |
358 | | - <a-form-item name="domain" ref="domain" :label="$t('label.domain')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
359 | | - <a-input v-model:value="form.domain" /> |
360 | | - </a-form-item> |
361 | | - <a-form-item name="length" ref="length" :label="$t('label.sticky.length')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
362 | | - <a-input v-model:value="form.length" type="number" /> |
363 | | - </a-form-item> |
364 | | - <a-form-item name="holdtime" ref="holdtime" :label="$t('label.sticky.holdtime')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
365 | | - <a-input v-model:value="form.holdtime" type="number" /> |
366 | | - </a-form-item> |
367 | | - <a-form-item name="requestLearn" ref="requestLearn" :label="$t('label.sticky.request-learn')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
368 | | - <a-checkbox v-model:checked="form.requestLearn"></a-checkbox> |
369 | | - </a-form-item> |
370 | | - <a-form-item name="prefix" ref="prefix" :label="$t('label.sticky.prefix')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
371 | | - <a-checkbox v-model:checked="form.prefix"></a-checkbox> |
372 | | - </a-form-item> |
373 | | - <a-form-item name="tablesize" ref="tablesize" :label="$t('label.sticky.tablesize')" v-show="stickinessPolicyMethod === 'SourceBased'"> |
374 | | - <a-input v-model:value="form.tablesize" /> |
375 | | - </a-form-item> |
376 | | - <a-form-item name="expire" ref="expire" :label="$t('label.sticky.expire')" v-show="stickinessPolicyMethod === 'SourceBased'"> |
377 | | - <a-input v-model:value="form.expire" /> |
378 | | - </a-form-item> |
379 | | - </a-card> |
| 329 | + <div v-if="stickinessPolicyMethod !== 'none'"> |
| 330 | + <br/> |
| 331 | + {{ $t('message.loadbalancer.stickypolicy.configuration') }} |
| 332 | + <br/> |
| 333 | + <a-card> |
| 334 | + <a-form-item |
| 335 | + name="cookieName" |
| 336 | + ref="cookieName" |
| 337 | + :label="$t('label.sticky.cookie-name')" |
| 338 | + v-show="stickinessPolicyMethod === 'LbCookie' || stickinessPolicyMethod === |
| 339 | + 'AppCookie'"> |
| 340 | + <a-input v-model:value="form.cookieName" /> |
| 341 | + </a-form-item> |
| 342 | + <a-form-item |
| 343 | + name="mode" |
| 344 | + ref="mode" |
| 345 | + :label="$t('label.sticky.mode')" |
| 346 | + v-show="stickinessPolicyMethod === 'LbCookie' || stickinessPolicyMethod === |
| 347 | + 'AppCookie'"> |
| 348 | + <a-input v-model:value="form.mode" /> |
| 349 | + </a-form-item> |
| 350 | + <a-form-item name="nocache" ref="nocache" :label="$t('label.sticky.nocache')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
| 351 | + <a-checkbox v-model:checked="form.nocache"></a-checkbox> |
| 352 | + </a-form-item> |
| 353 | + <a-form-item name="indirect" ref="indirect" :label="$t('label.sticky.indirect')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
| 354 | + <a-checkbox v-model:checked="form.indirect"></a-checkbox> |
| 355 | + </a-form-item> |
| 356 | + <a-form-item name="postonly" ref="postonly" :label="$t('label.sticky.postonly')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
| 357 | + <a-checkbox v-model:checked="form.postonly"></a-checkbox> |
| 358 | + </a-form-item> |
| 359 | + <a-form-item name="domain" ref="domain" :label="$t('label.domain')" v-show="stickinessPolicyMethod === 'LbCookie'"> |
| 360 | + <a-input v-model:value="form.domain" /> |
| 361 | + </a-form-item> |
| 362 | + <a-form-item name="length" ref="length" :label="$t('label.sticky.length')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
| 363 | + <a-input v-model:value="form.length" type="number" /> |
| 364 | + </a-form-item> |
| 365 | + <a-form-item name="holdtime" ref="holdtime" :label="$t('label.sticky.holdtime')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
| 366 | + <a-input v-model:value="form.holdtime" type="number" /> |
| 367 | + </a-form-item> |
| 368 | + <a-form-item name="requestLearn" ref="requestLearn" :label="$t('label.sticky.request-learn')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
| 369 | + <a-checkbox v-model:checked="form.requestLearn"></a-checkbox> |
| 370 | + </a-form-item> |
| 371 | + <a-form-item name="prefix" ref="prefix" :label="$t('label.sticky.prefix')" v-show="stickinessPolicyMethod === 'AppCookie'"> |
| 372 | + <a-checkbox v-model:checked="form.prefix"></a-checkbox> |
| 373 | + </a-form-item> |
| 374 | + <a-form-item name="tablesize" ref="tablesize" :label="$t('label.sticky.tablesize')" v-show="stickinessPolicyMethod === 'SourceBased'"> |
| 375 | + <a-input v-model:value="form.tablesize" /> |
| 376 | + </a-form-item> |
| 377 | + <a-form-item name="expire" ref="expire" :label="$t('label.sticky.expire')" v-show="stickinessPolicyMethod === 'SourceBased'"> |
| 378 | + <a-input v-model:value="form.expire" /> |
| 379 | + </a-form-item> |
| 380 | + </a-card> |
| 381 | + </div> |
380 | 382 | <div :span="24" class="action-button"> |
381 | 383 | <a-button @click="stickinessModalVisible = false">{{ $t('label.cancel') }}</a-button> |
382 | 384 | <a-button type="primary" ref="submit" @click="handleSubmitStickinessForm">{{ $t('label.ok') }}</a-button> |
|
0 commit comments