src/views/system/tenantPackage/index.vue

@@ -49,64 +49,67 @@
    </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"/>
@@ -277,4 +280,8 @@
  border-radius: 80px 80px 80px 80px;
  border: 1px solid #417CFF;
}
.pagination {
  margin-right: 30px;
  margin-top: 400px;
}
</style>