emis-frontend/src/views/system/sysRoleZipApp/view.vue
2023-11-27 16:29:42 +08:00

82 lines
1.7 KiB
Vue

<template>
<div class="app-container">
<el-row>
<el-button icon="el-icon-arrow-left" size="small" @click="backClick">返回</el-button>
<el-button size="small" @click="successOrder">操作</el-button>
</el-row>
<el-descriptions title="基本信息:">
<el-descriptions-item label="角色ID">{{ sysRoleZipApp.roleId }}</el-descriptions-item>
<el-descriptions-item label="租户ID">{{ sysRoleZipApp.appId }}</el-descriptions-item>
</el-descriptions>
</div>
</template>
<script>
import { getSysRoleZipApp } from "@/api/system/sysRoleZipApp";
export default {
name: "sysRoleZipApp",
props:{
appId:undefined
},
dicts: [],
data() {
return {
// 遮罩层
loading: true,
// 角色和biz app关联表表格数据
sysRoleZipApp: {}
};
},
created() {
this.initData();
},
watch: {
"appId": {
handler (newValue, oldValue) {
this.appId = newValue;
this.getList();
},
deep: true
}
},
methods: {
/** 查询角色和biz app关联表列表 */
initData() {
this.loading = true;
getSysRoleZipApp(this.appId).then(response => {
this.sysRoleZipApp = response.data;
this.loading = false;
});
},
}
};
</script>
<style rel="stylesheet/scss" lang="scss">
.filter-container {
padding-bottom: 10px;
.filter-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
}
.order-title {
margin-top: 18px;
font-size: 16px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.printMeClass {
font-family: SimHei;
label {
font-weight: normal;
}
}
</style>