From 671dfd98daa9eab8d9d735ef373fc8b2feb93cd2 Mon Sep 17 00:00:00 2001 From: wujingjing <gersonwu@qq.com> Date: 星期一, 09 九月 2024 10:50:22 +0800 Subject: [PATCH] Revert "ces" --- src/views/project/yw/lowCode/sqlAmis/SqlAmis.vue | 625 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 463 insertions(+), 162 deletions(-) diff --git a/src/views/project/yw/lowCode/sqlAmis/SqlAmis.vue b/src/views/project/yw/lowCode/sqlAmis/SqlAmis.vue index 6c8adcc..7b2a3b9 100644 --- a/src/views/project/yw/lowCode/sqlAmis/SqlAmis.vue +++ b/src/views/project/yw/lowCode/sqlAmis/SqlAmis.vue @@ -1,128 +1,372 @@ <template> - <HMContainer type="card"> + <AHMContainer type="card" v-if="supervisorMgrShow"> + <template #aside> + <!-- 鐩綍鏍� --> + <LeftTreeByMgr + v-loading="treeLoading" + class="h100" + ref="leftTreeRef" + :treedata="listTreeData" + title-name="鍒嗙粍鍒楄〃" + :show-more-operate="true" + :show-add="true" + :current-node-key="currentListID" + :node-icon="() => 'ele-Document'" + @click="handleClickNode" + @tree-edit="openOperateModuleDialog" + @tree-delete="deleteCurrentModule" + @tree-add="openOperateModuleDialog" + > + </LeftTreeByMgr> + </template> <template #header> <el-form ref="queryFormRef" :inline="true" :model="queryParams"> - <el-form-item label="鍚嶇О" prop="title"> - <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="鍚嶇О" clearable /> + <el-form-item label="鏍囬" prop="title"> + <el-input v-model="queryParams.title" style="width: 226.4px" placeholder="鏍囬" clearable /> </el-form-item> - + <el-form-item> <el-button type="primary" icon="ele-Search" @click="handleQueryTable"> 鏌ヨ </el-button> <el-button icon="ele-Refresh" @click="resetQuery">閲嶇疆 </el-button> - <el-button icon="ele-Plus" @click="openOperateDialog()"> 澧炲姞 </el-button> + <el-button icon="ele-Plus" @click="openOptDlg()"> 娣诲姞 </el-button> </el-form-item> - </el-form> + </el-form> </template> <template #main> - <el-table - v-loading="tableLoading" - ref="draggableTableRef" - class="h100" - border - row-key="ID" - :tree-props="{ children: 'Children', hasChildren: 'hasChildren' }" - :expand-row-keys="treeTableExpandKeys" - @expand-change="tableExpandChange" - :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'" - :cell-style="tableCellCenterExceptColumn()" - :header-cell-style="{ textAlign: 'center' }" - :data="displayTableData" - highlight-current-row - > - <el-table-column prop="id" label="id" width="220" fixed="left" show-overflow-tooltip> </el-table-column> - <el-table-column prop="title" label="鍚嶇О" width="220" fixed="left" show-overflow-tooltip> </el-table-column> - - <!-- <el-table-column prop="Code" label="缂栫爜" show-overflow-tooltip> </el-table-column> - <el-table-column prop="Description" label="璇存槑" width="550" show-overflow-tooltip> </el-table-column> --> - <el-table-column label="鎿嶄綔" width="150" fixed="right" show-overflow-tooltip> + <div class="h-full" ref="chatDragContainerRef"> + <el-table + v-loading="tableLoading" + ref="draggableTableRef" + class="h100" + border + :row-class-name="isDragStatus ? 'cursor-move' : 'cursor-pointer'" + :data="displayTableData" + highlight-current-row + > + <!-- <el-table-column type="expand" fixed="left"> <template #default="scope"> - <el-button icon="ele-Edit" size="small" text type="primary" @click="openOperateDialog(scope.row)"> </el-button> - <el-button - icon="ele-Delete" - size="small" - text - type="danger" - - > - - </el-button> + <div class="px-4"> + <h3 class="mb-2">椤甸潰鍙傛暟</h3> + <JsonEditor currentMode="view" :modelValue="scope.row.args" /> + </div> </template> - </el-table-column> - </el-table> + </el-table-column> --> + <!-- <el-table-column prop="id" label="id" width="130" fixed="left" show-overflow-tooltip> </el-table-column> --> + + <el-table-column prop="title" label="鏍囬" width="300" fixed="left" show-overflow-tooltip> </el-table-column> + <el-table-column prop="prompt" label="鎻愮ず璇�" show-overflow-tooltip> </el-table-column> + + <el-table-column label="鍒涘缓浜�" prop="creator" width="100" show-overflow-tooltip> </el-table-column> + <el-table-column label="鍒涘缓鏃堕棿" prop="create_time" width="105" show-overflow-tooltip> </el-table-column> + <el-table-column label="鏇存柊鏃堕棿" prop="update_time" width="105" show-overflow-tooltip> </el-table-column> + <el-table-column label="鍙戝竷鐘舵��" prop="published" width="85" show-overflow-tooltip> + <template #default="scope"> + {{ supervisorPublishedMap[scope.row.published] }} + </template> + </el-table-column> + + <el-table-column label="澶囨敞" prop="note" 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="SQL缂栬緫" placement="top"> + <i class="ywifont ywicon-sql !text-[14px] text-blue-400 cursor-pointer" @click="editSqlClick(scope.row)"></i> + </el-tooltip> + <el-tooltip effect="dark" content="AMIS浣庝唬鐮佺紪杈�" placement="top"> + <i class="ywifont ywicon-didaima !text-[21px] text-blue-400 cursor-pointer" @click="gotoAmisPage(scope.row)"></i> + </el-tooltip> + <el-tooltip effect="dark" content="瀵硅瘽娴嬭瘯" placement="top"> + <i class="ywifont ywicon-ceshi !text-[20px] text-blue-400 cursor-pointer" @click="openChatTest(scope.row)"></i> + </el-tooltip> + + <el-tooltip + effect="dark" + :content="scope.row.published === SupervisorPublished.Y ? '鍙栨秷鍙戝竷' : '鍙戝竷'" + placement="top" + > + <i + class="ywifont !text-[20px] cursor-pointer" + :class="[ + scope.row.published === SupervisorPublished.Y ? 'ywicon-quxiaofabu text-red-400' : 'ywicon-fabu text-blue-400', + ]" + @click=" + publishStatusChange( + scope.row.published === SupervisorPublished.Y ? SupervisorPublished.N : SupervisorPublished.Y, + scope.row.id, + scope.$index + ) + " + ></i> + </el-tooltip> + <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-shanchu !text-[17px] text-red-400 cursor-pointer" + @click=" + () => { + deleteCurrentRow(scope.row, '椤甸潰', supervisorAdminApi.deleteSupervisor, () => { + const foundIndex = tableData.findIndex((item) => item === scope.row); + foundIndex > -1 && tableData.splice(foundIndex, 1); + }); + } + " + ></i> + </el-tooltip> + </div> + </template> + </el-table-column> + </el-table> + <div + v-if="chatTestIsShow" + ref="draggableChatRef" + :style="style" + class="fixed z-50 w-[700px] h-[800px] flex flex-col bg-[rgb(239,244,253)] right-0 bottom-0 rounded-lg" + > + <div ref="chatDragHandlerRef" class="flex-0"> + <div class="flex items-center justify-between py-2 px-4"> + <div class="font-bold cursor-move"> + WI姘村姟鏅鸿兘绠″鈥斺�斻�恵{ chatTestMapRow?.title }}銆戞祴璇� + <!-- <img src="/static/images/logo/logo-mini.svg" width="10" height="10" /> --> + </div> + <i class="ywifont ywicon-guanbi font-[10px] font-bold cursor-pointer" @click="closeChatTest"></i> + </div> + </div> + <Chat ref="chatRef" class="flex-auto px-2" :questionApi="questionAi"> </Chat> + </div> + </div> </template> - <ywDialog - v-model="dialogIsShow" - :headerIcon="dialogHeaderIcon" - :title="dialogTitle" + + <OptDlg v-model="optDlgIsShow" :item="optDlgMapRow" @insert="insertOpt" @update="updateOpt" :groupId="currentListID"></OptDlg> + + <!-- 澧炲姞銆佷慨鏀规暟鎹璇濇 --> + <el-dialog + :destroy-on-close="true" + v-model="moduleDialogIsShow" width="400" - @dlgClosed="closeDialog" - @submit="submitFormValue" + :close-on-click-modal="false" + @closed="closeModuleDialog" > - <el-form :model="dialogFormValue" ref="dialogFormRef" :rules="dialogFormRules" label-width="55"> - <el-form-item label="鐖剁骇" prop="ParentID" v-if="!isEditDialog"> + <template #header> + <div style="color: #fff"> + <SvgIcon :name="moduleDialogHeaderIcon" :size="16" style="margin-right: 3px; display: inline; vertical-align: middle" /> + <span> {{ moduleDialogTitle }} </span> + </div> + </template> + + <el-form :model="moduleDialogFormValue" ref="moduleDialogFormRef" :rules="moduleDialogFormRules" label-width="55"> + <el-form-item label="鍚嶇О" prop="title"> + <el-input placeholder="璇疯緭鍏ュ悕绉�" v-model="moduleDialogFormValue.title"></el-input> + </el-form-item> + <el-form-item label="鐖剁骇" prop="parent" v-if="!isEditModuleDialog"> <el-tree-select filterable - style="width: 100%" - v-model="dialogFormValue.ParentID" + class="w100" + v-model="moduleDialogFormValue.parent" :props="{ - id: 'ID', - label: 'Name', - children: 'Children', + id: 'id', + label: 'title', + children: 'children', }" - :data="tableTreeData" - node-key="ID" + :data="parentSelectOptions" + node-key="id" :clearable="true" - :accordion="true" + :accordion="false" :expandNode="false" :check-strictly="true" + placeholder="璇烽�夋嫨鐖剁骇" > </el-tree-select> </el-form-item> - <el-form-item label="undefined" prop="ParentID"> - <el-input v-model="dialogFormValue.ParentID"></el-input> - </el-form-item> - <el-form-item label="鍚嶇О" prop="Name"> - <el-input v-model="dialogFormValue.Name"></el-input> - </el-form-item> - <el-form-item label="缂栫爜" prop="Code"> - <el-input v-model="dialogFormValue.Code"></el-input> - </el-form-item> - <el-form-item label="璇存槑" prop="Description"> - <el-input v-model="dialogFormValue.Description" type="textarea" :rows="3"></el-input> - </el-form-item> </el-form> - </ywDialog> - </HMContainer> + <template #footer> + <div> + <el-button @click="closeModuleDialog">鍙� 娑�</el-button> + <el-button type="primary" @click="submitModuleFormValue">纭� 瀹�</el-button> + </div> + </template> + </el-dialog> + </AHMContainer> + <SqlAmisEdit v-else :supervisor="sqlEditMapSupervisor" @backLastPage="backLastPage" @updatePublished="updatePublishedById"></SqlAmisEdit> </template> <script setup lang="ts"> -import type { FormInstance, FormRules } from 'element-plus'; -import { ElMessage } from 'element-plus'; +import { useDraggable } from '@vueuse/core'; +import { deleteCurrentRow, travelTree } from '/@/utils/util'; import { computed, onMounted, ref } from 'vue'; -import ywDialog from '/@/components/dialog/yw-dialog.vue'; -import HMContainer from '/@/components/layout/HMContainer.vue'; import { usePageDisplay } from '/@/hooks/usePageDisplay'; import { useQueryTable } from '/@/hooks/useQueryTable'; // import { useTableSort } from '/@/hooks/useTableSort'; // import { useValidateUniqueness } from '/@/hooks/useValidateUniqueness'; -import { deepClone } from '/@/utils/other'; -import { deleteCurrentRow } from '/@/utils/util'; - +import type { FormInstance, FormRules } from 'element-plus'; +import { ElMessage, ElMessageBox } from 'element-plus'; +import { nextTick } from 'vue'; +import SqlAmisEdit from './edit/SqlAmisEdit.vue'; +import OptDlg from './optDlg/OptDlg.vue'; +import { SupervisorPublished, supervisorPublishedMap } from './types'; import * as supervisorAdminApi from '/@/api/supervisorAdmin'; -import { convertListToTree, tableCellCenterExceptColumn } from '/@/utils/util'; -const tableTreeData = computed(() => convertListToTree(tableData.value)); +import { checkSupervisorValidate, updatePublishStatus } from '/@/api/supervisorAdmin'; +import Chat from '/@/components/chat/Chat.vue'; +import emitter from '/@/utils/mitt'; +import { deepClone } from '/@/utils/other'; +import { gotoRoute } from '/@/utils/route'; +import { useCompRef } from '/@/utils/types'; +import { convertListToTree } from '/@/utils/util'; + +import * as supervisorGroupApi from '/@/api/supervisorAdmin/supervisorGroup'; +import LeftTreeByMgr from '/@/components/tree/leftTreeByMgr.vue'; +import AHMContainer from '/@/components/layout/AHMContainer.vue'; +import { useUpdateData } from '/@/hooks/useUpdateData'; + +//#region ====================== 宸︿晶鏍戞暟鎹紝tree init ====================== +const leftTreeRef = ref(null); +const treeLoading = ref(false); +const listData = ref([]); +const currentListID = computed(() => currentNode.value?.id); +const currentNode = ref(null); + +const listTreeData = computed(() => { + return convertListToTree(listData.value); +}); + +const updateRelatedType = (extendType) => { + emitter.emit('basic.sys.type.update', { + ExtendType: extendType, + }); +}; +const handleClickNode = (data) => { + nextTick(() => { + leftTreeRef.value?.treeRef.setCurrentKey(data.id); + }); + currentNode.value = data; + getTableData(); +}; +const getListTreeData = async () => { + const res = await supervisorGroupApi.getSupervisorGroupList(); + listData.value = res.values || []; + const firstListTreeNode = listTreeData.value[0]; + if (firstListTreeNode) { + handleClickNode(firstListTreeNode); + } else { + tableData.value = []; + currentNode.value = null; + } +}; +//#endregion + +//#region ====================== 鍒犻櫎宸︿晶鏍戠郴缁熸ā鍧楁暟鎹� ====================== + +const deleteCurrentModule = (row: any) => { + ElMessageBox.confirm(`纭畾鍒犻櫎椤甸潰鍒嗙粍锛氥��${row.title}銆�?`, '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + }).then(async () => { + const res = await supervisorGroupApi.deleteSupervisorGroup({ + group_id: row.id, + }); + ElMessage.success('鍒犻櫎鎴愬姛锛�'); + const foundIndex = listData.value.findIndex((item) => row.id === item.id); + listData.value.splice(foundIndex, 1); + }); +}; +//#endregion + +//#region ====================== 澧炲姞銆佸垹闄ょ郴缁熸ā鍧楁搷浣�, dialog init====================== +const isEditModuleDialog = ref(false); +const moduleDialogTitle = computed(() => { + return isEditModuleDialog.value ? '淇敼椤甸潰鍒嗙粍' : '娣诲姞椤甸潰鍒嗙粍'; +}); +const moduleDialogHeaderIcon = computed(() => { + return isEditModuleDialog.value ? 'ele-Edit' : 'ele-Plus'; +}); +const moduleDialogFormValue = ref({ + Name: '', + Code: '', + Description: '', +}) as any; +const moduleDialogIsShow = ref(false); +const moduleDialogFormRef = ref<FormInstance>(null); + +const moduleDialogFormRules = ref<FormRules>({ + title: [{ required: true, message: '璇疯緭鍏ユ爣棰�', trigger: 'blur' }], +}); +const openOperateModuleDialog = (data?) => { + if (data) { + isEditModuleDialog.value = true; + const { id, title } = data; + moduleDialogFormValue.value = deepClone({ group_id: id, title }); + } else { + isEditModuleDialog.value = false; + moduleDialogFormValue.value = { title: '', parent: '' }; + } + moduleDialogIsShow.value = true; +}; + +const closeModuleDialog = () => { + moduleDialogIsShow.value = false; + moduleDialogFormRef.value.clearValidate(); +}; +const parentSelectOptions = computed(() => { + const cloneTreeData = deepClone(listTreeData.value); + travelTree(cloneTreeData, (value, index, array, parent) => { + if ((value as any).id === moduleDialogFormValue.value.id) { + if (parent === array) { + parent?.splice(index, 1); + } else { + parent?.Children?.splice(index, 1); + } + } + }); + return cloneTreeData; +}); + +const submitModuleFormValue = async () => { + const valid = await moduleDialogFormRef.value.validate().catch(() => {}); + if (!valid) return; + + if (isEditModuleDialog.value) { + const res = await supervisorGroupApi.updateSupervisorGroup(moduleDialogFormValue.value); + const foundIndex = listData.value.findIndex((item) => item.id === moduleDialogFormValue.value.id); + if (foundIndex > -1) { + listData.value[foundIndex] = { + ...listData.value[foundIndex], + title: moduleDialogFormValue.value.title, + }; + } + getListTreeData(); + moduleDialogIsShow.value = false; + ElMessage.success('淇敼椤甸潰鍒嗙粍鎴愬姛'); + } else { + const res = await supervisorGroupApi.addSupervisorGroup(moduleDialogFormValue.value); + listData.value.push({ + ...moduleDialogFormValue.value, + id: res.group_id, + }); + moduleDialogIsShow.value = false; + ElMessage.success('娣诲姞椤甸潰鍒嗙粍鎴愬姛'); + } +}; +//#endregion //#region ====================== 琛ㄦ牸鏁版嵁锛宼able init ====================== const tableLoading = ref(false); const tableData = ref([]); const isDragStatus = ref(false); +const allTableData = ref(null); const getTableData = async () => { - tableLoading.value = true; - const res = await supervisorAdminApi.getSupervisorList().finally(() => { - tableLoading.value = false; - }); - tableData.value = res.values||[]; + if (!allTableData.value) { + const res = await supervisorAdminApi.getSupervisorList(); + allTableData.value = (res.values || []).map((item) => { + item.create_time = item.create_time?.slice(0, 10); + item.update_time = item.update_time?.slice(0, 10); + + return item; + }); + } + tableData.value = allTableData.value.filter((item) => item.group_id === currentListID.value); }; //#endregion @@ -131,78 +375,12 @@ const queryParams = ref({ title: '', }); -const { resetQuery, handleQueryTable, displayTableData } = useQueryTable(tableData, queryParams, ()=>{ +const { resetQuery, handleQueryTable, displayTableData } = useQueryTable(tableData, queryParams, () => { displayTableData.value = tableData.value; }); - - //#endregion -//#region ====================== 澧炲姞銆佷慨鏀硅褰曟搷浣�, dialog init====================== -const isEditDialog = ref(false); -const dialogTitle = computed(() => { - return isEditDialog.value ? '淇敼鍒嗙粍' : '娣诲姞鍒嗙粍'; -}); -const dialogHeaderIcon = computed(() => { - return isEditDialog.value ? 'ele-Edit' : 'ele-Plus'; -}); -const dialogFormValue = ref(null); -const dialogIsShow = ref(false); -const dialogFormRef = ref<FormInstance>(null); - - - -const dialogFormRules = ref<FormRules>({ - ParentID: [{ required: true, message: '璇烽�夋嫨undefined', trigger: 'change' }], - Name: [{ required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }], -}); -const openOperateDialog = (row?) => { - if (row) { - isEditDialog.value = true; - const { ID, ParentID, Name, Code, Description } = row; - - dialogFormValue.value = deepClone({ ID, ParentID, Name, Code, Description }); - } else { - isEditDialog.value = false; - - dialogFormValue.value = { ParentID: '', Name: '', Code: '', Description: '' }; - } - dialogIsShow.value = true; -}; -const closeDialog = () => { - dialogIsShow.value = false; - dialogFormRef.value.clearValidate(); -}; - -const submitFormValue = async () => { - const valid = await dialogFormRef.value.validate().catch(() => {}); - if (!valid) return; - - if (isEditDialog.value) { - const res = await supervisorAdminApi.UpdateADictGroup(dialogFormValue.value); - const resData = res.Data; - if (resData) { - getTableData(); - closeDialog(); - ElMessage.success('淇敼鍒嗙粍鎴愬姛'); - } else { - ElMessage.error('淇敼鍒嗙粍澶辫触'); - } - } else { - const res = await supervisorAdminApi.InsertADictGroup(dialogFormValue.value); - const resData = res.Data; - if (resData === '0') { - ElMessage.error('娣诲姞鍒嗙粍澶辫触'); - return; - } - getTableData(); - closeDialog(); - ElMessage.success('娣诲姞鍒嗙粍鎴愬姛'); - } -}; - -//#endregion //#region ====================== 鏌ヨ蹇嵎閿� ====================== const queryFormRef = ref(null); const pressEnterSearch = (ev: KeyboardEvent) => { @@ -212,25 +390,148 @@ }; usePageDisplay( () => { - queryFormRef.value.$el.addEventListener('keypress', pressEnterSearch); + queryFormRef.value?.$el?.addEventListener('keypress', pressEnterSearch); }, () => { - queryFormRef.value?.$el.removeEventListener('keypress', pressEnterSearch); + queryFormRef.value?.$el?.removeEventListener('keypress', pressEnterSearch); } ); //#endregion -//#region ====================== 瑙e喅鎷栨嫿灞曞紑鐘舵�佸け鏁堥棶棰� ====================== -const treeTableExpandKeys = ref([]); -const tableExpandChange = (row, expanded) => { - if (expanded) { - treeTableExpandKeys.value.push(row.ID); - } else { - const idx = treeTableExpandKeys.value.indexOf(row.ID); - treeTableExpandKeys.value.splice(idx, 1); + +//#region ====================== sql ====================== + +const supervisorMgrShow = ref(true); +const sqlEditMapSupervisor = ref(null); +const editSqlClick = (item) => { + sqlEditMapSupervisor.value = item; + supervisorMgrShow.value = false; +}; + +const backLastPage = () => { + supervisorMgrShow.value = true; +}; +//#endregion + +//#region ====================== 娣诲姞淇敼鎿嶄綔 ====================== +const optDlgIsShow = ref(false); +const optDlgMapRow = ref(null); +const openOptDlg = (row?: any) => { + optDlgMapRow.value = row; + optDlgIsShow.value = true; +}; + +const updateOpt = (formValue) => { + const foundIndex = tableData.value.findIndex((item) => item.id === formValue.id); + if (foundIndex > -1) { + tableData.value[foundIndex] = { + ...tableData.value[foundIndex], + ...formValue, + }; } -}; //#endregion +}; + +const insertOpt = (newData) => { + tableData.value.unshift({ ...newData, published: SupervisorPublished.N }); +}; +//#endregion + +const updatePublishedById = (id: string, published: SupervisorPublished) => { + const row = tableData.value.find((item) => item.id === id); + if (row) { + row.published = published; + } +}; +//#region ====================== 鏀瑰彉鍙戝竷鐘舵�� ====================== +const publishStatusChange = async (published: SupervisorPublished, id, index) => { + const res = await updatePublishStatus( + { + id: id, + publish: published, + }, + { + loading: false, + } + ); + const origin = published === SupervisorPublished.Y ? SupervisorPublished.N : SupervisorPublished.Y; + const final = res.publish ?? origin; + if (final === origin) { + ElMessage.warning('鎿嶄綔澶辫触' + (res.fail_msg ? `锛�${res.fail_msg}` : '')); + return; + } + + tableData.value[index].published = final; + + published === SupervisorPublished.Y ? ElMessage.success('鍙戝竷鎴愬姛') : ElMessage.info('宸插彇娑堝彂甯�'); +}; +//#endregion + +//#region ====================== 璺宠浆浣庝唬鐮佺紪杈戦〉闈� ====================== +const gotoAmisPage = (row) => { + window.currentPage = row; + gotoRoute({ + name: 'AmisEditor', + }); +}; +//#endregion + +//#region ====================== Chat 娴嬭瘯 ====================== + +const chatRef = useCompRef(Chat); +const chatTestMapRow = ref(null); +const chatTestIsShow = ref(false); +const openChatTest = (row) => { + chatTestMapRow.value = row; + chatTestIsShow.value = true; + + nextTick(() => { + chatRef.value.clear(); + chatRef.value.autoSend(row.prompt); + }); +}; + +const closeChatTest = () => { + chatTestMapRow.value = null; + chatTestIsShow.value = false; +}; + +const draggableChatRef = ref<HTMLElement | null>(null); +const chatDragHandlerRef = ref<HTMLDivElement>(null); +const chatDragContainerRef = ref<HTMLDivElement>(null); + +// `style` will be a helper computed for `left: ?px; top: ?px;` +const { x, y, style } = useDraggable(draggableChatRef, { + handle: chatDragHandlerRef, + initialValue: { + x: document.body.clientWidth / 2 - 350, + y: document.body.clientHeight / 2 - 400, + }, +}); + +const questionAi = async (text) => { + const res = await checkSupervisorValidate( + { + id: chatTestMapRow.value.id, + question: text, + }, + { + loading: false, + } + ); + return res; +}; +//#endregion + +//#region ====================== 鏇存柊鍙戝竷鐘舵�� ====================== +useUpdateData({ + event: 'supervisor.publish', + updateFun({ id, published }) { + + updatePublishedById(id, published); + }, +}); +//#endregion onMounted(() => { - getTableData(); + getListTreeData(); }); </script> <style scoped lang="scss"></style> -- Gitblit v1.9.3