update：新增面板编辑器支持

830b7ad8 · Mosher · c492c379 · 830b7ad8 · 830b7ad8 · 830b7ad8
--- a/@CONTROL/面板/CONTROL-BASE.vue.ftl
+++ b/@CONTROL/面板/CONTROL-BASE.vue.ftl
@@ -191,6 +191,24 @@ import { PanelUserControlModel, PanelButtonModel, PanelControlModel, PanelFieldM
        }
    }

+    /**
+     * 面板项值变更
+     *
+     * @param {{ name: string, value: any }} $event
+     * @returns {void}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    protected onPanelItemValueChange($event: { name: string, value: any }): void {
+        if (!$event) {
+            return;
+        }
+        if (!$event.name || Object.is($event.name, '') || !this.data.hasOwnProperty($event.name)) {
+            return;
+        }
+        this.data[$event.name] = $event.value;
+        this.panelLogic({ name: $event.name, newVal: $event.value, oldVal: null });
+    }
+
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
 </#ibizinclude>

--- a/@EDITOR/录音/PANELEDITOR.vue.ftl
+++ b/@EDITOR/录音/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#if item.render??> 
+    ${item.render.code}
+<#else>
+<app-mob-recorder 
+    name='${editor.name}' 
+    style="${editor.getEditorCssStyle()}"
+    uploadparams='${editor.getEditorParam('uploadparams','')}' 
+    exportparams='${editor.getEditorParam('exportparams','')}' 
+    :customparams="<#if editor.getEditorParam('customparams','') != ''>${editor.getEditorParam('customparams','')}<#else>{}</#if>" 
+    :data="JSON.stringify(this.data)" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @formitemvaluechange="onFormItemValueChange" />
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端HTML编辑器/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端HTML编辑器/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#if item.render??> 
+    ${item.render.code}
+<#else>
+<app-mob-rich-text-editor 
+  :value="data.${editor.name}"
+  @change="(val) =>{this.data.${editor.name} =val}"
+  :disabled="detailsModel.${editor.name}.disabled"
+  :data="JSON.stringify(this.data)" 
+  name="${editor.name}" 
+  :uploadparams='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>'
+  :exportparams='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>'
+  <#if editor.getEditorHeight() gt 0>
+  height={${editor.getEditorHeight()?c}}
+  </#if>
+  style="${editor.getEditorCssStyle()}"/>
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端下拉列表(单选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端下拉列表(单选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+ <#--  编辑器  -->
+ <#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<app-mob-select 
+    <#if editor.getPlaceHolder()??> 
+    placeholder="${editor.getPlaceHolder()}"
+    </#if>
+    <#if editor.getPSCodeList()??>
+    <#assign codelist=editor.getPSCodeList()> 
+    tag="${codelist.codeName}"
+    codeListType="${codelist.getCodeListType()}" 
+    :isCache="false" 
+    </#if>
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :data="data" 
+    :context="context" 
+    :viewparams="viewparams"
+    :value="data.${editor.name}"  
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端下拉列表(多选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端下拉列表(多选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+ <#--  编辑器  -->
+ <#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<app-mob-check-list 
+    <#if editor.getPlaceHolder()??> 
+    placeholder="${editor.getPlaceHolder()}"
+    </#if>
+<#if editor.getPSCodeList()??>
+<#assign codelist=editor.getPSCodeList()>
+    <#if codelist??>
+        <#if codelist.getOrMode() != ""> 
+    orMode="${codelist.getOrMode()?lower_case}"
+        </#if>
+        <#if codelist.getValueSeparator() != "">
+    valueSeparator="${codelist.getValueSeparator()}"
+        </#if>
+        <#if codelist.getTextSeparator() != ""> 
+    textSeparator="${codelist.getTextSeparator()}"
+        </#if>
+    </#if> 
+    type="${codelist.getCodeListType()?lower_case}"  
+    tag="${codelist.codeName}"
+</#if>
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :data="data"
+    :context="context"
+    :viewparams="viewparams"
+    :value="data.${editor.name}"   
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端下拉列表(多选_带搜索)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端下拉列表(多选_带搜索)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+ <#--  编辑器  -->
+ <#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<app-mob-check-list-search 
+    <#if editor.getPlaceHolder()??> 
+    placeholder="${editor.getPlaceHolder()}"
+    </#if>
+<#if editor.getPSCodeList()??>
+<#assign codelist=editor.getPSCodeList()>
+    <#if codelist??>
+        <#if codelist.getOrMode() != ""> 
+    orMode="${codelist.getOrMode()?lower_case}"
+        </#if>
+        <#if codelist.getValueSeparator() != "">
+    valueSeparator="${codelist.getValueSeparator()}"
+        </#if>
+        <#if codelist.getTextSeparator() != ""> 
+    textSeparator="${codelist.getTextSeparator()}"
+        </#if>
+    </#if> 
+    type="${codelist.getCodeListType()?lower_case}"  
+    tag="${codelist.codeName}"
+</#if>
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :data="data"
+    :context="context"
+    :viewparams="viewparams"
+    :value="data.${editor.name}"   
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端二维码阅读器/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端二维码阅读器/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-input 
+    class="app-panel-item-input" 
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}"
+    type="text"  
+    </#if>
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端单选列表/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端单选列表/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#if item.render??> 
+    ${item.render.code}
+<#else>
+<app-mob-radio-list
+    name="${editor.name}"
+    style="width: 100%;" 
+    <#if editor.getPSCodeList()??>
+    <#assign codelist=editor.getPSCodeList()>
+    type="${codelist.getCodeListType()?lower_case}" 
+    tag="${codelist.codeName}"
+    </#if>
+    :value="data.${editor.name}"  
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端图片选择(单选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端图片选择(单选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-picture 
+    name='${editor.name}' 
+    style="${editor.getEditorCssStyle()}overflow: auto;" 
+    :multiple="false" 
+    :data="JSON.stringify(this.data)" 
+    :value="data.${editor.name}"
+    :readOnly="true"
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :context="context" 
+    :viewparams="viewparams" 
+    :uploadParam='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>' 
+    :exportParam='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>' />
\ No newline at end of file
--- a/@EDITOR/移动端图片选择(多选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端图片选择(多选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-picture 
+    name='${editor.name}' 
+    style="${editor.getEditorCssStyle()}overflow: auto;"  
+    :multiple="true" 
+    :data="JSON.stringify(this.data)" 
+    :value="data.${editor.name}"
+    :readOnly="true"
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :context="context" 
+    :viewparams="viewparams" 
+    :uploadParam='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>' 
+    :exportParam='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>'/>
\ No newline at end of file
--- a/@EDITOR/移动端多数据选择/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端多数据选择/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#ibizinclude>../@MACRO/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#if editor.getPickupPSAppView()??>
+<app-mob-mpicker 
+    :data="data"
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    :disabled="detailsModel.${editor.name}.disabled"
+    :value="data.${editor.name}"
+    name="${editor.name}"
+    :context="context"
+    :viewparams="viewparams"
+    :service="service"
+<#if editor.getPSAppDataEntity?? && editor.getPSAppDataEntity()??>
+    deMajorField='${editor.getPSAppDataEntity().getMajorPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='${editor.getPSAppDataEntity().getCodeName()?lower_case}'
+</#if>
+    :pickupView=<@getPickupView editor />
+    @formitemvaluechange="onPanelItemValueChange" 
+    style="${editor.getEditorCssStyle()}"/>
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端多行文本/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端多行文本/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-textarea  
+    class="app-panel-item-textarea" 
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}" 
+    </#if>
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端密码框/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端密码框/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-input 
+    class="app-panel-item-password" 
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}" 
+    </#if>
+    type="password"  
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled"  
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端开关部件/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端开关部件/PANELEDITOR.vue.ftl
+<app-mob-switch 
+    class="app-panel-item-switch" 
+    :value="data.${editor.name}"  
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端数值框/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端数值框/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-input 
+    class="app-panel-item-number" 
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}" 
+    </#if>
+    type="number"  
+    :value="data.${editor.name}"
+    <#if item.getUnitName?? && item.getUnitName()??>unit="${item.getUnitName()}"</#if>
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端数据选择/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端数据选择/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#--  编辑器  -->
+<#ibizinclude>../@MACRO/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#if editor.getEditorParam("PICKUPVIEW",true)??>
+    <#if editor.getPickupPSAppView()??>
+<app-mob-picker
+    name='${editor.name}'
+    <#-- 自填模式文本属性、值属性start -->
+    <#if editor.getPSAppDEACMode?? && editor.getPSAppDEACMode()??>
+    <#assign appDeAcMode = editor.getPSAppDEACMode() />
+    deMajorField='${appDeAcMode.getTextPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='<#if appDeAcMode.getValuePSAppDEField().getCodeName() == editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()>${editor.getPSAppDataEntity().getCodeName()?lower_case}<#else>${appDeAcMode.getValuePSAppDEField().getCodeName()?lower_case}</#if>'
+    <#else>
+    <#if editor.getPSAppDataEntity?? && editor.getPSAppDataEntity()??>
+    deMajorField='${editor.getPSAppDataEntity().getCodeName()?lower_case}name'
+    deKeyField='${editor.getPSAppDataEntity().getCodeName()?lower_case}id'
+    </#if>
+    </#if>
+    <#-- 自填模式文本属性、值属性end -->
+    valueitem='${item.getValueItemName()}' 
+    style="${editor.getEditorCssStyle()}"  
+    :data="data"
+    :context="context"
+    :viewparams="viewparams"
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    :itemParam=<@getItemParams editor />
+    :disabled="detailsModel.${editor.name}.disabled"
+    :service="service"
+    :acParams=<@getAcParams editor />
+    :value="data.${editor.name}" 
+    :pickupView=<@getPickupView editor />
+    @formitemvaluechange="onPanelItemValueChange">
+    <@getItemRender editor />
+</app-mob-picker>
+    </#if>
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端数据选择（下拉视图）/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端数据选择（下拉视图）/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#--  编辑器  -->
+<#ibizinclude>../@MACRO/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#ibizinclude>../../@NAVPARAMS/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<app-mob-select-drop-down 
+    name='${editor.name}' 
+    <#-- 自填模式文本属性、值属性start -->
+    <#if editor.getPSAppDEACMode?? && editor.getPSAppDEACMode()??>
+    <#assign appDeAcMode = editor.getPSAppDEACMode() />
+    deMajorField='${appDeAcMode.getTextPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='<#if appDeAcMode.getValuePSAppDEField().getCodeName() == editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()>${editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()?lower_case}<#else>${appDeAcMode.getValuePSAppDEField().getCodeName()?lower_case}</#if>'
+    <#else>
+    <#if editor.getPSAppDataEntity?? && editor.getPSAppDataEntity()??>
+    deMajorField='${editor.getPSAppDataEntity().getMajorPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='${editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()?lower_case}'
+    </#if>
+    </#if>
+    <#-- 自填模式文本属性、值属性end -->
+    valueitem='${item.getValueItemName()}' 
+    style="${editor.getEditorCssStyle()}" 
+    editortype="dropdown" 
+    :data="data"
+    :context="context"
+    :navigateContext ='<@getNavigateContext editor />'
+    :navigateParam ='<@getNavigateParams editor />'
+    :viewparams="viewparams"
+    :itemParam=<@getItemParams editor />
+    :disabled="detailsModel.${editor.name}.disabled"
+    :service="service"
+    :acParams=<@getAcParams editor />
+    :value="data.${editor.name}" 
+    @formitemvaluechange="onPanelItemValueChange"
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }">
+    <@getItemRender editor />
+</app-mob-select-drop-down>
\ No newline at end of file
--- a/@EDITOR/移动端文件上传(单选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端文件上传(单选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-file-upload 
+    name='${editor.name}' 
+    style="${editor.getEditorCssStyle()}overflow: auto;"
+    :multiple="false" 
+    :data="JSON.stringify(this.data)" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :context="context" 
+    :viewparams="viewparams" 
+    :uploadParam='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>' 
+    :exportParam='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>' 
+    @formitemvaluechange="onPanelItemValueChange" />
\ No newline at end of file
--- a/@EDITOR/移动端文件上传(多选)/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端文件上传(多选)/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-file-upload 
+    name='${editor.name}' 
+    style="${editor.getEditorCssStyle()}overflow: auto;" 
+    :multiple="true" 
+    :data="JSON.stringify(this.data)" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    :context="context" 
+    :viewparams="viewparams" 
+    :uploadParam='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>' 
+    :exportParam='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>' 
+    @formitemvaluechange="onPanelItemValueChange" />
\ No newline at end of file
--- a/@EDITOR/移动端文本框/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端文本框/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-input 
+    class="app-panel-item-input"  
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}"
+    </#if>
+    type="text"  
+    :value="data.${editor.name}"
+    <#if item.getUnitName?? && item.getUnitName()??>unit="${item.getUnitName()}"</#if>
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }" />
\ No newline at end of file
--- a/@EDITOR/移动端时间选择器/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端时间选择器/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-datetime-picker 
+    class="app-panel-item-datetime" 
+    :value="data.${editor.name}" 
+    <#if editor.getDateTimeFormat?? && editor.getDateTimeFormat()??>
+    displayFormat="${editor.getDateTimeFormat()}"
+    </#if>
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端时间选择器（只有小时分钟）/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端时间选择器（只有小时分钟）/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-datetime-picker 
+    displayFormat="hh:mm"
+    class="app-panel-item-datetime" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端时间选择器（精确到分钟）/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端时间选择器（精确到分钟）/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-datetime-picker 
+    displayFormat="YYYY-MM-DD hh:mm"
+    class="app-panel-item-datetime" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端时间选择器（精确到天）/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端时间选择器（精确到天）/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-datetime-picker 
+    displayFormat="YYYY-MM-DD"
+    class="app-panel-item-datetime" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端时间选择器（精确小时）/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端时间选择器（精确小时）/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-datetime-picker 
+    displayFormat="YYYY-MM-DD hh"
+    class="app-panel-item-datetime" 
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled"
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端条码阅读器/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端条码阅读器/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-input 
+    class="app-panel-item-input" 
+    <#if editor.getPlaceHolder()??>
+    placeholder="${editor.getPlaceHolder()}" 
+    </#if>
+    type="text"   
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event) => { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
\ No newline at end of file
--- a/@EDITOR/移动端步进器/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端步进器/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<#if item.render??> 
+    ${item.render.code}
+<#else>
+<app-mob-stepper
+    name="${editor.name}"
+    class="app-panel-item-stepper"  
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>
+</#if>
\ No newline at end of file
--- a/@EDITOR/移动端滑动输入条/PANELEDITOR.vue.ftl
+++ b/@EDITOR/移动端滑动输入条/PANELEDITOR.vue.ftl
-<app-mob-span  :context="context" :value="data.${editor.name}" :itemParam="<#if item.getEditorParam('PARENTDATA','') != ''>{parentdata:${item.getEditorParam('PARENTDATA','')}}<#else>{}</#if>"  <#if item.getPSCodeList?? && item.getPSCodeList()??><#assign codelist=item.getPSCodeList()> :isCache="false" codeListType="${codelist.getCodeListType()}" tag="${codelist.codeName}"</#if>></app-mob-span>
\ No newline at end of file
+<app-mob-slider 
+    class="app-panel-item-slider"  
+    :value="data.${editor.name}" 
+    :disabled="detailsModel.${editor.name}.disabled" 
+    @change="($event)=> { this.onPanelItemValueChange({ name: '${editor.name}', value: $event }) }"/>