| | |
| | | :data="displayTableData" |
| | | highlight-current-row |
| | | > |
| | | <el-table-column type="expand" fixed="left"> |
| | | <template #default="scope"> |
| | | <div class="ml-16"> |
| | | <h3>数据源配置</h3> |
| | | <div v-if="scope.row.config" class="mt-3"> |
| | | <div class="w-2/3"> |
| | | <div> |
| | | <span>驱动:</span> |
| | | <span>{{ scope.row.config.driver }}</span> |
| | | </div> |
| | | <div> |
| | | <span>地址:</span> |
| | | <span>{{ scope.row.config.url }}</span> |
| | | </div> |
| | | <div> |
| | | <span>用户名:</span> |
| | | <span>{{ scope.row.config.user }}</span> |
| | | </div> |
| | | <!-- <div> |
| | | <span >密码:</span> |
| | | <span>{{ scope.row.config.pass }}</span> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column type="index" label="序号" width="55" fixed="left" align="center"></el-table-column> |
| | | <el-table-column prop="title" label="名称" fixed="left" show-overflow-tooltip> </el-table-column> |
| | | <el-table-column label="数据库类型" prop="db_type" width="100" show-overflow-tooltip> </el-table-column> |
| | | <el-table-column label="数据库类型" prop="db_type" width="140" show-overflow-tooltip> </el-table-column> |
| | | |
| | | <el-table-column label="类型" prop="type" width="100" show-overflow-tooltip> </el-table-column> |
| | | |
| | |
| | | <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> --> |
| | | <el-tooltip effect="dark" content="数据源配置" placement="top"> |
| | | <i class="ywifont ywicon-shujuguanli !text-[16px] text-blue-400 cursor-pointer" @click="openDataSourceConfigDlg(scope.row)"></i> |
| | | </el-tooltip> |
| | | <el-tooltip effect="dark" content="删除" placement="top"> |
| | | <!-- <el-tooltip effect="dark" content="删除" placement="top"> |
| | | <i |
| | | class="ywifont ywicon-shanchu !text-[17px] text-red-400 cursor-pointer" |
| | | @click=" |
| | |
| | | <!-- <OptDlg v-model="optDlgIsShow" :item="optDlgMapRow" @insert="insertOpt" @update="updateOpt" :groupId="currentListID"></OptDlg> --> |
| | | <!-- <MetricPrompt v-model="infoDlgIsShow" :metricItem="infoDlgMapRow"></MetricPrompt> |
| | | <MetricName v-model="metricNameIsShow" :metricItem="metricNameMapRow"></MetricName> --> |
| | | <DataSourceConfigDlg v-model="dataSourceConfigDlgIsShow" :item="dataSourceConfigDlgMapRow"></DataSourceConfigDlg> |
| | | </HMContainer> |
| | | </template> |
| | | |
| | |
| | | import { ElMessage } from 'element-plus'; |
| | | import * as dataSourceApi from '/@/api/dataSource'; |
| | | import { updatePublishStatus } from '/@/api/supervisorAdmin'; |
| | | |
| | | import DataSourceConfigDlg from './components/DataSourceConfigDlg.vue'; |
| | | import { SupervisorPublished } from '../../lowCode/sqlAmis/types'; |
| | | import HMContainer from '/@/components/layout/HMContainer.vue'; |
| | | |
| | |
| | | // }, |
| | | // }); |
| | | //#endregion |
| | | //#region ====================== 数据源配置弹窗 ====================== |
| | | const dataSourceConfigDlgIsShow = ref(false); |
| | | const dataSourceConfigDlgMapRow = ref(null); |
| | | const openDataSourceConfigDlg = (row?: any) => { |
| | | dataSourceConfigDlgMapRow.value = row; |
| | | dataSourceConfigDlgIsShow.value = true; |
| | | }; |
| | | //#endregion |
| | | onMounted(() => { |
| | | getTableData(); |
| | | }); |