O2OA/o2web/source/x_component_query_ViewDesigner/$View/view.html

<div style="background-color: #FFF; overflow: hidden">
    <div title="基本" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">标识:</td>
                <td class="editTableValue">text{$.id}</td>
            </tr>
            <tr>
                <td class="editTableTitle">名称:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">别名:</td>
                <td class="editTableValue"><input type="text" name="alias" value="text{$.alias}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">描述:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">隐藏视图:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="display" text{($.display===false)?'checked':''} type="radio" value="false"/>是
                    <input class="editTableRadio" name="display" text{($.display!==false)?'checked':''} type="radio" value="true"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">展开分类:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.isExpand" text{($.data.isExpand==='yes')?'checked':''} type="radio" value="yes"/>是
                    <input class="editTableRadio" name="data.isExpand" text{($.data.isExpand!=='yes')?'checked':''} type="radio" value="no"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">显示序号:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.isSequence" text{($.data.isSequence==='yes')?'checked':''} type="radio" value="yes"/>是
                    <input class="editTableRadio" name="data.isSequence" text{($.data.isSequence!=='yes')?'checked':''} type="radio" value="no"/>否
                </td>
            </tr>
<!--            <tr>-->
<!--                <td class="editTableTitle">视图样式:</td>-->
<!--                <td class="editTableValue">-->
<!--                    <select class="MWFViewStyle" name="viewStyleType"></select>-->
<!--                </td>-->
<!--            </tr>-->
            <tr>
                <td class="editTableTitle">隐藏操作条:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.actionbarHidden" text{($.data.actionbarHidden!==false)?'checked':''} type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.actionbarHidden" text{($.data.actionbarHidden===false)?'checked':''} type="radio" value="false"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">选择:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.select" text{($.data.select!=='single' || $.data.select!=='multi' )?'checked':''} type="radio" value="none"/>无
                    <input class="editTableRadio" name="data.select" text{($.data.select==='single')?'checked':''} type="radio" value="single"/>单选
                    <input class="editTableRadio" name="data.select" text{($.data.select==='multi')?'checked':''} type="radio" value="multi"/>多选
                </td>
            </tr>
            <!--<tr>-->
            <!--<td class="editTableTitle">最大行数:</td>-->
            <!--<td class="editTableValue"><input type="text" name="max" value="text{$.max}" class="editTableInput"/></td>-->
            <!--</tr>-->
        </table>
        <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">分页</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitleNoWidth">最大行数:</td>
                <td class="editTableValue"><input type="number" name="count" value="text{$.count || 600}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">每页行数:</td>
                <td class="editTableValue"><input type="number" name="pageSize" value="text{$.pageSize || 20}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">显示数字分页:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.hasTruningBar" text{($.data.hasTruningBar!==false)?'checked':''}  onclick="
                    if (this.checked){
                        $('text{$.id}visiblePagesTr').setStyle('display', 'table-row');
                        $('text{$.id}hasBatchTuringTr').setStyle('display', 'table-row');
                    }" type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.hasTruningBar" text{($.data.hasTruningBar===false)?'checked':''}   onclick="
                    if (this.checked){
                        $('text{$.id}visiblePagesTr').setStyle('display', 'none');
                        $('text{$.id}hasBatchTuringTr').setStyle('display', 'none');
                    }" type="radio" value="false"/>否
                </td>
            </tr>
            <tr id="text{$.id}visiblePagesTr">
                <td class="editTableTitleNoWidth">数字显示个数:</td>
                <td class="editTableValue"><input type="number" name="data.visiblePages" value="text{$.data.visiblePages || 9}" onchange="
                    $('text{$.id}visiblePagesText').set('text', this.value);
                " class="editTableInput"/></td>
            </tr>
            <tr id="text{$.id}hasBatchTuringTr">
                <td class="editTableTitleNoWidth">显示前后<span id="text{$.id}visiblePagesText">text{$.data.visiblePages || 9}</span>页:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.hasBatchTuring" text{($.data.hasBatchTuring!==false)?'checked':''} type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.hasBatchTuring" text{($.data.hasBatchTuring===false)?'checked':''} type="radio" value="false"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">显示首页末页:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.hasFirstLastPage" text{($.data.hasFirstLastPage!==false)?'checked':''} type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.hasFirstLastPage" text{($.data.hasFirstLastPage===false)?'checked':''} type="radio" value="false"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">显示上页下页:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.hasPreNextPage" text{($.data.hasPreNextPage!==false)?'checked':''} type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.hasPreNextPage" text{($.data.hasPreNextPage===false)?'checked':''} type="radio" value="false"/>否
                </td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">显示跳页:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.hasPageJumper" text{($.data.hasPageJumper!==false)?'checked':''} type="radio" value="true"/>是
                    <input class="editTableRadio" name="data.hasPageJumper" text{($.data.hasPageJumper===false)?'checked':''} type="radio" value="false"/>否
                </td>
            </tr>
        </table>

        <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">权限</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable" id="processEditStarter">
            <tr>
                <td class="editTableTitle">可执行人:</td>
                <td class="editTableValue">
                    <div class="MWFPersonIdentity" name="availableIdentityList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">执行组织:</td>
                <td class="editTableValue">
                    <div class="MWFPersonUnit" name="availableUnitList"></div>
                </td>
            </tr>
            <!--<tr>-->
            <!--<td class="editTableTitle">执行部门:</td>-->
            <!--<td class="editTableValue">-->
            <!--<div class="MWFSelectDepartment" name="availableDepartmentList"></div>-->
            <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td class="editTableTitle">执行公司:</td>-->
            <!--<td class="editTableValue">-->
            <!--<div class="MWFSelectCompany" name="availableCompanyList"></div>-->
            <!--</td>-->
            <!--</tr>-->
        </table>



        <!--<div class="MWFApplicationSelect" title="选择应用"></div>-->
        <!--<div class="MWFProcessSelect" title="选择流程"></div>-->
        <!--<div class="MWFCompanySelect" title="选择公司"></div>-->
        <!--<div class="MWFDepartmentSelect" title="选择部门"></div>-->
        <!--<div class="MWFPersonSelect" title="选择人员"></div>-->
        <!--<div class="MWFIdentitySelect" title="选择身份"></div>-->
    </div>


    <div title="范围"  class="MWFTab">
        <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">范围</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableValue" colspan="2" align="center">
                    <input class="editTableRadio" onclick="
                    if (this.checked){
                        $('text{$.id}dateRangeType_process').setStyle('display', 'block');
                        $('text{$.id}dateRangeType_cms').setStyle('display', 'none');
                        $$('.text{$.id}dataPathSelectedProcessArea').setStyle('display', '');
                        $$('.text{$.id}dataPathSelectedCMSArea').setStyle('display', 'none');
                    }" name="text{$.id}*type" text{($.type!='cms')?'checked':''} type="radio" value="process"/>流程平台数据
                    <input class="editTableRadio" onclick="
                    if (this.checked){
                        $('text{$.id}dateRangeType_process').setStyle('display', 'none');
                        $('text{$.id}dateRangeType_cms').setStyle('display', 'block');
                        $$('.text{$.id}dataPathSelectedProcessArea').setStyle('display', 'none');
                        $$('.text{$.id}dataPathSelectedCMSArea').setStyle('display', '');
                     }" name="text{$.id}*type" text{($.type=='cms')?'checked':''} type="radio" value="cms"/>内容管理数据
                </td>
            </tr>
        </table>

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">权限:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="text{$.id}*data.where.accessible" text{($.data.where.accessible)?'checked':''} type="radio" value="true"/>带权限
                    <input class="editTableRadio" name="text{$.id}*data.where.accessible" text{(!$.data.where.accessible)?'checked':''} type="radio" value="false"/>忽略
                </td>
            </tr>
        </table>
        <div id="text{$.id}dateRangeType_process" style="display: text{($.type=='process')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">流转状态:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope!='workCompleted' && $.data.where.scope!='all' && $.data.where.scope!='cms_info' && $.data.where.scope!='cms_data')?'checked':''} type="radio" value="work"/>流转中
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='workCompleted')?'checked':''} type="radio" value="workCompleted"/>已完成
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='all')?'checked':''} type="radio" value="all"/>全部
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">选择应用:</td>
                    <td class="editTableValue">
                        <div class="MWFSelectApplication" name="data.where.applicationList"></div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">选择流程:</td>
                    <td class="editTableValue">
                        <div class="MWFSelectProcess" name="data.where.processList"></div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_cms" style="display: text{($.type=='cms')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">数据类型:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope!='cms_data' && $.data.where.scope!='all' && $.data.where.scope!='workCompleted' && $.data.where.scope!='work')?'checked':''} type="radio" value="cms_info"/>信息类
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='cms_data')?'checked':''} type="radio" value="cms_data"/>数据类
                        <!--                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='all')?'checked':''} type="radio" value="all"/>全部-->
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">返回草稿:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="text{$.id}*data.where.draft" text{($.data.where.draft)?'checked':''} type="radio" value="true"/>是
                        <input class="editTableRadio" name="text{$.id}*data.where.draft" text{(!$.data.where.draft)?'checked':''} type="radio" value="false"/>否
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">选择栏目:</td>
                    <td class="editTableValue">
                        <div class="MWFSelectCMSApplication" name="data.where.appInfoList"></div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">选择分类:</td>
                    <td class="editTableValue">
                        <div class="MWFSelecCMStCategory" name="data.where.categoryInfoList"></div>
                    </td>
                </tr>
            </table>
        </div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">拟稿组织:</td>
                <td class="editTableValue">
                    <div class="MWFSelectUnit" name="data.where.creatorUnitList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">拟稿人员:</td>
                <td class="editTableValue">
                    <div class="MWFSelectPerson" name="data.where.creatorPersonList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">拟稿身份:</td>
                <td class="editTableValue">
                    <div class="MWFSelectIdentity" name="data.where.creatorIdentityList"></div>
                </td>
            </tr>
        </table>


        <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">时段</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr><td class="editTableTitle">时段类型:</td><td class="editTableValue">
                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_YearArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
                       type="radio" text{(['year','season','month','week','date','season'].indexOf($.data.where.dateRange.dateRangeType)==-1)?'checked':''} value="none"/>全部

                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_YearArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='range')?'checked':''} value="range"/>范围<br/>

                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='year')?'checked':''} value="year"/>年度
                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='season')?'checked':''} value="season"/>季度
                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='month')?'checked':''} value="month"/>月度
                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='week')?'checked':''} value="week"/>周
                <input class="editTableRadio" name="text{$.id}*data.where.dateRange.dateRangeType"
                       onclick="if (this.checked){ $('text{$.id}dateRangeType_YearArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_DateArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_WeekArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_MonthArea').setStyle('display', 'block'); $('text{$.id}dateRangeType_SeasonArea').setStyle('display', 'none'); $('text{$.id}dateRangeType_RangeArea').setStyle('display', 'none');}"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='date')?'checked':''} value="date"/>日
            </td></tr>
        </table>
        <div id="text{$.id}dateRangeType_RangeArea" style="display: text{($.data.where.dateRange.dateRangeType=='range')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">开始日期:</td>
                    <td class="editTableValue"><input readonly type="text" name="data.where.dateRange.start" value="text{$.data.where.dateRange.start}" class="editTableInputDate"/></td>
                </tr>
                <tr>
                    <td class="editTableTitle">结束日期:</td>
                    <td class="editTableValue"><input readonly type="text" name="data.where.dateRange.completed" value="text{$.data.where.dateRange.completed}" class="editTableInputDate"/></td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_YearArea" style="display: text{(['year','season','month'].indexOf($.data.where.dateRange.dateRangeType)!=-1)?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">年度:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.year">
                        <option value="">当前年度</option>
                        fun{var y=(new Date()).getFullYear(); var html = ""; for (var i=0; i<10; i++)html+="<option value='"+(y-i)+"'>"+(y-i)+"</option>"; return html;}
                    </select></td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_SeasonArea" style="display: text{($.data.where.dateRange.dateRangeType=='season')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">季度:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.season">
                        <option value="">当前季度</option>
                        <option value="1">第一季度</option>
                        <option value="2">第二季度</option>
                        <option value="3">第三季度</option>
                        <option value="4">第四季度</option>
                    </select></td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_MonthArea" style="display: text{($.data.where.dateRange.dateRangeType=='month')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">月份:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.month">
                        <option value="">当前月份</option>
                        <option value="1">1月</option>
                        <option value="2">2月</option>
                        <option value="3">3月</option>
                        <option value="4">4月</option>
                        <option value="5">5月</option>
                        <option value="6">6月</option>
                        <option value="7">7月</option>
                        <option value="8">8月</option>
                        <option value="9">9月</option>
                        <option value="10">10月</option>
                        <option value="11">11月</option>
                        <option value="12">12月</option>
                    </select></td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_WeekArea" style="display: text{($.data.where.dateRange.dateRangeType=='week')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">周:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.week">
                        <option value="">当前周</option>
                        fun{var html = ""; for (var i=1; i<56; i++)html+="<option value='"+i+"'>第"+i+"周</option>"; return html;}
                    </select></td>
                </tr>
            </table>
        </div>

        <div id="text{$.id}dateRangeType_DateArea" style="display: text{($.data.where.dateRange.dateRangeType=='week')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">日期:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.date">
                        <option value="">当天</option>
                        fun{var html = ""; for (var i=1; i<32; i++)html+="<option value='"+i+"'>"+i+"日</option>"; return html;}
                    </select></td>
                </tr>
            </table>
        </div>

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">偏移量:</td>
                <td class="editTableValue">
                    <input type="text" name="data.where.dateRange.adjust" value="text{$.data.where.dateRange.adjust}" class="editTableInput"/>
                </td>
            </tr>
        </table>
    </div>

    <div title="过滤"  class="MWFTab">
        <div class="MWFViewFilter">
            <div>
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">标题:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">路径:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">数据类型:</td>
                        <td class="editTableValue"><select
                                onchange="if (this.selectedIndex==2){
                                    $('text{$.id}viewFilterDateFormulaSelector').setStyle('display', 'block');
                                    $('text{$.id}viewFilterDateFormulaSelector2').setStyle('display', 'block');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector2').setStyle('display', 'none');
                                }else if (this.selectedIndex==3){
                                    $('text{$.id}viewFilterDateFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector').setStyle('display', 'block');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector2').setStyle('display', 'block');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector2').setStyle('display', 'none');
                                }else if (this.selectedIndex==4){
                                    $('text{$.id}viewFilterDateFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector').setStyle('display', 'block');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector2').setStyle('display', 'block');
                                }else{
                                    $('text{$.id}viewFilterDateFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterDateOnlyFormulaSelector2').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTimeOnlyFormulaSelector2').setStyle('display', 'none');
                                }

                                if (this.selectedIndex==0){
                                    $('text{$.id}viewFilterTextFormulaSelector').setStyle('display', 'block');
                                    $('text{$.id}viewFilterTextFormulaSelector2').setStyle('display', 'block')
                                }else{
                                    $('text{$.id}viewFilterTextFormulaSelector').setStyle('display', 'none');
                                    $('text{$.id}viewFilterTextFormulaSelector2').setStyle('display', 'none')
                                }">
                            <option value="textValue" selected>文本</option>
                            <option value="numberValue">数字</option>
                            <option value="dateTimeValue">日期时间</option>
                            <option value="dateValue">日期</option>
                            <option value="timeValue">时间</option>
                            <option value="booleanValue">布尔</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle"></td>
                        <td class="editTableValue">
                            <input type="radio" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'block');}"/>作为默认过滤条件<br>
                            <input type="radio" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){ $('text{$.id}viewFilterRestrict').setStyle('display', 'none');}" checked/>作为自定义过滤数据
                        </td>
                    </tr>
                </table>
                <div id="text{$.id}viewFilterRestrict"  style="display: none">
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">逻辑:</td>
                            <td class="editTableValue"><select><option selected value="and">并且(and)</option><option value="or">或者(or)</option></select></td>
                        </tr>

                        <tr>
                            <td class="editTableTitle">比较:</td>
                            <td class="editTableValue"><select onchange="if (this.selectedIndex==8){$('text{$.id}viewFilterValue2Area').setStyle('display', 'block'); $('text{$.id}viewFilterValueTitleArea').set('text', '从');}else{$('text{$.id}viewFilterValue2Area').setStyle('display', 'none'); $('text{$.id}viewFilterValueTitleArea').set('text', '值');}">
                                <option value="equals" selected>等于(==)</option>
                                <option value="notEquals">不等于(!=)</option>
                                <option value="greaterThan">大于(>)</option>
                                <option value="greaterThanOrEqualTo">大于等于(>=)</option>
                                <option value="lessThan">小于(<)</option>
                                <option value="lessThanOrEqualTo">小于等于(<=)</option>
                                <option value="like">匹配(like)</option>
                                <option value="notLike">不匹配(not-like)</option>
                                <option value="range">范围(range)</option>
                            </select></td>
                        </tr>
                        <tr>
                            <td class="editTableTitle" id="text{$.id}viewFilterValueTitleArea">值:</td>
                            <td class="editTableValue" id="text{$.id}viewFilterValueArea">
                                <input type="text" class="editTableInput" style="display: block" onkeypress="$('text{$.id}viewFilterTextFormulaSelector').getElements('input').set('checked', false)"/>
                                <input type="number" class="editTableInput" style="display: none"/>
                                <input type="text" class="editTableInput" style="display: none" readonly/>
                                <input type="text" class="editTableInput" style="display: none" readonly/>
                                <input type="text" class="editTableInput" style="display: none" readonly/>
                                <select style="display: none">
                                    <option value="true" selected>是(True)</option>
                                    <option value="false">否(False)</option>
                                </select>
                            </td>
                        </tr>

                    </table>
                    <div style="display: none" id="text{$.id}viewFilterDateFormulaSelector">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle"></td>
                                <td class="editTableValue">
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />当前年度
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />当前季度
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />当前月份<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@time" />当前时间
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@date" />当天

                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="display: none" id="text{$.id}viewFilterDateOnlyFormulaSelector">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle"></td>
                                <td class="editTableValue">
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />当前年度
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />当前季度
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />当前月份<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@date" />当天

                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="display: none" id="text{$.id}viewFilterTimeOnlyFormulaSelector">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle"></td>
                                <td class="editTableValue">
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[4].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@time" />当前时间
                                </td>
                            </tr>
                        </table>
                    </div>

                    <div style="display: block" id="text{$.id}viewFilterTextFormulaSelector">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle"></td>
                                <td class="editTableValue">
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula" onclick="" type="radio" value="@person" />当前人
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@identityList" />当前身份<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@unitList" />当前人所在直接组织<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@unitAllList" />当前人所在所有组织
                                </td>
                            </tr>
                        </table>
                    </div>

                    <div id="text{$.id}viewFilterValue2Area"  style="display: none">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle">到:</td>
                                <td class="editTableValue" id="text{$.id}viewFilterValueArea2">
                                    <input type="text" class="editTableInput" style="display: block" onkeypress="$('text{$.id}viewFilterTextFormulaSelector2').getElements('input').set('checked', false)"/>
                                    <input type="number" class="editTableInput" style="display: none"/>
                                    <input type="text" class="editTableInput" style="display: none" readonly/>
                                    <input type="text" class="editTableInput" style="display: none" readonly/>
                                    <input type="text" class="editTableInput" style="display: none" readonly/>
                                    <select style="display: none">
                                        <option value="true" selected>是(True)</option>
                                        <option value="false">否(False)</option>
                                    </select>
                                </td>
                            </tr>
                        </table>

                        <div style="display: none" id="text{$.id}viewFilterDateFormulaSelector2">
                            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                                <tr>
                                    <td class="editTableTitle"></td>
                                    <td class="editTableValue">
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@year" />当前年度
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@season" />当前季度
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@month" />当前月份<br/>
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@time" />当前时间
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[2].set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@date" />当天

                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="display: none" id="text{$.id}viewFilterDateOnlyFormulaSelector2">
                            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                                <tr>
                                    <td class="editTableTitle"></td>
                                    <td class="editTableValue">
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />当前年度
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />当前季度
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />当前月份<br/>
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[3].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@date" />当天

                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="display: none" id="text{$.id}viewFilterTimeOnlyFormulaSelector2">
                            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                                <tr>
                                    <td class="editTableTitle"></td>
                                    <td class="editTableValue">
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[4].set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@time" />当前时间
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="display: block" id="text{$.id}viewFilterTextFormulaSelector2">
                            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                                <tr>
                                    <td class="editTableTitle"></td>
                                    <td class="editTableValue">
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula2" onclick="" type="radio" value="@person" />当前人
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@identityList" />当前身份<br/>
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@unitList" />当前人所在直接组织<br/>
                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElements('input')[0].set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@unitAllList" />当前人所在所有组织
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
            <div></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">默认过滤条件</div>
            <div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">自定义过滤数据</div>
            <div style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
        </div>
    </div>

<!--    <div title="样式"  class="MWFTab">-->
<!--        <div class="MWFMaplist" name="tableStyles" collapse="true" title="表格样式"></div>-->
<!--        <div class="MWFMaplist" name="titleTdStyles" collapse="true" title="标题单元格样式"></div>-->
<!--        <div class="MWFMaplist" name="contentTdStyles" collapse="true" title="内容单元格样式"></div>-->
<!--        <div class="MWFMaplist" name="contentTdOverStyles" collapse="true" title="内容单元格鼠标over事件样式"></div>-->
<!--        <div class="MWFMaplist" name="contentTdSelectedStyles" collapse="true" title="内容单元格选中样式"></div>-->
<!--    </div>-->

    <div title="事件"  class="MWFTab">
        <div class="MWFEventsArea" name="data.events"></div>
    </div>

    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>