<script setup lang="ts">
defineOptions({
  name: "evaluateExamIndex"
});
import { useRouter } from "vue-router";
const router = useRouter();
const tableData = [
  {
    date: "2016-05-03",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
    show: false
  },
  {
    date: "2016-05-02",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
    show: false
  },
  {
    date: "2016-05-04",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
    show: false
  },
  {
    date: "2016-05-01",
    name: "Tom",
    address: "No. 189, Grove St, Los Angeles",
    show: false
  }
];
const newAdd = () => {
  router.push("/evaluate/children/components/newAdd");
};
</script>

<template>
  <div class="w-[100%]">
    <div class="mb-2 flex gap-2 justify-between flex-wrap">
      <div class="flex mt-2">
        <div class="flex mr-2">
          <el-input style="width: 500px" placeholder="搜索考核模板" />
        </div>
      </div>
      <div class="flex pt-2 mr-6">
        <el-button type="primary" class="mr-2" @click="newAdd"
          >新建考核模板</el-button
        >
      </div>
    </div>
    <div class="mt-8">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="address" label="考核模板" />
        <el-table-column prop="date" label="更新时间" width="150" sortable />
        <el-table-column prop="name" label="创建人" width="150" />
        <el-table-column label="操作" width="200">
          <template #default="{ row }">
            <!-- <el-button link :icon="Edit" /> -->
            <el-dropdown trigger="click">
              <span class="el-dropdown-link navbar-bg-hover select-none">
                <el-icon @click="setEdit(row)">
                  <Edit />
                </el-icon>
              </span>
            </el-dropdown>
            <el-dropdown class="ml-2" trigger="click">
              <span class="el-dropdown-link navbar-bg-hover select-none">
                <el-icon>
                  <More />
                </el-icon>
              </span>
              <template #dropdown>
                <el-dropdown-menu class="setting">
                  <el-dropdown-item @click="setDelete(row)">
                    删除
                  </el-dropdown-item>
                  <el-dropdown-item> 发布 </el-dropdown-item>
                  <el-dropdown-item> 下架 </el-dropdown-item>
                  <el-dropdown-item> 日志 </el-dropdown-item>
                  <el-dropdown-item> 数据 </el-dropdown-item>
                  <el-dropdown-item @click="setDetails(row)">
                    详情
                  </el-dropdown-item>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div class="float-right mt-8 mr-8">
      <!-- <el-pagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
        :page-sizes="[10, 15, 20, 30]"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      /> -->
    </div>
  </div>
</template>
