| | |
| | | </el-form> |
| | | </ContentWrap> |
| | | <!-- 列表 --> |
| | | <el-skeleton :loading="loading"> |
| | | <div class="package-card" v-for="(item, index) in packages" :key="`dynamics-${index}`"> |
| | | <div class="card-content"> |
| | | <img class="card-icon" :src="item.icon"/> |
| | | <div class="card-middle"> |
| | | <div class="tenant-title">{{ item.name }}</div> |
| | | <div class="tenant-operation"> |
| | | <el-dropdown @command="(command) => handleCommand(command, item)" |
| | | v-hasPermi="[ |
| | | 'system:tenant-package:update', |
| | | 'system:tenant-package:delete' |
| | | ]"> |
| | | <el-button type="primary" link> |
| | | <Icon icon="ep:more-filled"/> |
| | | </el-button> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item |
| | | command="handleUpdate" |
| | | v-if="checkPermi(['system:tenant-package:update'])" |
| | | > |
| | | <Icon icon="ep:edit"/> |
| | | 修改 |
| | | </el-dropdown-item> |
| | | <el-dropdown-item |
| | | command="handleDelete" |
| | | v-if="checkPermi(['system:tenant-package:delete'])" |
| | | > |
| | | <Icon icon="ep:delete"/> |
| | | 删除 |
| | | </el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> |
| | | <ContentWrap> |
| | | <el-skeleton :loading="loading"> |
| | | <div class="package-card" v-for="(item, index) in packages" :key="`dynamics-${index}`"> |
| | | <div class="card-content"> |
| | | <img class="card-icon" :src="item.icon"/> |
| | | <div class="card-middle"> |
| | | <div class="tenant-title">{{ item.name }}</div> |
| | | <div class="tenant-operation"> |
| | | <el-dropdown @command="(command) => handleCommand(command, item)" |
| | | v-hasPermi="[ |
| | | 'system:tenant-package:update', |
| | | 'system:tenant-package:delete' |
| | | ]"> |
| | | <el-button type="primary" link> |
| | | <Icon icon="ep:more-filled"/> |
| | | </el-button> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item |
| | | command="handleUpdate" |
| | | v-if="checkPermi(['system:tenant-package:update'])" |
| | | > |
| | | <Icon icon="ep:edit"/> |
| | | 修改 |
| | | </el-dropdown-item> |
| | | <el-dropdown-item |
| | | command="handleDelete" |
| | | v-if="checkPermi(['system:tenant-package:delete'])" |
| | | > |
| | | <Icon icon="ep:delete"/> |
| | | 删除 |
| | | </el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> |
| | | </div> |
| | | </div> |
| | | <div class="description">{{ item.description }}</div> |
| | | <div class="label-areas"> |
| | | <el-tag |
| | | :disable-transitions="true" |
| | | :key="i" |
| | | v-for="(label, i) in item.labels" |
| | | :index="i" |
| | | class="label" |
| | | > |
| | | {{ label }} |
| | | </el-tag> |
| | | </div> |
| | | </div> |
| | | <div class="description">{{ item.description }}</div> |
| | | <div class="label-areas"> |
| | | <el-tag |
| | | :disable-transitions="true" |
| | | :key="i" |
| | | v-for="(label, i) in item.labels" |
| | | :index="i" |
| | | class="label" |
| | | > |
| | | {{ label }} |
| | | </el-tag> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-skeleton> |
| | | <!-- 分页 --> |
| | | <Pagination |
| | | class="pagination" |
| | | :total="total" |
| | | v-model:page="queryParams.pageNo" |
| | | v-model:limit="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </el-skeleton> |
| | | </ContentWrap> |
| | | |
| | | <!-- 表单弹窗:添加/修改 --> |
| | | <TenantPackageForm ref="formRef" @success="getList"/> |
| | |
| | | border-radius: 80px 80px 80px 80px; |
| | | border: 1px solid #417CFF; |
| | | } |
| | | .pagination { |
| | | margin-right: 30px; |
| | | margin-top: 400px; |
| | | } |
| | | </style> |