From 2e9de024db445f60522f15c8c1c370320a432bd7 Mon Sep 17 00:00:00 2001
From: zhangxiaodi1 <zhangxiaodi_ah@bonc.com.cn>
Date: Tue, 29 Oct 2024 16:46:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=97=AE=E9=A2=98=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E7=94=9F=E6=88=90=EF=BC=8C=E6=8A=A5=E5=91=8A=E6=A8=A1?=
 =?UTF-8?q?=E7=89=88=E7=AE=A1=E7=90=86=E4=BB=A3=E7=A0=81=E7=94=9F=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RepDataProblem/RepDataProblem/index.ts    |  60 ++++
 .../RepDataProblem/RepDataProblem/types.ts    |  40 +++
 .../RepTemplate/RepTemplate/index.ts          |  60 ++++
 .../RepTemplate/RepTemplate/types.ts          |  56 ++++
 .../RepDataProblem/RepDataProblem.vue         | 274 ++++++++++++++++
 .../RepDataProblem/components/Detail.vue      |  43 +++
 .../RepDataProblem/components/Write.vue       | 114 +++++++
 .../reporting/RepDataProblem/constants.ts     |   0
 .../reporting/RepTemplate/RepTemplate.vue     | 294 ++++++++++++++++++
 .../RepTemplate/components/Detail.vue         |  59 ++++
 .../RepTemplate/components/Write.vue          | 146 +++++++++
 src/views/reporting/RepTemplate/constants.ts  |   0
 12 files changed, 1146 insertions(+)
 create mode 100644 src/api/reporting/RepDataProblem/RepDataProblem/index.ts
 create mode 100644 src/api/reporting/RepDataProblem/RepDataProblem/types.ts
 create mode 100644 src/api/reporting/RepTemplate/RepTemplate/index.ts
 create mode 100644 src/api/reporting/RepTemplate/RepTemplate/types.ts
 create mode 100644 src/views/reporting/RepDataProblem/RepDataProblem.vue
 create mode 100644 src/views/reporting/RepDataProblem/components/Detail.vue
 create mode 100644 src/views/reporting/RepDataProblem/components/Write.vue
 create mode 100644 src/views/reporting/RepDataProblem/constants.ts
 create mode 100644 src/views/reporting/RepTemplate/RepTemplate.vue
 create mode 100644 src/views/reporting/RepTemplate/components/Detail.vue
 create mode 100644 src/views/reporting/RepTemplate/components/Write.vue
 create mode 100644 src/views/reporting/RepTemplate/constants.ts

diff --git a/src/api/reporting/RepDataProblem/RepDataProblem/index.ts b/src/api/reporting/RepDataProblem/RepDataProblem/index.ts
new file mode 100644
index 0000000..384d995
--- /dev/null
+++ b/src/api/reporting/RepDataProblem/RepDataProblem/index.ts
@@ -0,0 +1,60 @@
+import request from '@/config/axios';
+import type { TableData } from './types';
+
+/** 获取表格数据 */
+export const getRepDataProblemListApi = (data: any) => {
+  return request.postJson({ url: '/RepDataProblem/spi/reporting/RepDataProblem/RepDataProblemQueryPage', data });
+};
+
+/** 批量删除 */
+export const delRepDataProblemListApi = (list: string[] | number[]): Promise<IResponse> => {
+  const _list = list.map(v => {
+    return {
+      pId: v.pId,
+    };
+  });
+  return request.postJson({
+    url: '/RepDataProblem/spi/reporting/RepDataProblem/RepDataProblemBatchDelete',
+    data: {
+      list: _list,
+    },
+  });
+};
+
+/** 删除 */
+export const delRepDataProblemApi = (pId?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepDataProblem/spi/reporting/RepDataProblem/RepDataProblemDelete', data: { pId } });
+};
+
+/** 保存 */
+export const saveRepDataProblemApi = (data: Partial<TableData>): Promise<IResponse> => {
+  return request.postJson({ url: '/RepDataProblem/spi/reporting/RepDataProblem/RepDataProblemSave', data });
+};
+
+/** 查询单条数据 */
+export const queryRepDataProblemApi = (pId?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepDataProblem/spi/reporting/RepDataProblem/RepDataProblemQueryOne', data: { pId } });
+};
+
+/** 同步导入 */
+export const importExcelApiUrl = '/RepDataProblem/sui/reporting/RepDataProblem/RepDataProblemImportExcel';
+
+/** 异步导入 */
+export const importExcelAsyncApiUrl = '/RepDataProblem/sui/reporting/RepDataProblem/RepDataProblemImportAsyncExcel';
+
+/** 导出 */
+export const exportExcelApi = (params: any) => {
+  return request.doExport({ url: '/RepDataProblem/sdi/reporting/RepDataProblem/RepDataProblemExportXls', params });
+};
+
+/** 获取某个字典 */
+export const getCsckCheckType = ({ paramName, systemCode }): Promise<IResponse> => {
+  return request.postJson({
+    url: '/param/spi/param/systemparam',
+    data: {
+      paramName: paramName,
+      systemCode: systemCode,
+    },
+  });
+};
+
diff --git a/src/api/reporting/RepDataProblem/RepDataProblem/types.ts b/src/api/reporting/RepDataProblem/RepDataProblem/types.ts
new file mode 100644
index 0000000..fc6c81e
--- /dev/null
+++ b/src/api/reporting/RepDataProblem/RepDataProblem/types.ts
@@ -0,0 +1,40 @@
+/* eslint-disable lines-around-comment */
+
+export type TableData = {
+  /** 主键 */
+  pId?: string
+  /** 数据日期 */
+  dataDate?: string
+  /** 生成时间 */
+  createTime?: string
+  /** 模板表id */
+  tId?: string
+  /** 报告名称 */
+  tName?: string
+  /** 报告分类 */
+  tCategory?: string
+  /** 所属机构 */
+  organCode?: string
+}
+
+export interface DictItem {
+  dictId: string;
+  dictName: string;
+}
+
+export type FormModel = {
+  /** 主键 */
+  pId?: string
+  /** 数据日期 */
+  dataDate?: string
+  /** 生成时间 */
+  createTime?: string
+  /** 模板表id */
+  tId?: string
+  /** 报告名称 */
+  tName?: string
+  /** 报告分类 */
+  tCategory?: string
+  /** 所属机构 */
+  organCode?: string
+}
diff --git a/src/api/reporting/RepTemplate/RepTemplate/index.ts b/src/api/reporting/RepTemplate/RepTemplate/index.ts
new file mode 100644
index 0000000..a2650e5
--- /dev/null
+++ b/src/api/reporting/RepTemplate/RepTemplate/index.ts
@@ -0,0 +1,60 @@
+import request from '@/config/axios';
+import type { TableData } from './types';
+
+/** 获取表格数据 */
+export const getRepTemplateListApi = (data: any) => {
+  return request.postJson({ url: '/RepTemplate/spi/reporting/RepTemplate/RepTemplateQueryPage', data });
+};
+
+/** 批量删除 */
+export const delRepTemplateListApi = (list: string[] | number[]): Promise<IResponse> => {
+  const _list = list.map(v => {
+    return {
+      tId: v.tId,
+    };
+  });
+  return request.postJson({
+    url: '/RepTemplate/spi/reporting/RepTemplate/RepTemplateBatchDelete',
+    data: {
+      list: _list,
+    },
+  });
+};
+
+/** 删除 */
+export const delRepTemplateApi = (tId?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepTemplate/spi/reporting/RepTemplate/RepTemplateDelete', data: { tId } });
+};
+
+/** 保存 */
+export const saveRepTemplateApi = (data: Partial<TableData>): Promise<IResponse> => {
+  return request.postJson({ url: '/RepTemplate/spi/reporting/RepTemplate/RepTemplateSave', data });
+};
+
+/** 查询单条数据 */
+export const queryRepTemplateApi = (tId?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepTemplate/spi/reporting/RepTemplate/RepTemplateQueryOne', data: { tId } });
+};
+
+/** 同步导入 */
+export const importExcelApiUrl = '/RepTemplate/sui/reporting/RepTemplate/RepTemplateImportExcel';
+
+/** 异步导入 */
+export const importExcelAsyncApiUrl = '/RepTemplate/sui/reporting/RepTemplate/RepTemplateImportAsyncExcel';
+
+/** 导出 */
+export const exportExcelApi = (params: any) => {
+  return request.doExport({ url: '/RepTemplate/sdi/reporting/RepTemplate/RepTemplateExportXls', params });
+};
+
+/** 获取某个字典 */
+export const getCsckCheckType = ({ paramName, systemCode }): Promise<IResponse> => {
+  return request.postJson({
+    url: '/param/spi/param/systemparam',
+    data: {
+      paramName: paramName,
+      systemCode: systemCode,
+    },
+  });
+};
+
diff --git a/src/api/reporting/RepTemplate/RepTemplate/types.ts b/src/api/reporting/RepTemplate/RepTemplate/types.ts
new file mode 100644
index 0000000..af61baa
--- /dev/null
+++ b/src/api/reporting/RepTemplate/RepTemplate/types.ts
@@ -0,0 +1,56 @@
+/* eslint-disable lines-around-comment */
+
+export type TableData = {
+  /** 编号 */
+  tId?: string
+  /** 名称 */
+  tName?: string
+  /** 报告分类 */
+  tCategory?: string
+  /** 编写人 */
+  createUser?: string
+  /** 上传人 */
+  uploadUser?: string
+  /** 状态 */
+  tStatus?: string
+  /** 版本 */
+  tVersion?: string
+  /** 上传时间 */
+  createTime?: string
+  /** 修改时间 */
+  updateTime?: string
+  /** 描述 */
+  tDescription?: string
+  /** 所属机构 */
+  organCode?: string
+}
+
+export interface DictItem {
+  dictId: string;
+  dictName: string;
+}
+
+export type FormModel = {
+  /** 编号 */
+  tId?: string
+  /** 名称 */
+  tName?: string
+  /** 报告分类 */
+  tCategory?: string
+  /** 编写人 */
+  createUser?: string
+  /** 上传人 */
+  uploadUser?: string
+  /** 状态 */
+  tStatus?: string
+  /** 版本 */
+  tVersion?: string
+  /** 上传时间 */
+  createTime?: string
+  /** 修改时间 */
+  updateTime?: string
+  /** 描述 */
+  tDescription?: string
+  /** 所属机构 */
+  organCode?: string
+}
diff --git a/src/views/reporting/RepDataProblem/RepDataProblem.vue b/src/views/reporting/RepDataProblem/RepDataProblem.vue
new file mode 100644
index 0000000..a9470b7
--- /dev/null
+++ b/src/views/reporting/RepDataProblem/RepDataProblem.vue
@@ -0,0 +1,274 @@
+<script setup lang="tsx">
+import { reactive, ref, unref } from 'vue'
+import {
+  getRepDataProblemListApi,
+  saveRepDataProblemApi,
+  delRepDataProblemListApi,
+  delRepDataProblemApi,
+  queryRepDataProblemApi,
+} from '@/api/reporting/RepDataProblem/RepDataProblem'
+import { TableData } from '@/api/reporting/RepDataProblem/RepDataProblem/types'
+import { useTable } from '@/hooks/web/useTable'
+import { useI18n } from '@/hooks/web/useI18n'
+import { Table, TableColumn } from '@/components/Table'
+import { ElButton, ElLink, ElLoading, ElPopconfirm, ElMessage } from 'element-plus'
+import { Search } from '@/components/Search'
+import { FormSchema } from '@/components/Form'
+import { ContentWrap } from '@/components/ContentWrap'
+import Write from './components/Write.vue'
+import { Dialog } from '@/components/Dialog'
+import { getWidth } from '@/utils';
+import Detail from './components/Detail.vue'
+
+const { t } = useI18n()
+
+const ids = ref<string[]>([])
+
+const { tableRegister, tableState, tableMethods } = useTable({
+  fetchDataApi: async () => {
+    const { currentPage, pageSize } = tableState
+    const res = await getRepDataProblemListApi({
+      pageIndex: unref(currentPage),
+      pageSize: unref(pageSize),
+      ...unref(searchParams)
+    })
+    return {
+      list: res.body.list,
+      total: res.body.total
+    }
+  },
+  fetchDelApi: async () => {
+    const res = await delRepDataProblemListApi(unref(ids));
+    return !!res;
+  },
+})
+
+const { loading, dataList, total, currentPage, pageSize } = tableState
+const { getList, getElTableExpose, delList, refresh } = tableMethods
+
+const tableColumns = reactive<TableColumn[]>([
+  {
+    field: 'selection',
+    type: 'selection',
+    fixed: true
+  },
+  {
+    field: 'dataDate',
+    label: '数据日期'
+  },
+  {
+    field: 'createTime',
+    label: '生成时间'
+  },
+  {
+    field: 'tName',
+    label: '报告名称'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类'
+  },
+  {
+    field: 'action',
+    label: t('tableDemo.action'),
+    width: 160,
+    fixed: 'right',
+    slots: {
+      default: (data: any) => {
+        return (
+          <>
+            <ElLink type="primary" underline={false} onClick={() => action(data.row, 'edit')}>
+              {t('tableDemo.edit')}
+            </ElLink>
+            <ElPopconfirm
+              title={t('common.delTableMsg')}
+              width={200}
+              v-slots={{
+                reference: () => {
+                  return (
+                    <>
+                      <ElLink type="primary" underline={false}>
+                        {t('tableDemo.del')}
+                      </ElLink>
+                    </>
+                  )
+                }
+              }}
+              onConfirm={() => delData(data.row)}
+            ></ElPopconfirm>
+            <ElLink type="primary" underline={false} onClick={() => action(data.row, 'detail')}>
+              {t('tableDemo.detail')}
+            </ElLink>
+          </>
+        )
+      }
+    }
+  }
+].map(item => ({ minWidth: item.label ? getWidth(item.label) : 120, ...item }) as TableColumn))
+
+const searchSchema = reactive<FormSchema[]>([
+  {
+    field: 'createTime',
+    label: '生成时间',
+    componentProps: {type: 'daterange'},
+    component: 'DatePicker'
+  },
+  {
+    field: 'tName',
+    label: '报告名称',
+    componentProps: {},
+    component: 'Select'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类',
+    componentProps: {},
+    component: 'Select'
+  },
+  {
+    field: 'organCode',
+    label: '所属机构',
+    componentProps: {},
+    component: 'Select'
+  }
+])
+
+const searchParams = ref({})
+const setSearchParams = (data: any) => {
+  searchParams.value = data
+  getList()
+}
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+
+const currentRow = ref()
+const actionType = ref('')
+
+const writeRef = ref<ComponentRef<typeof Write>>()
+
+/**单行查询**/
+const action = async (row: TableData, type: string) => {
+  let detailLoading = ElLoading.service({
+    background: 'rgba(0, 0, 0, 0.7)'
+  })
+  const res = await queryRepDataProblemApi(row.pId)
+    .catch(() => {})
+    .finally(() => {
+      detailLoading.close()
+    })
+  detailLoading.close()
+  if (res) {
+    const data = res.body.result
+    dialogTitle.value = t(type === 'edit' ? 'tableDemo.edit' : 'tableDemo.detail')
+    actionType.value = type
+    currentRow.value = data
+    dialogVisible.value = true
+  }
+}
+
+const AddAction = () => {
+  dialogTitle.value = t('tableDemo.add')
+  currentRow.value = undefined
+  dialogVisible.value = true
+  actionType.value = 'add'
+}
+const saveLoading = ref(false)
+
+/** 保存 **/
+const save = async () => {
+  const write = unref(writeRef)
+  const formData = await write?.submit()
+  if (formData) {
+    saveLoading.value = true
+    const res = await saveRepDataProblemApi(formData)
+      .catch(() => {})
+      .finally(() => {
+        saveLoading.value = false
+      })
+    if (res) {
+      dialogVisible.value = false
+      currentPage.value = 1
+      getList()
+    }
+  }
+}
+
+const delLoading = ref(false)
+
+/** 批量删除  **/
+const delDataBatch = async () => {
+  const elTableExpose = await getElTableExpose()
+  ids.value = elTableExpose?.getSelectionRows().map((v: TableData) => { v.pId }) || []
+  delLoading.value = true
+  await delList(unref(ids).length).finally(() => {
+    delLoading.value = false
+  })
+}
+
+/** 单行删除 */
+const delData = async (row: TableData) => {
+  const res = await delRepDataProblemApi(row.pId)
+  if (res) {
+    const { code, errMsg } = res.head
+    if (code === '0') {
+      ElMessage.success('删除成功!')
+      getList()
+    } else {
+      ElMessage.error(errMsg || '删除失败!')
+    }
+  }
+}
+
+const disabled = ref(true)
+
+const onSelectionChange = (selection: TableData[]) => {
+  disabled.value = selection.length === 0
+}
+
+</script>
+
+<template>
+  <ContentWrap>
+    <Search :schema="searchSchema" @reset="setSearchParams" @search="setSearchParams" />
+
+    <Table
+      :columns="tableColumns"
+      v-model:pageSize="pageSize"
+      v-model:currentPage="currentPage"
+      default-expand-all
+      node-key="pId"
+      :data="dataList"
+      :loading="loading"
+      :pagination="{
+        total
+      }"
+      @selection-change="onSelectionChange"
+      @register="tableRegister"
+      @refresh="refresh"
+    >
+      <template #buttons>
+        <ElButton type="primary" @click="AddAction">{{ t('tableDemo.add') }}</ElButton>
+        <ElButton :loading="delLoading" type="primary" :disabled="disabled" @click="delDataBatch()">
+          {{ t('tableDemo.del') }}
+        </ElButton>
+      </template>
+    </Table>
+  </ContentWrap>
+
+  <Dialog v-model="dialogVisible" :title="dialogTitle">
+    <Write
+      v-if="actionType !== 'detail'"
+      ref="writeRef"
+      :current-row="currentRow"
+      :action-type="actionType"
+    />
+    <Detail v-if="actionType === 'detail'" :current-row="currentRow" />
+    <template #footer>
+      <ElButton v-if="actionType !== 'detail'" type="primary" :loading="saveLoading" @click="save">
+        {{ t('dialogDemo.save') }}
+      </ElButton>
+      <ElButton @click="dialogVisible = false">{{ t('dialogDemo.close') }}</ElButton>
+    </template>
+  </Dialog>
+</template>
\ No newline at end of file
diff --git a/src/views/reporting/RepDataProblem/components/Detail.vue b/src/views/reporting/RepDataProblem/components/Detail.vue
new file mode 100644
index 0000000..8c04277
--- /dev/null
+++ b/src/views/reporting/RepDataProblem/components/Detail.vue
@@ -0,0 +1,43 @@
+<script setup lang="tsx">
+import { PropType, ref } from 'vue'
+import { TableData } from '@/api/reporting/RepDataProblem/RepDataProblem/types'
+import { Descriptions, DescriptionsSchema } from '@/components/Descriptions'
+
+const detailSchema = ref<DescriptionsSchema[]>([
+  {
+    field: 'dataDate',
+    label: '数据日期'
+  },
+  {
+    field: 'createTime',
+    label: '生成时间'
+  },
+  {
+    field: 'tId',
+    label: '模板表id'
+  },
+  {
+    field: 'tName',
+    label: '报告名称'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类'
+  },
+  {
+    field: 'organCode',
+    label: '所属机构'
+  }
+])
+
+defineProps({
+  currentRow: {
+    type: Object as PropType<TableData>,
+    default: () => {}
+  }
+})
+</script>
+
+<template>
+  <Descriptions :schema="detailSchema" :data="currentRow || {}" />
+</template>
diff --git a/src/views/reporting/RepDataProblem/components/Write.vue b/src/views/reporting/RepDataProblem/components/Write.vue
new file mode 100644
index 0000000..16ea580
--- /dev/null
+++ b/src/views/reporting/RepDataProblem/components/Write.vue
@@ -0,0 +1,114 @@
+<script setup lang="tsx">
+import { Form, FormSchema } from '@/components/Form'
+import { useForm } from '@/hooks/web/useForm'
+import { PropType, reactive, watch } from 'vue'
+import { useValidator } from '@/hooks/web/useValidator'
+
+const { required } = useValidator()
+
+const props = defineProps({
+  currentRow: {
+    type: Object as PropType<any>,
+    default: () => null
+  },
+  actionType: {
+    type: String,
+    default: 'add'
+  }
+})
+
+const { formRegister, formMethods } = useForm()
+const { setValues, getFormData, getElFormExpose } = formMethods
+
+const formSchema = reactive<FormSchema[]>([
+  {
+    field: 'pId',
+    label: '主键',
+    component: 'Input',
+    hidden: true
+  },{
+    field: 'dataDate',
+    label: '数据日期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createTime',
+    label: '生成时间',
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange'
+    },
+  },
+  {
+    field: 'tId',
+    label: '模板表id',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tName',
+    label: '报告名称',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'organCode',
+    label: '所属机构',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  }
+])
+
+const rules = reactive({
+  
+})
+
+const submit = async () => {
+  const elForm = await getElFormExpose()
+  const valid = await elForm?.validate().catch((err) => {
+    console.log(err)
+  })
+  if (valid) {
+    const formData = await getFormData()
+    return formData
+  }
+}
+
+watch(
+  () => props.currentRow,
+  (currentRow) => {
+    if (!currentRow) return
+    setValues(currentRow)
+  },
+  {
+    deep: true,
+    immediate: true
+  }
+)
+
+defineExpose({
+  submit
+})
+</script>
+
+<template>
+  <Form :rules="rules" @register="formRegister" :schema="formSchema" />
+</template>
+
diff --git a/src/views/reporting/RepDataProblem/constants.ts b/src/views/reporting/RepDataProblem/constants.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/reporting/RepTemplate/RepTemplate.vue b/src/views/reporting/RepTemplate/RepTemplate.vue
new file mode 100644
index 0000000..d5defea
--- /dev/null
+++ b/src/views/reporting/RepTemplate/RepTemplate.vue
@@ -0,0 +1,294 @@
+<script setup lang="tsx">
+import { reactive, ref, unref } from 'vue'
+import {
+  getRepTemplateListApi,
+  saveRepTemplateApi,
+  delRepTemplateListApi,
+  delRepTemplateApi,
+  queryRepTemplateApi,
+} from '@/api/reporting/RepTemplate/RepTemplate'
+import { TableData } from '@/api/reporting/RepTemplate/RepTemplate/types'
+import { useTable } from '@/hooks/web/useTable'
+import { useI18n } from '@/hooks/web/useI18n'
+import { Table, TableColumn } from '@/components/Table'
+import { ElButton, ElLink, ElLoading, ElPopconfirm, ElMessage } from 'element-plus'
+import { Search } from '@/components/Search'
+import { FormSchema } from '@/components/Form'
+import { ContentWrap } from '@/components/ContentWrap'
+import Write from './components/Write.vue'
+import { Dialog } from '@/components/Dialog'
+import { getWidth } from '@/utils';
+import Detail from './components/Detail.vue'
+
+const { t } = useI18n()
+
+const ids = ref<string[]>([])
+
+const { tableRegister, tableState, tableMethods } = useTable({
+  fetchDataApi: async () => {
+    const { currentPage, pageSize } = tableState
+    const res = await getRepTemplateListApi({
+      pageIndex: unref(currentPage),
+      pageSize: unref(pageSize),
+      ...unref(searchParams)
+    })
+    return {
+      list: res.body.list,
+      total: res.body.total
+    }
+  },
+  fetchDelApi: async () => {
+    const res = await delRepTemplateListApi(unref(ids));
+    return !!res;
+  },
+})
+
+const { loading, dataList, total, currentPage, pageSize } = tableState
+const { getList, getElTableExpose, delList, refresh } = tableMethods
+
+const tableColumns = reactive<TableColumn[]>([
+  {
+    field: 'selection',
+    type: 'selection',
+    fixed: true
+  },
+  {
+    field: 'tName',
+    label: '名称'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类'
+  },
+  {
+    field: 'createUser',
+    label: '编写人'
+  },
+  {
+    field: 'uploadUser',
+    label: '上传人'
+  },
+  {
+    field: 'tStatus',
+    label: '状态'
+  },
+  {
+    field: 'tVersion',
+    label: '版本'
+  },
+  {
+    field: 'createTime',
+    label: '上传时间'
+  },
+  {
+    field: 'updateTime',
+    label: '修改时间'
+  },
+  {
+    field: 'tDescription',
+    label: '描述'
+  },
+  {
+    field: 'action',
+    label: t('tableDemo.action'),
+    width: 160,
+    fixed: 'right',
+    slots: {
+      default: (data: any) => {
+        return (
+          <>
+            <ElLink type="primary" underline={false} onClick={() => action(data.row, 'edit')}>
+              {t('tableDemo.edit')}
+            </ElLink>
+            <ElPopconfirm
+              title={t('common.delTableMsg')}
+              width={200}
+              v-slots={{
+                reference: () => {
+                  return (
+                    <>
+                      <ElLink type="primary" underline={false}>
+                        {t('tableDemo.del')}
+                      </ElLink>
+                    </>
+                  )
+                }
+              }}
+              onConfirm={() => delData(data.row)}
+            ></ElPopconfirm>
+            <ElLink type="primary" underline={false} onClick={() => action(data.row, 'detail')}>
+              {t('tableDemo.detail')}
+            </ElLink>
+          </>
+        )
+      }
+    }
+  }
+].map(item => ({ minWidth: item.label ? getWidth(item.label) : 120, ...item }) as TableColumn))
+
+const searchSchema = reactive<FormSchema[]>([
+  {
+    field: 'tName',
+    label: '名称',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类',
+    componentProps: {},
+    component: 'Select'
+  },
+  {
+    field: 'createUser',
+    label: '编写人',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'createTime',
+    label: '上传时间',
+    componentProps: {type: 'daterange'},
+    component: 'DatePicker'
+  }
+])
+
+const searchParams = ref({})
+const setSearchParams = (data: any) => {
+  searchParams.value = data
+  getList()
+}
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+
+const currentRow = ref()
+const actionType = ref('')
+
+const writeRef = ref<ComponentRef<typeof Write>>()
+
+/**单行查询**/
+const action = async (row: TableData, type: string) => {
+  let detailLoading = ElLoading.service({
+    background: 'rgba(0, 0, 0, 0.7)'
+  })
+  const res = await queryRepTemplateApi(row.tId)
+    .catch(() => {})
+    .finally(() => {
+      detailLoading.close()
+    })
+  detailLoading.close()
+  if (res) {
+    const data = res.body.result
+    dialogTitle.value = t(type === 'edit' ? 'tableDemo.edit' : 'tableDemo.detail')
+    actionType.value = type
+    currentRow.value = data
+    dialogVisible.value = true
+  }
+}
+
+const AddAction = () => {
+  dialogTitle.value = t('tableDemo.add')
+  currentRow.value = undefined
+  dialogVisible.value = true
+  actionType.value = 'add'
+}
+const saveLoading = ref(false)
+
+/** 保存 **/
+const save = async () => {
+  const write = unref(writeRef)
+  const formData = await write?.submit()
+  if (formData) {
+    saveLoading.value = true
+    const res = await saveRepTemplateApi(formData)
+      .catch(() => {})
+      .finally(() => {
+        saveLoading.value = false
+      })
+    if (res) {
+      dialogVisible.value = false
+      currentPage.value = 1
+      getList()
+    }
+  }
+}
+
+const delLoading = ref(false)
+
+/** 批量删除  **/
+const delDataBatch = async () => {
+  const elTableExpose = await getElTableExpose()
+  ids.value = elTableExpose?.getSelectionRows().map((v: TableData) => { v.tId }) || []
+  delLoading.value = true
+  await delList(unref(ids).length).finally(() => {
+    delLoading.value = false
+  })
+}
+
+/** 单行删除 */
+const delData = async (row: TableData) => {
+  const res = await delRepTemplateApi(row.tId)
+  if (res) {
+    const { code, errMsg } = res.head
+    if (code === '0') {
+      ElMessage.success('删除成功!')
+      getList()
+    } else {
+      ElMessage.error(errMsg || '删除失败!')
+    }
+  }
+}
+
+const disabled = ref(true)
+
+const onSelectionChange = (selection: TableData[]) => {
+  disabled.value = selection.length === 0
+}
+
+</script>
+
+<template>
+  <ContentWrap>
+    <Search :schema="searchSchema" @reset="setSearchParams" @search="setSearchParams" />
+
+    <Table
+      :columns="tableColumns"
+      v-model:pageSize="pageSize"
+      v-model:currentPage="currentPage"
+      default-expand-all
+      node-key="tId"
+      :data="dataList"
+      :loading="loading"
+      :pagination="{
+        total
+      }"
+      @selection-change="onSelectionChange"
+      @register="tableRegister"
+      @refresh="refresh"
+    >
+      <template #buttons>
+        <ElButton type="primary" @click="AddAction">{{ t('tableDemo.add') }}</ElButton>
+        <ElButton :loading="delLoading" type="primary" :disabled="disabled" @click="delDataBatch()">
+          {{ t('tableDemo.del') }}
+        </ElButton>
+      </template>
+    </Table>
+  </ContentWrap>
+
+  <Dialog v-model="dialogVisible" :title="dialogTitle">
+    <Write
+      v-if="actionType !== 'detail'"
+      ref="writeRef"
+      :current-row="currentRow"
+      :action-type="actionType"
+    />
+    <Detail v-if="actionType === 'detail'" :current-row="currentRow" />
+    <template #footer>
+      <ElButton v-if="actionType !== 'detail'" type="primary" :loading="saveLoading" @click="save">
+        {{ t('dialogDemo.save') }}
+      </ElButton>
+      <ElButton @click="dialogVisible = false">{{ t('dialogDemo.close') }}</ElButton>
+    </template>
+  </Dialog>
+</template>
\ No newline at end of file
diff --git a/src/views/reporting/RepTemplate/components/Detail.vue b/src/views/reporting/RepTemplate/components/Detail.vue
new file mode 100644
index 0000000..3c124a9
--- /dev/null
+++ b/src/views/reporting/RepTemplate/components/Detail.vue
@@ -0,0 +1,59 @@
+<script setup lang="tsx">
+import { PropType, ref } from 'vue'
+import { TableData } from '@/api/reporting/RepTemplate/RepTemplate/types'
+import { Descriptions, DescriptionsSchema } from '@/components/Descriptions'
+
+const detailSchema = ref<DescriptionsSchema[]>([
+  {
+    field: 'tName',
+    label: '名称'
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类'
+  },
+  {
+    field: 'createUser',
+    label: '编写人'
+  },
+  {
+    field: 'uploadUser',
+    label: '上传人'
+  },
+  {
+    field: 'tStatus',
+    label: '状态'
+  },
+  {
+    field: 'tVersion',
+    label: '版本'
+  },
+  {
+    field: 'createTime',
+    label: '上传时间'
+  },
+  {
+    field: 'updateTime',
+    label: '修改时间'
+  },
+  {
+    field: 'tDescription',
+    label: '描述'
+  },
+  {
+    field: 'organCode',
+    label: '所属机构'
+  }
+])
+
+defineProps({
+  currentRow: {
+    type: Object as PropType<TableData>,
+    default: () => {}
+  }
+})
+</script>
+
+<template>
+  <Descriptions :schema="detailSchema" :data="currentRow || {}" />
+</template>
diff --git a/src/views/reporting/RepTemplate/components/Write.vue b/src/views/reporting/RepTemplate/components/Write.vue
new file mode 100644
index 0000000..85b56d7
--- /dev/null
+++ b/src/views/reporting/RepTemplate/components/Write.vue
@@ -0,0 +1,146 @@
+<script setup lang="tsx">
+import { Form, FormSchema } from '@/components/Form'
+import { useForm } from '@/hooks/web/useForm'
+import { PropType, reactive, watch } from 'vue'
+import { useValidator } from '@/hooks/web/useValidator'
+
+const { required } = useValidator()
+
+const props = defineProps({
+  currentRow: {
+    type: Object as PropType<any>,
+    default: () => null
+  },
+  actionType: {
+    type: String,
+    default: 'add'
+  }
+})
+
+const { formRegister, formMethods } = useForm()
+const { setValues, getFormData, getElFormExpose } = formMethods
+
+const formSchema = reactive<FormSchema[]>([
+  {
+    field: 'tId',
+    label: '编号',
+    component: 'Input',
+    hidden: true
+  },{
+    field: 'tName',
+    label: '名称',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tCategory',
+    label: '报告分类',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createUser',
+    label: '编写人',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'uploadUser',
+    label: '上传人',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tStatus',
+    label: '状态',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tVersion',
+    label: '版本',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createTime',
+    label: '上传时间',
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange'
+    },
+  },
+  {
+    field: 'updateTime',
+    label: '修改时间',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'tDescription',
+    label: '描述',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'organCode',
+    label: '所属机构',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  }
+])
+
+const rules = reactive({
+  
+})
+
+const submit = async () => {
+  const elForm = await getElFormExpose()
+  const valid = await elForm?.validate().catch((err) => {
+    console.log(err)
+  })
+  if (valid) {
+    const formData = await getFormData()
+    return formData
+  }
+}
+
+watch(
+  () => props.currentRow,
+  (currentRow) => {
+    if (!currentRow) return
+    setValues(currentRow)
+  },
+  {
+    deep: true,
+    immediate: true
+  }
+)
+
+defineExpose({
+  submit
+})
+</script>
+
+<template>
+  <Form :rules="rules" @register="formRegister" :schema="formSchema" />
+</template>
+
diff --git a/src/views/reporting/RepTemplate/constants.ts b/src/views/reporting/RepTemplate/constants.ts
new file mode 100644
index 0000000..e69de29