yuebonui-vue3/src/views/tenant/index.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div class="app-container">
    <el-form ref="searchformRef" v-show="showSearch" :inline="true" :model="queryParams" class="demo-form-inline">
      <el-form-item label="名称：" prop="Keywords">
        <el-input v-model="queryParams.Keywords" clearable placeholder="名称" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="search" @click="handleSearch()">查询</el-button>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-row :gutter="10" class="mb8">
      <el-button-group>
        <el-button v-hasPermi="['Tenant/Add']" type="primary" icon="plus" @click="ShowEditOrViewDialog()">新增</el-button>
        <el-button v-hasPermi="['Tenant/Edit']" type="primary" icon="edit" :disabled="single" class="el-button-modify" @click="ShowEditOrViewDialog('edit')">修改</el-button>
        <el-button v-hasPermi="['Tenant/InitTenantData']" type="primary" icon="Refresh" :disabled="single" @click="handerInit()">初始化</el-button>
        <el-button v-hasPermi="['Tenant/Enable']" type="info" icon="video-pause" :disabled="multiple" @click="setEnable('0')">禁用</el-button>
        <el-button v-hasPermi="['Tenant/Enable']" type="success" icon="video-play" :disabled="multiple" @click="setEnable('1')">启用</el-button>
        <el-button v-hasPermi="['Tenant/DeleteSoft']" type="warning" icon="delete" :disabled="multiple" @click="deleteSoft('0')">软删除</el-button>
        <el-button v-hasPermi="['Tenant/Delete']" type="danger" icon="delete" :disabled="multiple" @click="deletePhysics()">删除</el-button>
      </el-button-group>
      <right-toolbar v-model:showSearch="showSearch" @queryTable="loadTableData"></right-toolbar>
    </el-row>
    <el-table ref="gridtable" v-loading="tableloading" :data="tableData" stripe highlight-current-row style="width: 100%" :default-sort="{ prop: 'CreatorTime', order: 'ascending' }" @selection-change="handleSelectChange">
      <el-table-column type="selection" width="55" />
      <el-table-column prop="TenantName" label="租户账号" sortable="custom" width="120" />
      <el-table-column prop="CompanyName" label="公司名称" sortable="custom" width="180" />
      <el-table-column prop="TenantType" label="租户类型" sortable="custom" width="120" >
        <template #default="scope">
          <el-tag v-if="scope.row.TenantType === 0">普通租户</el-tag>
          <el-tag v-if="scope.row.TenantType === 1">系统租户</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="Schema" label="数据架构" sortable="custom" width="120" >
        <template #default="scope">
          <el-tag v-if="scope.row.Schema === 0">共享数据库</el-tag>
          <el-tag v-if="scope.row.Schema === 1">独立数据库</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="HostDomain" label="访问域名" sortable="custom" width="180" />
      <el-table-column prop="LinkMan" label="联系人" sortable="custom" width="120" />
      <el-table-column prop="Telphone" label="联系电话" sortable="custom" width="120" />
      <el-table-column prop="Description" label="租户介绍" sortable="custom" width="220" />
      <el-table-column label="是否启用" sortable="custom" width="120" prop="EnabledMark" align="center">
        <template #default="scope">
          <el-tag :type="scope.row.EnabledMark === true ? 'success' : 'info'" disable-transitions>{{ scope.row.EnabledMark === true ? "启用" : "禁用" }}</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="是否删除" sortable="custom" width="120" prop="DeleteMark" align="center">
        <template #default="scope">
          <el-tag :type="scope.row.DeleteMark === true ? 'danger' : 'success'" disable-transitions>{{ scope.row.DeleteMark === true ? "已删除" : "否" }}</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="CreatorTime" label="创建时间" sortable width="160" />
      <el-table-column prop="LastModifyTime" label="更新时间" sortable width="160" />
    </el-table>
    <Pagination
      v-show="queryParams.pageTotal>0"
      :total="queryParams.pageTotal"
      v-model:page="queryParams.CurrenetPageIndex"