表格和图表展示 ；同步 colFilter

wujingjing

2024-10-21 9e9d666bbe57503bb0902bda0d23bf34ae75e832

 src/views/project/yw/systemManage/dataSourceMgr/DataSourceMgr.vue

@@ -27,45 +27,37 @@
               <el-table-column type="expand" fixed="left">
                  <template #default="scope">
                     <div class="ml-16">
                        <h3 >数据源配置</h3>
                        <h3>数据源配置</h3>
                        <div v-if="scope.row.config" class="mt-3">
                           <div class="w-2/3">
                              <div>
                                 <span >驱动：</span>
                                 <span>驱动：</span>
                                 <span>{{ scope.row.config.driver }}</span>
                              </div>
                              <div>
                                 <span >地址：</span>
                                 <span>地址：</span>
                                 <span>{{ scope.row.config.url }}</span>
                              </div>
                              <div>
                                 <span >用户名：</span>
                                 <span>用户名：</span>
                                 <span>{{ scope.row.config.user }}</span>
                              </div>
                              <div>
                              <!-- <div>
                                 <span >密码：</span>
                                 <span>{{ scope.row.config.pass }}</span>
                              </div>
                              </div> -->
                           </div>
									
                        </div>
                     </div>
                  </template>
               </el-table-column>
               -->
               <el-table-column prop="title" label="名称"  fixed="left" show-overflow-tooltip> </el-table-column>
               <el-table-column prop="title" label="名称" fixed="left" show-overflow-tooltip> </el-table-column>

               <el-table-column label="类型" prop="type" width="100" show-overflow-tooltip>
					
						
               </el-table-column>
					
               <el-table-column label="类型" prop="type" width="100" show-overflow-tooltip> </el-table-column>

               <el-table-column label="操作" width="200" fixed="right" show-overflow-tooltip>
                  <template #default="scope">
                     <div class="space-x-3 items-center flex">
							
						
                        <!-- <el-tooltip effect="dark" content="编辑" placement="top">
                           <i class="ywifont ywicon-bianji !text-[15px] text-blue-400 cursor-pointer" @click="openOptDlg(scope.row)"></i>
                        </el-tooltip>
@@ -86,7 +78,6 @@
                  </template>
               </el-table-column>
            </el-table>
	
         </div>
      </template>

@@ -97,49 +88,25 @@
</template>

<script setup lang="ts">
import { useDraggable } from '@vueuse/core';
import { deleteCurrentRow } from '/@/utils/util';

import { onMounted, ref } from 'vue';
import { usePageDisplay } from '/@/hooks/usePageDisplay';
import { useQueryTable } from '/@/hooks/useQueryTable';
// import { useTableSort } from '/@/hooks/useTableSort';
// import { useValidateUniqueness } from '/@/hooks/useValidateUniqueness';
import { ElMessage } from 'element-plus';
import { nextTick } from 'vue';
import OptDlg from './optDlg/OptDlg.vue';
import * as dataSourceApi from '/@/api/dataSource';
import { checkSupervisorValidate, updatePublishStatus } from '/@/api/supervisorAdmin';
import Chat from '/@/components/chat/Chat.vue';
import { gotoRoute } from '/@/utils/route';
import { useCompRef } from '/@/utils/types';
import { updatePublishStatus } from '/@/api/supervisorAdmin';

import axios, { CancelTokenSource } from 'axios';
import { SupervisorPublished } from '../../lowCode/sqlAmis/types';
import HMContainer from '/@/components/layout/HMContainer.vue';
import { useUpdateData } from '/@/hooks/useUpdateData';
import { SupervisorPublished, supervisorPublishedMap } from '../../lowCode/sqlAmis/types';
import MetricPrompt from './optDlg/MetricPrompt.vue';
import MetricName from './optDlg/MetricName.vue';

//#region ====================== 表格数据，table init ======================
const tableLoading = ref(false);
const tableData = ref([]);
const isDragStatus = ref(false);
const getTableData = async () => {
   // const res = await dataSourceApi.getDataSourceList();
   const res = {
      values:[{
         id:'32',
         title:'数据库43',
         type:'JDBC',
         config:{
            driver:'org.postgresql.Driver',
            url:"jdbc:postgresql://192.168.123.43:5432/hswater_supply?Ap",
            user:"postgres",
            pass:"*****"
         }
      }]
   }
   const res = await dataSourceApi.getDataSourceList();

   tableData.value = res?.values ?? [];
};
//#endregion
@@ -224,7 +191,6 @@
   published === SupervisorPublished.Y ? ElMessage.success('发布成功') : ElMessage.info('已取消发布');
};
//#endregion


//#region ====================== 更新发布状态 ======================
// useUpdateData({