From 72083a39a2127c4e874c6ac874cd3fc16a0bcbc7 Mon Sep 17 00:00:00 2001
From: zhangxiaodi1 <zhangxiaodi_ah@bonc.com.cn>
Date: Mon, 4 Nov 2024 17:51:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8C=87=E6=A0=87=E5=8A=A0?=
 =?UTF-8?q?=E5=B7=A5=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dataset/RepSetRule/index.ts           |  60 +++
 src/api/dataset/RepSetRule/types.ts           |  88 +++++
 src/router/index.ts                           |  12 +
 src/views/dataset/RepSetRule/RepSetRule.vue   | 356 ++++++++++++++++++
 .../dataset/RepSetRule/components/Detail.vue  |  91 +++++
 .../dataset/RepSetRule/components/Write.vue   | 212 +++++++++++
 src/views/dataset/RepSetRule/constants.ts     |   0
 7 files changed, 819 insertions(+)
 create mode 100644 src/api/dataset/RepSetRule/index.ts
 create mode 100644 src/api/dataset/RepSetRule/types.ts
 create mode 100644 src/views/dataset/RepSetRule/RepSetRule.vue
 create mode 100644 src/views/dataset/RepSetRule/components/Detail.vue
 create mode 100644 src/views/dataset/RepSetRule/components/Write.vue
 create mode 100644 src/views/dataset/RepSetRule/constants.ts

diff --git a/src/api/dataset/RepSetRule/index.ts b/src/api/dataset/RepSetRule/index.ts
new file mode 100644
index 0000000..fe0bef1
--- /dev/null
+++ b/src/api/dataset/RepSetRule/index.ts
@@ -0,0 +1,60 @@
+import request from '@/config/axios';
+import type { TableData } from './types';
+
+/** 获取表格数据 */
+export const getRepSetRuleListApi = (data: any) => {
+  return request.postJson({ url: '/RepSetRule/spi/dataset/RepSetRule/RepSetRuleQueryPage', data });
+};
+
+/** 批量删除 */
+export const delRepSetRuleListApi = (list: string[] | number[]): Promise<IResponse> => {
+  const _list = list.map(v => {
+    return {
+      ruleCode: v.ruleCode,
+    };
+  });
+  return request.postJson({
+    url: '/RepSetRule/spi/dataset/RepSetRule/RepSetRuleBatchDelete',
+    data: {
+      list: _list,
+    },
+  });
+};
+
+/** 删除 */
+export const delRepSetRuleApi = (ruleCode?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepSetRule/spi/dataset/RepSetRule/RepSetRuleDelete', data: { ruleCode } });
+};
+
+/** 保存 */
+export const saveRepSetRuleApi = (data: Partial<TableData>): Promise<IResponse> => {
+  return request.postJson({ url: '/RepSetRule/spi/dataset/RepSetRule/RepSetRuleSave', data });
+};
+
+/** 查询单条数据 */
+export const queryRepSetRuleApi = (ruleCode?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepSetRule/spi/dataset/RepSetRule/RepSetRuleQueryOne', data: { ruleCode } });
+};
+
+/** 同步导入 */
+export const importExcelApiUrl = '/RepSetRule/sui/dataset/RepSetRule/RepSetRuleImportExcel';
+
+/** 异步导入 */
+export const importExcelAsyncApiUrl = '/RepSetRule/sui/dataset/RepSetRule/RepSetRuleImportAsyncExcel';
+
+/** 导出 */
+export const exportExcelApi = (params: any) => {
+  return request.doExport({ url: '/RepSetRule/sdi/dataset/RepSetRule/RepSetRuleExportXls', 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/dataset/RepSetRule/types.ts b/src/api/dataset/RepSetRule/types.ts
new file mode 100644
index 0000000..c3b5d17
--- /dev/null
+++ b/src/api/dataset/RepSetRule/types.ts
@@ -0,0 +1,88 @@
+/* eslint-disable lines-around-comment */
+
+export type TableData = {
+  /** 指标集规则清单编码 */
+  ruleCode?: string
+  /** 规则名称 */
+  ruleName?: string
+  /** 规则分类 */
+  ruleClass?: string
+  /** 启用日期 */
+  startDate?: string
+  /** 规则属性 */
+  ruleProperty?: string
+  /** 规则周期 */
+  ruleCycle?: string
+  /** 是否有效 */
+  ruleStatus?: string
+  /** 规则描述 */
+  description?: string
+  /** 创建日期 */
+  createDate?: string
+  /** 创建账户 */
+  createAccount?: string
+  /** 创建机构 */
+  createOrgan?: string
+  /** 规则json */
+  ruleJson?: string
+  /** 规则sql */
+  ruleSql?: string
+  /** 机构编码 */
+  organCode?: string
+  /** 失效日期 */
+  failDate?: string
+  /** 规则加工指标集编号 */
+  indexCode?: string
+  /** 规则加载所有公式 */
+  machFormulas?: string
+  /** 指标代码 */
+  itemId?: string
+  /** 指标名称 */
+  itemName?: string
+}
+
+export interface DictItem {
+  dictId: string;
+  dictName: string;
+}
+
+export type FormModel = {
+  /** 指标集规则清单编码 */
+  ruleCode?: string
+  /** 规则名称 */
+  ruleName?: string
+  /** 规则分类 */
+  ruleClass?: string
+  /** 启用日期 */
+  startDate?: string
+  /** 规则属性 */
+  ruleProperty?: string
+  /** 规则周期 */
+  ruleCycle?: string
+  /** 是否有效 */
+  ruleStatus?: string
+  /** 规则描述 */
+  description?: string
+  /** 创建日期 */
+  createDate?: string
+  /** 创建账户 */
+  createAccount?: string
+  /** 创建机构 */
+  createOrgan?: string
+  /** 规则json */
+  ruleJson?: string
+  /** 规则sql */
+  ruleSql?: string
+  /** 机构编码 */
+  organCode?: string
+  /** 失效日期 */
+  failDate?: string
+  /** 规则加工指标集编号 */
+  indexCode?: string
+  /** 规则加载所有公式 */
+  machFormulas?: string
+  /** 指标代码 */
+  itemId?: string
+  /** 指标名称 */
+  itemName?: string
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index 8866cb4..d4dfdb0 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1927,6 +1927,18 @@ export const asyncRouterMap: AppRouteRecordRaw[] = [
           type:"ybt",
           sort:11,
         }
+      },
+      {
+        path: 'repSetRule',
+        component: () => import('@/views/dataset/RepSetRule/RepSetRule.vue'),
+        name: 'repSetRule',
+        menuId: 'repSetRule',
+        meta: {
+          title: '指标加工',
+          alwaysShow: true,
+          type:"ybt",
+          sort:12,
+        }
       }
     ]
   },
diff --git a/src/views/dataset/RepSetRule/RepSetRule.vue b/src/views/dataset/RepSetRule/RepSetRule.vue
new file mode 100644
index 0000000..84bb11c
--- /dev/null
+++ b/src/views/dataset/RepSetRule/RepSetRule.vue
@@ -0,0 +1,356 @@
+<script setup lang="tsx">
+import { reactive, ref, unref } from 'vue'
+import {
+  getRepSetRuleListApi,
+  saveRepSetRuleApi,
+  delRepSetRuleListApi,
+  delRepSetRuleApi,
+  queryRepSetRuleApi,
+  importExcelApiUrl,
+  exportExcelApi
+} from '@/api/dataset/RepSetRule'
+import { TableData } from '@/api/dataset/RepSetRule/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'
+import { Upload } from '@/components/Upload'
+
+const { t } = useI18n()
+
+const ids = ref<string[]>([])
+
+const { tableRegister, tableState, tableMethods } = useTable({
+  fetchDataApi: async () => {
+    const { currentPage, pageSize } = tableState
+    const res = await getRepSetRuleListApi({
+      pageIndex: unref(currentPage),
+      pageSize: unref(pageSize),
+      ...unref(searchParams)
+    })
+    return {
+      list: res.body.list,
+      total: res.body.total
+    }
+  },
+  fetchDelApi: async () => {
+    const res = await delRepSetRuleListApi(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: 'ruleCode',
+    label: '指标集规则清单编码'
+  },
+  {
+    field: 'ruleName',
+    label: '规则名称'
+  },
+  {
+    field: 'ruleClass',
+    label: '规则分类'
+  },
+  {
+    field: 'startDate',
+    label: '启用日期'
+  },
+  {
+    field: 'ruleProperty',
+    label: '规则属性'
+  },
+  {
+    field: 'ruleCycle',
+    label: '规则周期'
+  },
+  {
+    field: 'ruleStatus',
+    label: '是否有效'
+  },
+  {
+    field: 'description',
+    label: '规则描述'
+  },
+  {
+    field: 'createDate',
+    label: '创建日期'
+  },
+  {
+    field: 'createAccount',
+    label: '创建账户'
+  },
+  {
+    field: 'createOrgan',
+    label: '创建机构'
+  },
+  {
+    field: 'ruleJson',
+    label: '规则json'
+  },
+  {
+    field: 'ruleSql',
+    label: '规则sql'
+  },
+  {
+    field: 'organCode',
+    label: '机构编码'
+  },
+  {
+    field: 'failDate',
+    label: '失效日期'
+  },
+  {
+    field: 'indexCode',
+    label: '规则加工指标集编号'
+  },
+  {
+    field: 'machFormulas',
+    label: '规则加载所有公式'
+  },
+  {
+    field: 'itemId',
+    label: '指标代码'
+  },
+  {
+    field: 'itemName',
+    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: 'ruleCode',
+    label: '指标集规则清单编码',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'ruleName',
+    label: '规则名称',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'ruleClass',
+    label: '规则分类',
+    componentProps: {},
+    component: 'Select'
+  },
+  {
+    field: 'startDate',
+    label: '启用日期',
+    componentProps: {},
+    component: 'DatePicker'
+  },
+  {
+    field: 'itemId',
+    label: '指标代码',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'itemName',
+    label: '指标名称',
+    componentProps: {},
+    component: 'Input'
+  }
+])
+
+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 queryRepSetRuleApi(row.ruleCode)
+    .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 saveRepSetRuleApi(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.ruleCode }) || []
+  delLoading.value = true
+  await delList(unref(ids).length).finally(() => {
+    delLoading.value = false
+  })
+}
+
+/** 单行删除 */
+const delData = async (row: TableData) => {
+  const res = await delRepSetRuleApi(row.ruleCode)
+  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
+}
+
+/** 导出Excel */
+const exportExcel = async () => {
+  const data = { ...unref(searchParams) }
+  await exportExcelApi(data)
+}
+</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="ruleCode"
+      :data="dataList"
+      :loading="loading"
+      :pagination="{
+        total
+      }"
+      @selection-change="onSelectionChange"
+      @register="tableRegister"
+      @refresh="refresh"
+    >
+      <template #buttons>
+        <ElButton type="primary" @click="AddAction">{{ t('tableDemo.add') }}</ElButton>
+        <Upload :url="importExcelApiUrl" :callback="getList"> <ElButton type="primary">导入</ElButton> </Upload>
+        <ElButton type="primary" @click="exportExcel()">导出</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/dataset/RepSetRule/components/Detail.vue b/src/views/dataset/RepSetRule/components/Detail.vue
new file mode 100644
index 0000000..a986bbf
--- /dev/null
+++ b/src/views/dataset/RepSetRule/components/Detail.vue
@@ -0,0 +1,91 @@
+<script setup lang="tsx">
+import { PropType, ref } from 'vue'
+import { TableData } from '@/api/dataset/RepSetRule/types'
+import { Descriptions, DescriptionsSchema } from '@/components/Descriptions'
+
+const detailSchema = ref<DescriptionsSchema[]>([
+  {
+    field: 'ruleName',
+    label: '规则名称'
+  },
+  {
+    field: 'ruleClass',
+    label: '规则分类'
+  },
+  {
+    field: 'startDate',
+    label: '启用日期'
+  },
+  {
+    field: 'ruleProperty',
+    label: '规则属性'
+  },
+  {
+    field: 'ruleCycle',
+    label: '规则周期'
+  },
+  {
+    field: 'ruleStatus',
+    label: '是否有效'
+  },
+  {
+    field: 'description',
+    label: '规则描述'
+  },
+  {
+    field: 'createDate',
+    label: '创建日期'
+  },
+  {
+    field: 'createAccount',
+    label: '创建账户'
+  },
+  {
+    field: 'createOrgan',
+    label: '创建机构'
+  },
+  {
+    field: 'ruleJson',
+    label: '规则json'
+  },
+  {
+    field: 'ruleSql',
+    label: '规则sql'
+  },
+  {
+    field: 'organCode',
+    label: '机构编码'
+  },
+  {
+    field: 'failDate',
+    label: '失效日期'
+  },
+  {
+    field: 'indexCode',
+    label: '规则加工指标集编号'
+  },
+  {
+    field: 'machFormulas',
+    label: '规则加载所有公式'
+  },
+  {
+    field: 'itemId',
+    label: '指标代码'
+  },
+  {
+    field: 'itemName',
+    label: '指标名称'
+  }
+])
+
+defineProps({
+  currentRow: {
+    type: Object as PropType<TableData>,
+    default: () => {}
+  }
+})
+</script>
+
+<template>
+  <Descriptions :schema="detailSchema" :data="currentRow || {}" />
+</template>
diff --git a/src/views/dataset/RepSetRule/components/Write.vue b/src/views/dataset/RepSetRule/components/Write.vue
new file mode 100644
index 0000000..e58ea1d
--- /dev/null
+++ b/src/views/dataset/RepSetRule/components/Write.vue
@@ -0,0 +1,212 @@
+<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'
+import dayjs from 'dayjs'
+
+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: 'ruleCode',
+    label: '指标集规则清单编码',
+    component: 'Input'
+  },{
+    field: 'ruleName',
+    label: '规则名称',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleClass',
+    label: '规则分类',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'startDate',
+    label: '启用日期',
+    component: 'DatePicker',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleProperty',
+    label: '规则属性',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleCycle',
+    label: '规则周期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleStatus',
+    label: '是否有效',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'description',
+    label: '规则描述',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createDate',
+    label: '创建日期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createAccount',
+    label: '创建账户',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'createOrgan',
+    label: '创建机构',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleJson',
+    label: '规则json',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleSql',
+    label: '规则sql',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'organCode',
+    label: '机构编码',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'failDate',
+    label: '失效日期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'indexCode',
+    label: '规则加工指标集编号',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'machFormulas',
+    label: '规则加载所有公式',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'itemId',
+    label: '指标代码',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'itemName',
+    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()
+    const { startDate } = formData;
+    Object.assign(formData, { startDate: dayjs(startDate).format('YYYY-MM-DD') })
+    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/dataset/RepSetRule/constants.ts b/src/views/dataset/RepSetRule/constants.ts
new file mode 100644
index 0000000..e69de29