<template>
  <div>
    <div class="titleBox">
      <PageTitle title="临时任务管理">
        <el-button @click="activeName = '列表'">列表</el-button>
        <el-button @click="activeName = '统计图表'">统计图表</el-button>
      </PageTitle>
    </div>
    <Count v-if="activeName == '统计图表'"></Count>
    <ListTable @lookDetail="lookDetail" v-if="activeName == '列表'" :dic="{ D_BZ_JBLDRWLX, JBLDRWZT }"></ListTable>
    <!-- 详情 -->
    <DetailForm ref="detailDiloag" :dic="{ D_BZ_JBLDRWLX, JBLDRWZT }" />
  </div>
</template>

<script setup>
import DetailForm from "./components/detailForm.vue";
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import { reactive, ref, defineEmits, onMounted, getCurrentInstance } from "vue";
import ListTable from "./listTable.vue";
import Count from "./count.vue";
const { proxy } = getCurrentInstance();
const { D_BZ_JBLDRWLX, JBLDRWZT } = proxy.$dict("D_BZ_JBLDRWLX", "JBLDRWZT");
const activeName = ref("列表");
const detailDiloag = ref();
const lookDetail = (row) => {
  detailDiloag.value.init(row);
};
</script>

<style></style>