centaline-data-driven-v3 0.1.37 → 0.1.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",
@@ -25,6 +25,7 @@
     "vue-cropper": "^1.1.1",
     "vue-router": "^4.2.5",
     "vue-ueditor-wrap": "^3.0.8",
+    "vue3-json-viewer": "^2.4.1",
     "vue3-pdf-app": "^1.0.3",
     "vuedraggable": "^4.1.0"
   },

package/src/components/web/ComboBox.vue

@@ -21,7 +21,7 @@
                 <template #tag>
                     <template v-for="(v, i) in model.labelValue" :key="i">
                         <el-tag class="ml-2" type="info" disable-transitions :closable="!v.locked && !model.locked"
-                        :style="{ marginRight: i+1==model.labelValue.length ? '20px' : '' }"
+                            :style="{ marginRight: i + 1 == model.labelValue.length ? '20px' : '' }"
                             @close="closeTag(v.code)">
                             {{ v.name }}</el-tag>
                     </template>
@@ -62,6 +62,7 @@ const refselect = ref()
 const open = ref(false)
 const isComposing = ref(false);
 const nodatatext = ref('    ')
+const popperWidth = ref(null)
 model.value.itemKey = Math.random();
 let cancelTokenSource = null; // 用于存储取消令牌
 
@@ -77,6 +78,7 @@ onBeforeUnmount(() => {
 
 //下拉框出现/隐藏时触发
 function visibleChange(visible) {
+
     //是否有更多选择路由
     if (model.value.moreActionRouter) {
         refselect.value.popperRef.hidden = true
@@ -84,6 +86,9 @@ function visibleChange(visible) {
     else {
         //出现获取数据
         if (visible) {
+            if (refselect.value && popperWidth.value) {
+                refselect.value.popperSize = popperWidth.value;
+            }
             open.value = true;
             nodatatext.value = common.LocalizedString('加载中', '加載中');
             if (!model.value.filterable) {
@@ -256,9 +261,11 @@ function setminWidth() {
 
     if ((span.getBoundingClientRect().width + 40) <= refselect.value.selectRef.offsetWidth) {
         refselect.value.popperSize = refselect.value.selectRef.offsetWidth;
+        popperWidth.value = refselect.value.selectRef.offsetWidth;
     }
     else {
         refselect.value.popperSize = span.getBoundingClientRect().width + 40;
+        popperWidth.value = span.getBoundingClientRect().width + 40;
     }
 
     document.body.removeChild(span);

package/src/components/web/ContainerControl.vue

@@ -12,10 +12,10 @@
                     <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed"></div>
                     <div v-if="col.show !== false"
                         :class="index > 0 && (col.controlLabel == '' || col.is == 'ct-button') ? 'complex-left-10' : ''"
-                        :style="{ 'width': (col.width && col.width>0 ? col.width + 'px' : ''), 'flex': (col.width && col.width>0? '0 0 ' + col.width + 'px' : '') }">
+                        :style="{ 'width': (col.width && col.width > 0 ? col.width + 'px' : ''), 'flex': (col.width && col.width > 0 ? '0 0 ' + col.width + 'px' : '') }">
                         <component ref="Fields" :is="col.is" :vmodel="col" :parameterAction="parameterAction"
-                            v-bind="col.bindPara" @fieldClick="fieldClickHandler(col)" @change="change(col)"
-                            @popupSearchList="popupSearchListHandler"></component>
+                            :key="col.fieldItemKey" v-bind="col.bindPara" @fieldClick="fieldClickHandler(col)"
+                            @change="change(col)" @popupSearchList="popupSearchListHandler"></component>
                     </div>
                 </template>
             </template>
@@ -28,10 +28,10 @@
                         <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed"></div>
                         <el-col v-if="col.show !== false"
                             :class="[index > 0 && (col.controlLabel == '' || col.is == 'ct-btn') ? 'complex-left-10' : '', 'containerCol']"
-                            :style="{ 'width': (col.width && col.width>0 ? col.width + 'px' : '100%'), 'flex': (col.width && col.width>0 ? '0 0 ' + col.width + 'px' : '100%') }">
+                            :style="{ 'width': (col.width && col.width > 0 ? col.width + 'px' : '100%'), 'flex': (col.width && col.width > 0 ? '0 0 ' + col.width + 'px' : '100%') }">
                             <component ref="Fields" :is="col.is" :vmodel="col" :parameterAction="parameterAction"
-                                v-bind="col.bindPara" @fieldClick="fieldClickHandler(col)" @change="change(col)"
-                                @popupSearchList="popupSearchListHandler">
+                                :key="col.fieldItemKey" v-bind="col.bindPara" @fieldClick="fieldClickHandler(col)"
+                                @change="change(col)" @popupSearchList="popupSearchListHandler">
                             </component>
                         </el-col>
                     </template>

package/src/components/web/Form.vue

@@ -1,25 +1,31 @@
 <template>
-    <div ref="refForm" v-loading="loading"  :style="{width:pageWidth?pageWidth+'px':'100%',margin:'auto','min-height': minHeight}">
+    <div ref="refForm" v-loading="loading"
+        :style="{ width: pageWidth ? pageWidth + 'px' : '100%', margin: 'auto', 'min-height': minHeight }">
         <div style="display: flex; width: 100%;">
             <div style="flex: 1; min-width: 0;">
                 <div v-if="model !== null && !loading" class="ct-form">
                     <el-affix target=".ct-form" v-if="model.tip" :offset="62">
-                        <div class="ct-form-tip">
+                        <div class="ct-form-tip" ref="refTip">
                             <span v-html="model.tip"></span>
                         </div>
                     </el-affix>
 
                     <!--可根据场景判断显示el-card还是el-main-->
-                    <component :is="model.showTitle ? 'el-main' : 'el-card'">
+                    <component :is="model.showTitle ? 'el-main' : 'el-card'" :key="itemKey">
+                        <!-- <div class="ct-from-title" v-if="typeof model.title !== 'undefined' && model.flagShowTitle">
+                            <span style="font-weight:bold">{{ model.title }}</span>
+                        </div> -->
+
                         <!--relationParentFormFields-->
                         <el-row v-if="relationParentFormFields.length > 0">
                             <template v-for="(col, index) in relationParentFormFields" :key="index">
                                 <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed">
                                 </div>
-                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px"  :class="[col.is=='ct-button'&&col.labelPlacement=='1' ? 'el-col1' : '']">
-                                    <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
-                                        :parameterAction="model.parameterAction" v-bind="col.bindPara"
-                                        :fileData="getFileData(col)" @change="changeHandler"
+                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px"
+                                    :class="[col.is == 'ct-button' && col.labelPlacement == '1' ? 'el-col1' : '']">
+                                    <component ref="Fields" :is="col.is" :vmodel="col" :key="col.fieldItemKey"
+                                        :listHeight="listHeight" :parameterAction="model.parameterAction"
+                                        v-bind="col.bindPara" :fileData="getFileData(col)" @change="changeHandler"
                                         @importComplete="importComplete" @popupLocation="popupLocationHandler"
                                         @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
                                         @tableButtonClick="clickHandler" @popupGroupList="popupGroupListHandler"
@@ -34,10 +40,11 @@
                             <template v-for="(col, index) in model.collapseFields[0]" :key="index">
                                 <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed">
                                 </div>
-                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px" :class="[col.is=='ct-button'&&col.labelPlacement=='1' ? 'el-col1' : '']">
-                                    <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
-                                        :parameterAction="model.parameterAction" v-bind="col.bindPara"
-                                        :fileData="getFileData(col)" @change="changeHandler"
+                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px"
+                                    :class="[col.is == 'ct-button' && col.labelPlacement == '1' ? 'el-col1' : '']">
+                                    <component ref="Fields" :is="col.is" :vmodel="col" :key="col.fieldItemKey"
+                                        :listHeight="listHeight" :parameterAction="model.parameterAction"
+                                        v-bind="col.bindPara" :fileData="getFileData(col)" @change="changeHandler"
                                         @importComplete="importComplete" @popupLocation="popupLocationHandler"
                                         @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
                                         @tableButtonClick="clickHandler" @popupGroupList="popupGroupListHandler"
@@ -47,36 +54,43 @@
                             </template>
                         </el-row>
                         <!--tabs-->
-                        <el-tabs v-if="model.isHorizontalLayout" v-model="activeName">
+                        <template v-if="model.isHorizontalLayout">
+                            <component :is="model.flagFixedTabOnHorizontalLayout ? 'el-affix' : 'div'"
+                                v-bind="model.flagFixedTabOnHorizontalLayout ? { offset: tabTopHight, target: '.ct-form' } : {}">
+                                <el-tabs v-model="activeName" @tab-click="tabClick" style="background: #fff;">
+                                    <template v-for="(item, index) in model.collapse" :key="index">
+                                        <el-tab-pane :name="index.toString()" :lazy="item.lazyLoad"
+                                            v-if="item.show !== false" :key="index">
+                                            <template #label>
+                                                <span v-html="item.controlLabel"></span>
+                                            </template>
+                                        </el-tab-pane>
+                                    </template>
+                                </el-tabs>
+                            </component>
                             <template v-for="(item, index) in model.collapse" :key="index">
-                                <el-tab-pane :name="index.toString()" :lazy="item.lazyLoad"
-                                    v-if="item.show !== false" :key="index">
-                                     <template #label>
-                                        <span v-html="item.controlLabel"></span>
+                                <el-row v-show="activeName === index.toString()">
+                                    <template v-for="(col, i) in model.collapseFields[index + 1]" :key="i">
+                                        <div style="display: flex; flex: 0 0 100%;"
+                                            v-if="col.show !== false && col.lineFeed"></div>
+                                        <el-col :span="col.colspan" v-if="col.show !== false" style="padding:5px"
+                                            :class="[col.is == 'ct-button' && col.labelPlacement == '1' ? 'el-col1' : '']">
+                                            <component ref="Fields" :is="col.is" :vmodel="col" :key="col.fieldItemKey"
+                                                :listHeight="listHeight" :parameterAction="model.parameterAction"
+                                                v-bind="col.bindPara" :fileData="getFileData(col)"
+                                                @change="changeHandler" @fieldClick="fieldClickHandler"
+                                                @popupLocation="popupLocationHandler"
+                                                @popupSearchList="popupSearchListHandler"
+                                                @importComplete="importComplete" @popupGroupList="popupGroupListHandler"
+                                                @tableButtonClick="clickHandler"
+                                                @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
+                                            </component>
+                                        </el-col>
                                     </template>
-                                    <el-row>
-                                        <template v-for="(col, i) in model.collapseFields[index + 1]" :key="i">
-                                            <div style="display: flex; flex: 0 0 100%;"
-                                                v-if="col.show !== false && col.lineFeed"></div>
-                                            <el-col :span="col.colspan" v-if="col.show !== false" style="padding:5px" :class="[col.is=='ct-button'&&col.labelPlacement=='1' ? 'el-col1' : '']">
-                                                <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
-                                                    :parameterAction="model.parameterAction" v-bind="col.bindPara"
-                                                    :fileData="getFileData(col)" @change="changeHandler"
-                                                    @fieldClick="fieldClickHandler"
-                                                    @popupLocation="popupLocationHandler"
-                                                    @popupSearchList="popupSearchListHandler"
-                                                    @importComplete="importComplete"
-                                                    @popupGroupList="popupGroupListHandler"
-                                                    @tableButtonClick="clickHandler"
-                                                    @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged">
-                                                </component>
-                                            </el-col>
-                                        </template>
-                                    </el-row>
-                                </el-tab-pane>
+                                </el-row>
                             </template>
-                        </el-tabs>
-
+                            <div style="height: 34px;"> </div>
+                        </template>
                         <!--分组-->
                         <el-collapse v-else v-model="model.collapseActiveNames"
                             :class="model.flagHideSaveLine ? 'el-collapse-saveLine' : ''">
@@ -86,7 +100,7 @@
                                     <template #title>
                                         <i class="sign"></i>
                                         <span :class="[item.required ? 'requiredLabel' : '']">{{ item.controlLabel
-                                        }}</span>
+                                            }}</span>
                                         <span v-html="item.sufLabel1"></span>
                                     </template>
 
@@ -94,11 +108,12 @@
                                         <template v-for="(col, i) in model.collapseFields[index + 1]" :key="i">
                                             <div style="display: flex; flex: 0 0 100%;"
                                                 v-if="col.show !== false && col.lineFeed"></div>
-                                            <el-col :span="col.colspan" v-if="col.show !== false" style="padding:5px"  :class="[col.is=='ct-button'&&col.labelPlacement=='1' ? 'el-col1' : '']">
-                                                <component ref="Fields" :is="col.is" :vmodel="col" :key="itemKey"
-                                                    :parameterAction="model.parameterAction" v-bind="col.bindPara"
-                                                    :fileData="getFileData(col)" @change="changeHandler"
-                                                    @fieldClick="fieldClickHandler"
+                                            <el-col :span="col.colspan" v-if="col.show !== false" style="padding:5px"
+                                                :class="[col.is == 'ct-button' && col.labelPlacement == '1' ? 'el-col1' : '']">
+                                                <component ref="Fields" :is="col.is" :vmodel="col" :key="col.fieldItemKey"
+                                                    :listHeight="listHeight" :parameterAction="model.parameterAction"
+                                                    v-bind="col.bindPara" :fileData="getFileData(col)"
+                                                    @change="changeHandler" @fieldClick="fieldClickHandler"
                                                     @popupLocation="popupLocationHandler"
                                                     @popupSearchList="popupSearchListHandler"
                                                     @importComplete="importComplete"
@@ -117,10 +132,11 @@
                             <template v-for="(col, index) in model.independentItem" :key="index">
                                 <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed">
                                 </div>
-                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px"  :class="[col.is=='ct-button'&&col.labelPlacement=='1' ? 'el-col1' : '']">
-                                    <component ref="Fields" :is="col.is" :vmodel="col"
+                                <el-col v-if="col.show !== false" :span="col.colspan" style="padding:5px"
+                                    :class="[col.is == 'ct-button' && col.labelPlacement == '1' ? 'el-col1' : '']">
+                                    <component ref="Fields" :is="col.is" :vmodel="col" :listHeight="listHeight"
                                         :parameterAction="model.parameterAction" v-bind="col.bindPara"
-                                        @change="changeHandler" :key="itemKey" :fileData="getFileData(col)"
+                                        @change="changeHandler" :key="col.fieldItemKey" :fileData="getFileData(col)"
                                         @fieldClick="fieldClickHandler" @popupSearchList="popupSearchListHandler"
                                         @importComplete="importComplete" @tableButtonClick="clickHandler"
                                         @popupGroupList="popupGroupListHandler" @popupLocation="popupLocationHandler"
@@ -130,7 +146,7 @@
                             </template>
                         </el-row>
                         <el-row v-if="model.links.findIndex((v) => { return v.show }) > -1" style="margin-top: 8px;">
-                            <el-col :span="24" style="text-align:left" >
+                            <el-col :span="24" style="text-align:left">
                                 <template v-for="(btn, index) in model.links" :key="index">
                                     <component :is="btn.is" :vmodel="btn" v-if="btn.show" @fieldClick="clickHandler">
                                     </component>
@@ -138,12 +154,11 @@
 
                             </el-col>
                         </el-row>
-                        <el-row v-if="model.buttons.findIndex((v) => { return v.show }) > -1"
-                            :class="isScroll ? 'button-absolute' : 'button-initial'"
+                        <el-row v-if="model.buttons.findIndex((v) => { return v.show }) > -1" class="button-absolute"
                             :style="['max-width:' + buttonsWidth(), isWebScroll ? 'position: fixed;' : '']">
                             <el-col :span="24"
                                 style="text-align:center;padding-bottom: 1px;padding-left: 5px;padding-right: 5px;"
-                                class="btnPadBom" >
+                                class="btnPadBom">
                                 <template v-for="(btn, index) in model.buttons" :key="index">
                                     <component :is="btn.is" :vmodel="btn" v-if="btn.show" @fieldClick="clickHandler"
                                         :style="{ 'float': btn.isCheckbox ? btn.alignCss : '' }"></component>
@@ -154,6 +169,12 @@
                         <div v-if="isScroll && model.buttons.findIndex((v) => { return v.show }) > -1"
                             style="height: 34px;">
                         </div>
+                        <el-affix target=".ct-form" position="bottom" v-if="model.bottomTip"
+                            :offset="model.buttons.findIndex((v) => { return v.show }) > -1 ? 43 : 0">
+                            <div class="ct-form-tip">
+                                <span v-html="model.bottomTip"></span>
+                            </div>
+                        </el-affix>
                     </component>
                 </div>
 
@@ -196,7 +217,6 @@ import { useRouter } from 'vue-router';
 import util from '../../utils/pub-use'
 import Enum from '../../utils/Enum';
 import AIChat from '../web/AIChat.vue';
-import { fi } from 'element-plus/es/locale';
 const emit = defineEmits(['loaded', 'failLoad', 'submit', 'AIToggle'])
 const props = defineProps({
     api: String,
@@ -230,6 +250,10 @@ const props = defineProps({
         String,
         default: 'close',
     },
+    pageStyle: {
+        String,
+        default: '',
+    },
     openType: {
         String,
         default: '',
@@ -246,6 +270,7 @@ const props = defineProps({
     },
     dialogHeight: Number,
     dialoWidth: Number,
+    listHeight: Number,
 })
 
 const itemKey = ref(1)
@@ -261,6 +286,9 @@ const downloadUrl = ref('')
 const minHeight = ref('auto')
 const showAI = ref(false);
 const dialogHeight = ref(props.dialogHeight || (window.innerHeight - 60));
+const tabActiveNameKey = ref('')
+const refTip = ref()
+const tabTopHight = ref(52)
 
 const qrtimer1 = ref(null)
 const qrtimer2 = ref(null)
@@ -336,6 +364,26 @@ function load(data) {
         });
     }
     loading.value = false;
+
+    if (props.openType == 'detail') {
+        tabActiveNameKey.value = props.api + model.value.title + props.pageStyle;
+        var tagkey = window.localStorage.getItem(tabActiveNameKey.value);
+        if (window.localStorage) {
+            if (model.value.collapseFields && model.value.collapse) {
+                for (var i = 0; i < model.value.collapse.length; i++) {
+                    if (tagkey == model.value.collapse[i].fieldName1) {
+                        activeName.value = i.toString();
+                    }
+                }
+            }
+
+        }
+    }
+    nextTick(() => {
+        if (refTip.value) {
+            tabTopHight.value = tabTopHight.value + refTip.value.clientHeight + 10
+        }
+    })
     //通知父组件加载完成
     emit('loaded', model.value);
 }
@@ -378,9 +426,9 @@ function fieldClickHandler(field) {
     let data = Form.getRouterAndSubmitData(field, model.value);
     clickHandler(data.router, data.submitData);
 }
-function clickHandler(field, submitData,formList) {
+function clickHandler(field, submitData, formList) {
     if (field.isOpenFileDialog) {
-        common.excuteFunStr.call(model.value.scripts, field.onChanged, {files: field.fileList,columns: formList?.source?.rows[0].columns });
+        common.excuteFunStr.call(model.value.scripts, field.onChanged, { files: field.fileList, columns: formList?.source?.rows[0].columns });
     }
     else {
         RouterClickHandler(field, submitData, null, model.value, 'form');
@@ -655,6 +703,12 @@ function setCss() {
     if (props.topHeight > -1) {
         minHeight.value = (document.documentElement.clientHeight - props.topHeight - 20) + 'px';
     }
+    else if(props.dialogHeight){
+        minHeight.value = (props.dialogHeight) + 'px';
+    }
+    else{
+        minHeight.value = document.documentElement.clientHeight + 'px';
+    }
 }
 
 
@@ -678,6 +732,12 @@ function buttonsWidth() {
     return rtn;
 }
 
+function tabClick(event) {
+    if (props.openType == 'detail') {
+        window.localStorage.setItem(tabActiveNameKey.value, model.value.collapse[event.index].fieldName1);//存储
+    }
+}
+
 </script>
 
 <style scoped>

package/src/components/web/JsonViewer.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="josnViewerBox" ref="jsonContent" tabindex="-1"
+    :style="{ height: model.height || 'auto', 'max-height': ('calc(100vh - '+topDistance+'px)') }"
+    v-if="isRefresh">
+    <JsonViewer :value="model.json" copyable show-array-index show-double-quotes theme="light" :expanded="true"
+      :expand-depth="2" @onKeyClick="keyClick">
+      <template #copy="{ copied }">
+        <div class="btn-iocn"><el-icon title="复原到初始状态" @click.stop="resetJSON">
+            <Refresh />
+          </el-icon>
+
+          <!-- 复制按钮 -->
+          <el-icon :class="{ 'copied': copied }" title="复制JSON内容">
+            <CopyDocument />
+          </el-icon>
+        </div>
+      </template>
+    </JsonViewer>
+  </div>
+</template>
+
+<script setup>
+import { JsonViewer } from "vue3-json-viewer"
+import "vue3-json-viewer/dist/vue3-json-viewer.css";
+import { useDistanceCalculator } from '../../utils/distance-utils.js';
+
+import { nextTick, ref, onMounted ,inject} from "vue";
+const props = defineProps({
+  api: String,
+  vmodel: Object,
+  actionRouter: Array,
+  listHeight: Number,
+})
+
+const jsonContent = ref(null); 
+
+const model = ref({});
+const isRefresh = ref(true);
+const topDistance = ref(0);
+const { getAllDistances } = useDistanceCalculator(jsonContent);
+
+
+ 
+
+// 在组件挂载后或需要时调用
+onMounted(() => {
+  nextTick(() => { 
+      setTimeout(() => {
+       topDistance.value = getAllDistances()?.elementInfo?.top+40;
+      }, 100);
+  });
+
+});
+
+init()
+//初始化数据
+function init() {
+
+  nextTick(function () {
+    if (props.vmodel) {
+      load(props.vmodel);
+    }
+  });
+}
+function load(data) {
+  model.value = data;
+}
+const resetJSON = () => {
+  isRefresh.value = false;
+  nextTick(() => {
+    isRefresh.value = true;
+  });
+};
+
+
+
+const keyClick = (keyName) => {
+  console.log(keyName, "it was click")
+}
+</script>
+
+<style scoped>
+:deep(.jv-container .jv-code) {
+  padding: 0px !important;
+}
+
+:deep(.jv-tooltip) {
+  position: sticky !important;
+  top: 0 !important;
+  right: 0 !important;
+  /* 新增：靠右定位 */
+  z-index: 10;
+  margin-left: auto;
+  /* 辅助：确保靠右 */
+  float: right;
+
+}
+
+
+
+.josnViewerBox {
+  overflow: auto;
+  width: 100%;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  padding: 2px;
+  /* 明确设置背景色 */
+  /* 增加内边距让边框更明显 */
+  box-sizing: border-box;
+  background-color: #ffffff;
+}
+
+.josnViewerBox:focus {
+  border: 1px solid #3D5ECC;
+}
+
+
+.btn-iocn {
+  display: flex;
+  gap: 10px;
+
+}
+</style>

package/src/components/web/SearchList/SearchSideRight.vue

@@ -7,8 +7,8 @@
 
         <div ref="detailForm" v-if="pageType == 'Form'" style="overflow: auto;"
             :style="{ height: (listHeight - 5) + 'px' }">
-            <ct-form :api="rowSelectRouter.action" :apiParam="apiParam" @submit="submit" :flagScroll="'true'"
-                :drowerClose="drowerClose" :openType="'detail'">
+            <ct-form :api="rowSelectRouter.action" :pageStyle="rowSelectRouter.pageStyle" :apiParam="apiParam" @submit="submit" :flagScroll="'true'"
+                :drowerClose="drowerClose" :openType="'detail'" :listHeight="listHeight">
             </ct-form>
         </div>
 

package/src/loader/src/Form.js

@@ -98,6 +98,9 @@ function loadFromModel(source, isFormList) {
           }
 
           rtn1[attrKey] = attrValue;
+          if (rtn1.fieldItemKey) {
+            rtn1.fieldItemKey = Math.random()
+          }
 
           if (rtn1.controlType === Enum.ControlType.Tags) {
             rtn1["value"] = JSON.parse(attrValue);
@@ -533,10 +536,12 @@ function loadFromModel(source, isFormList) {
           if (f.controlType == Enum.ControlType.Compound || f.controlType == Enum.ControlType.ContainerControl) {
             if (f.fields) {
               f.fields.forEach((v) => {
+                v.fieldItemKey = Math.random();
                 rtn._fieldsDic[v.fieldName1] = v;
               });
             }
           }
+          f.fieldItemKey = Math.random();
           rtn._fieldsDic[f.fieldName1] = f;
         });
       }
@@ -765,6 +770,12 @@ function loadFromModel(source, isFormList) {
     get tip() {
       return source.tip;
     },
+    get bottomTip() {
+      return source.bottomTip;
+    },
+    get flagFixedTabOnHorizontalLayout() {
+      return source.flagFixedTabOnHorizontalLayout === true;
+    },
     get flagAlertCloseWindowAfterSave() {
       return source.flagAlertCloseWindowAfterSave === true;
     },

package/src/loader/src/JsonViewer.js

@@ -0,0 +1,20 @@
+function loadJsonViewerModel(source) {
+    let rtn = {
+        get json() {
+            if (source.code1 && typeof source.code1 === 'string') {
+                return JSON.parse(source.code1);
+
+            } else {
+                return source.code1;
+            }
+        },
+        get height() {
+            return source.rows ? source.rows * 20 + 'px' : 'auto';
+        }
+    };
+    return rtn;
+}
+const JsonViewer = {
+    loadJsonViewerModel
+};
+export default JsonViewer;