<template>
	<j-tree-table
      ref="treeTable"
      topValue="0"
      queryKey="parentId"
      :url="url"
      :columns="columns"
      :tableProps="tableProps"
      :queryParams="queryParams"
    >
      <template v-slot:action="props">
        <!-- 可使用的参数： -->
        <!-- props.text -->
        <!-- props.record -->
        <!-- props.index -->
        <a @click="() => handleEdit(props.record)">编辑</a>/ <a @click="() => handleAddSub(props.record)">添加下级</a>/
        <a-popconfirm title="确定删除吗?" ok-text="是" cancel-text="否" @confirm="handleDelete(props.record)">
          <a style="color:red" href="#">删除</a>
        </a-popconfirm>
      </template>
    </j-tree-table>
</template>
<script>
	export default {
    data() {
      return {
        url: 'sys/area/list',
        columns: [
        	{
          	title: '地区名称',
          	dataIndex: 'name'
        	},
          {
            title: '地区等级',
            dataIndex: 'level_dictText'
          },
          {
            title: '国标编号',
            dataIndex: 'gbCode'
          },
          {
            title: '邮编',
            dataIndex: 'postCode'
          },
          {
            title: '操作',
            dataIndex: 'action',
            scopedSlots: { customRender: 'action' }
          }
      	],
        tableProps: { 
        	pagination: false
        },
      	queryParams: {
          pageSize: 9999999
        }
      }
    },
    
    methods: {
      handleEdit(record) {},
      handleAddSub(record) {},
      handleDelete(record) {}
    }
  }
</script>