| | |
| | | <!-- 列表 --> |
| | | <ContentWrap> |
| | | <el-table v-loading="loading" :data="list"> |
| | | <el-table-column label="应用类型" align="center" prop="type"> |
| | | <template #default="scope"> |
| | | <dict-tag :type="DICT_TYPE.SYSTEM_APP_TYPE" :value="scope.row.type" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="应用分组" align="center" prop="groupId"> |
| | | <template #default="scope"> |
| | | <template v-for="item in groupList"> |
| | | <el-tag type="warning" :key="item.id" v-if="item.id === scope.row.groupId"> |
| | | {{ item.name }} |
| | | </el-tag> |
| | | </template> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="应用编号" align="center" prop="appCode" /> |
| | | <el-table-column label="应用名称" align="center" prop="appName" /> |
| | | <el-table-column label="应用域名" align="center" prop="appDomain" /> |
| | | <el-table-column label="接口域名" align="center" prop="apiDomain" /> |
| | | <el-table-column label="应用账号" align="center" prop="appKey" /> |
| | | <el-table-column label="应用分组" align="center" prop="appGroup" /> |
| | | <el-table-column label="加载类型" align="center" prop="loadType" /> |
| | | <el-table-column label="应用图标" align="center" prop="icon" /> |
| | | <el-table-column label="开发者" align="center" prop="devName" /> |
| | | <!-- <el-table-column label="接口域名" align="center" prop="apiDomain" />--> |
| | | <!-- <el-table-column label="应用账号" align="center" prop="appKey" />--> |
| | | <el-table-column label="应用图标" align="center" prop="logo"> |
| | | <template #default="scope"> |
| | | <img width="40px" height="40px" :src="scope.row.icon" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" align="center" prop="remark" width="200" /> |
| | | <el-table-column |
| | | label="创建时间" |
| | |
| | | link |
| | | type="primary" |
| | | @click="openForm('update', scope.row.id)" |
| | | v-hasPermi="['system:tenant:update']" |
| | | v-hasPermi="['system:app:update']" |
| | | > |
| | | 编辑 |
| | | </el-button> |
| | |
| | | link |
| | | type="danger" |
| | | @click="handleDelete(scope.row.id)" |
| | | v-hasPermi="['system:tenant:delete']" |
| | | v-hasPermi="['system:app:delete']" |
| | | > |
| | | 删除 |
| | | </el-button> |
| | |
| | | import download from '@/utils/download' |
| | | import * as AppApi from '@/api/system/app' |
| | | import AppForm from './AppForm.vue' |
| | | import * as TenantApi from "@/api/system/tenant"; |
| | | import * as AppGroupApi from "@/api/system/appgroup"; |
| | | |
| | | defineOptions({name: 'SystemApp'}) |
| | | |
| | |
| | | }) |
| | | const queryFormRef = ref() // 搜索的表单 |
| | | const exportLoading = ref(false) // 导出的加载中 |
| | | |
| | | const tenantList = ref([] as TenantApi.TenantVO[]) // 租户列表 |
| | | const groupList = ref([] as AppGroupApi.AppGroupVO[]) // 分组列表 |
| | | |
| | | /** 查询列表 */ |
| | | const getList = async () => { |
| | |
| | | /** 初始化 **/ |
| | | onMounted(async () => { |
| | | await getList() |
| | | tenantList.value = await TenantApi.getSimpleTenant() |
| | | groupList.value = await AppGroupApi.getAppGroupList() |
| | | }) |
| | | </script> |