| | |
| | | <el-skeleton :loading="loading" animated> |
| | | <div id="app"> |
| | | <div class="card" v-for="(item, index) in appList" :key="`dynamics-${index}`"> |
| | | <div @click="gotoApp(item)"> |
| | | <div> |
| | | <img class="card-left" :src="item.icon"/> |
| | | <div class="card-right"> |
| | | <div class="app-title"> |
| | | {{ item.appName }} |
| | | </div> |
| | | <div class="goto-app"> |
| | | <div class="goto-app" @click="gotoApp(item)"> |
| | | <div>进入应用</div> |
| | | </div> |
| | | </div> |
| | |
| | | margin-top: 5px; |
| | | background: #3A99FD; |
| | | border-radius: 80px 80px 80px 80px; |
| | | cursor: pointer; |
| | | } |
| | | .goto-app > div { |
| | | padding: 6px; |
| | |
| | | </el-form> |
| | | </ContentWrap> |
| | | <!-- 列表 --> |
| | | <ContentWrap> |
| | | <el-skeleton :loading="loading"> |
| | | <div class="package-card" v-for="(item, index) in packages" :key="`dynamics-${index}`"> |
| | | <div class="card-content"> |
| | |
| | | </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> |