yjdp-web/src/views/emergencyCommandMap/RightSection/knowledgeWarehouse.vue

<template>
  <Dialog custom-show type="xl" title="事件管理列表" @close="closeDialog">
    <!-- 表格组件 -->
    <div class="common-table">
      <div class="table-header">
        <div class="td">报告编号</div>
        <div class="td">报告名称</div>
        <div class="td">主题词</div>
        <div class="td">事件类型</div>
        <div class="td">摘要</div>
        <div class="td">来源单位</div>
        <div class="td">发布时间</div>
      </div>
      <div v-for="(item, index) in tableData" :key="index" class="tr">
        <div class="td">{{ item.report_id }}</div>
        <div class="td">{{ item.report_name }}</div>
        <div class="td">{{ item.source_unit }}</div>
        <div class="td">{{ item.keyword }}</div>
        <div class="td">{{ item.event_type }}</div>
        <div class="td">{{ item.abstract }}</div>
        <div class="td">{{ item.release_time }}</div>
      </div>
    </div>
    <!--    <div class="footer">-->
    <!--      <pagination-->
    <!--        v-show="total > 0"-->
    <!--        v-model:page="queryParams.page"-->
    <!--        v-model:limit="queryParams.page_size"-->
    <!--        :total="total"-->
    <!--        layout="total, prev, pager, next"-->
    <!--        @pagination="getList"-->
    <!--      />-->
    <!--    </div>-->
    <!--    <CloseEventDialog-->
    <!--      v-model="closeDialogState.show"-->
    <!--      :data="closeDialogState.form"-->
    <!--      :event-id="eventId"-->
    <!--      @update:model-value="handleCloseEventDialog"-->
    <!--    />-->
  </Dialog>
</template>
<script setup lang="ts">
import CloseEventDialog from '@/views/routineCommandMap/eventing/CloseEventDialog.vue';
import { reactive } from 'vue';

const emit = defineEmits(['update:show']);
const closeDialog = () => {
  emit('update:show', false);
};
const queryParams = reactive({
  page: 1,
  page_size: 10
});

const tableData = [
  {
    report_id: '001',
    report_name: '测试报告1',
    source_unit: '市应急局',
    keyword: '干旱',
    event_type: ' drought',
    abstract: '干旱事件',
    release_time: '2023-05-01'
  },
  {
    report_id: '002',
    report_name: '测试报告2',
    source_unit: '市应急局',
    keyword: ' flood',
    event_type: 'flood',
    abstract: '水灾事件',
    release_time: '2023-05-02'
  },
  {
    report_id: '003',
    report_name: '测试报告3',
    source_unit: '市应急局',
    keyword: ' wildfire',
    event_type: 'wildfire',
    abstract: ' bushfire事件',
    release_time: '2023-05-03'
  }
];
</script>