MineAdmin系统单租户扩展多租户实战2_mineadmin 二开-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_20536321/article/details/136767391

本文介绍了在Vue应用中实现租户创建功能，包括前端页面设计，如管理员账号和密码输入，套餐选择，以及与后端接口的交互。着重展示了如何使用CRUD组件和添加验证规则，以确保数据安全性和完整性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇文章完成了租户套餐模块的编写，这篇文章将完成创建租户的相关代码

创建租户的时候要求输入租户的相关信息，超级管理员账号密码并且给创建的租户管理员进行菜单权限管理，刷新套餐等操作。

首先前端页面需要加上管理员账号、密码的input框，选择套餐就调用MineAdmin的通用远程接口（太方便了，安全性的话emmm)

<template>
  <div class="ma-content-block lg:flex justify-between p-4">
    <!-- CRUD 组件 -->
    <ma-crud :options="options" :columns="columns" ref="crudRef">
      <template #status="{ record }">
        <a-switch
          checked-value="1"
          unchecked-value="2"
          :default-checked="record.status == 1"
          @change="switchStatus($event, record.id, 'status')"
        ></a-switch>
      </template>
    </ma-crud>
  </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import tenantInfo from '@/api/tenant/tenantInfo'
import { Message } from '@arco-design/web-vue'
import tool from '@/utils/tool'
import * as common from '@/utils/common'
import dayjs from 'dayjs'

const crudRef = ref()



const switchStatus = (statusValue, id, statusName) &