新增指标加工功能

main
zhangxiaodi1 9 months ago
parent 85a73f1304
commit 72083a39a2

@ -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,
},
});
};

@ -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
}

@ -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,
}
}
]
},

@ -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>

@ -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>

@ -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>
Loading…
Cancel
Save