merge

fanguang · lihua
eb9af70f authored 2025-06-25 16:38:33 +0800 by fanguang Committed by lihua 2025-06-30 14:28:29 +0800
Showing 3 changed files with 284 additions and 5 deletions
src/api/modules/dataMetaService.ts
src/views/data_meta/components/standardFieldsDialog.vue
src/views/data_meta/standard.vue
--- a/src/api/modules/dataMetaService.ts
View file @eb9af70
+++ b/src/api/modules/dataMetaService.ts
View file @eb9af70
@@ -353,3 +353,44 @@ export const getMetaStandardDataFields = (metaStandardGuid) => request({
  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/get-standard-field?metaStandardGuid=${metaStandardGuid}`,
  method: 'get'
 })
+/** 元数据标准-标准字段保存 */
+export const saveMetaStandardDataFields = (params) => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/data/save-or-update`,
+  method: 'post',
+  data: params
+})
+/** 元数据标准-标准字段删除 */
+export const deleteMetaStandardDataFields = (params) => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/data/del`,
+  method: 'delete',
+  data: params
+})
+/** 标准代码-树形表 */
+export const getStandardCodeTree = () => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/standard-code/code-tree`,
+  method: 'get'
+})
+/** 元数据标准树形列表查询 */
+export const getMetaStandardTreeList = (guid) => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/list-tree?metaStandardGuid=${guid}`,
+  method: 'get'
+})
+/** 元数据标准guid查询只展示的字段 */
+export const getMetaStandardField = (guid) => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/data/list-by-meta-standard-guid?metaStandardGuid=${guid}`,
+  method: 'get'
+})
+/** 根据元数据标准展示字段去获取未展示的详情信息 */
+export const getMetaStandardFieldDetail = (guid) => request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/data/detail?guid=${guid}`,
+  method: 'get'
+})
+/** 获取桑基图数据 */
+export const getSankeyData = (guid) =>  request({
+  url: `${import.meta.env.VITE_APP_STANDARD_URL}/meta-standard/sankey-data?metaStandardGuid=${guid}`,
+  method: 'get'
+})
--- a/src/views/data_meta/components/standardFieldsDialog.vue 0 → 100644
View file @eb9af70
+++ b/src/views/data_meta/components/standardFieldsDialog.vue 0 → 100644
View file @eb9af70
+<template>
+<el-dialog 
+    v-model="visible" 
+    :title="title" 
+    width="600" 
+    modal-class="standard-modal"
+>
+    <el-form :model="form" :rules="formRules" ref="formEl" style="min-height: 200px;">
+        <el-row>
+            <el-col v-for="item,index in fields" :key="index" :span="12" style="padding-right:10px">
+                <el-form-item :label="item.fileNameCodeName" :prop="item.fileNameCode">
+                    <el-input 
+                        v-if="item.inputTypeCode == '1' || item.inputTypeCode == '3'" 
+                        v-model="form[item.fileNameCode]" 
+                        placeholder="请输入"
+                    />
+                    <el-select 
+                        v-else-if="item.inputTypeCode == '2'" 
+                        v-model="form[item.fileNameCode]" 
+                        filterable
+                        clearable
+                        placeholder="请选择"
+                    >
+                        <el-option v-for="op in formOptions[item.fileNameCode]" :label="op.label" :value="op.value" :key="op.value"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-col>
+        </el-row>
+    </el-form>
+    <template #footer>
+        <el-button @click="visible = false" :disabled="confirmLoading">取消</el-button>
+        <el-button type="primary" @click="confirm" :loading="confirmLoading">确认</el-button>
+    </template>
+</el-dialog>
+</template>
+<script setup lang="ts">
+import { watch } from 'vue'
+import { ElMessage } from "element-plus";
+import { getParamsList } from '@/api/modules/dataAsset'
+import { saveMetaStandardDataFields, getMetaStandardFieldDetail } from '@/api/modules/dataMetaService'
+const { proxy } = getCurrentInstance() as any;
+const props = defineProps({
+    modelValue: Boolean,
+    fields: {
+        type: Array,
+        default: () => ([])
+    },
+    metaStandardGuid: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: String,
+        default: 'add'
+    },
+    data: {
+        type: Object,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['update:modelValue', 'success', 'confirm'])
+const visible = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(val) {
+    emit('update:modelValue', val);
+  }
+})
+const title = computed(() => {
+    return props.type === 'add' ? '新增字段标准' : '编辑字段标准'
+})
+const formEl = ref()
+const form = ref({})
+const formRules = ref({})
+const formOptions = ref({})
+async function initForm () {
+    const { fields, type, data } = props
+    console.log(data)
+    if (!fields) return
+    let formData = {}
+    let formRuleData = {}
+    let formOptionData = {}
+    let detailData:any = {}
+    if (type === 'edit') {
+        detailData = await getDetail()
+    }
+    fields.forEach(async (item:any) => {
+        formData[item.fileNameCode] = type === 'add' ? '' : detailData.metaStandardValue[item.fileNameCode]
+        formRuleData[item.fileNameCode] = {
+            required: item.isNotnull === 'Y' ? true : false,
+            message: `缺少${item.fileNameCodeName}`
+        }
+        // formOptionData[item.fileNameCode] = await getOptions(item.dataTypeCode)
+        if (item.inputTypeCode == '2') {
+            formOptions.value[item.fileNameCode] = await getOptions(item.dataTypeCode)
+        }
+    })
+    // formOptions.value = formOptionData
+    form.value = formData
+    formRules.value = formRuleData
+    nextTick(() => formEl.value.clearValidate())
+    setTimeout(() => {
+        formEl.value.clearValidate()
+    }, 100)
+}
+function getOptions (dictType) {
+    return new Promise((resolve, reject) => {
+        getParamsList({ dictType }).then((res:any) => {
+            if (res.code === proxy.$passCode) {
+                resolve(res.data)
+            }
+        })
+    })
+}
+function getDetail () {
+    return new Promise((resolve) => {
+        getMetaStandardFieldDetail(props.data.guid).then((res:any) => {
+            if (res.code === proxy.$passCode) {
+                resolve(res.data)
+            }
+        })
+    })
+}
+const confirmLoading = ref(false)
+function confirm () {
+    console.log(form.value)
+    formEl.value.validate(valid => {
+        if (!valid) return
+        let body = {
+            metaStandardGuid: props.metaStandardGuid,
+            metaStandardValue: { ...form.value }
+        }
+        if (props.type === 'edit') {
+            body.guid = props.data.guid
+        }
+        confirmLoading.value = true
+        saveMetaStandardDataFields(body).then((res:any) => {
+            if (res.code === proxy.$passCode) {
+                ElMessage.success('操作成功')
+                emit('success')
+                visible.value = false
+                return
+            }
+        }).finally(() => confirmLoading.value = false)
+    })
+}
+watch(
+    () => visible.value,
+    (v) => {
+        if (!v) return
+        initForm()
+    }
+)
+</script>
+<style lang="scss">
+.standard-modal {
+    .el-form-item {
+        flex-direction: column;
+        .el-form-item__label {
+        justify-content: flex-start;
+        }
+    }
+    .el-dialog__footer {
+        padding: 10px;
+    }
+    .table-form-wrapper {
+        display: flex;
+        margin-bottom: 5px;
+        .table-form-item {
+            padding-right: 10px;
+        }
+        .table-form-operation {
+            flex: 0 0 70px;
+            padding-left: 6px;
+        }
+    }
+}
+</style>
\ No newline at end of file
--- a/src/views/data_meta/standard.vue
View file @eb9af70
+++ b/src/views/data_meta/standard.vue
View file @eb9af70
@@ -14,11 +14,13 @@ import useCatchStore from "@/store/modules/catch";
 import { download } from '@/utils/common'
 import { getParamsList } from '@/api/modules/dataAsset'
 import { getMetaStandardTree, deleteMetaStandard,
-  getMetaStandardDataList, getMetaStandardDataFields
+  getMetaStandardDataList, getMetaStandardDataFields,
+  deleteMetaStandardDataFields
 } from '@/api/modules/dataMetaService'
 import router from '@/router'
 import { TableColumnWidth } from '@/utils/enum';
 import StandardDialog from './components/standardDialog.vue'
+import StandardFieldsDialog from './components/standardFieldsDialog.vue'
 const { proxy } = getCurrentInstance() as any;
@@ -113,7 +115,7 @@ const selectRowData = ref([])
 const selectedRowData = ref([])
 const tableInfo: any = ref({
  id: 'data-source-table',
-  multiple: true,
+  multiple: false,
  fixedSelection: true,
  fields: [
    { label: "序号", type: "index", width: 56, align: "center" },
@@ -142,6 +144,7 @@ const tableInfo: any = ref({
  },
  loading: false
 })
+const standardFields = ref([])
 function getFirstPageData () {
  page.value.curr = 1
  toSearch({})
@@ -152,6 +155,7 @@ function toSearch (val: any, clear: boolean = false) {
  params.pageIndex = page.value.curr;
  params.pageSize = page.value.limit;
  params.metaStandardGuid = currentObj.guid
+  params.keyWords = tableSearchInput.value
  getTable(params)
 }
 function getTable (params) {
@@ -178,6 +182,7 @@ function getTableFields () {
  getMetaStandardDataFields(currentObj.guid).then((res:any) => {
    if (res.code === proxy.$passCode && res.data) {
      const data = res.data
+      standardFields.value = data
      const fields = data.map(item => {
        return {
          label: item.fileNameCodeName,
@@ -197,6 +202,30 @@ function tablePageChange (info) {
  page.value.limit = Number(info.limit)
  toSearch({})
 }
+function tableBtnClick (scope, btn) {
+  console.log(scope, btn)
+  const type = btn.value
+  const row = scope.row
+  if (type === 'edit') {
+    openStandardFieldsDialog(type, row)
+  } else if (type === 'delete') {
+    ElMessageBox.confirm('确定删除吗？', '提示', {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: 'warning',
+    }).then(() => deleteStandardFields(row))
+  }
+}
+function deleteStandardFields (row) {
+  deleteMetaStandardDataFields([row.guid]).then((res:any) => {
+    if (res.code === proxy.$passCode) {
+      ElMessage.success('删除成功')
+      getFirstPageData()
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
 const formItems: any = ref([
  {
@@ -334,6 +363,19 @@ function openStandardDialog () {
  standardDialog.type = 'add'
  standardDialog.visible = true
 }
+// 元标准数据dialog
+const standardFieldsDialog = reactive({
+  visible: false,
+  type: 'add',
+  metaStandardGuid: null,
+  data: {}
+})
+function openStandardFieldsDialog (type, data = {}) {
+  standardFieldsDialog.type = type
+  standardFieldsDialog.metaStandardGuid = treeInfo.value.currentObj.guid
+  standardFieldsDialog.data = data
+  standardFieldsDialog.visible = true
+}
 onBeforeMount(() => {
  getTree()
@@ -358,16 +400,16 @@ onBeforeMount(() => {
    <div class="main_wrap">
        <div class="table_tool_wrap">
            <div class="tools_btns">
-                <el-button type="primary" @click="loadDrawer" v-preReClick>新建</el-button>
+                <el-button type="primary" @click="() => openStandardFieldsDialog('add')" v-preReClick>新建</el-button>
                <el-button @click="batching('export')" v-preReClick>导入</el-button>
                <el-button @click="batching('delete')" v-preReClick>导出</el-button>
                <el-button @click="batching('delete')" v-preReClick>查看</el-button>
            </div>
-            <el-input class="table_search_input" v-model.trim="tableSearchInput" placeholder="请输入代码名称搜索"
+            <el-input class="table_search_input" v-model.trim="tableSearchInput" placeholder="请输入关键字搜索"
          :suffix-icon="Search" clearable @change="val => getFirstPageData()" />
        </div>
        <div class="table_panel_wrap full">
-            <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" @tableSelectionChange="tableSelectionChange"
+            <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick"
            @tablePageChange="tablePageChange"/>
        </div>
    </div>
@@ -378,6 +420,14 @@ onBeforeMount(() => {
      :guid="standardDialog.guid"
      @success="getTree"
    />
+    <StandardFieldsDialog
+      v-model="standardFieldsDialog.visible"
+      :fields="standardFields"
+      :type="standardFieldsDialog.type"
+      :metaStandardGuid="standardFieldsDialog.metaStandardGuid"
+      :data="standardFieldsDialog.data"
+      @success="getFirstPageData"
+    />
 </div>
 </template>