lxm--面板动态逻辑

@CONTROL/面板/CONTROL-BASE.vue#ITEM_BUTTON.ftl

@@ -14,11 +14,11 @@
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-button<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-button<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-button<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-button<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue#ITEM_CONTAINER.ftl

@@ -3,10 +3,10 @@
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if layout.getLayout()=='FLEX'>
-<div class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>">
-<#if item.render??>
-${item.render.code}
-<#else>
+<div v-show="detailsModel.${item.name}.visible" class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>">
+  <#if item.render??>
+  ${item.render.code}
+  <#else>
     <#--  <#if item.isShowCaption()>
     <#if item.getLabelPSSysCss()??>
     <div class="${item.getLabelPSSysCss().getCssName()}" style="height: 50px;${item.getLabelPSSysCss().getRawCssStyle()}">${item.getCaption()}</div>
@@ -15,21 +15,21 @@ ${item.render.code}
     </#if>
     </#if>  -->
     <div style="height:100%;display: flex;<#if layout.getDir()!="">flex-direction: ${layout.getDir()};</#if><#if layout.getAlign()!="">justify-content: ${layout.getAlign()};</#if><#if layout.getVAlign()!="">align-items: ${layout.getVAlign()};</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>">
-<@ibizindent blank=8>
-<#if item.getPSPanelItems()??>
-<#list item.getPSPanelItems() as panelItem>
-${P.getPartCode(panelItem).code}
-</#list>
-</#if>
-</@ibizindent>
+      <@ibizindent blank=8>
+      <#if item.getPSPanelItems()??>
+      <#list item.getPSPanelItems() as panelItem>
+      ${P.getPartCode(panelItem).code}
+      </#list>
+      </#if>
+      </@ibizindent>
     </div>
-</#if>
+  </#if>
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>" class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
-<#if item.render??>
-${item.render.code}
-<#else>
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>" class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+  <#if item.render??>
+  ${item.render.code}
+  <#else>
     <#--  <#if item.isShowCaption()>
     <#if item.getLabelPSSysCss()??>
     <div class="${item.getLabelPSSysCss().getCssName()}" style="height: 50px;${item.getLabelPSSysCss().getRawCssStyle()}">${item.getCaption()}</div>
@@ -38,14 +38,14 @@ ${item.render.code}
     </#if>
     </#if>  -->
     <row style="height:100%;<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>">
-<@ibizindent blank=8>
-<#if item.getPSPanelItems()??>
-<#list item.getPSPanelItems() as panelItem>
-${P.getPartCode(panelItem).code}
-</#list>
-</#if>
-</@ibizindent>
+      <@ibizindent blank=8>
+      <#if item.getPSPanelItems()??>
+      <#list item.getPSPanelItems() as panelItem>
+      ${P.getPartCode(panelItem).code}
+      </#list>
+      </#if>
+      </@ibizindent>
     </row>
-</#if>
+  </#if>
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue#ITEM_CONTROL.ftl

@@ -6,11 +6,11 @@ ${P.getCtrlCode(item.getPSControl(), 'CONTROL.html').code}
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue#ITEM_CTRLPOS.ftl

@@ -10,11 +10,11 @@ ${P.getCtrlCode('${item.name}', 'CONTROL.html').code}
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getWidth() != -1>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getWidth() != -1>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getWidth() != -1>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() != -1>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-ctrlpos<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue#ITEM_FIELD.ftl

@@ -13,11 +13,11 @@
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-field <#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-field <#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-field<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-field<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue#ITEM_RAWITEM.ftl

@@ -6,11 +6,11 @@ ${item.getHtmlContent()}
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-rowitem<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-rowitem<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-rowitem<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-rowitem<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>

@CONTROL/面板/CONTROL-BASE.vue#ITEM_USERCONTROL.ftl

@@ -2,11 +2,11 @@
 ./@MACRO/PLAYOUT.vue.ftl
 </#ibizinclude>
 <#if item.getParentLayoutMode()=='FLEX'>
-<div style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-usercontrol<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<div v-show="detailsModel.${item.name}.visible" style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-usercontrol<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </div>
 <#else>
-<i-col ${tableAttr} style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-usercontrol<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
+<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>" class="app-layoutpanel-usercontrol<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
     ${content}
 </i-col>
 </#if>
\ No newline at end of file

@CONTROL/面板/CONTROL-BASE.vue.ftl

@@ -2,6 +2,7 @@
     ${P.getPartCode(item,'PANEL').code}
 </template>
 <#assign import_block>
+import { FormItemModel } from '@/model/form-detail';
 import ${srfclassname('${ctrl.codeName}')}Model from './${srffilepath2(ctrl.codeName)}-${ctrl.getControlType()?lower_case}-model';
 import CodeListService from "@service/app/codelist-service";
 </#assign>
@@ -48,6 +49,80 @@ import CodeListService from "@service/app/codelist-service";
      */
     public codeListService:CodeListService = new CodeListService({ $store:this.$store });
 
+    /**
+     * 详情模型集合
+     *
+     * @type {*}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public detailsModel: any = {
+        <#list ctrl.getAllPSPanelItems() as panelItems>
+        ${panelItems.name}: new FormItemModel({ visible: <#if panelItems.getPSDEFDGroupLogic('PANELVISIBLE')??>false<#else>true</#if>, disabled: false, enableCond: 3 }), 
+        </#list>
+    };
+
+    /**
+     * 面板逻辑
+     *
+     * @public
+     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public panelLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
+        <#list ctrl.getAllPSPanelItems() as panelitem>
+        <#if panelitem.getPSDEFDGroupLogic('ITEMBLANK')??>
+        <#assign ITEMBLANK = panelitem.getPSDEFDGroupLogic('ITEMBLANK')/>
+        if (Object.is(name, '')<#if ITEMBLANK.getRelatedItemNames()??><#list ITEMBLANK.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
+            let ret = true;
+            <#if ITEMBLANK.getRelatedItemNames()??>
+            <#list ITEMBLANK.getRelatedItemNames() as detailName>
+            const _${detailName} = this.data.${detailName};
+            </#list>
+            </#if>
+            if (${P.getPartCode(ITEMBLANK, 'DETAIL_LOGIC').code}) {
+                ret = false;
+            }
+            this.rules.${panelitem.name}.some((rule: any) => {
+                if (rule.hasOwnProperty('required')) {
+                    rule.required = ret;
+                }
+                return false;
+            });
+        }
+        </#if>
+        <#if panelitem.getPSDEFDGroupLogic('ITEMENABLE')??>
+        <#assign ITEMENABLE = panelitem.getPSDEFDGroupLogic('ITEMENABLE')/>
+        if (Object.is(name, '')<#if ITEMENABLE.getRelatedItemNames()??><#list ITEMENABLE.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
+            let ret = false;
+            <#if ITEMENABLE.getRelatedItemNames()??>
+            <#list ITEMENABLE.getRelatedItemNames() as detailName>
+            const _${detailName} = this.data.${detailName};
+            </#list>
+            </#if>
+            if (${P.getPartCode(ITEMENABLE, 'DETAIL_LOGIC').code}) {
+                ret = true;
+            }
+            this.detailsModel.${panelitem.name}.setDisabled(!ret);
+        }
+        </#if>
+        <#if panelitem.getPSDEFDGroupLogic('PANELVISIBLE')??>
+        <#assign PANELVISIBLE = panelitem.getPSDEFDGroupLogic('PANELVISIBLE')/>
+        if (Object.is(name, '')<#if PANELVISIBLE.getRelatedItemNames()??><#list PANELVISIBLE.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
+            let ret = false;
+            <#if PANELVISIBLE.getRelatedItemNames()??>
+            <#list PANELVISIBLE.getRelatedItemNames() as detailName>
+            const _${detailName} = this.data.${detailName};
+            </#list>
+            </#if>
+            if (${P.getPartCode(PANELVISIBLE, 'DETAIL_LOGIC').code}) {
+                ret = true;
+            }
+            this.detailsModel.${panelitem.name}.setVisible(ret);
+        }
+        </#if>
+        </#list>
+    }
+
     /**
      * 数据模型对象
      *
@@ -185,6 +260,28 @@ import CodeListService from "@service/app/codelist-service";
     </#list>
     </#if>
 
+    /**
+     * 界面行为
+     *
+     * @param {*} row
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public uiAction(row: any, tag: any, $event: any) {
+        // this.rowClick(row, true);
+        <#if ctrl.getPSAppViewLogics()??>
+        <#list ctrl.getPSAppViewLogics() as logic>
+        <#if logic.getPSAppViewUIAction().getPSUIAction()??>
+        <#assign action = logic.getPSAppViewUIAction().getPSUIAction()>
+        if(Object.is('${action.getUIActionTag()}', tag)) {
+            this.${logic.getName()}(row, tag, $event);
+        }
+        </#if>
+        </#list>
+        </#if>
+    }
+
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
 </#ibizinclude>