搜索范围:
Suggested Search: installation, demo data, icons
搜索范围:
热门搜索： 流程配置，权限分配，数据导入导出

3、标题样式及表格左侧宽度要求

一、问题描述：

1、标题样式不统一及表格左侧单元格宽度不协调，例：

 

 

二、问题原因：

1、页面区域标题未使用ActionAreaTitleDIV

2、表格左侧单元格未使用LeftTD样式；或使用FixedTable为表格样式时第一行做了合并单元格，导致单元格被平均分配宽度。

 

三：解决办法：

1、页面区域标题使用以下代码：

<div class="ActionAreaTitleDIV"><i></i>页面区域标题</div>

2、单独设置新建、编辑的界面布局模板，参考以下代码：

<h3 class="panel-title" style="padding-left: 0px;">新建项目信息</h3>
<div class="Hidden" style="top: 20px; right: 20px;">
    <$AgencyID$><$DepartmentID$>
</div>
<div class="ActionAreaTitleDIV" style="padding-top:0px; margin-top:10px;"><i></i>1.项目基本信息</div>
<table class="FullWidth WorkFlowCSSTable WorkFlowCSSTableNoShadow TableCSSClass FixedTable">
    <tr>
        <td class="LeftTD">项目编号：</td>
        <td><$项目编号$></td>
        <td class="LeftTD">项目名称：</td>
        <td><$项目名称$></td>
    </tr>
    <tr>
        <td class="LeftTD">所属运营中心：</td>
        <td><$所属运营中心$></td>
        <td class="LeftTD">所属项目群（组织架构里面的部门）：</td>
        <td><$所属项目群$></td>
    </tr>
    <tr>
        <td class="LeftTD">客户所属集团：</td>
        <td><$客户所属集团$></td>
        <td class="LeftTD">负责人：</td>
        <td><$负责人$></td>
    </tr>
    <tr>
        <td class="LeftTD">项目经理：</td>
        <td><$项目经理$></td>
        <td class="LeftTD">立项日期：</td>
        <td><$立项日期$></td>
    </tr>
    <tr>
        <td class="LeftTD">项目状态：</td>
        <td><$项目状态$></td>
        <td class="LeftTD">总进度：</td>
        <td><$总进度$></td>
    </tr>
    <tr>
        <td class="LeftTD">园建图纸：</td>
        <td><$园建图纸$></td>
        <td class="LeftTD">图纸缩小比例：</td>
        <td><$园建图纸缩小比例$></td>
    </tr>
    <tr>
        <td class="LeftTD">绿化图纸：</td>
        <td><$绿化图纸$></td>
        <td class="LeftTD">图纸缩小比例：</td>
        <td><$绿化图纸缩小比例$></td>
    </tr>
    <tr>
        <td class="LeftTD">项目清单：</td>
        <td><$项目清单$></td>
        <td class="LeftTD">总进度≤30%：</td>
        <td><$总进度小于等于百分之三十$></td>
    </tr>
    <tr>
        <td class="LeftTD">施工面积：</td>
        <td colspan="3"><$施工面积$></td>
    </tr>
    <tr>
        <td class="LeftTD">计划验收日期：</td>
        <td><$计划验收日期$></td>
        <td class="LeftTD">移交日期：</td>
        <td><$移交日期$></td>
    </tr>
    <tr>
        <td class="LeftTD">实际开工时间：</td>
        <td><$实际开工时间$></td>
        <td class="LeftTD">竣工日期：</td>
        <td><$竣工日期$></td>
    </tr>
</table>

<div class="ActionAreaTitleDIV"><i></i>2.合同重要信息</div>
<table class="FullWidth WorkFlowCSSTable WorkFlowCSSTableNoShadow TableCSSClass FixedTable">
    <tr>
        <td class="LeftTD">合同额：</td>
        <td><$合同额$></td>
        <td class="LeftTD">绿化质保期：</td>
        <td><$绿化质保期$></td>
    </tr>
    <tr>
        <td class="LeftTD">园建质保期：</td>
        <td><$园建质保期$></td>
        <td class="LeftTD">水电质保期：</td>
        <td><$水电质保期$></td>
    </tr>
    <tr>
        <td class="LeftTD">合同开工日期：</td>
        <td><$合同开工日期$></td>
        <td class="LeftTD">合同完工日期：</td>
        <td><$合同完工日期$></td>
    </tr>
</table>
 
3、修改后的效果图：