Browse Source

修改参数

qin_s4
herenshan112 1 month ago
parent
commit
3f219370c0
  1. 32
      src/components/DesignForm/app/index.vue
  2. 123
      src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFormNew.vue
  3. 14
      src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue

32
src/components/DesignForm/app/index.vue

@ -2435,6 +2435,7 @@ const getNonValue = () => {
@selection-change="selectionChange" @selection-change="selectionChange"
> >
<template v-for="item in columnsFilter" :key="item.id || item.label"> <template v-for="item in columnsFilter" :key="item.id || item.label">
<el-table-column <el-table-column
v-if="['-'].includes(item.fieldClass)" v-if="['-'].includes(item.fieldClass)"
:type="item.type" :type="item.type"
@ -2473,9 +2474,19 @@ const getNonValue = () => {
sortable="custom" sortable="custom"
align="center" align="center"
> >
<template v-if="item.help" #header="scope"> <template #default="scope">
<template v-for="sunItem in item.children" v-if="item.pattern == 'table'">
<el-table-column v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label" header-align="center" align="center" :min-width="readerColumnSun(sunItem)">
<template #default="scopeChilder">
<div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
</template>
</el-table-column>
</template>
<template v-if="item.help" >
<tooltip :content="item.help" /> <tooltip :content="item.help" />
</template> </template>
</template>
</el-table-column> </el-table-column>
@ -2643,24 +2654,7 @@ const getNonValue = () => {
{{ writeListTitle(scope.row, viewPage.list) }} {{ writeListTitle(scope.row, viewPage.list) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
v-else-if="item.fieldClass == ''"
:prop="item.field"
:label="item.label"
:width="readerColumnSun(item)"
header-align="center"
align="center"
>
<template #default="scope">
<template v-for="sunItem in item.children" v-if="item.pattern == 'table'">
<el-table-column v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label" header-align="center" align="center" :min-width="readerColumnSun(sunItem)">
<template #default="scopeChilder">
<div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
</template>
</el-table-column>
</template>
</template>
</el-table-column>
<el-table-column <el-table-column
v-else v-else
:prop="item.field" :prop="item.field"

123
src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFormNew.vue

@ -0,0 +1,123 @@
<!--
@ 作者: 秦东
@ 时间: 2026-02-14 13:56:35
@ 备注: 表单编辑页面
-->
<script lang='ts' setup>
import { FormData, formStruct, DrawerStruct, VideoMsg } from "@/api/DesignForm/types";
const props = defineProps({
appCont: {
type: Object,
default() {
return {};
},
},
formKey: {
type: String,
default: "",
},
appPageKey: {
type: String,
default: "",
},
groupKey: {
type: String,
default: "",
},
formVersion: {
type: String,
default: "",
},
menuId: {
type: String,
default: "",
},
formconfigcont: {
type: Object,
default() {
return {};
},
},
state: {
type: Object,
default() {
return {};
},
},
});
const emits = defineEmits<{
(e: "update:state", val: formStruct): void;
(e: "update:formKey", val: string): void;
(e: "update:appPageKey", val: string): void;
(e: "update:formVersion", val: string): void;
(e: "judgeFormIsEdit", val: boolean): void;
(e: "runNextWindows", val: number): void;
(e: "closeFormPage"): void;
}>();
const attrActiveTab = ref("first");
</script>
<template>
<div class="form-content">
<el-card shadow="always">
<template #header>
<div class="card-header">控件库</div>
</template>
<el-scrollbar ref="scrollbarRef" class="scroBox ">
</el-scrollbar>
</el-card>
<el-card shadow="always">
<template #header>
<div class="card-header">控件库</div>
</template>
</el-card>
<el-card shadow="always">
<template #header>
<div class="card-header">控件库</div>
</template>
<el-tabs v-model="attrActiveTab">
<el-tab-pane label="字段设置" name="first">字段设置</el-tab-pane>
<el-tab-pane label="表单设置" name="second">表单设置</el-tab-pane>
<el-tab-pane label="AI设置" name="third">AI设置</el-tab-pane>
</el-tabs>
</el-card>
</div>
</template>
<style lang='scss' scoped>
.form-content {
width: 100%;
display: grid;
grid-template-columns: 300px 1fr 300px;
grid-template-rows: auto;
gap: 10px;
padding: 10px 10px 0 10px;
}
.card-header{
font-size: 1.4rem;
font-weight: 700;
color: #0020C2;
display: flex;
align-items: center;
gap: 10px;
}
:deep .el-card__header{
padding: 10px 15px;
}
:deep .el-card__body{
padding: 0;
}
:deep .el-tabs__header{
justify-content: space-between;
width: 100%;
}
.scroBox{
height: calc(100vh - 110px);
overflow: auto;
}
</style>

14
src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue

@ -13,6 +13,8 @@ import { formHasPower } from "@/directive/permission/button";
import PageForm from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageForm.vue"; import PageForm from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageForm.vue";
import NewPageForm from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFormNew.vue";
import PageFlow from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFlow.vue"; import PageFlow from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFlow.vue";
import PageList from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue"; import PageList from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue";
import PrintSetupPage2 from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue"; import PrintSetupPage2 from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue";
@ -251,6 +253,18 @@ onBeforeMount(() => {
</div> </div>
</el-header> </el-header>
<el-container> <el-container>
<!-- <NewPageForm
v-if="tabsActive == 1"
ref="appPageInfo"
v-model:state="state"
v-model:form-version="formVersion"
v-model:app-page-key="appPageKey"
:form-key="props.formKey"
:app-cont="props.appCont"
:menu-id="menuId"
:group-key="props.groupKey"
:formconfigcont="formConfigCont"
/> -->
<PageForm <PageForm
v-if="tabsActive == 1" v-if="tabsActive == 1"
ref="appPageInfo" ref="appPageInfo"

Loading…
Cancel
Save