|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
<script setup lang="tsx">
|
|
|
|
|
import { ElCol,ElForm, ElFormItem, ElSelect, ElOption, ElInput } from 'element-plus';
|
|
|
|
|
import { ElCol,ElForm, ElFormItem, ElSelect, ElOption, ElInput,FormRules,FormInstance,ElMessage } from 'element-plus';
|
|
|
|
|
import { PropType,ref,reactive, watch,onMounted } from 'vue'
|
|
|
|
|
import { useValidator } from '@/hooks/web/useValidator'
|
|
|
|
|
import * as monaco from 'monaco-editor';
|
|
|
|
@ -59,10 +59,7 @@ const props = defineProps({
|
|
|
|
|
// },
|
|
|
|
|
// ])
|
|
|
|
|
|
|
|
|
|
const rules = reactive({
|
|
|
|
|
dataSourceId: [required('请选择数据源')],
|
|
|
|
|
procedureName:[required('请输入存储过程名称')],
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let sqlInfo = reactive({
|
|
|
|
@ -126,11 +123,23 @@ const formatterSql = ()=>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const rules = reactive<FormRules>({
|
|
|
|
|
dataSourceId:[
|
|
|
|
|
{ required: true, message: '请选择数据源信息', trigger: 'blur' },
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
//提交当前界面的信息
|
|
|
|
|
const submit = () =>{
|
|
|
|
|
const submit = async () =>{
|
|
|
|
|
if(!sqlInfo.dataSourceId){
|
|
|
|
|
ElMessage.warning('请选择数据源信息');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
const model = editorInstance.getModel();
|
|
|
|
|
if(!model.getValue()){
|
|
|
|
|
ElMessage.warning('请输入SQL语句');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
sqlInfo.ruleSql = model.getValue();
|
|
|
|
|
console.log(sqlInfo,"sqlInfo信息Submit");
|
|
|
|
|
return sqlInfo
|
|
|
|
|
}
|
|
|
|
|
defineExpose({
|
|
|
|
@ -142,7 +151,7 @@ defineExpose({
|
|
|
|
|
<ElForm :model="sqlInfo" label-width="auto" :rules="rules">
|
|
|
|
|
<ElRow>
|
|
|
|
|
<ElCol :span="12">
|
|
|
|
|
<ElFormItem label="数据源" style="margin-left:20px;">
|
|
|
|
|
<ElFormItem label="数据源" style="margin-left:20px;" prop="dataSourceId">
|
|
|
|
|
<ElSelect v-model="sqlInfo.dataSourceId" placeholder="请选择数据源" style="width:100%;">
|
|
|
|
|
<el-option :label="item.dsname" :value="item.dscode" :key="item.dscode" v-for="item in sqlInfo.dataSourceList" />
|
|
|
|
|
</ElSelect>
|
|
|
|
|