|
|
|
@ -6,6 +6,8 @@ |
|
|
|
<script lang='ts' setup> |
|
|
|
import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form' |
|
|
|
import { analysisForm,setFlowFormKeyPower } from '@/api/workflowapi/index' |
|
|
|
import { gainFormTableField } from '@/api/DesignForm/requestapi' |
|
|
|
import { formTableField,formTabelStruct } from "@/api/DesignForm/type"; |
|
|
|
|
|
|
|
import tempOtherUnit from '@/components/DesignForm/pageList/types' |
|
|
|
|
|
|
|
@ -22,6 +24,10 @@ const props = defineProps({ |
|
|
|
type:String, |
|
|
|
default:"" |
|
|
|
}, |
|
|
|
tabsActive:{ |
|
|
|
type:Number, |
|
|
|
default:1 |
|
|
|
}, |
|
|
|
state:{ |
|
|
|
type:Object, |
|
|
|
default(){ |
|
|
|
@ -48,7 +54,7 @@ const statePro = computed({ |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const formTableActive = ref(1) |
|
|
|
const pageLoading = ref(false) |
|
|
|
//自定义列表结构 |
|
|
|
const state = reactive({ |
|
|
|
@ -119,27 +125,42 @@ const powerUnitAry = ref<any>({ |
|
|
|
unitAllState:[] |
|
|
|
} |
|
|
|
}) |
|
|
|
const formTableField = reactive<formTableField>({}) |
|
|
|
/** |
|
|
|
@ 作者: 秦东 |
|
|
|
@ 时间: 2024-03-13 08:24:54 |
|
|
|
@ 功能: 解析表单 |
|
|
|
*/ |
|
|
|
const jieForm = () => { |
|
|
|
analysisForm({nodeKey:"begin",nodeJson:JSON.stringify(statePro.value.formData)}) |
|
|
|
.then((data)=>{ |
|
|
|
if(data.code == 0){ |
|
|
|
powerUnitAry.value = data.data |
|
|
|
} |
|
|
|
}) |
|
|
|
// analysisForm({nodeKey:"begin",nodeJson:JSON.stringify(statePro.value.formData)}) |
|
|
|
// .then((data)=>{ |
|
|
|
// if(data.code == 0){ |
|
|
|
// powerUnitAry.value = data.data |
|
|
|
// } |
|
|
|
// }) |
|
|
|
if(props.formKey != ""){ |
|
|
|
gainFormTableField({id:props.formKey.toString()}) |
|
|
|
.then((data)=>{ |
|
|
|
console.log('解析表单--->',data) |
|
|
|
formTableField.masterTable=data.data.masterTable |
|
|
|
formTableField.sunTable=data.data.sunTable |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
const handleSelectionChange = (val: User[]) => { |
|
|
|
console.log('表单选中--->',val) |
|
|
|
} |
|
|
|
watch(()=>statePro.value,()=>{ |
|
|
|
jieForm() |
|
|
|
}, |
|
|
|
{ |
|
|
|
deep: true |
|
|
|
// watch(()=>statePro.value,()=>{ |
|
|
|
// jieForm() |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// deep: true |
|
|
|
// }) |
|
|
|
watch(()=>props.tabsActive,(val:number)=>{ |
|
|
|
if(val == 3){ |
|
|
|
jieForm() |
|
|
|
} |
|
|
|
}) |
|
|
|
onMounted(()=>{ |
|
|
|
jieForm() |
|
|
|
@ -147,7 +168,7 @@ onMounted(()=>{ |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<div ref="container" class="design-containers design-table" v-loading="pageLoading"> |
|
|
|
<div class="components-list"> |
|
|
|
<!-- <div class="components-list"> |
|
|
|
<el-divider content-position="left">表格列字段</el-divider> |
|
|
|
<el-table |
|
|
|
ref="multipleTableRef" |
|
|
|
@ -160,7 +181,7 @@ onMounted(()=>{ |
|
|
|
<template #default="scope">{{ scope.row.name }}</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="main-body"> |
|
|
|
<div class="header"> |
|
|
|
<div class="field"> |
|
|
|
@ -170,9 +191,30 @@ onMounted(()=>{ |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="sidebar-tools"> |
|
|
|
{{props.formKey}} |
|
|
|
<el-tabs ref="multipleTableRef" v-model="formTableActive" class="form_tabs" @tab-click="handleClick"> |
|
|
|
<el-tab-pane label="字段设置" :name="1"> |
|
|
|
<el-divider content-position="left">查询设置</el-divider> |
|
|
|
<el-divider content-position="left">列表字段</el-divider> |
|
|
|
<el-table :data="formTableField.masterTable" border style="width: 100%"> |
|
|
|
<el-table-column fixed type="selection" width="40" align="center" /> |
|
|
|
<el-table-column prop="name" label="字段" /> |
|
|
|
<el-table-column fixed="right" label="设置" width="55" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-icon title="设置"><Setting /></el-icon> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="列表设置" :name="2"> |
|
|
|
<el-divider content-position="left">批量操作</el-divider> |
|
|
|
<el-divider content-position="left">功能按钮</el-divider> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<!-- {{props.formKey}} |
|
|
|
<br> |
|
|
|
{{props.formVersion}} |
|
|
|
<br> |
|
|
|
{{formTableField}} --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -191,4 +233,7 @@ onMounted(()=>{ |
|
|
|
border-right: 1px solid #e0e0e0; |
|
|
|
} |
|
|
|
} |
|
|
|
.form_tabs > .el-tabs__content{ |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
