p4khmxfwv
/
srdb-ui3.10
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改部分指标加工界面

Browse Source
main
于阔 9 months ago
parent cec1bed947
commit 5cf7273451
15 changed files with 164 additions and 769 deletions
Show Stats Download Patch File Download Diff File

1
src/components/PreViewFile/src/PreViewFile.vue
Unescape View File

@ -282,6 +282,7 @@ const downloadFile = (type) => {
/* z-index:999; */
}
.download{
outline: none;
position: fixed;
color:#fff;
font-size:1.3rem;

32
src/views/IndexProcess/ProcedureRule/ProcedureRule.vue
Unescape View File

@ -1,23 +1,21 @@
<script setup lang="tsx">
import { ElTabs,ElTabPane } from 'element-plus';
import ProcedureConfig from './components/ProcedureConfig.vue';
import ParamConfig from './components/ParamConfig.vue';
import BasicInfo from './components/BasicInfo.vue';
import { ElTabs,ElTabPane } from 'element-plus';
import ProcedureConfig from './components/ProcedureConfig.vue';
import ParamConfig from './components/ParamConfig.vue';
import BasicInfo from './components/BasicInfo.vue';
</script>
<template>
<ContentWrap>
<ElTabs tab-position="left" style="height: 200px">
<ElTabPane label="存储过程">
<ProcedureConfig ref="procedureConfig" />
</ElTabPane>
<ElTabPane label="参数配置">
<ParamConfig ref="paramConfig" />
</ElTabPane>
<ElTabPane label="基本信息">
<BasicInfo ref="basicInfo" />
</ElTabPane>
</ElTabs>
</ContentWrap>
<ElTabs tab-position="left" style="height: 100%;">
<ElTabPane label="存储过程">
<ProcedureConfig ref="procedureConfig" rule-type="ProcedureRule" />
</ElTabPane>
<ElTabPane label="参数配置">
<ParamConfig ref="paramConfig" />
</ElTabPane>
<ElTabPane label="基本信息">
<BasicInfo ref="basicInfo" />
</ElTabPane>
</ElTabs>
</template>

169
src/views/IndexProcess/ProcedureRule/components/ProcedureConfig.vue
Unescape View File

@ -1,105 +1,132 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { ElCol,ElForm, ElFormItem, ElSelect, ElOption, ElInput } from 'element-plus';
import { PropType,ref,reactive, watch,onMounted } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
import * as monaco from 'monaco-editor';
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
},
ruleType:{
type: String,
default: 'ProcedureRule'
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
// const formSchema = reactive<FormSchema[]>([
// {
// //数据源Id：dataSourceId
// field: 'schema',
// label: '数据源',
// component: 'Select',
// colProps: {
// span: 24
// },
// componentProps:{
// }
// },
// {
// field: 'procedureName',
// label: '存储过程名称',
// component: 'Input',
// colProps: {
// span: 24
// },
// hidden:props.ruleType == 'SqlRule'
// },
// {
// field: 'procedureContent',
// label: '存储过程',
// component: 'Input',
// colProps: {
// span: 24
// },
// value:'',
// componentProps:{
// type:'textarea',
// rows: 12,
// placeholder:'请输入存储过程'
// }
// },
// ])
const rules = reactive({
cron:[required()],
})
schema: [required('请选择数据源')],
procedureName:[required('请输入存储过程名称')],
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
})
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
let sqlInfo = reactive({
schema:"",//数据源信息
dataSourceList:[],//数据源list
procedureName:"",//存储过程名称
procedureParams:"",//存储过程参数
pureSql:''//sql
})
const sqlEditor = ref(null);
let editorInstance = null;
const InitEditorInstance = () => {
editorInstance = monaco.editor.create(sqlEditor.value, {
value: sqlInfo.pureSql,
language: 'sql',
theme: 'vs',
automaticLayout: true,
fontSize:15,
});
editorInstance.onDidChangeModelContent(() => {
sqlInfo.pureSql = editorInstance.getValue();
});
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
onMounted(()=>{
{
InitEditorInstance();
}
defineExpose({
submit
})
//格式化SQL
const formatterSql = ()=>{
}
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
<ElForm :model="sqlInfo" label-width="auto" :rules="rules">
<ElRow>
<ElCol :span="12">
<ElFormItem label="数据源">
<ElSelect v-model="sqlInfo.schema" placeholder="请选择数据源">
<el-option :label="item.dsname" :value="item.dscode" :key="item.dscode" v-for="item in sqlInfo.dataSourceList" />
</ElSelect>
</ElFormItem>
</ElCol>
<ElButton type="text" @click="formatterSql" style="margin-left:20px;"> 格式化SQL </ElButton>
</ElRow>
<ElRow>
<ElCol :span="24">
<ElFormItem>
<div ref="sqlEditor" style="width:100%;height:500px;"></div>
</ElFormItem>
</ElCol>
</ElRow>
</ElForm>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

36
src/views/IndexProcess/PureSqlRule/PureSqlRule.vue
Unescape View File

@ -1,23 +1,31 @@
<script setup lang="tsx">
import { elTabs,elTabPane } from 'element-plus';
import SQLRule from './components/SQLRule.vue';
import SetParams from './components/SetParams.vue';
import BasicInfo from './components/BasicInfo.vue';
import { ElTabs,ElTabPane } from 'element-plus';
import SearchStucter from './components/SearchStucter.vue';
import ParamConfig from './components/ParamConfig.vue';
import FieldInfo from './components/FieldInfo.vue';
import TargetPeek from './components/TargetPeek.vue'
import BasicInfo from './components/BasicInfo.vue';
</script>
<template>
<ContentWrap>
<elTabs tab-position="left" style="height: 200px">
<elTabPane label="SQL">
<SQLRule ref="sqlRule" />
</elTabPane>
<elTabPane label="参数配置">
<SetParams ref="setParams" />
</elTabPane>
<elTabPane label="基本信息">
<ElTabs tab-position="left" style="height: 100%;">
<ElTabPane label="查询结构">
<SearchStucter ref="searchStucter" />
</ElTabPane>
<ElTabPane label="参数配置">
<ParamConfig ref="paramConfig" />
</ElTabPane>
<ElTabPane label="字段信息">
<FieldInfo ref="fieldInfo" />
</ElTabPane>
<ElTabPane label="指标取数">
<TargetPeek ref="targetPeek" />
</ElTabPane>
<ElTabPane label="基本信息">
<BasicInfo ref="basicInfo" />
</elTabPane>
</elTabs>
</ElTabPane>
</ElTabs>
</ContentWrap>
</template>

105
src/views/IndexProcess/PureSqlRule/components/SQLRule.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

105
src/views/IndexProcess/PureSqlRule/components/SetParams.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

37
src/views/IndexProcess/SqlRule/SqlRule.vue
Unescape View File

@ -1,31 +1,22 @@
<script setup lang="tsx">
import { elTabs,elTabPane } from 'element-plus';
import SearchStucter from './components/SearchStucter.vue';
import ParamConfig from './components/ParamConfig.vue';
import FieldInfo from './components/FieldInfo.vue';
import TargetPeek from './components/TargetPeek.vue'
import BasicInfo from './components/BasicInfo.vue';
import { ElTabs,ElTabPane } from 'element-plus';
import ProcedureConfig from '@/views/IndexProcess/ProcedureRule/components/ProcedureConfig.vue';
import SetParams from './components/SetParams.vue';
import BasicInfo from './components/BasicInfo.vue';
</script>
<template>
<ContentWrap>
<elTabs tab-position="left" style="height: 200px">
<elTabPane label="查询结构">
<SearchStucter ref="searchStucter" />
</elTabPane>
<elTabPane label="参数配置">
<ParamConfig ref="paramConfig" />
</elTabPane>
<elTabPane label="字段信息">
<FieldInfo ref="fieldInfo" />
</elTabPane>
<elTabPane label="指标取数">
<TargetPeek ref="targetPeek" />
</elTabPane>
<elTabPane label="基本信息">
<ElTabs tab-position="left" style="height: 100%;">
<ElTabPane label="SQL">
<ProcedureConfig ref="procedureConfig" rule-type="SqlRule" />
</ElTabPane>
<ElTabPane label="参数配置">
<SetParams ref="setParams" />
</ElTabPane>
<ElTabPane label="基本信息">
<BasicInfo ref="basicInfo" />
</elTabPane>
</elTabs>
</ElTabPane>
</ElTabs>
</ContentWrap>
</template>

105
src/views/IndexProcess/SqlRule/components/FieldInfo.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

105
src/views/IndexProcess/SqlRule/components/ParamConfig.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

105
src/views/IndexProcess/SqlRule/components/SearchStucter.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

5
src/views/IndexProcess/SqlRule/components/SetParams.vue
Unescape View File

@ -70,7 +70,7 @@ watch(
)
let searchParam = reactive({
paramsType:"",//参数类型
paramsType:"code",//参数类型
searchText:"",//参数名称
})
let filterList = reactive([]);//当前表格的列项
@ -96,6 +96,7 @@ const handleAddParams = ()=>{
v-model="searchParam.searchText"
placeholder="按参数名称或注释搜索"
clearable
style="margin-left:15px; width: 300px"
>
<template #prepend>
<el-select v-model="searchParam.paramsType" placeholder="Select" style="width: 115px">
@ -125,7 +126,7 @@ const handleAddParams = ()=>{
</ElTable>
</ElMain>
</ElContainer>
<ElAside width="200px">
<ElAside width="10px">
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
</ElAside>
</ElContainer>

105
src/views/IndexProcess/SqlRule/components/TargetPeek.vue
Unescape View File

@ -1,105 +0,0 @@
<script setup lang="tsx">
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElDialog } from 'element-plus'ss
import {vue3CronPlus} from '@/views/vue3-cron-plus/index'
const { required } = useValidator()
const props = defineProps({
currentRow: {
type: Object as PropType<any>,
default: () => null
}
})
let showCron = ref(false);
let NewCornData = "";//当前最新的corn语句的定义
const formSchema = reactive<FormSchema[]>([
{
field: 'cron',
label: '定时器信息',
component: 'Input',
colProps: {
span: 24
},
componentProps:{
value:"",
on:{
click:()=>{
NewCornData = formSchema[0].value;
showCron.value = true;
}
}
}
},
])
const rules = reactive({
cron:[required()],
})
const { formRegister, formMethods } = useForm()
const { setValues,getFormData, getElFormExpose } = formMethods
const submit = async () => {
const elForm = await getElFormExpose()
const valid = await elForm?.validate().catch((err) => {
console.log(err)
})
if (valid) {
const formData = await getFormData();
formData.cron = formSchema[0].value;
return formData
}
}
watch(
() => props.currentRow,
(currentRow) => {
if (!currentRow) return
setValues(currentRow)
},
{
deep: true,
immediate: true
}
)
//修改定时器的信息
const changeCron = (corn)=>{
formSchema[0].value = corn.toString();
formSchema[0].componentProps.value = corn.toString();
if(formSchema[0].value != '[object Event]'){
NewCornData = formSchema[0].value
}
}
const closeDialog = ()=>{
if(NewCornData != formSchema[0].value){
formSchema[0].value = NewCornData;
formSchema[0].componentProps.value = NewCornData;
}
showCron.value = false;
}
defineExpose({
submit
})
</script>
<template>
<Form :rules="rules" @register="formRegister" :schema="formSchema" />
<ElDialog v-model="showCron">
<vue3CronPlus
i18n="cn"
@change="changeCron"
@close="closeDialog"
max-height="300px"
/>
</ElDialog>
</template>
<style scoped>
.vue3-cron-plus-container>>>.language{
top:40px !important;
}
</style>

2
src/views/dataset/IndexSearchServiceMs/IndexSearchServiceMs.vue
Unescape View File

@ -119,7 +119,7 @@ const tableColumns = reactive<TableColumn[]>([
{{
default:()=>{
return <div>
<span>{data.row.tCategory}</span>
<span class="canOperate">{data.row.tCategory}</span>
</div>
},
dropdown:()=>{

1
src/views/dataset/RepSetRule/RepSetRule.vue
Unescape View File

@ -328,7 +328,6 @@ const exportExcel = async () => {
</template>
</ElDropdown>
<Upload :url="importExcelApiUrl" :callback="getList"> <ElButton type="primary">导入</ElButton> </Upload>
<ElButton type="primary" @click="exportExcel()">导出</ElButton>
<ElButton :loading="delLoading" type="primary" :disabled="disabled" @click="delDataBatch()">

18
src/views/dataset/RepSetRule/components/Write.vue
Unescape View File

@ -1,9 +1,8 @@
<script setup lang="tsx">
import { PropType, reactive, watch } from 'vue'
import { elTabs,elTabPane } from 'element-plus';
import { PropType,ref, reactive, watch } from 'vue'
import ProcedureRule from '@/views/IndexProcess/ProcedureRule/ProcedureRule.vue';
import SqlRule from '@/views/IndexProcess/SqlRule/SqlRule.vue';
import PureSqlRule from '@/view/IndexProcess/PureSqlRule/PureSqlRule.vue'
import PureSqlRule from '@/views/IndexProcess/PureSqlRule/PureSqlRule.vue'
const props = defineProps({
@ -20,15 +19,16 @@ const props = defineProps({
default: 'ProcedureRule'
}
})
const ruleType = props.ruleType;//当前界面中的规则类型
</script>
<template>
<ContentWrap>
<ProcedureRule />
<SqlRule />
<PureSqlRule />
</ContentWrap>
<!-- 指标规则 -->
<ProcedureRule v-show="ruleType=='ProcedureRule'" />
<!-- SQL规则 -->
<SqlRule v-show="ruleType=='SqlRule'" />
<!-- 存储过程规则 -->
<PureSqlRule v-show="ruleType=='PureSqlRule'" />
</template>

Write Preview
Loading…
Cancel
Save