<template>
    <el-table
        ref="CaseTableRef"
        v-loading="loading"
        :data="CaseTables"
        show-overflow-tooltip
    >
        <el-table-column label="时间" prop="name" />
        <el-table-column label="单位" prop="unitname" />
        <el-table-column label="接待人" prop="casetype" />
        <el-table-column label="答复形式" prop="unitname" />
        <el-table-column label="级别" prop="state">
            <template #default="scope">
                <dict-tag :options="nj_anjian_status" :value="scope.row.state" />
            </template>
        </el-table-column>
        <el-table-column label="反映事项" prop="depname"/>
        <el-table-column label="处理情况" prop="depname"/>
        <el-table-column fixed="right" align="center" label="操作" width="80">
        <template #default="scope">
            <el-button link size="small" type="warning"  @click="VisitingHistoryInfoRef.showEditCase(scope.row)">
            <el-icon class="me-1">
                <Edit />
            </el-icon>
            详情
            </el-button>
        </template>
        </el-table-column>
    </el-table>
    <!-- 分页组件 -->
    <pagination
        v-show="total > 0"
        :total="total"
        v-model:page="paging.pageNum"
        v-model:limit="paging.pageSize"
        @pagination="getLists"
    />
    <VisitingHistoryInfo ref="VisitingHistoryInfoRef" />
</template>
<script setup>
import {getCurrentInstance} from "vue";
const {proxy} = getCurrentInstance()
import PageEnum from "@/enum/PageEnum.js";
import VisitingHistoryInfo from "./VisitingHistoryInfo.vue";
const {nj_anjian_type,nj_anjian_status } = proxy.useDict('nj_anjian_type','nj_anjian_status')
const loading = ref(false);
  
const VisitingHistoryInfoRef = ref();

  const paging = ref({
    pageNum: 1,
    pageSize: PageEnum.SIZE,
  });
  const queryParams = ref({
    name: "",
    casecode: "",
    brief: "",
    state: "1,2",
  });
  
  const total = ref(0);
  const CaseTables = ref([
    {
      name: "1",
      depname:'啊啊后阿达说的啊啊后阿达说的阿萨德啊啊后阿达说的阿萨德啊啊后阿达说的阿萨德啊啊后阿达说的阿萨德阿萨德'
    },
    {
      name: "2",
    },
  ]);
    // 获取案件列表
    const getLists = async () => {
    // loading.value = true
    // await getCaseInfoList(queryParams.value, paging.value).then(res => {
    //     CaseTables.value = res.rows
    //     total.value = res.total
    //     loading.value = false
    // })
  };
  
   // 获取案件列表
   const GetInfo = async (row) => {
    console.log(row)
  };
</script>