ant design vue 弹框自定义底部按钮

 <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>
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值