0803

ruoyi-ui/package.json

@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "2.3.1",
+    "@tinyflow-ai/vue": "^1.0.4",
     "@vue-flow/core": "^1.45.0",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "10.11.0",

ruoyi-ui/src/api/register/regCom.js

@@ -87,3 +87,111 @@ export function getModelParList(query) {
     params: query
   })
 }
+
+export function getDataSourceList(query) {
+  return request({
+    url: '/meta/datasource/list',
+    method: 'get',
+    params: query
+  })
+}
+export function getDataSourceDe(id) {
+  return request.get(`/meta/datasource/${id}`);
+}
+export function editDataSource(data) {
+  return request({
+    url: '/meta/datasource',
+    method: 'put',
+    data: data
+  })
+}
+export function delDataSource(id) {
+  return request({
+    url: '/meta/datasource/' + id,
+    method: 'delete'
+  })
+}
+export function addDataSource(data) {
+  return request({
+    url: "/meta/datasource",
+    method: 'post',
+    data:data
+  });
+}
+
+export function getDataMetaList(query) {
+  return request({
+    url: '/meta/table/allList',
+    method: 'get',
+    params: query
+  })
+}
+export function editMeta(data) {
+  return request({
+    url: '/meta/table',
+    method: 'put',
+    data: data
+  })
+}
+export function delMeta(id) {
+  return request({
+    url: '/meta/table',
+    method: 'delete',
+    params: id
+  })
+}
+export function addMeta(data) {
+  return request({
+    url: "/meta/table",
+    method: 'post',
+    data:data
+  });
+}
+export function addPeiList(data) {
+  return request({
+    url: "/meta/field/addList",
+    method: 'post',
+    data:data
+  });
+}
+export function getMetaFiele(query) {
+  return request({
+    url: '/meta/field/allList',
+    method: 'get',
+    params: query
+  })
+}
+export function delMetaFiled(id) {
+  return request({
+    url: '/meta/field',
+    method: 'delete',
+    params: id
+  })
+}
+export function cateTree(query) {
+  return request({
+    url: '/data/cate/treeselect',
+    method: 'get',
+    params: query
+  })
+}
+export function addCate(data) {
+  return request({
+    url: "/data/cate",
+    method: 'post',
+    data:data
+  });
+}
+export function delCate(id) {
+  return request({
+    url: '/data/cate/' + id,
+    method: 'delete'
+  })
+}
+export function fieldAll(query) {
+  return request({
+    url: '/data/field/allList',
+    method: 'get',
+    params: query
+  })
+}

ruoyi-ui/src/assets/icons/svg/zhankai.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1754204938797" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5191" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M971.2712 697.6H377.6712c-28.8 0-52.8-25.6-52.8-56s24-56 52.8-56h593.6c28.8 0 52.8 25.6 52.8 56 0 32-24 56-52.8 56z m0-260.8H377.6712c-28.8 0-52.8-25.6-52.8-56s24-56 52.8-56h593.6c28.8 0 52.8 25.6 52.8 56s-24 56-52.8 56z m-3.2-251.2H59.2712C28.8712 185.6 1.6712 161.6 0.0712 131.2c-1.6-32 24-57.6 56-57.6h908.8c30.4 0 57.6 24 59.2 54.4 1.6 32-24 57.6-56 57.6zM0.0712 697.6V326.4L259.2712 512 0.0712 697.6z m56 140.8h908.8c30.4 0 57.6 24 59.2 54.4 1.6 32-24 57.6-56 57.6H59.2712C28.8712 950.4 1.6712 926.4 0.0712 896c-1.6-32 24-57.6 56-57.6z" p-id="5192" fill="#1296db"></path></svg>

ruoyi-ui/src/layout/components/editModel.vue

@@ -17,12 +17,12 @@
             <span  style="justify-content: space-between;display: flex;width: 100%;align-items: center;">
               <div class="custom-tree-node">
                   <!-- <el-tag v-if="data.nodeType=='MODEL'" class="ml-2" type="warning">模型</el-tag> -->
-                   <svg-icon icon-class="模型2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
+                   <svg-icon icon-class="model2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
                   <!-- <el-tag  class="ml-2">
                     服务
                   </el-tag> -->
-                  <svg-icon icon-class="模型" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
-                  <svg-icon icon-class="分类" style="color: red;" v-if="data.nodeType=='TREE'"/>
+                  <svg-icon icon-class="model" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
+                  <svg-icon svg-icon icon-class="cate" style="color: red;" v-if="data.nodeType=='TREE'"/>
                 <span>{{ node.label }}</span>
               </div>
               <div style="margin-right: 1%;position: absolute;margin-left: 75%;">

ruoyi-ui/src/views/service/data/index.vue → ruoyi-ui/src/views/codeModel(developer).vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%;background-color: #F7F7F7;padding-top: 1%;display: flex;" :style="{'height':heightAll+'px'}">
+  <div style="width: 100%;padding-top: 1%;display: flex;" :style="{'height':heightAll+'px'}">
     <div style="width: 10%;;">
       <Plus style="width: 1em; height: 1em; margin-left:90%;cursor: pointer;color: #337ecc;" @click="showAddTree"/>
       <el-tree  :data="data" :props="defaultProps" @node-click="handleNodeClick" style="margin-left: 1%;background-color: #F7F7F7;width: 100%;" default-expand-all>
@@ -14,14 +14,23 @@
         </template>
       </el-tree>
     </div>
-    <div style="width: 87%;">
-      <el-button type="primary" @click="showAdd" size="mini" style="margin-left: 98.5%;">新增</el-button>
+    <div style="width: 86%;margin-left: 1%;">
+        <div style="display: flex;justify-content: space-between;width: 100%;align-items: center;margin-left: 2%;">
+            <div style="display: flex;width: 50%;align-items: center;">
+                <div>
+                    名称
+                </div>
+                <el-input size="mini" v-model="formTree.itemNo" style="width: 30%;margin-left: 1%;" placeholder="" />
+                <el-button type="primary" @click="showAdd" size="mini" style="margin-left:1%;">查询 </el-button>
+            </div>
+            <el-button type="primary" @click="showAdd" size="mini" style="margin-left:1%;">新增</el-button>
+        </div>
       <el-table 
         :data="tableData" 
         style="width: 100%;margin-left: 2%;margin-top: 0.5%;"
-        :cell-style="{ textAlign: 'center', }"
-        :header-cell-style="{ textAlign: 'center'}"
-        :row-style="{ height: heightAll*0.01+'px',fontSize: '16px',textAlign:'center'  }"
+        :cell-style="{ padding:'5px' }"
+        :header-cell-style="{height: heightAll*0.01+'px',}"
+        :row-style="{ fontSize: '16px',textAlign:'center'}"
         border 
         :height="tableheight">
         <el-table-column type="index" label="序号" width="80"></el-table-column>
@@ -39,7 +48,6 @@
             <template #default="scope">
                 <div style="display: flex;justify-content: space-between;width: 100%;">
                     <el-button type="primary" @click="showEdit(scope.row)" size="mini" text style="margin-left: 1%;">编辑</el-button>
-                    <!-- <el-button type="danger" text size="mini" style="margin-left: -5%;" @click="handleDelete(scope.row)">注销</el-button> -->
                     <el-button @click="showDe(scope.row)" type="primary" text size="mini" style="margin-left: 1%;">查看</el-button>
                     <el-button @click="delRow(scope.row)" type="danger" text size="mini" style="margin-left: 1%;">删除</el-button>
                 </div>

ruoyi-ui/src/views/login.vue

@@ -77,7 +77,7 @@ const { proxy } = getCurrentInstance();
 
 const loginForm = ref({
   username: "admin",
-  password: "admin123",
+  password: "Gw#$1601",
   rememberMe: false,
   code: "",
   uuid: ""

ruoyi-ui/src/views/register/componentReg/index.vue

@@ -518,8 +518,8 @@
               </el-descriptions>
             </el-tab-pane>
             <el-tab-pane label="模型参数" style="height: 50vh;">
-              <div style="display: flex;justify-content: space-between;margin-right: 2%;align-items: center;">
-                <div style="display: flex;align-items: center;">
+              <div style="display: flex;justify-content: space-between;margin-right: 2%;align-items: center;background-color: #e9e9eb;;width: 100%;">
+                <div style="display: flex;align-items: center;margin-left: 1%;">
                   <el-checkbox v-model="checked1" label="参数是否分组" size="large"  />
                   <el-button  @click="addCan" style="margin-left: 10%;" type="success" size="mini" plain v-if="checked1">新增分组</el-button>
                 </div>
@@ -541,7 +541,7 @@
               :cell-style="{ textAlign: 'center',padding:'3px 0px' }"
               :header-cell-style="{ textAlign: 'center', }"
               :row-style="{ height: heightAll*0.01+'px',fontSize: '16px',textAlign:'center'  }"
-              border >
+              border>
                   <el-table-column prop="parName" label="*参数英文名">
                     <template #default="scope" style="width: 120%;">
                         <el-input  v-model="scope.row.parEnname" style="width: 120%;margin-left: -10%;"/>

ruoyi-ui/src/views/register/modelData/dataJi.vue

@@ -0,0 +1,599 @@
+<template>
+  <div style="width: 99%;display: flex;margin-left: 1%;background-color:#F5F8F9;;">
+    <el-card style="width: 18%;height: 100%;overflow: auto;height: 85vh;background-color: white;overflow-x: hidden;" shadow="never">
+      <template #header>
+      <div class="card-header" style="display: flex;align-items: center;justify-content: space-between;">
+        <span>目录：</span>
+      </div>
+    </template>
+      <el-tree :expand-on-click-node="false" ref="treeRef" :filter-node-method="filterNode" :current-node-key="currentNodeKey" class="treeLeft" 
+      :data="data" @node-click="handleNodeClick" node-key="id" style="margin-left: -10%;margin-top: 0%;width: 120%;background-color: transparent;" default-expand-all :key="valueKet">
+          <template #default="{ node, data }">
+            <span  style="justify-content: space-between;display: flex;width: 30%;align-items: center;margin-left: 5%;">
+              <div class="custom-tree-node" style="align-items: center;line-height: 1.5;">
+                <svg-icon icon-class="model" dstyle="color: #13E03B;" v-if="data.nodeType=='SET'"/>
+                <svg-icon icon-class="model2" style="color: red;" v-if="data.nodeType=='TREE'"/>
+                <span style="font-size: 1rem;">{{ node.label }}</span>
+              </div>
+              <div style="margin-right: 1%;position: absolute;left:80%;">
+                <el-dropdown trigger="hover" @click.stop v-if="currentNodeKey === data.id">
+                    <!-- <el-icon class="el-icon--right" style="color: black;">
+                      <plus />
+                    </el-icon> -->
+                    <svg-icon icon-class="zhankai"/>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item style="display: flex;" @click="add1Level">
+                        <el-icon class="el-icon--right" style="color: black;">
+                          <CirclePlus />
+                        </el-icon>
+                        <div>
+                          添加同级
+                        </div>
+                      </el-dropdown-item>
+                      <el-dropdown-item style="display: flex;"  @click="addNextLevel">
+                        <el-icon class="el-icon--right" style="color: black;">
+                          <Connection />
+                        </el-icon>
+                        <div>
+                          新建下级
+                        </div>
+                      </el-dropdown-item>
+                      <divider/>
+                      <el-dropdown-item style="display: flex;"  @click="delAll" divided>
+                        <el-icon class="el-icon--right" style="color: black;">
+                          <CircleClose />
+                        </el-icon>
+                        <div>
+                          删除节点
+                        </div>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </div>
+            </span>
+          </template>
+        </el-tree>
+    </el-card>
+    <div style="width: 80%;margin-left: 1%;background-color: white;">
+        <div style="display: flex;justify-content: space-between;width: 100%;align-items: center;margin-left: 0%;padding: 1%;">
+            <div style="display: flex;width: 50%;align-items: center;">
+                <div>
+                    名称
+                </div>
+                <el-input size="mini" v-model="dcName" style="width: 30%;margin-left: 1%;"/>
+                <el-button type="primary" @click="getTable" size="mini" style="margin-left:1%;">查询</el-button>
+            </div>
+            <el-button type="primary" @click="showAdd" size="mini" style="margin-left:1%;" :disabled="!parTree">新增</el-button>
+        </div>
+      <el-table 
+        :data="tableData" 
+        style="width: 99%;margin-left: 1%;margin-top: 0.5%;"
+        :cell-style="{ padding:'5px' }"
+        :header-cell-style="{height: heightAll*0.01+'px',}"
+        :row-style="{ fontSize: '16px',textAlign:'center'}"
+        border 
+        :height="tableheight">
+        <el-table-column type="index" label="序号" width="80"></el-table-column>
+        <el-table-column prop="fieldName" label="名称:">
+        </el-table-column>
+        <el-table-column prop="fieldCode" label="代码"/>
+        <el-table-column prop="fieldType" label="分类"/>
+        <el-table-column prop="fieldDesc" label="说明"/>>
+        <el-table-column prop="address" label="操作" width="250">
+            <template #default="scope">
+                <div style="display: flex;justify-content: space-between;width: 100%;">
+                    <el-button type="primary" @click="showPei(scope.row)" size="mini" text style="margin-left: 0%;">数据项配置</el-button>
+                    <el-button type="primary" @click="showEdit(scope.row)" size="mini" text style="margin-left:0%;">编辑</el-button>
+                    <el-button @click="delRow(scope.row)" type="danger" text size="mini" style="margin-left: 0%;">删除</el-button>
+                </div>
+            </template>
+        </el-table-column>
+      </el-table>
+      <div style="float: right;margin-top: 0.5%;margin-right: 1%;">
+          <!-- <el-pagination
+            small
+            v-model='currentPage'
+            @current-change="changePage"
+            background
+            layout="prev, pager, next"
+            :total="total"
+            class="mt-4"
+          /> -->
+        </div>
+    </div>
+  </div>
+  <el-dialog :title="title" @close="clearForm" v-model="dialogVisible" title="" width="30%"  destroy-on-close :key="tableKey">
+    <el-form :label-width="140" label-position="right" :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;"  :model="formZu" class="demo-form-inline" ref="formRefZu" :rules="rulesZu">
+      <el-form-item label="元数据表名(英文):" prop="metaTable" style="" v-if="isAddTa">
+        <el-input v-model="formZu.metaTable" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="元数据表中文名:" prop="dsType" style="">
+        <el-input v-model="formZu.dcName" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="元数据表说明:" prop="dsPort" style="">
+        <el-input v-model="formZu.metaNote" style="width: 75%;" placeholder="" type="textarea" :row="2" resize="none"/>
+      </el-form-item>
+      <el-form-item label="排序:" prop="dsUser">
+        <el-input-number v-model="formZu.metaSort" :min="1" style="width: 75%;"/>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisible = false">取消</el-button>
+        <el-button v-if="isAddTa" type="primary" @click="addTa" size="mini">
+          提交
+        </el-button>
+        <el-button v-if="!isAddTa" type="primary" @click="saveEditTa" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <el-dialog @close=""  v-model="dialogVisibleTree" title="配置管理" width="50%" destroy-on-close :key="tableKey">
+    <div style="margin-top: 2%;">
+      <div style="display: flex;justify-content: space-between;align-items: center;">
+        <div style="display: flex;justify-content: flex-end;width: 100%;margin-right: 2%;">
+          <el-button  @click="addCanAdd" style="margin-top: 1%;" type="success" size="mini" plain>新增参数</el-button>
+        </div>
+      </div>
+      <div>
+          <el-table 
+          style="margin-top: 1%;width: 98%;"
+          :data="tableDataCanAdd" 
+          :cell-style="{ textAlign: 'center',padding:'2px 0' }"
+          :header-cell-style="{ textAlign: 'center'}"
+          :row-style="{ height: heightAll*0.01+'px',fontSize: '16px',textAlign:'center'  }"
+          border >
+              <el-table-column prop="itemName" label="字段编码" width="200">
+                  <template #default="scope">
+                      <el-input placeholder="(必填)" type="primary" class="noBor" v-model="scope.row.fieldCode" size="mini" text style="margin-left: 0%;"></el-input>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="字段名称">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input placeholder="" type="primary" class="noBor" v-model="scope.row.fieldName" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="字段类型">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input placeholder="" type="primary" class="noBor" v-model="scope.row.metaType" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="长度" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldLength" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="默认值" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldDefault" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="说明" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldDesc" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="主键" width="80">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-checkbox v-model="scope.row.fieldIspri" label="" size="large" />
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="address" label="操作" width="100">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-button type="danger" @click="delCanAdd(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
+                      </div>
+                  </template>
+              </el-table-column>
+          </el-table>
+          
+      </div>
+  </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisibleTree = false">取消</el-button>
+        <el-button type="primary" @click="addPei" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <el-dialog @close="clearForm" v-model="dialogVisibleData" title="新增数据项" width="30%"  destroy-on-close :key="tableKey">
+    <el-form :label-width="100" label-position="right" :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;"  :model="formTree" class="demo-form-inline" ref="formRefTree" :rules="rulesTree">
+      <el-form-item label="名称:" prop="itemName" style="">
+        <el-input v-model="formTree.itemName" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="排序:" prop="itemNo">
+        <el-input-number v-model="formZu.itemNo" :min="1" style="width: 50%;"/>
+      </el-form-item>
+      <el-form-item label="说明:" prop="itemNotes">
+        <el-input v-model="formTree.itemNotes" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisibleData = false">取消</el-button>
+        <el-button type="primary" @click="addataXiang" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script   setup>
+import { reactive } from 'vue'
+import { Plus } from '@element-plus/icons-vue'
+import { cateTree,addCate,delCate,fieldAll } from "@/api/register/regCom.js";
+import { ref, onMounted, onUnmounted, nextTick } from 'vue';
+const { proxy } = getCurrentInstance();
+const data =  ref([])
+const title =  ref([])
+const titleTree =  ref([])
+const dialogVisibleData = ref(false)
+const currentPage =  ref(1)
+const total =  ref(1)
+const tableData = ref([])
+const tableheight = window.innerHeight*0.78
+const heightAll = window.innerHeight
+const dialogVisible = ref(false)
+const dialogVisibleTree = ref(false)
+const isAdd = ref(false)
+const isAddTa = ref(false)
+const treeId = ref('');
+const dcName =ref()
+const parDel = ref({})
+const parTree = ref({})
+const formZu = ref({
+  metaTable:'',
+  dcName:'',
+  metaType:'',
+  metaNote:'',
+  metaSort:'',
+});
+const currentNodeKey = ref('')
+const rulesZu = reactive({
+  metaTable: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+const formRefZu = ref();
+const tableDataCanAdd = ref([])
+const formTree = ref({
+  itemName:'',
+  itemNo:'',
+  itemNotes:'',
+});
+const parMeta = ref({})
+const rulesTree = reactive({
+  itemName: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemNo: [{ required: true, message: '必填', trigger: 'blur' }]
+});
+const formRefTree = ref();
+const parDscode = ref('')
+const parLev = ref(1)
+
+function delAll(){
+    proxy.$modal.confirm('是否确认删除？').then(function () {
+        return delCate(parTree.value.id);
+    }).then(() => {
+        getTree();
+        proxy.$modal.msgSuccess("删除成功");
+    }).catch(() => {});
+}
+function addataXiang(){
+    if(parLev.value===1){
+        formTree.value.catePid = parTree.value.pid
+    }
+    else{
+        formTree.value.catePid = parTree.value.id
+    }
+    addCate(formTree.value).then(res=>{
+        if(res.code===200){
+            proxy.$modal.msgSuccess("修改成功");
+            getTree()
+            dialogVisibleData.value = false
+        }
+    })
+}
+function add1Level(){
+    parLev.value = 1
+    dialogVisibleData.value = true
+}
+function addNextLevel(){
+    parLev.value = 2
+    dialogVisibleData.value = true
+}
+function addPei(){
+tableDataCanAdd.value.forEach((item, index, array)=>{
+    if(item.fieldIspri===true){
+      item.fieldIspri = '1'
+    }
+    if(item.fieldIspri===false){
+      item.fieldIspri = '2'
+    }
+    if(!item.fieldCode){
+      array.splice(index, 1)
+    }
+  })
+  if(tableDataCanAdd.value.length===0){
+    var par = {
+      dsCode:parDscode.value,
+      metaTable:parMeta.value.metaTable,
+      fieldCode:parDel.value.fieldCode
+    }
+    delMetaFiled(par).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("修改成功");
+        getTable()
+        dialogVisibleTree.value = false
+      }
+    })
+  }
+  else{
+    addPeiList(tableDataCanAdd.value).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("修改成功");
+        getTable()
+        dialogVisibleTree.value = false
+      }
+    })
+  }
+  
+}
+function showPei(row){
+  dialogVisibleTree.value = true
+  parMeta.value = row
+  var par = {
+    dsCode:parDscode.value,
+    metaTable:row.metaTable,
+  }
+  getMetaFiele(par).then(res=>{
+    tableDataCanAdd.value = res.data
+    tableDataCanAdd.value.forEach(item=>{
+    if(item.fieldIspri==='1'){
+      item.fieldIspri = true
+    }
+    if(item.fieldIspri==='2'){
+      item.fieldIspri = false 
+    }
+  })
+  })
+}
+function clearForm(){
+  formTree.value = {
+    dsTitle:'',
+    dsType:'',
+    dsDbname:'',
+    dsIp:'',
+    dsPort:'',
+    dsUser:'',
+    dsPass:'',
+    dsNode:'',
+  }
+  formZu.value = {
+    metaTable:'',
+    dcName:'',
+    metaType:'',
+    metaNote:'',
+    metaSort:'',
+  }
+  tableDataCanAdd.value = []
+}
+function addCanAdd(){
+    var par = {
+        dsCode:parDscode.value,
+        metaTable:parMeta.value.metaTable,
+    }
+    tableDataCanAdd.value.push(par)
+}
+function delCanAdd(index){
+  if(tableDataCanAdd.value.length===1){
+    parDel.value = tableDataCanAdd.value[0]
+  }
+  tableDataCanAdd.value.splice(index, 1)
+}
+function getTable(){
+  var par = {
+    dcCode:parTree.value.id,
+    dcName:dcName.value
+  }
+  fieldAll(par).then(res=>{
+    tableData.value = res.data
+  })
+}
+function showAdd(){
+  isAddTa.value = true
+  title.value = '新增'
+  dialogVisible.value = true
+}
+function showEdit(row){
+  isAddTa.value = false
+  title.value = '编辑'
+  dialogVisible.value = true
+  formZu.value = row
+}
+function showAddTree(){
+  isAdd.value = true
+  titleTree.value = '新增节点'
+  dialogVisibleTree.value = true
+}
+function clearFromTree(){
+  formTree.value = {
+    itemName:'',
+    catePid:'',
+    itemNo:'',
+    itemNotes:''
+  }
+}
+function getTree(){
+  cateTree().then(res=>{
+    data.value = res.data
+    data.value.forEach(item=>{
+      item.value = item.id
+      item.id = item.id
+    })
+  })
+}
+function addTa(){
+  formRefZu.value.validate(async (valid) => {
+      if(valid){
+        formZu.value.dsCode = parDscode.value
+        await addMeta(formZu.value).then(res=>{
+        if(res.code===200){
+          proxy.$modal.msgSuccess("新增成功");
+          getTable()
+          dialogVisible.value = false
+        }
+      })
+    }
+  }); 
+}
+function saveEditTa(){
+  editMeta(formZu.value).then(res=>{
+    if(res.code===200){
+      proxy.$modal.msgSuccess("修改成功");
+      dialogVisible.value = false
+      getTable()
+    }
+  })
+}
+function delRow(row) {
+  var par = {
+    dsCode:parDscode.value,
+    metaTable:row.metaTable
+  }
+  proxy.$modal.confirm('是否确认删除？').then(function () {
+    return delMeta(par);
+  }).then(() => {
+    getTable();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+};
+async function addTree(){
+  formRefTree.value.validate(async (valid) => {
+    await addDataCate(formTree.value).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("新增成功");
+        getTree()
+        dialogVisibleTree.value = false
+      }
+    })
+  });
+}
+function saveEditTree(){
+  editCate(formTree.value).then(res=>{
+    if(res.code===200){
+      proxy.$modal.msgSuccess("修改成功");
+      dialogVisibleTree.value = false
+      getTree()
+    }
+  })
+}
+function handleNodeClick(node, data){
+    currentNodeKey.value = data.data.id
+    parTree.value = data.data
+    getTable()
+}
+function delTree(node, data) {
+  proxy.$modal.confirm('是否确认删除？').then(function () {
+    return delCate(data.id);
+  }).then(() => {
+    getTree();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+};
+function editTree(node, data){
+  console.log(data)
+  titleTree.value = '编辑'
+  isAdd.value = false
+  dialogVisibleTree.value = true
+  getCateDe(data.id).then(res=>{
+    formTree.value = res.data
+  })
+  console.log(node, data)
+}
+onMounted(() => {
+  getTree()
+  // getTable()
+});
+
+</script>
+<style scoped>
+:deep(.svg-icon) {
+  outline: none;
+}
+:deep(.svg-icon svg) {
+  stroke: none;
+}
+:deep(.el-tree-node__expand-icon) {
+  margin-left:1%; /* 向右推动图标 */
+}
+:deep(.el-table__body tr:hover > td) {
+  background-color: #eaf7ff !important;
+}
+ :deep(.treeLeft) .el-tree-node__content {
+  width: 100%;
+  display: flex !important;
+  height: 30px !important;
+  align-items: center;
+  padding-top: 0 !important;
+}
+:deep(.treeLeft) .el-tree-node__content:hover {
+  background-color: #ecf5ff;
+}
+:deep(.treeLeft) .el-tree-node__content:active {
+    background-color: #d9ecff !important;
+  }
+
+  /* 选中态（Active） */
+:deep(.treeLeft) .el-tree-node.is-current > .el-tree-node__content {
+    background-color: #c6e2ff !important;
+  }
+.drag-handle {
+  cursor: move;
+}
+
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+/* 防止文字选中 */
+:deep(.el-table__row) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+</style>
+<style scoped lang="scss">
+
+
+.el-table .el-table__row td {
+  height: 60px !important; /* 行高 */
+}
+.custom-tree-node {
+  display: flex;       /* 启用 Flex 布局 */
+  align-items: center; /* 垂直居中 */
+  gap: 6px;            /* 图标与文字间距 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center; 
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+</style>

ruoyi-ui/src/views/register/modelData/dataSource.vue

@@ -0,0 +1,290 @@
+<template>
+  <div style="width: 99%;display: flex;background-color: white;margin-left: 1%;padding-top: 1%;" :style="{'height':heightAll+'px'}">
+    <div style="width: 100%;margin-left: 1%;">
+        <div style="display: flex;justify-content: space-between;width: 100%;align-items: center;margin-left:0%;">
+            <div style="display: flex;width: 50%;align-items: center;">
+                <div>
+                    名称
+                </div>
+                <el-input size="mini" v-model="dsTitle" style="width: 20%;margin-left: 1%;" placeholder="" />
+                <el-button type="primary" @click="getTable" size="mini" style="margin-left:1%;">查询 </el-button>
+            </div>
+            <el-button type="primary" @click="showAdd" size="mini" style="margin-right:1%;">新增</el-button>
+        </div>
+      <el-table 
+        :data="tableData" 
+        style="width: 99%;margin-left: 0%;margin-top: 0.5%;"
+        :cell-style="{ padding:'5px' }"
+        :header-cell-style="{height: heightAll*0.01+'px',}"
+        :row-style="{ fontSize: '16px',textAlign:'center'}"
+        border 
+        :height="tableheight">
+        <el-table-column type="index" label="序号" width="80"></el-table-column>
+        <el-table-column prop="dsTitle" label="数据源名称">
+        </el-table-column>
+        <el-table-column prop="dsDbname" label="数据库文名"/>
+        <el-table-column prop="dsType" label="数据源类型"/>
+        <el-table-column prop="ipAll" label="IP/PORT">
+        </el-table-column>
+        <el-table-column prop="dsNode" label="说明" width="140">
+        </el-table-column>
+        <el-table-column prop="address" label="操作" width="140">
+            <template #default="scope">
+                <div style="display: flex;justify-content: space-between;width: 100%;">
+                    <el-button type="primary" @click="showEdit(scope.row)" size="mini" text style="margin-left: 1%;">编辑</el-button>
+                    <el-button @click="delRow(scope.row)" type="danger" text size="mini" style="margin-left: 1%;">删除</el-button>
+                </div>
+            </template>
+        </el-table-column>
+      </el-table>
+      <!-- <div style="float: right;margin-top: 0.5%;margin-right: 1%;">
+          <el-pagination
+            small
+            v-model='currentPage'
+            @current-change="changePage"
+            background
+            layout="prev, pager, next"
+            :total="total"
+            class="mt-4"
+          />
+        </div> -->
+    </div>
+  </div>
+  <el-dialog :title="title" @close="clearForm" v-model="dialogVisible" title="" width="30%"  destroy-on-close :key="tableKey">
+    <el-form :label-width="100" label-position="right" :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;"  :model="formZu" class="demo-form-inline" ref="formRefZu" :rules="rulesZu">
+      <el-form-item label="数据源名称:" prop="dsTitle" style="">
+        <el-input v-model="formZu.dsTitle" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据源类型:" prop="dsType" style="">
+        <el-input v-model="formZu.dsType" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据库文名:" prop="dsDbname" style="">
+        <el-input v-model="formZu.dsDbname" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据库IP:" prop="dsIp" style="">
+        <el-input v-model="formZu.dsIp" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="端口号:" prop="dsPort" style="">
+        <el-input v-model="formZu.dsPort" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="用户名:" prop="dsUser">
+        <el-input v-model="formZu.dsUser" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="密码:" prop="dsPass">
+        <el-input v-model="formZu.dsPass" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="说明:" prop="dsNode">
+        <el-input v-model="formZu.dsNode" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisible = false">取消</el-button>
+        <el-button v-if="isAddTa" type="primary" @click="addData" size="mini">
+          提交
+        </el-button>
+        <el-button v-if="!isAddTa" type="primary" @click="saveEditTa" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script   setup>
+import { reactive } from 'vue'
+import { getDataSourceList,addDataSource,delDataSource,editDataSource,getDataSourceDe } from "@/api/register/regCom.js";
+import { ref, onMounted, onUnmounted, nextTick } from 'vue';
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+    data:{}
+});
+const data =  ref([
+    {
+        label:'数据源',
+        value:'dataSource'
+    },
+    {
+        label:'元数据',
+        value:'metaData'
+    },
+    {
+        label:'数据集',
+        value:'dataUn'
+    },
+])
+const title =  ref([])
+const titleTree =  ref([])
+const currentPage =  ref(1)
+const total =  ref(1)
+const tableData = ref([])
+const tableheight = window.innerHeight*0.78
+const heightAll = window.innerHeight
+const dialogVisible = ref(false)
+const dialogVisibleTree = ref(false)
+const isAdd = ref(false)
+const isAddTa = ref(false)
+const treeId = ref('');
+const dsTitle =ref('')
+const formZu = ref({
+  dsTitle:'',
+  dsType:'',
+  dsDbname:'',
+  dsIp:'',
+  dsPort:'',
+  dsUser:'',
+  dsPass:'',
+  dsNode:'',
+});
+const rulesZu = reactive({
+  dsTitle: [{ required: true, message: '必填', trigger: 'blur' }]
+});
+const formRefZu = ref();
+
+const formTree = ref({
+  itemName:'',
+  catePid:'',
+  itemNo:'',
+  itemNotes:''
+});
+const rulesTree = reactive({
+  itemNo: [{ required: true, message: '必填', trigger: 'blur' }],
+  catePid: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemName: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+const formRefTree = ref();
+
+function clearForm(){
+  formZu.value = {
+    dsTitle:'',
+    dsType:'',
+    dsDbname:'',
+    dsIp:'',
+    dsPort:'',
+    dsUser:'',
+    dsPass:'',
+    dsNode:'',
+  }
+}
+function getTable(){
+  var par = {
+    pageNum:currentPage.value,
+    pageSize:15,
+    dsTitle:dsTitle.value
+  }
+  getDataSourceList(par).then(res=>{
+    tableData.value = res.rows
+    tableData.value.forEach(item=>{
+        item.ipAll = item.dsIp + ':' + item.dsPort
+    })
+    total.value = res.total
+  })
+}
+function showAdd(){
+  isAddTa.value = true
+  title.value = '新增'
+  dialogVisible.value = true
+}
+function showEdit(row){
+  isAddTa.value = false
+  title.value = '编辑'
+  dialogVisible.value = true
+  getDataSourceDe(row.dsCode).then(res=>{
+    formZu.value = res.data
+  })
+}
+function addData(){
+  formRefZu.value.validate(async (valid) => {
+    if(valid){
+        addDataSource(formZu.value).then(res=>{
+            if(res.code===200){
+                proxy.$modal.msgSuccess("新增成功");
+                getTable()
+                dialogVisible.value = false
+            }
+        })
+    }
+  });
+}
+function saveEditTa(){
+  formRefZu.value.validate(async (valid) => {
+    if(valid){
+        editDataSource(formZu.value).then(res=>{
+            if(res.code===200){
+                proxy.$modal.msgSuccess("新增成功");
+                getTable()
+                dialogVisible.value = false
+            }
+        })
+    }
+  });
+}
+function delRow(row) {
+  proxy.$modal.confirm('是否确认删除？').then(function () {
+    return delDataSource(row.dsCode);
+  }).then(() => {
+    getTable();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+};
+onMounted(() => {
+  getTable()
+});
+
+</script>
+<style scoped>
+:deep(.el-table__body tr:hover > td) {
+  background-color: #eaf7ff !important;
+}
+:deep(.treeLeft) .el-tree-node__content {
+  display: flex !important;
+  height: 40px;                  /* 按设计稿调整高度 */
+  align-items: center;
+  padding-top: 0 !important;
+}
+:deep(.treeLeft) .el-tree-node__content:hover {
+  background-color: #ecf5ff;
+}
+:deep(.treeLeft) .el-tree-node__content:active {
+    background-color: #d9ecff !important;
+  }
+
+  /* 选中态（Active） */
+:deep(.treeLeft) .el-tree-node.is-current > .el-tree-node__content {
+    background-color: #c6e2ff !important;
+  }
+
+.drag-handle {
+  cursor: move;
+}
+
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+/* 防止文字选中 */
+:deep(.el-table__row) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+</style>
+<style scoped lang="scss">
+
+
+.el-table .el-table__row td {
+  height: 60px !important; /* 行高 */
+}
+.custom-tree-node {
+  display: flex;       /* 启用 Flex 布局 */
+  align-items: center; /* 垂直居中 */
+  gap: 8px;            /* 图标与文字间距 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center; 
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+</style>

ruoyi-ui/src/views/register/modelData/index.vue

@@ -0,0 +1,165 @@
+<template>
+  <div style="width: 100%;padding-top: 0%;display: flex;" :style="{'height':heightAll+'px'}">
+    <div style="width: 10%;;height: 87vh;">
+      <el-tree :expand-on-click-node="false" ref="treeRef" :filter-node-method="filterNode" :current-node-key="currentNodeKey" class="treeLeft" :data="data" @node-click="handleNodeClick" 
+      node-key="id" style="margin-left: 1%;margin-top: 1%;width: 110%;background-color: transparent;" default-expand-all :key="valueKet">
+          <template #default="{ node, data }">
+            <span  style="justify-content: space-between;display: flex;width: 50%;align-items: center;">
+              <div class="custom-tree-node">
+                  <svg-icon icon-class="model2" style="color: #eebe77;width: 1.5rem;height:1.5rem;" v-if="data.label=='数据源'"/>
+                  <svg-icon icon-class="model" style="color: #13E03B;;width: 1.5rem;height:1.5rem;" v-if="data.label=='数据集'"/>
+                  <svg-icon svg-icon icon-class="cate" style="color: red;;width: 1.5rem;height:1.5rem;" v-if="data.label=='元数据'"/>
+                  <svg-icon icon-class="流程图" style="color: red;;width: 1.5rem;height:1.5rem;" v-if="data.label=='流程图'"/>
+                <span style="font-size: 1rem;">{{ node.label }}</span>
+              </div>
+            </span>
+          </template>
+        </el-tree>
+    </div>
+    <div style="width: 89%;margin-left: 1%;height: 87vh;background-color:#F5F8F9;padding-top: 0.8%;">
+        <dataSource :data="dataSourceData" v-if="currentNodeKey =='1'"/>
+        <metaData :data="dataSourceData" v-if="currentNodeKey =='2'"/>
+        <dataJi :data="dataSourceData" v-if="currentNodeKey =='3'"/>
+        <liucheng v-if="currentNodeKey =='4'"/>
+    </div>
+  </div>
+</template>
+<script   setup>
+import { reactive } from 'vue'
+import dataSource from './dataSource.vue';
+import metaData from './metaData.vue';
+import dataJi from './dataJi.vue';
+import liucheng from './liucheng.vue';
+import { ref, onMounted, onUnmounted, nextTick } from 'vue';
+const { proxy } = getCurrentInstance();
+const data =  ref([
+    {
+        label:'数据源',
+        value:'dataSource',
+        id:'1'
+    },
+    {
+        label:'元数据',
+        value:'metaData',
+        id:'2'
+    },
+    {
+        label:'数据集',
+        value:'dataUn',
+        id:'3'
+    },
+    {
+        label:'流程图',
+        value:'dataUn',
+        id:'4'
+    },
+])
+const currentNodeKey = ref('1')
+const dataSourceData = ref()
+const title =  ref([])
+const titleTree =  ref([])
+const currentPage =  ref(1)
+const total =  ref(1)
+const tableData = ref([])
+const tableheight = window.innerHeight*0.7
+const heightAll = window.innerHeight
+const dialogVisible = ref(false)
+const dialogVisibleTree = ref(false)
+const isAdd = ref(false)
+const isAddTa = ref(false)
+const treeId = ref('');
+
+const formZu = ref({
+  itemName:'',
+  itemTp:'',
+  itemEn:'',
+  itemTp:'',
+  itemDataTp:'',
+  itemDefaultVal:'',
+  itemUnit:'',
+  itemNotes:'',
+});
+const rulesZu = reactive({
+  itemName: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemEn: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemTp: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemDataTp: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemDefaultVal: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+const formRefZu = ref();
+
+const formTree = ref({
+  itemName:'',
+  catePid:'',
+  itemNo:'',
+  itemNotes:''
+});
+const rulesTree = reactive({
+  itemNo: [{ required: true, message: '必填', trigger: 'blur' }],
+  catePid: [{ required: true, message: '必填', trigger: 'blur' }],
+  itemName: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+const formRefTree = ref();
+
+function handleNodeClick(node, data){
+    currentNodeKey.value = node.id
+    console.log(node, data)
+}
+onMounted(() => {
+});
+
+</script>
+<style scoped>
+:deep(.treeLeft) .el-tree-node__content {
+  display: flex !important;
+  height: 40px;                  /* 按设计稿调整高度 */
+  align-items: center;
+  padding-top: 0 !important;
+}
+:deep(.treeLeft) .el-tree-node__content:hover {
+  background-color: #ecf5ff;
+}
+:deep(.treeLeft) .el-tree-node__content:active {
+    background-color: #d9ecff !important;
+  }
+
+  /* 选中态（Active） */
+:deep(.treeLeft) .el-tree-node.is-current > .el-tree-node__content {
+    background-color: #c6e2ff !important;
+  }
+
+.drag-handle {
+  cursor: move;
+}
+
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+/* 防止文字选中 */
+:deep(.el-table__row) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+</style>
+<style scoped lang="scss">
+
+
+.el-table .el-table__row td {
+  height: 60px !important; /* 行高 */
+}
+.custom-tree-node {
+  display: flex;       /* 启用 Flex 布局 */
+  align-items: center; /* 垂直居中 */
+  gap: 8px;            /* 图标与文字间距 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center; 
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+</style>

ruoyi-ui/src/views/register/modelData/metaData.vue

@@ -0,0 +1,560 @@
+<template>
+  <div style="width: 99%;display: flex;margin-left: 1%;background-color:#F5F8F9;;">
+    <el-card style="width: 18%;height: 100%;overflow: auto;height: 85vh;background-color: white;overflow-x: hidden;" shadow="never">
+      <template #header>
+      <div class="card-header" style="display: flex;align-items: center;justify-content: space-between;">
+        <span>数据源：</span>
+        <el-button type="primary" @click="showAddDataSource" style="margin-left: 5%;width: 10%;color: white;" size="mini" :icon="Plus"/>
+      </div>
+    </template>
+      <el-tree :expand-on-click-node="false" ref="treeRef" :filter-node-method="filterNode" :current-node-key="currentNodeKey" class="treeLeft" :data="data" @node-click="handleNodeClick" 
+      node-key="id" style="margin-left:-15%;margin-top: 5%;width: 99%;background-color: transparent;" default-expand-all :key="valueKet">
+          <template #default="{ node, data }">
+            <span  style="display: flex;width: 30%;align-items: center;margin-left: 1%;line-height: 1.5;">
+              <div class="custom-tree-node" style="width: 50%;line-height: 1.5;align-items: center;">
+                  <!-- <el-tag v-if="data.nodeType=='MODEL'" class="ml-2" type="warning">模型</el-tag> -->
+                  <el-icon><Coin /></el-icon>
+                <span style="font-size: 1rem;">{{ node.label }}</span>
+                <el-icon :size="size" color="red" style="float: right;margin-right: 1%;">
+                  <Delete />
+                </el-icon>
+              </div>
+            </span>
+          </template>
+        </el-tree>
+    </el-card>
+    <div style="width: 80%;margin-left: 1%;background-color: white;">
+        <div style="display: flex;justify-content: space-between;width: 100%;align-items: center;margin-left: 0%;padding: 1%;">
+            <div style="display: flex;width: 50%;align-items: center;">
+                <div>
+                    名称
+                </div>
+                <el-input size="mini" v-model="metaName" style="width: 30%;margin-left: 1%;"/>
+                <el-button type="primary" @click="getTable" size="mini" style="margin-left:1%;">查询</el-button>
+            </div>
+            <el-button type="primary" @click="showAdd" size="mini" style="margin-left:1%;" :disabled="!parDscode">新增</el-button>
+        </div>
+      <el-table 
+        :data="tableData" 
+        style="width: 99%;margin-left: 1%;margin-top: 0.5%;"
+        :cell-style="{ padding:'5px' }"
+        :header-cell-style="{height: heightAll*0.01+'px',}"
+        :row-style="{ fontSize: '16px',textAlign:'center'}"
+        border 
+        :height="tableheight">
+        <el-table-column type="index" label="序号" width="80"></el-table-column>
+        <el-table-column prop="metaName" label="名称:">
+        </el-table-column>
+        <el-table-column prop="metaTable" label="代码"/>
+        <el-table-column prop="metaType" label="分类"/>
+        <el-table-column prop="metaNote" label="说明"/>>
+        <el-table-column prop="address" label="操作" width="250">
+            <template #default="scope">
+                <div style="display: flex;justify-content: space-between;width: 100%;">
+                    <el-button type="primary" @click="showPei(scope.row)" size="mini" text style="margin-left: 0%;">数据项配置</el-button>
+                    <el-button type="primary" @click="showEdit(scope.row)" size="mini" text style="margin-left:0%;">编辑</el-button>
+                    <el-button @click="delRow(scope.row)" type="danger" text size="mini" style="margin-left: 0%;">删除</el-button>
+                </div>
+            </template>
+        </el-table-column>
+      </el-table>
+      <div style="float: right;margin-top: 0.5%;margin-right: 1%;">
+          <!-- <el-pagination
+            small
+            v-model='currentPage'
+            @current-change="changePage"
+            background
+            layout="prev, pager, next"
+            :total="total"
+            class="mt-4"
+          /> -->
+        </div>
+    </div>
+  </div>
+  <el-dialog :title="title" @close="clearForm" v-model="dialogVisible" title="" width="30%"  destroy-on-close :key="tableKey">
+    <el-form :label-width="140" label-position="right" :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;"  :model="formZu" class="demo-form-inline" ref="formRefZu" :rules="rulesZu">
+      <el-form-item label="元数据表名(英文):" prop="metaTable" style="" v-if="isAddTa">
+        <el-input v-model="formZu.metaTable" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="元数据表中文名:" prop="dsType" style="">
+        <el-input v-model="formZu.metaName" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="元数据表说明:" prop="dsPort" style="">
+        <el-input v-model="formZu.metaNote" style="width: 75%;" placeholder="" type="textarea" :row="2" resize="none"/>
+      </el-form-item>
+      <el-form-item label="排序:" prop="dsUser">
+        <el-input-number v-model="formZu.metaSort" :min="1" style="width: 75%;"/>
+        <!-- <el-input v-model="formZu.metaSort" style="width: 75%;" placeholder=""  resize="none"/> -->
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisible = false">取消</el-button>
+        <el-button v-if="isAddTa" type="primary" @click="addTa" size="mini">
+          提交
+        </el-button>
+        <el-button v-if="!isAddTa" type="primary" @click="saveEditTa" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <el-dialog @close=""  v-model="dialogVisibleTree" title="配置管理" width="50%" destroy-on-close :key="tableKey">
+    <div style="margin-top: 2%;">
+      <div style="display: flex;justify-content: space-between;align-items: center;">
+        <div style="display: flex;justify-content: flex-end;width: 100%;margin-right: 2%;">
+          <el-button  @click="addCanAdd" style="margin-top: 1%;" type="success" size="mini" plain>新增参数</el-button>
+        </div>
+      </div>
+      <div>
+          <el-table 
+          style="margin-top: 1%;width: 98%;"
+          :data="tableDataCanAdd" 
+          :cell-style="{ textAlign: 'center',padding:'2px 0' }"
+          :header-cell-style="{ textAlign: 'center'}"
+          :row-style="{ height: heightAll*0.01+'px',fontSize: '16px',textAlign:'center'  }"
+          border >
+              <el-table-column prop="itemName" label="字段编码" width="200">
+                  <template #default="scope">
+                      <el-input placeholder="(必填)" type="primary" class="noBor" v-model="scope.row.fieldCode" size="mini" text style="margin-left: 0%;"></el-input>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="字段名称">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input placeholder="" type="primary" class="noBor" v-model="scope.row.fieldName" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="字段类型">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input placeholder="" type="primary" class="noBor" v-model="scope.row.metaType" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="长度" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldLength" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="默认值" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldDefault" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="说明" >
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-input type="primary" class="noBor" v-model="scope.row.fieldDesc" size="mini" text style="margin-left: 0%;"></el-input>
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="itemName" label="主键" width="80">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-checkbox v-model="scope.row.fieldIspri" label="" size="large" />
+                      </div>
+                  </template>
+              </el-table-column>
+              <el-table-column prop="address" label="操作" width="100">
+                  <template #default="scope">
+                      <div style="width: 100%;">
+                          <el-button type="danger" @click="delCanAdd(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
+                      </div>
+                  </template>
+              </el-table-column>
+          </el-table>
+          
+      </div>
+  </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisibleTree = false">取消</el-button>
+        <el-button type="primary" @click="addPei" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <el-dialog @close="clearForm" v-model="dialogVisibleData" title="新增数据源" width="30%"  destroy-on-close :key="tableKey">
+    <el-form :label-width="100" label-position="right" :disabled="isEdit" style="margin-left: 5%;margin-top: 2%;"  :model="formTree" class="demo-form-inline" ref="formRefTree" :rules="rulesTree">
+      <el-form-item label="数据源名称:" prop="dsTitle" style="">
+        <el-input v-model="formTree.dsTitle" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据源类型:" prop="dsType" style="">
+        <el-input v-model="formTree.dsType" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据库文名:" prop="dsDbname" style="">
+        <el-input v-model="formTree.dsDbname" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="数据库IP:" prop="dsIp" style="">
+        <el-input v-model="formTree.dsIp" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="端口号:" prop="dsPort" style="">
+        <el-input v-model="formTree.dsPort" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="用户名:" prop="dsUser">
+        <el-input v-model="formTree.dsUser" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="密码:" prop="dsPass">
+        <el-input v-model="formTree.dsPass" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+      <el-form-item label="说明:" prop="dsNode">
+        <el-input v-model="formTree.dsNode" style="width: 75%;" placeholder=""  resize="none"/>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button size="mini" @click="dialogVisibleData = false">取消</el-button>
+        <el-button type="primary" @click="addData" size="mini">
+          提交
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script   setup>
+import { reactive } from 'vue'
+import { Plus,Delete} from '@element-plus/icons-vue'
+import { getDataMetaList,getDataSourceList,addMeta,delMeta,editMeta,addPeiList,getMetaFiele,delMetaFiled,addDataSource } from "@/api/register/regCom.js";
+import { ref, onMounted, onUnmounted, nextTick } from 'vue';
+const { proxy } = getCurrentInstance();
+const data =  ref([])
+const title =  ref([])
+const titleTree =  ref([])
+const dialogVisibleData = ref(false)
+const currentPage =  ref(1)
+const total =  ref(1)
+const tableData = ref([])
+const tableheight = window.innerHeight*0.78
+const heightAll = window.innerHeight
+const dialogVisible = ref(false)
+const dialogVisibleTree = ref(false)
+const isAdd = ref(false)
+const isAddTa = ref(false)
+const treeId = ref('');
+const metaName =ref()
+const parDel = ref({})
+const formZu = ref({
+  metaTable:'',
+  metaName:'',
+  metaType:'',
+  metaNote:'',
+  metaSort:'',
+});
+const rulesZu = reactive({
+  metaTable: [{ required: true, message: '必填', trigger: 'blur' }],
+});
+const formRefZu = ref();
+const tableDataCanAdd = ref([])
+const formTree = ref({
+  dsTitle:'',
+  dsType:'',
+  dsDbname:'',
+  dsIp:'',
+  dsPort:'',
+  dsUser:'',
+  dsPass:'',
+  dsNode:'',
+});
+const parMeta = ref({})
+const rulesTree = reactive({
+  dsTitle: [{ required: true, message: '必填', trigger: 'blur' }]
+});
+const formRefTree = ref();
+const parDscode = ref('')
+
+function showAddDataSource(){
+  dialogVisibleData.value = true
+}
+function addData(){
+  formRefTree.value.validate(async (valid) => {
+    if(valid){
+        addDataSource(formTree.value).then(res=>{
+            if(res.code===200){
+                proxy.$modal.msgSuccess("新增成功");
+                getTree()
+                dialogVisibleData.value = false
+            }
+        })
+    }
+  });
+}
+function addPei(){
+
+  tableDataCanAdd.value.forEach((item, index, array)=>{
+    if(item.fieldIspri===true){
+      item.fieldIspri = '1'
+    }
+    if(item.fieldIspri===false){
+      item.fieldIspri = '2'
+    }
+    if(!item.fieldCode){
+      array.splice(index, 1)
+    }
+  })
+  if(tableDataCanAdd.value.length===0){
+    var par = {
+      dsCode:parDscode.value,
+      metaTable:parMeta.value.metaTable,
+      fieldCode:parDel.value.fieldCode
+    }
+    delMetaFiled(par).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("修改成功");
+        getTable()
+        dialogVisibleTree.value = false
+      }
+    })
+  }
+  else{
+    addPeiList(tableDataCanAdd.value).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("修改成功");
+        getTable()
+        dialogVisibleTree.value = false
+      }
+    })
+  }
+  
+}
+function showPei(row){
+  dialogVisibleTree.value = true
+  parMeta.value = row
+  var par = {
+    dsCode:parDscode.value,
+    metaTable:row.metaTable,
+  }
+  getMetaFiele(par).then(res=>{
+    tableDataCanAdd.value = res.data
+    tableDataCanAdd.value.forEach(item=>{
+    if(item.fieldIspri==='1'){
+      item.fieldIspri = true
+    }
+    if(item.fieldIspri==='2'){
+      item.fieldIspri = false 
+    }
+  })
+  })
+}
+function clearForm(){
+  formTree.value = {
+    dsTitle:'',
+    dsType:'',
+    dsDbname:'',
+    dsIp:'',
+    dsPort:'',
+    dsUser:'',
+    dsPass:'',
+    dsNode:'',
+  }
+  formZu.value = {
+    metaTable:'',
+    metaName:'',
+    metaType:'',
+    metaNote:'',
+    metaSort:'',
+  }
+  tableDataCanAdd.value = []
+}
+function addCanAdd(){
+    var par = {
+        dsCode:parDscode.value,
+        metaTable:parMeta.value.metaTable,
+    }
+    tableDataCanAdd.value.push(par)
+}
+function delCanAdd(index){
+  if(tableDataCanAdd.value.length===1){
+    parDel.value = tableDataCanAdd.value[0]
+  }
+  tableDataCanAdd.value.splice(index, 1)
+}
+function getTable(){
+  var par = {
+    dsCode:parDscode.value,
+    metaName:metaName.value
+  }
+  getDataMetaList(par).then(res=>{
+    tableData.value = res.data
+  })
+}
+function showAdd(){
+  isAddTa.value = true
+  title.value = '新增'
+  dialogVisible.value = true
+}
+function showEdit(row){
+  isAddTa.value = false
+  title.value = '编辑'
+  dialogVisible.value = true
+  formZu.value = row
+}
+function showAddTree(){
+  isAdd.value = true
+  titleTree.value = '新增节点'
+  dialogVisibleTree.value = true
+}
+function clearFromTree(){
+  formTree.value = {
+    itemName:'',
+    catePid:'',
+    itemNo:'',
+    itemNotes:''
+  }
+}
+function getTree(){
+  getDataSourceList().then(res=>{
+    data.value = res.rows
+    data.value.forEach(item=>{
+      item.label = item.dsDbname
+      item.value = item.dsCode
+    })
+  })
+}
+function addTa(){
+  formRefZu.value.validate(async (valid) => {
+      if(valid){
+        formZu.value.dsCode = parDscode.value
+        await addMeta(formZu.value).then(res=>{
+        if(res.code===200){
+          proxy.$modal.msgSuccess("新增成功");
+          getTable()
+          dialogVisible.value = false
+        }
+      })
+    }
+  }); 
+}
+function saveEditTa(){
+  editMeta(formZu.value).then(res=>{
+    if(res.code===200){
+      proxy.$modal.msgSuccess("修改成功");
+      dialogVisible.value = false
+      getTable()
+    }
+  })
+}
+function delRow(row) {
+  var par = {
+    dsCode:parDscode.value,
+    metaTable:row.metaTable
+  }
+  proxy.$modal.confirm('是否确认删除？').then(function () {
+    return delMeta(par);
+  }).then(() => {
+    getTable();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+};
+async function addTree(){
+  formRefTree.value.validate(async (valid) => {
+    await addDataCate(formTree.value).then(res=>{
+      if(res.code===200){
+        proxy.$modal.msgSuccess("新增成功");
+        getTree()
+        dialogVisibleTree.value = false
+      }
+    })
+  });
+}
+function saveEditTree(){
+  editCate(formTree.value).then(res=>{
+    if(res.code===200){
+      proxy.$modal.msgSuccess("修改成功");
+      dialogVisibleTree.value = false
+      getTree()
+    }
+  })
+}
+function handleNodeClick(node, data){
+  parDscode.value = node.value
+  console.log(parDscode.value)
+  getTable()
+}
+function delTree(node, data) {
+  proxy.$modal.confirm('是否确认删除？').then(function () {
+    return delCate(data.id);
+  }).then(() => {
+    getTree();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+};
+function editTree(node, data){
+  console.log(data)
+  titleTree.value = '编辑'
+  isAdd.value = false
+  dialogVisibleTree.value = true
+  getCateDe(data.id).then(res=>{
+    formTree.value = res.data
+  })
+  console.log(node, data)
+}
+onMounted(() => {
+  getTree()
+  // getTable()
+});
+
+</script>
+<style scoped>
+:deep(.el-table__body tr:hover > td) {
+  background-color: #eaf7ff !important;
+}
+ :deep(.treeLeft) .el-tree-node__content {
+  width: 150%;
+  display: flex !important;
+  height: 30px !important;
+  align-items: center;
+  padding-top: 0 !important;
+}
+:deep(.treeLeft) .el-tree-node__content:hover {
+  background-color: #ecf5ff;
+}
+:deep(.treeLeft) .el-tree-node__content:active {
+    background-color: #d9ecff !important;
+  }
+
+  /* 选中态（Active） */
+:deep(.treeLeft) .el-tree-node.is-current > .el-tree-node__content {
+    background-color: #c6e2ff !important;
+  }
+.drag-handle {
+  cursor: move;
+}
+
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+/* 防止文字选中 */
+:deep(.el-table__row) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+</style>
+<style scoped lang="scss">
+
+
+.el-table .el-table__row td {
+  height: 60px !important; /* 行高 */
+}
+.custom-tree-node {
+  display: flex;       /* 启用 Flex 布局 */
+  align-items: center; /* 垂直居中 */
+  gap: 8px;            /* 图标与文字间距 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center; 
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+</style>

ruoyi-ui/src/views/service/info/editModel.vue

@@ -17,12 +17,12 @@
             <span  style="justify-content: space-between;display: flex;width: 100%;align-items: center;">
               <div class="custom-tree-node">
                   <!-- <el-tag v-if="data.nodeType=='MODEL'" class="ml-2" type="warning">模型</el-tag> -->
-                   <svg-icon icon-class="模型2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
+                   <svg-icon icon-class="model2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
                   <!-- <el-tag  class="ml-2">
                     服务
                   </el-tag> -->
-                  <svg-icon icon-class="模型" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
-                  <svg-icon icon-class="分类" style="color: red;" v-if="data.nodeType=='TREE'"/>
+                  <svg-icon icon-class="model" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
+                  <svg-icon svg-icon icon-class="cate" style="color: red;" v-if="data.nodeType=='TREE'"/>
                 <span>{{ node.label }}</span>
               </div>
               <div style="margin-right: 1%;position: absolute;margin-left: 75%;">
@@ -475,14 +475,14 @@
                                 <el-table-column prop="itemName" label="参数字段">
                                     <template #default="scope">
                                         <div style="width: 100%;">
-                                            <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.paramCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
+                                            <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.parCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
                                         </div>
                                     </template>
                                 </el-table-column>
                                 <el-table-column prop="itemName" label="参数名称">
                                     <template #default="scope">
                                         <div style="width: 100%;">
-                                            <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.paramName" size="mini" text style="margin-left: 0%;"></el-input>
+                                            <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.parName" size="mini" text style="margin-left: 0%;"></el-input>
                                         </div>
                                     </template>
                                 </el-table-column>
@@ -490,7 +490,7 @@
                                     <template #default="scope">
                                         <div style="width: 100%;">
                                             <el-select
-                                            v-model="scope.row.paramType"
+                                            v-model="scope.row.parType"
                                             class="noBorSel"
                                             placeholder=""
                                             style="width: 100%;margin-left: 0%;"
@@ -508,7 +508,7 @@
                                 <el-table-column prop="itemName" label="参数说明" >
                                     <template #default="scope">
                                         <div style="width: 100%;">
-                                            <el-input type="primary" class="noBor" v-model="scope.row.paramNote" size="mini" text style="margin-left: 0%;"></el-input>
+                                            <el-input type="primary" class="noBor" v-model="scope.row.parNote" size="mini" text style="margin-left: 0%;"></el-input>
                                         </div>
                                     </template>
                                 </el-table-column>
@@ -520,8 +520,7 @@
                                     </template>
                                 </el-table-column>
                             </el-table>
-                            
-                        </div>
+                          </div>
                     </div>
                     <div style="margin-top: 2%;">
                         <!-- <div>返回响应</div> -->
@@ -826,6 +825,7 @@ function filterModelNodes(nodes) {
   return result;
 }
 function clearAdd(){
+  dialogVisible.value = false
   formAdd.value = {
     name:'',
     cateCode:'',
@@ -836,12 +836,7 @@ function clearAdd(){
     intro:'',
     mdid:''
   }
-  tableDataCanAdd.value = {
-    itemName:'',
-    itemCode:'',
-    paramType:'',
-    paramNote:''
-  }
+  tableDataCanAdd.value = []
   JsonAdd.value = ''
   exampleAdd.value = ''
 }
@@ -1083,7 +1078,7 @@ function delCan(index){
 }
 function addCanAdd(){
     var par = {
-        itemName:''
+        parName:''
     }
     tableDataCanAdd.value.push(par)
 }

ruoyi-ui/src/views/service/info/index.vue

@@ -16,13 +16,9 @@
           <template #default="{ node, data }">
             <span  style="justify-content: space-between;display: flex;width: 100%;align-items: center;">
               <div class="custom-tree-node">
-                  <!-- <el-tag v-if="data.nodeType=='MODEL'" class="ml-2" type="warning">模型</el-tag> -->
-                   <svg-icon icon-class="模型2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
-                  <!-- <el-tag  class="ml-2">
-                    服务
-                  </el-tag> -->
-                  <svg-icon icon-class="模型" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
-                  <svg-icon icon-class="分类" style="color: red;" v-if="data.nodeType=='TREE'"/>
+                   <svg-icon icon-class="model2" style="color: #eebe77;" v-if="data.nodeType=='MODEL'"/>
+                  <svg-icon icon-class="model" dstyle="color: #13E03B;" v-if="data.nodeType=='SERVICE'"/>
+                  <svg-icon svg-icon icon-class="cate" style="color: red;" v-if="data.nodeType=='TREE'"/>
                 <span>{{ node.label }}</span>
               </div>
               <div style="margin-right: 1%;position: absolute;margin-left: 75%;">