新增模型映射，指标属性代码

src/api/dataset/CodeRepTarget/index.ts

@@ -0,0 +1,60 @@
+import request from '@/config/axios';
+import type { TableData } from './types';
+
+/** 获取表格数据 */
+export const getCodeRepTargetListApi = (data: any) => {
+  return request.postJson({ url: '/CodeRepTarget/spi/dataset/CodeRepTarget/CodeRepTargetQueryPage', data });
+};
+
+/** 批量删除 */
+export const delCodeRepTargetListApi = (list: string[] | number[]): Promise<IResponse> => {
+  const _list = list.map(v => {
+    return {
+      crtid: v.crtid,
+    };
+  });
+  return request.postJson({
+    url: '/CodeRepTarget/spi/dataset/CodeRepTarget/CodeRepTargetBatchDelete',
+    data: {
+      list: _list,
+    },
+  });
+};
+
+/** 删除 */
+export const delCodeRepTargetApi = (crtid?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/CodeRepTarget/spi/dataset/CodeRepTarget/CodeRepTargetDelete', data: { crtid } });
+};
+
+/** 保存 */
+export const saveCodeRepTargetApi = (data: Partial<TableData>): Promise<IResponse> => {
+  return request.postJson({ url: '/CodeRepTarget/spi/dataset/CodeRepTarget/CodeRepTargetSave', data });
+};
+
+/** 查询单条数据 */
+export const queryCodeRepTargetApi = (crtid?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/CodeRepTarget/spi/dataset/CodeRepTarget/CodeRepTargetQueryOne', data: { crtid } });
+};
+
+/** 同步导入 */
+export const importExcelApiUrl = '/CodeRepTarget/sui/dataset/CodeRepTarget/CodeRepTargetImportExcel';
+
+/** 异步导入 */
+export const importExcelAsyncApiUrl = '/CodeRepTarget/sui/dataset/CodeRepTarget/CodeRepTargetImportAsyncExcel';
+
+/** 导出 */
+export const exportExcelApi = (params: any) => {
+  return request.doExport({ url: '/CodeRepTarget/sdi/dataset/CodeRepTarget/CodeRepTargetExportXls', params });
+};
+
+/** 获取某个字典 */
+export const getCsckCheckType = ({ paramName, systemCode }): Promise<IResponse> => {
+  return request.postJson({
+    url: '/param/spi/param/systemparam',
+    data: {
+      paramName: paramName,
+      systemCode: systemCode,
+    },
+  });
+};
+

src/api/dataset/CodeRepTarget/types.ts

@@ -0,0 +1,48 @@
+/* eslint-disable lines-around-comment */
+
+export type TableData = {
+  /** 指标集编码 */
+  indexsetCode?: string
+  /** 栏编码 */
+  targetCode?: string
+  /** 开始日期 */
+  beginDate?: string
+  /** 结束日期 */
+  endDate?: string
+  /** 栏名称 */
+  targetName?: string
+  /** 排序 */
+  targetOrder?: string
+  /** 状态 */
+  status?: string
+  /** 是否机构汇总 */
+  isOrgCollect?: string
+  /** 主键 */
+  crtid?: string
+}
+
+export interface DictItem {
+  dictId: string;
+  dictName: string;
+}
+
+export type FormModel = {
+  /** 指标集编码 */
+  indexsetCode?: string
+  /** 栏编码 */
+  targetCode?: string
+  /** 开始日期 */
+  beginDate?: string
+  /** 结束日期 */
+  endDate?: string
+  /** 栏名称 */
+  targetName?: string
+  /** 排序 */
+  targetOrder?: string
+  /** 状态 */
+  status?: string
+  /** 是否机构汇总 */
+  isOrgCollect?: string
+  /** 主键 */
+  crtid?: string
+}

src/api/dataset/RepStoreMapping/index.ts

@@ -0,0 +1,62 @@
+import request from '@/config/axios';
+import type { TableData } from './types';
+
+/** 获取表格数据 */
+export const getRepStoreMappingListApi = (data: any) => {
+  return request.postJson({ url: '/RepStoreMapping/spi/dataset/RepStoreMapping/RepStoreMappingQueryPage', data });
+};
+
+/** 批量删除 */
+export const delRepStoreMappingListApi = (list: string[] | number[]): Promise<IResponse> => {
+  const _list = list.map(v => {
+    return {
+      modelCode: v.modelCode,
+      ruleId: v.ruleId,
+      srcCol: v.srcCol,
+    };
+  });
+  return request.postJson({
+    url: '/RepStoreMapping/spi/dataset/RepStoreMapping/RepStoreMappingBatchDelete',
+    data: {
+      list: _list,
+    },
+  });
+};
+
+/** 删除 */
+export const delRepStoreMappingApi = (modelCode?: string, ruleId?: string, srcCol?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepStoreMapping/spi/dataset/RepStoreMapping/RepStoreMappingDelete', data: { modelCode, ruleId, srcCol } });
+};
+
+/** 保存 */
+export const saveRepStoreMappingApi = (data: Partial<TableData>): Promise<IResponse> => {
+  return request.postJson({ url: '/RepStoreMapping/spi/dataset/RepStoreMapping/RepStoreMappingSave', data });
+};
+
+/** 查询单条数据 */
+export const queryRepStoreMappingApi = (modelCode?: string, ruleId?: string, srcCol?: string): Promise<IResponse> => {
+  return request.postJson({ url: '/RepStoreMapping/spi/dataset/RepStoreMapping/RepStoreMappingQueryOne', data: { modelCode, ruleId, srcCol } });
+};
+
+/** 同步导入 */
+export const importExcelApiUrl = '/RepStoreMapping/sui/dataset/RepStoreMapping/RepStoreMappingImportExcel';
+
+/** 异步导入 */
+export const importExcelAsyncApiUrl = '/RepStoreMapping/sui/dataset/RepStoreMapping/RepStoreMappingImportAsyncExcel';
+
+/** 导出 */
+export const exportExcelApi = (params: any) => {
+  return request.doExport({ url: '/RepStoreMapping/sdi/dataset/RepStoreMapping/RepStoreMappingExportXls', params });
+};
+
+/** 获取某个字典 */
+export const getCsckCheckType = ({ paramName, systemCode }): Promise<IResponse> => {
+  return request.postJson({
+    url: '/param/spi/param/systemparam',
+    data: {
+      paramName: paramName,
+      systemCode: systemCode,
+    },
+  });
+};
+

src/api/dataset/RepStoreMapping/types.ts

@@ -0,0 +1,60 @@
+/* eslint-disable lines-around-comment */
+
+export type TableData = {
+  /** 数据模型编码 */
+  modelCode?: string
+  /** 规则id */
+  ruleId?: string
+  /** 源列名 */
+  srcCol?: string
+  /** 源列类型 */
+  srcColType?: string
+  /** 映射目标列名称） */
+  mappingName?: string
+  /** 映射目标列 */
+  mappingCol?: string
+  /** 映射目标列类型 */
+  mappingColType?: string
+  /** 映射目标列列号 */
+  mappingColNum?: string
+  /** 注释字段 */
+  remarks?: string
+  /** 组成联合主键 */
+  primarykey?: string
+  /** 主键排序 */
+  primaryKeyNum?: string
+  /** 标识是否为uuid */
+  uuid?: string
+}
+
+export interface DictItem {
+  dictId: string;
+  dictName: string;
+}
+
+export type FormModel = {
+  /** 数据模型编码 */
+  modelCode?: string
+  /** 规则id */
+  ruleId?: string
+  /** 源列名 */
+  srcCol?: string
+  /** 源列类型 */
+  srcColType?: string
+  /** 映射目标列名称） */
+  mappingName?: string
+  /** 映射目标列 */
+  mappingCol?: string
+  /** 映射目标列类型 */
+  mappingColType?: string
+  /** 映射目标列列号 */
+  mappingColNum?: string
+  /** 注释字段 */
+  remarks?: string
+  /** 组成联合主键 */
+  primarykey?: string
+  /** 主键排序 */
+  primaryKeyNum?: string
+  /** 标识是否为uuid */
+  uuid?: string
+}

src/router/index.ts

@@ -1856,6 +1856,30 @@ export const asyncRouterMap: AppRouteRecordRaw[] = [
           type:"ybt",
           sort:6,
         }
+      },
+      {
+        path: 'codeRepTarget',
+        component: () => import('@/views/dataset/CodeRepTarget/CodeRepTarget.vue'),
+        name: 'codeRepTarget',
+        menuId: 'codeRepTarget',
+        meta: {
+          title: '指标属性',
+          alwaysShow: true,
+          type:"ybt",
+          sort:7,
+        }
+      },
+      {
+        path: 'repStoreMapping',
+        component: () => import('@/views/dataset/RepStoreMapping/RepStoreMapping.vue'),
+        name: 'repStoreMapping',
+        menuId: 'repStoreMapping',
+        meta: {
+          title: '模型映射',
+          alwaysShow: true,
+          type:"ybt",
+          sort:8,
+        }
       }
     ]
   },

src/views/dataset/CodeRepTarget/CodeRepTarget.vue

@@ -0,0 +1,300 @@
+<script setup lang="tsx">
+import { reactive, ref, unref } from 'vue'
+import {
+  getCodeRepTargetListApi,
+  saveCodeRepTargetApi,
+  delCodeRepTargetListApi,
+  delCodeRepTargetApi,
+  queryCodeRepTargetApi,
+  importExcelApiUrl,
+  exportExcelApi
+} from '@/api/dataset/CodeRepTarget'
+import { TableData } from '@/api/dataset/CodeRepTarget/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 getCodeRepTargetListApi({
+      pageIndex: unref(currentPage),
+      pageSize: unref(pageSize),
+      ...unref(searchParams)
+    })
+    return {
+      list: res.body.list,
+      total: res.body.total
+    }
+  },
+  fetchDelApi: async () => {
+    const res = await delCodeRepTargetListApi(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: 'indexsetCode',
+    label: '指标集编码'
+  },
+  {
+    field: 'targetCode',
+    label: '栏编码'
+  },
+  {
+    field: 'beginDate',
+    label: '开始日期'
+  },
+  {
+    field: 'endDate',
+    label: '结束日期'
+  },
+  {
+    field: 'targetName',
+    label: '栏名称'
+  },
+  {
+    field: 'targetOrder',
+    label: '排序'
+  },
+  {
+    field: 'status',
+    label: '状态'
+  },
+  {
+    field: 'isOrgCollect',
+    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: 'indexsetCode',
+    label: '指标集编码',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'targetName',
+    label: '栏名称',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'status',
+    label: '状态',
+    componentProps: {},
+    component: 'Select'
+  },
+  {
+    field: 'isOrgCollect',
+    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 queryCodeRepTargetApi(row.crtid)
+    .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 saveCodeRepTargetApi(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.crtid }) || []
+  delLoading.value = true
+  await delList(unref(ids).length).finally(() => {
+    delLoading.value = false
+  })
+}
+
+/** 单行删除 */
+const delData = async (row: TableData) => {
+  const res = await delCodeRepTargetApi(row.crtid)
+  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="crtid"
+      :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>

src/views/dataset/CodeRepTarget/components/Detail.vue

@@ -0,0 +1,51 @@
+<script setup lang="tsx">
+import { PropType, ref } from 'vue'
+import { TableData } from '@/api/dataset/CodeRepTarget/types'
+import { Descriptions, DescriptionsSchema } from '@/components/Descriptions'
+
+const detailSchema = ref<DescriptionsSchema[]>([
+  {
+    field: 'indexsetCode',
+    label: '指标集编码'
+  },
+  {
+    field: 'targetCode',
+    label: '栏编码'
+  },
+  {
+    field: 'beginDate',
+    label: '开始日期'
+  },
+  {
+    field: 'endDate',
+    label: '结束日期'
+  },
+  {
+    field: 'targetName',
+    label: '栏名称'
+  },
+  {
+    field: 'targetOrder',
+    label: '排序'
+  },
+  {
+    field: 'status',
+    label: '状态'
+  },
+  {
+    field: 'isOrgCollect',
+    label: '是否机构汇总'
+  }
+])
+
+defineProps({
+  currentRow: {
+    type: Object as PropType<TableData>,
+    default: () => {}
+  }
+})
+</script>
+
+<template>
+  <Descriptions :schema="detailSchema" :data="currentRow || {}" />
+</template>

src/views/dataset/CodeRepTarget/components/Write.vue

@@ -0,0 +1,130 @@
+<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: 'crtid',
+    label: '主键',
+    component: 'Input',
+    hidden: true
+  },{
+    field: 'indexsetCode',
+    label: '指标集编码',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'targetCode',
+    label: '栏编码',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'beginDate',
+    label: '开始日期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'endDate',
+    label: '结束日期',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'targetName',
+    label: '栏名称',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'targetOrder',
+    label: '排序',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'status',
+    label: '状态',
+    component: 'Select',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'isOrgCollect',
+    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>
+

src/views/dataset/RepStoreMapping/RepStoreMapping.vue

@@ -0,0 +1,315 @@
+<script setup lang="tsx">
+import { reactive, ref, unref } from 'vue'
+import {
+  getRepStoreMappingListApi,
+  saveRepStoreMappingApi,
+  delRepStoreMappingListApi,
+  delRepStoreMappingApi,
+  queryRepStoreMappingApi,
+  importExcelApiUrl,
+  exportExcelApi
+} from '@/api/dataset/RepStoreMapping'
+import { TableData } from '@/api/dataset/RepStoreMapping/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 getRepStoreMappingListApi({
+      pageIndex: unref(currentPage),
+      pageSize: unref(pageSize),
+      ...unref(searchParams)
+    })
+    return {
+      list: res.body.list,
+      total: res.body.total
+    }
+  },
+  fetchDelApi: async () => {
+    const res = await delRepStoreMappingListApi(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: 'modelCode',
+    label: '数据模型编码'
+  },
+  {
+    field: 'ruleId',
+    label: '规则id'
+  },
+  {
+    field: 'srcCol',
+    label: '源列名'
+  },
+  {
+    field: 'srcColType',
+    label: '源列类型'
+  },
+  {
+    field: 'mappingName',
+    label: '映射目标列名称）'
+  },
+  {
+    field: 'mappingCol',
+    label: '映射目标列'
+  },
+  {
+    field: 'mappingColType',
+    label: '映射目标列类型'
+  },
+  {
+    field: 'mappingColNum',
+    label: '映射目标列列号'
+  },
+  {
+    field: 'remarks',
+    label: '注释字段'
+  },
+  {
+    field: 'primarykey',
+    label: '组成联合主键'
+  },
+  {
+    field: 'primaryKeyNum',
+    label: '主键排序'
+  },
+  {
+    field: 'uuid',
+    label: '标识是否为uuid'
+  },
+  {
+    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: 'modelCode',
+    label: '数据模型编码',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'ruleId',
+    label: '规则id',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'srcCol',
+    label: '源列名',
+    componentProps: {},
+    component: 'Input'
+  },
+  {
+    field: 'mappingName',
+    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 queryRepStoreMappingApi(row.modelCode, row.ruleId, row.srcCol)
+    .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 saveRepStoreMappingApi(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.modelCode, v.ruleId, v.srcCol }) || []
+  delLoading.value = true
+  await delList(unref(ids).length).finally(() => {
+    delLoading.value = false
+  })
+}
+
+/** 单行删除 */
+const delData = async (row: TableData) => {
+  const res = await delRepStoreMappingApi(row.modelCode, row.ruleId, row.srcCol)
+  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
+      :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>

src/views/dataset/RepStoreMapping/components/Detail.vue

@@ -0,0 +1,67 @@
+<script setup lang="tsx">
+import { PropType, ref } from 'vue'
+import { TableData } from '@/api/dataset/RepStoreMapping/types'
+import { Descriptions, DescriptionsSchema } from '@/components/Descriptions'
+
+const detailSchema = ref<DescriptionsSchema[]>([
+  {
+    field: 'modelCode',
+    label: '数据模型编码'
+  },
+  {
+    field: 'ruleId',
+    label: '规则id'
+  },
+  {
+    field: 'srcCol',
+    label: '源列名'
+  },
+  {
+    field: 'srcColType',
+    label: '源列类型'
+  },
+  {
+    field: 'mappingName',
+    label: '映射目标列名称）'
+  },
+  {
+    field: 'mappingCol',
+    label: '映射目标列'
+  },
+  {
+    field: 'mappingColType',
+    label: '映射目标列类型'
+  },
+  {
+    field: 'mappingColNum',
+    label: '映射目标列列号'
+  },
+  {
+    field: 'remarks',
+    label: '注释字段'
+  },
+  {
+    field: 'primarykey',
+    label: '组成联合主键'
+  },
+  {
+    field: 'primaryKeyNum',
+    label: '主键排序'
+  },
+  {
+    field: 'uuid',
+    label: '标识是否为uuid'
+  }
+])
+
+defineProps({
+  currentRow: {
+    type: Object as PropType<TableData>,
+    default: () => {}
+  }
+})
+</script>
+
+<template>
+  <Descriptions :schema="detailSchema" :data="currentRow || {}" />
+</template>

src/views/dataset/RepStoreMapping/components/Write.vue

@@ -0,0 +1,159 @@
+<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: 'modelCode',
+    label: '数据模型编码',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'ruleId',
+    label: '规则id',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'srcCol',
+    label: '源列名',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'srcColType',
+    label: '源列类型',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'mappingName',
+    label: '映射目标列名称）',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'mappingCol',
+    label: '映射目标列',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'mappingColType',
+    label: '映射目标列类型',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'mappingColNum',
+    label: '映射目标列列号',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'remarks',
+    label: '注释字段',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'primarykey',
+    label: '组成联合主键',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'primaryKeyNum',
+    label: '主键排序',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  },
+  {
+    field: 'uuid',
+    label: '标识是否为uuid',
+    component: 'Input',
+    componentProps: {
+      
+    },
+  }
+])
+
+const rules = reactive({
+  modelCode: [required()],
+  ruleId: [required()],
+  srcCol: [required()],
+})
+
+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>
+