102 lines
2.0 KiB
Vue
102 lines
2.0 KiB
Vue
|
<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>
|