| | |
| | | |
| | | <!-- 列表 --> |
| | | <ContentWrap> |
| | | <el-row :gutter="20"> |
| | | <div v-loading="loading" class="package-card" v-for="(item, index) in packages" :key="`dynamics-${index}`"> |
| | | <el-col :span="6"> |
| | | <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)"> |
| | | <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-menu> |
| | | <el-dropdown-menu> |
| | | <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> |
| | | <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)"> |
| | | <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-menu> |
| | | <el-dropdown-menu> |
| | | <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> |
| | | <div class="description">{{item.description}}</div> |
| | | <div class="label-areas"> |
| | | <el-tag |
| | | :disable-transitions="true" |
| | | :key="index" |
| | | v-for="(label, index) in item.labels" |
| | | :index="index" |
| | | class="label" |
| | | > |
| | | {{ label }} |
| | | </el-tag> |
| | | </div> |
| | | </el-col> |
| | | <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> |
| | | </el-col> |
| | | </div> |
| | | </el-row> |
| | | <!-- 分页 --> |
| | | <Pagination |
| | | :total="total" |