新增指标报表维护

src/api/target-management/report-dict.js

@@ -0,0 +1,30 @@
+// 指标报表字典
+import request from '../../utils/request'
+
+// 查询指标报表字典树数据
+export function selectReportDictTree(data) {
+    return request({
+        url: '/targetManagement/selectReportDictTree',
+        method: 'post',
+        data,
+    })
+}
+
+// 根据id删除指标报表字典数据（比较重要的指标信息，因此作物理删除，改为弃用）
+export function deleteReportDictById(data) {
+    return request({
+        url: '/targetManagement/deleteReportDictById',
+        method: 'post',
+        data,
+    })
+}
+
+
+// 查询指标报表字典数据
+export function selectReportDict(data) {
+    return request({
+        url: '/targetManagement/selectReportDict',
+        method: 'post',
+        data,
+    })
+}

src/views/target-management/target-comm/ReportTree.vue

@@ -0,0 +1,148 @@
+<template>
+    <el-input class="qt-cl" v-model="filterText" placeholder="输入关键词搜索" />
+    <div style="position: relative; width: 100%; overflow: auto" class="th-dg">
+        <el-tree ref="treeRef" class="filter-tree" :data="treeData" :props="defaultProps" node-key="id" default-expand-all
+            :check-strictly="isCheck" highlight-current :filter-node-method="filterNode" :height="reportTreeData.height"
+            @node-click="handleNodeClick" :expand-on-click-node="isOkDoor">
+            <template #default="{ node, data }" class="custom-tree-node">
+                <span :title="data.label">
+                    {{ data.label.length > 20 ? data.label.slice(0, 20) + '...' : data.label }}
+                </span>
+                <span style="z-index: 100;" v-if="node.isLeaf">
+                    <el-button link type="danger" size="small" @click.stop="removeTarget(node, data)">删除</el-button>
+                </span>
+            </template>
+        </el-tree>
+    </div>
+</template>
+<script setup name="TargetTree" lang="ts">
+import { ref, onMounted, watch, nextTick, computed } from 'vue'
+import { ElTree, ElMessage, ElMessageBox } from 'element-plus'
+import { selectReportDictTree, deleteReportDictById } from '../../../api/target-management/report-dict'
+
+const { reportTreeData } = defineProps({
+    reportTreeData: {
+        type: Object,
+        default: {}
+    }
+})
+
+const treeData = computed(() => {
+    return reportTreeData.data
+})
+
+const isCheck = ref(false)
+const isOkDoor = ref(false)
+const filterText = ref('')
+const treeRef = ref<InstanceType<typeof ElTree>>()
+
+onMounted(() => {
+    nextTick(() => {
+        //给树节点赋值回显
+        isCheck.value = true
+        treeRef.value?.setCheckedKeys(reportTreeData.data)
+        isCheck.value = false
+    })
+
+})
+
+const customNodeClass = (data: Tree, node: Node) => {
+    if (data.isPenultimate) {
+        return 'is-penultimate'
+    }
+    return null
+}
+
+interface Tree {
+    [key: string]: any
+}
+
+const defaultProps = {
+    value: 'id',
+    label: 'label',
+    children: 'children',
+    class: customNodeClass
+}
+watch(filterText, (val) => {
+    treeRef.value!.filter(val)
+})
+
+const filterNode = (value: string, data: Tree) => {
+    if (!value) return true
+    return data.label.includes(value)
+}
+
+// 传递被点击的指标字典信息给父页面
+const emit = defineEmits(['treeNodeClick'])
+const handleNodeClick = (data: any, node: any, obj: any) => {
+    if (node) {
+        emit('treeNodeClick', data, node, obj)
+    }
+
+}
+
+const removeTarget = (node: any, data: any) => {
+    if (!node.isLeaf) {
+        ElMessage({
+            type: "info",
+            message: "不是叶子节点不允许删除，请确认！",
+            duration: 2500,
+            showClose: true,
+        });
+        return
+    }
+
+    ElMessageBox.confirm('确认删除指标？', '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        distinguishCancelAndClose: true
+    }).then(() => {
+        deleteReportDictById(data)
+            .then((res: any) => {
+                let queryParam = {
+                    id: '',
+                    pid: ''
+                }
+                selectReportDictTree(queryParam)
+                    .then((res: any) => {
+                        reportTreeData.data = res
+                    });
+            });
+    }).catch((action) => {
+
+    })
+}
+</script>
+<style lang="scss" scoped deep>
+.qt-cl {
+    height: 36px !important;
+}
+
+.th-dg {
+    height: 870px;
+}
+
+.custom_icon {
+    background-image: url("./wenjianjia@2x.png"); //注意:路径改为你自己的
+    background-size: cover;
+    background-position: center;
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    vertical-align: middle;
+}
+
+.custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 8px;
+}
+
+:deep(.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content) {
+    color: #409eff; // 节点的字体颜色
+    background-color: rgba(135, 206, 235, 0.2);
+}
+</style>

src/views/target-management/target-comm/SqlEditPage.vue

@@ -51,16 +51,14 @@
                         <el-col :span="6">
                             <el-form-item label="分子指标ID" prop="childId">
                                 <el-input v-model="sqlForm.childId" minlength="1" maxlength="9" show-word-limit
-                                    placeholder="没有分子请填写 /">
-                                    <template #prepend>zb_</template>
+                                    placeholder="请以zb_开头, 没有请填写 /">
                                 </el-input>
                             </el-form-item>
                         </el-col>
                         <el-col :span="6">
                             <el-form-item label="分母指标ID" prop="momId">
                                 <el-input v-model="sqlForm.momId" minlength="1" maxlength="9" show-word-limit
-                                    placeholder="没有分母请填写 /">
-                                    <template #prepend>zb_</template>
+                                    placeholder="请以zb_开头, 没有请填写 /">
                                 </el-input>
                             </el-form-item>
                         </el-col>
@@ -188,13 +186,13 @@ onMounted(() => {
                     let childRef = res.reportChild
                     let momRef = res.reportMom
                     if (childRef) {
-                        sqlForm.childId = childRef.reportId.replaceAll('zb_', '')
+                        sqlForm.childId = childRef.reportId
                         sqlForm.childGather = childRef.gatherSql
                         sqlForm.childName = childRef.reportName
                         sqlForm.calcChild = childRef.baseSql
                     }
                     if (momRef) {
-                        sqlForm.momId = momRef.reportId.replaceAll('zb_', '')
+                        sqlForm.momId = momRef.reportId
                         sqlForm.momGather = momRef.gatherSql
                         sqlForm.momName = momRef.reportName
                         sqlForm.calcMom = momRef.baseSql
@@ -259,15 +257,38 @@ const rules = ref<FormRules>({
 const submitForm = async (formEl: FormInstance | undefined) => {
     if (!formEl) return
 
+    if (sqlForm.childId.length > 1 && !sqlForm.childId.startsWith('zb_')) {
+        ElMessage({
+            type: "info",
+            message: '分子指标ID请以zb_开头',
+            duration: 2500,
+            showClose: true,
+        });
+        return false;
+    }
+
+    if (sqlForm.momId.length > 1 && !sqlForm.momId.startsWith('zb_')) {
+        ElMessage({
+            type: "info",
+            message: '分母指标ID请以zb_开头',
+            duration: 2500,
+            showClose: true,
+        });
+        return false;
+    }
+
     await formEl.validate((valid: boolean, field: any) => {
         if (valid) {
-            sqlForm.childId = 'zb_' + sqlForm.childId.replaceAll('zb_', '')
-            sqlForm.momId = 'zb_' + sqlForm.momId.replaceAll('zb_', '')
             targetSqlSave(sqlForm)
                 .then((res: any) => {
                     let r = JSON.parse(JSON.stringify(res))
                     if (r.cg) {
-                        console.log(r.cg)
+                        ElMessage({
+                            type: "success",
+                            message: r.cg,
+                            duration: 2500,
+                            showClose: true,
+                        });
                     }
 
                 });

src/views/target-management/target-dict/TargetReportConfig.vue

@@ -0,0 +1,258 @@
+<template>
+    <el-row :gutter="5">
+        <el-col :span="6">
+            <ReportTree v-if="isShowTree" :reportTreeData="reportTreeData" @treeNodeClick="treeNodeClick" />
+        </el-col>
+        <el-col :span="18">
+            <PageLayer>
+                <template #header class="hd-cl">
+                    <el-button type="primary" icon="Plus" @click="addForm(ruleFormRef)"
+                        style="margin-left: 10px">新增</el-button>
+                    <el-button type="primary" icon="Edit" @click="editForm(ruleFormRef)"
+                        style="margin-left: 10px">编辑</el-button>
+                    <el-button type="primary" icon="Check" @click="submitForm(ruleFormRef)"
+                        style="margin-left: 10px">保存</el-button>
+                    <el-button type="primary" icon="Refresh" @click="resetForm(ruleFormRef)"
+                        style="margin-left: 10px">重置</el-button>
+                </template>
+                <template #main>
+                    <el-form ref="ruleFormRef" :model="reportForm" :rules="rules" label-width="120px" class="demo-ruleForm"
+                        :size="formSize" status-icon :disabled="isShowForm">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="报表名称" prop="reportName">
+                                    <el-input v-model="reportForm.reportName" minlength="1" maxlength="256"
+                                        show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="报表编码" prop="reportId">
+                                    <el-input v-model="reportForm.reportId" minlength="1" maxlength="12" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="报表类型" prop="reportType">
+                                    <el-input v-model="reportForm.reportType" minlength="1" maxlength="12"
+                                        show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="聚合sql" prop="gatherSql">
+                                    <el-input v-model="reportForm.gatherSql" minlength="1" maxlength="256"
+                                        show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="单位" prop="unit">
+                                    <el-input v-model="reportForm.unit" minlength="0" maxlength="8" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="报表分组类型" prop="level">
+                                    <el-input v-model="reportForm.reportId" minlength="1" maxlength="12" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-form-item label="基础sql" prop="baseSql">
+                            <el-input v-model="reportForm.baseSql" type="textarea" :rows="8" />
+                        </el-form-item>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="菜单id" prop="menuId">
+                                    <el-input v-model="reportForm.menuId" minlength="0" maxlength="12" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="面板排序" prop="sort">
+                                    <el-input v-model="reportForm.sort" minlength="0" maxlength="12" show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="指标排序" prop="reportSort">
+                                    <el-input v-model="reportForm.reportSort" minlength="0" maxlength="256"
+                                        show-word-limit />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="是否财务报表" prop="isCw">
+                                    <el-switch v-model="reportForm.isCw" active-value="Y" inactive-value="N"
+                                        active-color="#13ce66" inactive-color="#ff4949" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="是否医技报表" prop="isYj">
+                                    <el-switch v-model="reportForm.isYj" active-value="Y" inactive-value="N"
+                                        active-color="#13ce66" inactive-color="#ff4949" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-form-item label="是否有效" prop="flag">
+                                    <el-switch v-model="reportForm.flag" active-value="Y" inactive-value="N"
+                                        active-color="#13ce66" inactive-color="#ff4949" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-form>
+                </template>
+            </PageLayer>
+        </el-col>
+    </el-row>
+</template>
+<script setup name="TargetDictInfo" lang="ts">
+import { ref, reactive, onMounted, nextTick } from 'vue'
+import ReportTree from '../target-comm/ReportTree.vue'
+import PageLayer from '../../../layout/PageLayer.vue'
+import { ElMessage } from 'element-plus'
+import { formatDate } from '../../../utils/date'
+import { seltYearAndNowLast } from '../../../data/shortcuts'
+import type { FormInstance, FormRules } from 'element-plus'
+import { selectReportDictTree, selectReportDict } from '../../../api/target-management/report-dict'
+import { queryDept } from '../../../api/public-api'
+
+const reportTreeData = ref({
+    data: [{}],
+    height: 900,
+})
+
+const isShowTree = ref(false)
+const isShowForm = ref(true)
+const start = formatDate(seltYearAndNowLast[0].value[0])
+const end = formatDate(seltYearAndNowLast[1].value[1])
+const deptWardList = ref([])
+const formSize = ref('default')
+const ruleFormRef = ref<FormInstance>()
+
+const deptMethod = (val: string) => {
+    queryDept(val).then((res: any) => {
+        deptWardList.value = res
+    })
+}
+
+const queryParam = reactive({
+    reportId: '', // 报表id
+    reportName: '', // 报表名称
+    reportType: '', // 报表类型
+    startTime: '', // 开始时间
+    endTime: '', // 结束时间
+})
+
+const reportForm = ref({
+    reportId: '', // 报表id
+    reportName: '', // 报表名称
+    reportType: '', // 报表类型
+    unit: '', // 单位
+    level: '', // 报表分组类型
+    gatherSql: '', // 聚合sql
+    baseSql: '', // 基础sql
+    displayType: '', // 展示类型
+    menuId: '', // 菜单id
+    sort: '', // 面板排序
+    reportSort: '', // 报表统计排序
+    isCw: 'N', // 是否财务报表大屏显示指标（Y: 是）
+    isYj: 'N', // 是否医技报表大屏显示指标（Y: 是）
+    flag: 'Y', // 是否有效
+})
+
+onMounted(() => {
+    nextTick(() => {
+        queryParam.startTime = start + ' 00:00:00'
+        queryParam.endTime = end + ' 23:59:59'
+        queryReportDictTree()
+        deptMethod('')
+    })
+})
+
+// 查询指标字典树
+const queryReportDictTree = () => {
+    isShowTree.value == true ? false : true
+    queryParam.reportId = ''
+    selectReportDictTree(queryParam)
+        .then((res: any) => {
+            reportTreeData.value.data = res
+            isShowTree.value = true
+        });
+}
+
+// ------  接收树页面传来的数据 -------
+const treeNodeClick = async (data: any, node: any, obj: any) => {
+    if (node.data) {
+        // 查询指标字典
+        queryParam.reportId = node.data.id
+        let selectReportDictRes = await selectReportDict(queryParam)
+        reportForm.value = selectReportDictRes[0]
+    }
+}
+
+// ---------- 新增报表 ------------
+const addForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    if (queryParam.reportId === '') {
+        ElMessage({
+            type: "info",
+            message: "请选择一个指标报表！",
+            duration: 2500,
+            showClose: true,
+        });
+        return
+    }
+
+}
+
+// ---------- 编辑报表 ------------
+const editForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+}
+
+// ---------- 保存报表 ------------
+const submitForm = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+}
+
+// ---------- 重置报表 ------------
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    if (isShowForm.value) {
+        isShowForm.value = false
+    }
+
+    formEl.resetFields()
+}
+
+const rules = $ref<FormRules>({
+    reportId: [
+        { required: true, message: '请填写指标id', trigger: 'blur' },
+        { min: 1, max: 12, message: '指标id长度范围1-12个字符', trigger: 'blur' },
+    ],
+    reportName: [
+        { required: true, message: '请填写指标名称', trigger: 'blur' },
+        { min: 1, max: 256, message: '指标名称长度范围1-256个字符', trigger: 'blur' },
+    ],
+    reportType: [
+        { required: true, message: '请填写指标类型', trigger: 'blur' },
+        { min: 1, max: 12, message: '指标类型长度范围1-12个字符', trigger: 'blur' },
+    ],
+    menuId: [
+        { type: 'number', message: '菜单id请填写数字', trigger: 'blur' },
+    ],
+    sort: [
+        { type: 'number', message: '面板排序请填写数字', trigger: 'blur' },
+    ],
+})
+
+</script>
+<style lang="scss" scoped deep>
+.hd-cl {
+    margin-bottom: 1px !important;
+}
+
+:deep(.el-textarea.is-disabled .el-textarea__inner) {
+    color: #1146f3;
+}
+</style>