hi-ucs/front/src/views/personalCenter/components/CloudDetails.vue

102 lines
2.0 KiB
Vue
Raw Normal View History

2022-12-10 20:25:43 +08:00
<template>
<div class="top">
<div class="title">基本信息</div>
<div class="main">
<div>
<p class="item">
<span>业务名称{{baseInfo.BUSINESS_NAME}}</span>
</p>
<p class="item">
<span>业务id :{{baseInfo.BSNUM}}</span>
</p>
<p class="item">
<span>状态{{baseInfo.STATUS}}</span>
</p>
<p class="item">
<span>申请时间: {{baseInfo.CREATE_TIME}}</span>
</p>
</div>
</div>
</div>
<div class="top">
<div class="title">申请资源</div>
<a-table :columns="columns" :data-source="xVideoList" bordered :pagination="{ defaultPageSize: 6 }">
<template #bodyCell="{ column, text }">
</template>
</a-table>
</div>
</template>
<script setup>
import { onMounted, defineProps, ref } from 'vue'
import {
getZwyBusinessInfoById
} from '@/api/personalCenter'
const props = defineProps({
BSNUM: { type: String, default: '' },
baseInfo: { type: Object, default: null },
})
const BSNUM = ref('')
const baseInfo = ref({})
BSNUM.value = props.BSNUM
baseInfo.value = props.baseInfo
const columns = ref([
{
title: '资源类型',
dataIndex: 'SOURCE_TYPE',
}, {
title: '资源名称',
dataIndex: 'NAME',
}, {
title: '备注',
dataIndex: 'INFO',
},
])
const xVideoList = ref([
])
onMounted(() => {
const params={
"id":BSNUM.value
}
getZwyBusinessInfoById(params).then(
(res) => {
xVideoList.value = res.data.data
num.value = []
total.value = res.data.data.total
}
)
})
</script>
<style lang="less" scoped>
.title {
font-size: 0.18rem;
color: #000;
font-weight: bold;
margin-bottom: 0.2rem;
padding-left: 0.1rem;
border-left: 0.06rem #0058e1 solid;
margin-left: 12px;
}
// .resource{
// margin: 0.1rem 0.2rem;
// }
.top {
margin: 0.1rem 0.2rem;
.main {
background: #eee;
padding: 0.2rem 0.2rem 0.1rem;
height: 100px;
.item {
width: 450px;
float: left;
}
}
}
</style>