Commit 901f30c2 authored by 罗林杰's avatar 罗林杰

修改sql开发

parent 0b92b387
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="flex"> <div class="flex">
<div class="w-1/4 xl:w-1/5"> <div class="w-1/4 xl:w-1/5">
<DataTree @select="handleSelect" style="height: 50%" /> <DataTree @select="handleSelect" style="height: 50%" />
<GroupTree @select="handleGroupSelect" style="height: 50%" /> <GroupTree @select="handleGroupSelect" style="height: 44%" />
</div> </div>
<div class="m-4 mr-0 w-3/4 xl:w-4/5" style="background-color: white"> <div class="m-4 mr-0 w-3/4 xl:w-4/5" style="background-color: white">
<div> <div>
...@@ -29,33 +29,37 @@ ...@@ -29,33 +29,37 @@
<div v-if="showTable === 'true'" style="margin-top: 100px"> <div v-if="showTable === 'true'" style="margin-top: 100px">
<BasicTable @register="registerDataPreviewTable"> <BasicTable @register="registerDataPreviewTable">
<template #headerTop> <template #headerTop>
<span style="font-weight: bold; font-size: 16px">数据预览</span> <div style="display: flex; justify-content: space-between; align-items: center">
<Dropdown :trigger="['click']"> <span style="font-weight: bold; font-size: 16px">数据预览</span>
<span type="primary" @click.prevent style="margin-left: 1120px" <div style="display: flex; align-items: center">
>字段选择<Icon <Dropdown :trigger="['click']">
icon="ant-design:caret-down-filled" <span type="primary" @click.prevent
style="font-size: 12px; margin-left: 2px" >字段选择<Icon
/></span> icon="ant-design:caret-down-filled"
<template #overlay> style="font-size: 12px; margin-left: 2px"
<Checkbox.Group v-model:value="selectedTasks"> /></span>
<Menu> <template #overlay>
<MenuItem <Checkbox.Group v-model:value="selectedTasks">
v-for="task in fieldData" <Menu>
:key="task.value" <MenuItem
@click.stop="handleTaskModel(item)" v-for="task in fieldData"
> :key="task.value"
<Checkbox :value="task.value">{{ task.label }}</Checkbox> @click.stop="handleTaskModel(item)"
</MenuItem> >
</Menu> <Checkbox :value="task.value">{{ task.label }}</Checkbox>
</Checkbox.Group> </MenuItem>
</template> </Menu>
</Dropdown> </Checkbox.Group>
<Icon </template>
icon="material-symbols-light:download-sharp" </Dropdown>
style="margin-left: 10px" <Icon
:size="25" icon="material-symbols-light:download-sharp"
@click="handleDownload" style="margin-left: 10px"
/> :size="25"
@click="handleDownload"
/>
</div>
</div>
</template> </template>
</BasicTable> </BasicTable>
</div> </div>
......
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
import { recordColumns } from '../data'; import { recordColumns } from '../data';
import { recordData } from '../sqlDevelopmentData'; import { recordData } from '../sqlDevelopmentData';
import recordDetailModal from './recordDetailModal.vue'; import recordDetailModal from './recordDetailModal.vue';
import Icon from '@/components/Icon/Icon.vue';
defineOptions({ name: 'KnowledgeModal' }); defineOptions({ name: 'KnowledgeModal' });
......
<template> <template>
<PageWrapper title="SQL执行" dense contentFullHeight fixedHeight @back="goBack"> <PageWrapper title="SQL执行" dense contentFullHeight fixedHeight @back="goBack">
<div style="padding-top: 20px; background-color: white"> <div style="padding-top: 20px; background-color: white">
<BasicForm @register="registerForm"> <div style="display: flex; align-content: center; justify-content: space-between">
<template #formFooter> <div style="display: flex; align-content: center">
<div style="display: flex; justify-content: space-between"> <BasicForm @register="registerForm" style="width: 300px" />
<!-- 新窗口运行--> </div>
<Tooltip placement="top" title="新窗口运行"> <div style="display: flex; align-content: center">
<a-button <!-- 新窗口运行-->
type="primary" <Tooltip placement="top" title="新窗口运行">
style="margin-right: 10px; margin-left: 700px" <a-button type="primary" style="margin-right: 10px" @click="handleExecute">
@click="handleExecute" <Icon icon="si:play-forward-duotone" :size="20" />
> </a-button>
<Icon icon="si:play-forward-duotone" :size="20" /> </Tooltip>
</a-button>
</Tooltip>
<!-- 运行--> <!-- 运行-->
<Tooltip placement="top" title="运行"> <Tooltip placement="top" title="运行">
<a-button type="primary" style="margin-right: 10px" @click="handleExecute"> <a-button type="primary" style="margin-right: 10px" @click="handleExecute">
<Icon icon="si:play-line" :size="20" /> <Icon icon="si:play-line" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 执行记录--> <!-- 执行记录-->
<Tooltip placement="top" title="执行记录"> <Tooltip placement="top" title="执行记录">
<a-button type="primary" style="margin-right: 10px" @click="handleRecord"> <a-button type="primary" style="margin-right: 10px" @click="handleRecord">
<Icon icon="si:clock-alt-line" :size="20" /> <Icon icon="si:clock-alt-line" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 提交版本--> <!-- 提交版本-->
<Tooltip placement="top" title="提交版本"> <Tooltip placement="top" title="提交版本">
<a-button type="primary" style="margin-right: 10px" @click="handleSubmitVersion"> <a-button type="primary" style="margin-right: 10px" @click="handleSubmitVersion">
<Icon icon="majesticons:file-plus-line" :size="20" /> <Icon icon="majesticons:file-plus-line" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 版本管理--> <!-- 版本管理-->
<Tooltip placement="top" title="版本管理"> <Tooltip placement="top" title="版本管理">
<a-button type="primary" style="margin-right: 10px" @click="handleVersion"> <a-button type="primary" style="margin-right: 10px" @click="handleVersion">
<Icon icon="majesticons:file-search-line" :size="20" /> <Icon icon="majesticons:file-search-line" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 参数配置--> <!-- 参数配置-->
<Tooltip placement="top" title="参数配置"> <Tooltip placement="top" title="参数配置">
<a-button type="primary" style="margin-right: 10px" @click="handleOptions"> <a-button type="primary" style="margin-right: 10px" @click="handleOptions">
<Icon icon="majesticons:link-circle-line" :size="20" /> <Icon icon="majesticons:link-circle-line" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 格式化--> <!-- 格式化-->
<Tooltip placement="top" title="格式化"> <Tooltip placement="top" title="格式化">
<a-button type="primary" style="margin-right: 10px" @click="handleChange"> <a-button type="primary" style="margin-right: 10px" @click="handleChange">
<Icon icon="gg:align-left" :size="20" /> <Icon icon="gg:align-left" :size="20" />
</a-button> </a-button>
</Tooltip> </Tooltip>
<!-- 保存--> <!-- 保存-->
<Tooltip placement="top" title="保存"> <Tooltip placement="top" title="保存">
<a-button type="primary" style="margin-right: 10px" @click="handleSubmit"> <a-button type="primary" style="margin-right: 10px" @click="handleSubmit">
<Icon icon="majesticons:save-line" :size="20" /> <Icon icon="majesticons:save-line" :size="20" />
</a-button> </Tooltip </a-button>
></div> </Tooltip>
</template> </div>
</BasicForm> </div>
<CodeEditor v-model:value="jsonData" :mode="MODE.JSON" /> <CodeEditor v-model:value="jsonData" :mode="MODE.JSON" />
</div> </div>
<optionsModal @register="registerModal" /> <optionsModal @register="registerModal" />
...@@ -103,7 +101,7 @@ ...@@ -103,7 +101,7 @@
const [registerSubmitVersionModal, { openModal: openSubmitVersionModal }] = useModal(); const [registerSubmitVersionModal, { openModal: openSubmitVersionModal }] = useModal();
const [registerForm] = useForm({ const [registerForm] = useForm({
labelWidth: 100, labelWidth: 100,
baseColProps: { lg: 6, md: 4 }, baseColProps: { lg: 18, md: 18 },
schemas: formSchema, schemas: formSchema,
showActionButtonGroup: false, showActionButtonGroup: false,
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment