ant design vue 弹框自定义底部按钮
<a-modalv-model:visible="editVisible":title="`${$t('BusinessList.BSN_EDIT_TIP')}`"centered:getContainer="() => $refs.refModel":cancelText="`${$t('common.Cancel')}`":okText="`${$t('common.Save'..
·
<a-modal
v-model:visible="editVisible"
:title="`${$t('BusinessList.BSN_EDIT_TIP')}`"
centered
:getContainer="() => $refs.refModel"
:cancelText="`${$t('common.Cancel')}`"
:okText="`${$t('common.Save')}`"
@cancel="() => ((editVisible = false), (nameErr = false))"
>
<template #footer>
<a-button key="submit" type="primary" @click="updateBusiness">
{{ $t("common.Save") }}
</a-button>
<a-button key="back" @click="() => ((editVisible = false), (nameErr = false))">
{{ $t("BusinessList.BSN_RETURN") }}
</a-button>
</template>
<div id="editContent">
<a-spin :spinning="isLoading">
<div class="createItem">
<div class="item-input">
<label class="redPoint">{{ $t("BusinessList.BSN_SYSTEM") }}</label>
<a-input type="text" v-model:value="editSystemVersion" disabled="true" />
</div>
<p class="errorMsg"></p>
</div>
<div class="createItem">
<div class="item-input">
<label class="redPoint">{{ $t("BusinessList.BSN_NAME") }}</label>
<a-input
type="text"
v-model:value="editBusinessName"
@change="changeInput"
name="editBusinessName"
:maxLength="40"
/>
</div>
<p class="errorMsg">{{ nameErr ? nameMsg : "" }}</p>
</div>
<div class="createItem">
<div class="item-input">
<label class="redPoint">{{ $t("BusinessList.BSN_STATUS") }}</label>
<a-radio-group
style="text-align: center"
v-model:value="editStatusVal"
@change="e => (editStatusVal = e.target.value)"
>
<a-radio :value="0">{{ $t("BusinessList.BSN_UNPUBLISH") }}</a-radio>
<a-radio :value="1">{{ $t("BusinessList.BSN_PUBLISH") }}</a-radio>
</a-radio-group>
</div>
<p class="errorMsg"></p>
</div>
<div class="createItem">
<div class="item-input">
<label>{{ $t("BusinessList.BSN_DESCRIBE") }}</label>
<a-textarea
v-model:value="editDescription"
name="editDescription"
@change="changeInput"
:maxlength="200"
></a-textarea>
</div>
<p class="errorMsg"></p>
</div>
</a-spin>
</div>
</a-modal>
更多推荐
已为社区贡献1条内容
所有评论(0)