<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>