<template>
       <MyTable :tableData="tableDate.tableData" :tableColumn="tableDate.tableColumn"
            :tableHeight="tableDate.tableHeight" :key="tableDate.keyCount" :tableConfiger="tableDate.tableConfiger"
            :controlsWidth="tableDate.controlsWidth">
            <template #xb="{ row }">
              <DictTag :tag="false" :value="row.xb" :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";
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: [
  { label: "姓名", prop: "xm" },
    { label: "性别", prop: "xb",showSolt:true },
    { label: "身份证号", prop: "sfzh" },
    { label: "户籍地", prop: "hjdz" },
    { label: "户籍地派出所", prop: "hjdpcs" },
    { label: "标签", prop: "bqList",showSolt:true }
  ]
});
watch(() => props.item, (val) => {
  tableDate.tableData=val.ryList

  },{deep:true})
</script>
<style lang="css" scoped>

</style>
