补充部件样式表问题

@CONTROL/分页导航面板/CONTROL-BASE.vue.ftl

 
 <template>
-  <div class='tabviewpanel' style="height:100%;">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+  <div class='tabviewpanel <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' style="height:100%;">
         <tabs :value="tabValue" :animated="false" class='tabexppanel' name='${ctrl.getCodeName()?lower_case}' @on-click="tabPanelClick">
         <#list ctrl.getPSControls() as tabviewpanel>
         <tab-pane :index="${tabviewpanel_index}" name='${tabviewpanel.name}' tab='${ctrl.getCodeName()?lower_case}' class='<#if tabviewpanel.getPSSysCss?? && tabviewpanel.getPSSysCss()??>${tabviewpanel.getPSSysCss().getCssName()}</#if>'  
@@ -38,6 +41,7 @@
         </#list>
     </tabs>
   </div>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/分页视图面板/CONTROL-BASE.vue.ftl

 <template>
-  <div class='tabviewpanel' style="height:100%;" v-if = 'isActivied' >
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+  <div class='tabviewpanel <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' style="height:100%;" v-if = 'isActivied' >
     <#if ctrl.getEmbeddedPSAppDEView()??><#assign embedddevedview = ctrl.getEmbeddedPSAppDEView()>
     <${srffilepath2(embedddevedview.getCodeName())} 
       class='viewcontainer2' 
@@ -9,6 +12,7 @@
       :viewDefaultUsage="false" >
     </${srffilepath2(embedddevedview.getCodeName())}></#if>
   </div>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/列表/CONTROL-BASE.vue.ftl

 <template>  
-    <div :class="['app-list', this.items.length > 0 ? '' : 'app-list-empty' ]">
+    <div :class="['app-list',<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()>'${singleCss.getCssName()}',</#if>this.items.length > 0 ? '' : 'app-list-empty' ]">
         <div v-if="items.length > 0" style="height:100%;">
 <#if ctrl.render??>
             ${ctrl.render.code}

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

 <template>
-    <layout class="app-wizard">
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+    <layout class="app-wizard<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
 <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
     <el-steps class="wizard-steps"  :active="wizardForms.indexOf(activeForm)" finish-status="success">
     <#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
@@ -37,6 +40,7 @@
             <i-button :disabled="isDisabled('FINISH')" @click="onClickFinish()" type="primary">{{$t('app.wizardPanel.complete')}}</i-button>
         </footer>
     </layout>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/多编辑视图面板/CONTROL-BASE.vue.ftl

 <template>
-<div class='items multieditviewpanel'>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+<div class='items multieditviewpanel <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
      <div v-for="(item,index) in items" class='item' :key="index">
      <#if ctrl.getEmbeddedPSAppView()??>
         <${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}      
@@ -21,6 +24,7 @@
     </i-button>
     </div>
 </div>
+</#if>
 </template>
 
 <#ibizinclude>

@CONTROL/应用菜单/CONTROL-BASE.vue.ftl

@@ -2,7 +2,7 @@
 <#if quick_menus??>
   ${quick_menus}
 <#else>
-<div class="app-app-menu">
+<div class="app-app-menu<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
     <el-menu
       class="app-menu"
       <#if view.getMainMenuAlign()?? && view.getMainMenuAlign()!="TOP">:default-openeds="defaultOpeneds"</#if>

@CONTROL/应用菜单（快捷菜单）/CONTROL-BASE.vue.ftl

 <#assign quick_menus>
-  <div class="app-app-menu">
+  <div class="app-app-menu<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
     <row>
       <template v-for="(item,index) in menus" >
         <card :bordered="false" dis-hover :key = "index">

@CONTROL/搜索栏/CONTROL-BASE.vue.ftl

 <template>
-    <div>
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+    <div class="app-searchbar <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
         <div v-if="filterFields.length > 0" class="filter-group">
             <filter-tree :datas="filterItems" :fields="filterFields">
                 <template slot-scope="{ data }">
@@ -38,6 +41,7 @@
             </div>
         </div>
     </div>
+</#if>
 </template>
 <#assign import_block>
 import FilterTree from '@components/filter-tree/filter-tree.vue';

@CONTROL/搜索表单/CONTROL-BASE.vue#FORM.ftl

 <#ibizinclude>
 ../@MACRO/CONTROL/LANGBASE.vue.ftl
 </#ibizinclude>
-<i-form :model="this.data" class='app-search-form<#if ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if><#if ctrl.isInfoFormMode?? && ctrl.isInfoFormMode()> info-form-mode</#if>' ref='${ctrl.name}' style="<#if ctrl.getFormWidth() gt 1>width: ${ctrl.getFormWidth()?c}px;</#if>">
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+<i-form :model="this.data" class='app-search-form<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if><#if ctrl.isInfoFormMode?? && ctrl.isInfoFormMode()> info-form-mode</#if>' ref='${ctrl.name}' style="<#if ctrl.getFormWidth() gt 1>width: ${ctrl.getFormWidth()?c}px;</#if>">
   <input style="display:none;"/>
   <row>
     <i-col span="20" class="form-content">
@@ -58,4 +61,5 @@
     </i-col>
     </#if>
   </row>
-</i-form>
\ No newline at end of file
+</i-form>
+</#if>
\ No newline at end of file

@CONTROL/数据关系分页部件/CONTROL-BASE.vue.ftl

 <template>
-    <div class = "drtab">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <div class = "drtab<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <tabs :animated='false' class='app-dr-tab' name='${ctrl.getCodeName()?lower_case}' @on-click="tabPanelClick">
   <#list ctrl.getRootItem().getAllItems() as dritem>
                 <tab-pane <#if dritem_index == 0>v-if="isShowSlot"</#if> :index='${dritem_index?c}' name='${dritem.getId()?lower_case}' tab='${ctrl.getCodeName()?lower_case}' class='' :disabled='items[${dritem_index?c}].disabled'
@@ -22,7 +25,8 @@
             </tab-pane>
   </#list>
             </tabs>
-    </div>    
+    </div>   
+</#if> 
 </template>
 
 <#ibizinclude>

@CONTROL/数据关系栏/CONTROL-BASE.vue.ftl

 <template>
-<layout class='app-dr-bar'>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+<layout class='app-dr-bar<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
     <sider :width="width">
         <el-menu
             :default-openeds="defaultOpeneds"
@@ -25,6 +28,7 @@
         </component>
     </content>
 </layout>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/数据图表 (新)/CONTROL-BASE.vue.ftl

 <template>
-    <div class="app-data-chart <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
-<#if ctrl.render??><#t>
-        ${ctrl.render.code}
-<#else><#t>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <div class="app-data-chart <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <div v-if="isNoData" class="chart-no-data"><i class="el-icon-data-analysis"></i>{{$t('app.commonWords.noData')}}</div>
         <div v-else class="app-charts" :id="chartId" style="<#if ctrl.getWidth() gt 0>width: ${ctrl.getWidth()};</#if>height: <#if ctrl.getHeight() gt 0>${ctrl.getHeight()}px<#else>100%</#if>;padding: 6px 0;"></div>
-</#if>
   </div>
+</#if>
 </template>
 
 <#assign import_block>

@CONTROL/数据图表/CONTROL-BASE.vue.ftl

 <template>
-    <div class="app-data-chart <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
-<#if ctrl.render??><#t>
+<#if ctrl.render??>
         ${ctrl.render.code}
-<#else><#t>
+<#else>
+    <div class="app-data-chart <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <div v-if="isNoData" class="chart-no-data"><i class="el-icon-data-analysis"></i>{{$t('app.commonWords.noData')}}</div>
         <div v-else class="app-charts" :id="chartId" style="<#if ctrl.getWidth() gt 0>width: ${ctrl.getWidth()};</#if>height: <#if ctrl.getHeight() gt 0>${ctrl.getHeight()}px<#else>100%</#if>;padding: 6px 0;"></div>
-</#if>
   </div>
+</#if>
 </template>
 
 <#assign import_block>

@CONTROL/数据看板/CONTROL-BASE.vue.ftl

 <template>
-  <div class='dashboard'>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+  <div class='dashboard <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
     <row v-if="isEnableCustomized">
       <app-build @handleClick="handleClick"></app-build>
     </row>
@@ -99,6 +102,7 @@
     </div>
     </row>
   </div>
+</#if>
 </template>
 <#assign import_block>
 import UtilService from '@/utilservice/util-service';

@CONTROL/数据视图/CONTROL-BASE.vue.ftl

 <template>
-    <div class="app-data-view">
 <#if ctrl.render??><#t>
-        ${ctrl.render.code}
+    ${ctrl.render.code}
 <#else><#t>
+    <div class="app-data-view<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
   <#assign hasSortBar = false />
   <#if ctrl.getPSDEDataViewDataItems?? && ctrl.getPSDEDataViewDataItems()??>
     <#list ctrl.getPSDEDataViewDataItems() as dataItem>
@@ -55,8 +55,8 @@
             </a>
         </row>
         <div v-else class="app-data-empty">{{ $t('app.commonWords.noData') }}</div>
-</#if>
   </div>
+</#if>
 </template>
 
 <#ibizinclude>

@CONTROL/日历导航/CONTROL-BASE.vue.ftl

@@ -2,7 +2,7 @@
 <#if ctrl.render??>
     ${ctrl.render.code}
 <#else>
-    <split id="${ctrl.getCodeName()?lower_case}" class="app-calendar-exp-bar <#if ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>" v-model="split" mode="<#if view.getSideBarLayout()?? && view.getSideBarLayout() == "LEFT">horizontal<#else>vertical</#if>" @on-move-end="onSplitChange">
+    <split id="${ctrl.getCodeName()?lower_case}" class="app-calendar-exp-bar<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>" v-model="split" mode="<#if view.getSideBarLayout()?? && view.getSideBarLayout() == "LEFT">horizontal<#else>vertical</#if>" @on-move-end="onSplitChange">
         <div slot='<#if view.getSideBarLayout()?? && view.getSideBarLayout() == "LEFT">left<#else>top</#if>'>
         <#if ctrl.isShowTitleBar()>
             <div class='calendar-exp-bar-header'>
@@ -49,7 +49,7 @@
             </component>
         </div>
     </split>
-    </#if>
+</#if>
 </template>
 
 

@CONTROL/日历部件/CONTROL-BASE.vue.ftl

@@ -2,7 +2,10 @@
 ../../@MACRO/LANG_FUN.ftl
 </#ibizinclude>
 <template>
-    <div :class='calendarClass'>
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+    <div :class='calendarClass<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
     <#if ctrl.getQuickPSDEToolbar?? && ctrl.getQuickPSDEToolbar()??>
       <span class="quick-toolbar">
         <#assign quickToolbar = ctrl.getQuickPSDEToolbar()/>
@@ -72,6 +75,7 @@
 </#if>
       </context-menu-container>
     </div>
+</#if>
 </template>
 <#assign import_block>
 import FullCalendar from '@fullcalendar/vue'

@CONTROL/树表格（增强）/CONTROL-BASE.vue.ftl

@@ -5,6 +5,9 @@
 ../../@MACRO/LANG_FUN.ftl
 </#ibizinclude>
 <template>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
     <el-table ref="${ctrl.name}" 
         :data="items" 
         row-key="id" 
@@ -31,6 +34,7 @@
         </#list>
         </#if>
     </el-table>
+</#if>
 </template>
 
 <#ibizinclude>

@CONTROL/树视图/CONTROL-BASE.vue.ftl

 <template>
-    <div class="design-tree-container">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <div class="design-tree-container <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <context-menu-container>
             <el-tree
             v-if="inited"
@@ -46,6 +49,7 @@
             </el-tree>
         </context-menu-container>
     </div>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/树视图导航栏/CONTROL-BASE.vue.ftl

@@ -2,7 +2,7 @@
 <#if ctrl.render??>
     ${ctrl.render.code}
 <#else>
-    <split id="${ctrl.getCodeName()?lower_case}" class='app-tree-exp-bar' v-model="split" mode="horizontal" @on-move-end="onSplitChange">
+    <split id="${ctrl.getCodeName()?lower_case}" class='app-tree-exp-bar <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' v-model="split" mode="horizontal" @on-move-end="onSplitChange">
         <div slot='left'>
 <#if ctrl.isShowTitleBar()>
             <div class='tree-exp-bar-header'>

@CONTROL/流程导航栏/CONTROL-BASE.vue.ftl

 <template>
-    <split class='app-workflow-exp-bar' v-model="split">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <split class='app-workflow-exp-bar <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' v-model="split">
         <div slot='left'>
 <#if ctrl.isShowTitleBar()>
             <div class='workflow-exp-bar-header'>
@@ -44,6 +47,7 @@
             </component>
         </div>
     </split>
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/状态向导面板/CONTROL-BASE.vue.ftl

@@ -13,7 +13,10 @@
 </#compress>  
 </#macro>
 <template>
-    <layout class="app-wizard">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <layout class="app-wizard<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>">
         <#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
         <div class="view-steps">
             <div class="background-box"></div>
@@ -91,6 +94,7 @@
         </#if>
         </#if>
     </layout> 
+</#if>
 </template>
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl

@CONTROL/甘特图部件/CONTROL-BASE.vue.ftl

@@ -2,8 +2,12 @@
 ../../@MACRO/LANG_FUN.ftl
 </#ibizinclude>
 <template>
-  <gantt-elastic :class="ganttClass" :tasks="tasks" :options="getOptions(this.locale)" :dynamic-style="dynamicStyle" @taskList-item-dblclick="taskClick" @task-item-expand="taskItemExpand">
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+  <gantt-elastic :class="ganttClass <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>" :tasks="tasks" :options="getOptions(this.locale)" :dynamic-style="dynamicStyle" @taskList-item-dblclick="taskClick" @task-item-expand="taskItemExpand">
   </gantt-elastic>
+</#if>
 </template>
 <#assign import_block>
 import GanttElastic from "ibiz-gantt-elastic/src/GanttElastic.vue";

@CONTROL/看板视图/CONTROL-BASE.vue.ftl

 <template>
-    <div class="app-data-view-group">
-        <#if ctrl.render??>
-        ${ctrl.render.code}
-        <#else>
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+    <div class="app-data-view-group <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
         <template v-for="(group, index) of groups">
             <#if ctrl.groupRender??>
             ${ctrl.groupRender.code}
@@ -68,8 +68,8 @@
             </#if>
         </div>
         </#if>
-        </#if>
   </div>
+</#if>
 </template>
 <#assign import_block>
 import draggable from "vuedraggable";

@CONTROL/表单/CONTROL-BASE.vue.ftl

@@ -2,7 +2,11 @@
 ../../@MACRO/LANG_FUN.ftl
 </#ibizinclude>
 <template>
+<#if ctrl.render??> 
+${ctrl.render.code}
+<#else>
     ${P.getPartCode(item,'FORM').code}
+</#if>
 </template>
 
 <#assign import_block>

@CONTROL/表格/CONTROL-BASE.vue.ftl

 <template>
-<div class='grid' style="height:100%">
-    <#if ctrl.render??> 
-    ${ctrl.render.code}
-    <#else>
+<#if ctrl.render??> 
+${ctrl.render.code}
+<#else>
+<div class='grid <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' style="height:100%">
   <i-form style="height:100%;display:flex;flex-direction: column;justify-content: space-between">
     <el-table v-if="isDisplay === true"
 <#--  BEGIN：是否支持排序  --> 
@@ -97,8 +97,8 @@
     </row>
     </#if>
   </i-form>
-  </#if>
 </div>
+</#if>
 </template>
 <#assign import_block>
 import CodeListService from "@service/app/codelist-service";

@CONTROL/选择视图面板/CONTROL-BASE.vue.ftl

 <template>
-    <div class='pickupviewpanel'>
+<#if ctrl.render??>
+    ${ctrl.render.code}
+<#else>
+    <div class='pickupviewpanel<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>'>
         <component 
           v-if="inited && view.viewname && !Object.is(view.viewname, '')" 
           :is="view.viewname"
@@ -15,6 +18,7 @@
           @viewload="onViewLoad">
         </component>
     </div>
+</#if>
 </template>
 
 <#assign import_block>

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

-<div class='panel-container' style="<#if ctrl.getWidth() gt 0>width: ${ctrl.getWidth()?c}px;</#if><#if ctrl.getHeight() gt 0>height: ${ctrl.getHeight()?c}px;</#if>">
+<#if ctrl.render??>
+${ctrl.render.code}
+<#else>
+<div class='panel-container <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>' style="<#if ctrl.getWidth() gt 0>width: ${ctrl.getWidth()?c}px;</#if><#if ctrl.getHeight() gt 0>height: ${ctrl.getHeight()?c}px;</#if>">
 <#if ctrl.getLayoutMode()=='FLEX'>
     <div class="app-layoutpanel" style="height:100%;display: flex;">
 <@ibizindent blank=8>
@@ -20,4 +23,5 @@ ${P.getPartCode(item).code}
 </@ibizindent>
     </row>
 </#if>
-</div>
\ No newline at end of file
+</div>
+</#if>
\ No newline at end of file