<template>
       <MyTable :tableData="tableDate.tableData" :tableColumn="tableDate.tableColumn"
            :tableHeight="tableDate.tableHeight" :key="tableDate.keyCount" :tableConfiger="tableDate.tableConfiger"
            :controlsWidth="tableDate.controlsWidth">
            <template #fjZp="{ row }">
              <el-image :src="row.fjZp"></el-image>
            </template>
            <template #ryXb="{ row }">
              <DictTag :tag="false" :value="row.ryXb" :options="dict.D_BZ_XB" />
            </template>
            <template #bqList="{ row }">
              <span v-if="row.bqList">
                <span v-for="(it, idx) in row.bqList" :key="idx"> {{ it.bqMc }}、</span>
              </span>
            </template>
          </MyTable>

</template>
<script setup>
import { ref,reactive, watch } from 'vue'
import MyTable from "@/components/aboutTable/MyTable.vue";
import { tableColumnList } from '../tableRow.js'
const props = defineProps({
  item: {
    type: Object,
  default:()=>{}
  }, dict: {
    type: Object,
    default:()=>{}
}
});
let tableDate = reactive({
  tableData: [],
  keyCount: 0,
  tableConfiger: {
    rowHieght: 61,
    showSelectType: "null",
    loading: false,
    haveControls:false,
  },
  total: 0,
  pageConfiger: {
    pageSize: 20,
    pageCurrent: 1
  }, //分页
  controlsWidth: 200, //操作栏宽度
  tableColumn: []
});
watch(() => props.item, (val) => {
  tableDate.tableColumn = tableColumnList[val.bkDx]
  tableDate.tableData=val.bkdxList
  },{deep:true})
</script>
<style lang="css" scoped>

</style>
