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

<div style="background-color: #FFF; overflow: hidden">
    <div title="{{$.lp.base}}" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.id}}:</td>
                <td class="editTableValue">text{$.id}</td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.name}}:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.alias}}:</td>
                <td class="editTableValue"><input type="text" name="alias" value="text{$.alias}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.description}}:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.hideView}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="display" text{($.display===false)?'checked':''} type="radio" value="false"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="display" text{($.display!==false)?'checked':''} type="radio" value="true"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.orderNumber}}:</td>
                <td class="editTableValue"><input type="text" name="orderNumber" value="text{$.orderNumber}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.viewStyles}}:</td>
                <td class="editTableValue">
                    <select class="MWFViewStyle" name="data.viewStyleType"></select>
                    <br/>
                    <input class="editTableRadio" name="forceClearCustomViewStyle" type="checkbox" value="yes"/>{{$.lp.forceClearCustomViewStyle}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.expandView}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.isExpand" text{($.data.isExpand==='yes')?'checked':''} type="radio" value="yes"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.isExpand" text{($.data.isExpand!=='yes')?'checked':''} type="radio" value="no"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.showSequence}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.isSequence" text{($.data.isSequence==='yes')?'checked':''} type="radio" value="yes"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.isSequence" text{($.data.isSequence!=='yes')?'checked':''} type="radio" value="no"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">{{$.lp.maxRow}}:</td>
                <td class="editTableValue"><input type="number" name="count" value="text{$.count || 50000}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitleNoWidth">{{$.lp.pageSize}}:</td>
                <td class="editTableValue">
                    <input type="number" name="pageSize" value="text{$.pageSize || 20}" class="editTableInput"/>
                    <div style="color:#999;">{{$.lp.pageMaxCountNotice}}</div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.actionbarHidden}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.actionbarHidden" text{($.data.actionbarHidden!==false)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.actionbarHidden" text{($.data.actionbarHidden===false)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.pagingbarHidden}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.pagingbarHidden" text{($.data.pagingbarHidden===true)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.pagingbarHidden" text{($.data.pagingbarHidden!==true)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.searchbarHidden}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.searchbarHidden" text{($.data.searchbarHidden===true)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.searchbarHidden" text{($.data.searchbarHidden!==true)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.select}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.select" text{($.data.select!=='single' || $.data.select!=='multi' )?'checked':''} type="radio" value="none" onclick="
                    if (this.checked){
                        $('text{$.id}selectBoxShowTr').setStyle('display', 'none');
                        $('text{$.id}allowSelectAllTr').setStyle('display', 'none');
                        $('text{$.id}selectedAbleScript').setStyle('display', 'none');
                    }"/>{{$.lp.none}}
                    <input class="editTableRadio" name="data.select" text{($.data.select==='single')?'checked':''} type="radio" value="single" onclick="
                    if (this.checked){
                        $('text{$.id}selectBoxShowTr').setStyle('display', 'table-row');
                        $('text{$.id}allowSelectAllTr').setStyle('display', 'none');
                        $('text{$.id}selectedAbleScript').setStyle('display', 'block');
                    }"/>{{$.lp.radio}}
                    <input class="editTableRadio" name="data.select" text{($.data.select==='multi')?'checked':''} type="radio" value="multi" onclick="
                    if (this.checked){
                        $('text{$.id}selectBoxShowTr').setStyle('display', 'table-row');
                        $('text{$.id}allowSelectAllTr').setStyle('display', 'table-row');
                        $('text{$.id}selectedAbleScript').setStyle('display', 'block');
                    }"/>{{$.lp.checkbox}}
                </td>
            </tr>
            <tr id="text{$.id}selectBoxShowTr" style="display: text{($.data.select=='single' || $.data.select=='multi')?'':'none'}">
                <td class="editTableTitle">{{$.lp.selectBoxShow}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.selectBoxShow" text{($.data.selectBoxShow==='always')?'checked':''} type="radio" value="always"/>{{$.lp.always}}
                    <input class="editTableRadio" name="data.selectBoxShow" text{($.data.selectBoxShow!=='always')?'checked':''} type="radio" value="mouseover"/>{{$.lp.mouseover}}
                </td>
            </tr>
            <tr id="text{$.id}allowSelectAllTr" style="display: text{($.data.select=='multi')?'':'none'}">
                <td class="editTableTitle" id="">{{$.lp.allowSelectAll}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.allowSelectAll" text{($.data.allowSelectAll===true)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.allowSelectAll" text{($.data.allowSelectAll!==true)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.firstTdHidden}}</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="data.firstTdHidden" text{($.data.firstTdHidden===true)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="data.firstTdHidden" text{($.data.firstTdHidden!==true)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.noDataText}}:</td>
                <td class="editTableValue">
                    <input type="text" name="data.noDataText" value="text{$.data.noDataText}" class="editTableInput"/>
                </td>
            </tr>

            <tr>
                <td class="editTableTitle">{{$.lp.cacheAccess}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="cacheAccess" text{($.cacheAccess===true)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                    <input class="editTableRadio" name="cacheAccess" text{($.cacheAccess!==true)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                    <div style="color:#999;">{{$.lp.cacheAccessNotice}}</div>
                </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">{{$.lp.executable}}</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable" id="processEditStarter">
            <tr>
                <td class="editTableTitle">{{$.lp.availableIdentityList}}:</td>
                <td class="editTableValue">
                    <div class="MWFPersonIdentity" name="availableIdentityList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.availableUnitList}}:</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="MWFFormulaArea" name="data.defaultSelectedScript" title="{{$.lp.defaultSelectedScript}}"></div>
        <div class="MWFFormulaArea" name="data.selectedAbleScript" title="{{$.lp.selectedAbleScript}}" id="text{$.id}selectedAbleScript"
             style="display: text{($.data.select=='single' || $.data.select=='multi')?'':'none'}"></div>



        <!--<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>-->

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.language}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}languageScriptArea').setStyle('display', 'none');}" name="data.languageType" text{($.data.languageType!=='default' && $.data.languageType!=='script')?'checked':''} type="radio" value="none"/>{{$.lp.none}}
                    <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}languageScriptArea').setStyle('display', 'block'); }" name="data.languageType" text{($.data.languageType==='script')?'checked':''} type="radio" value="script"/>{{$.lp.byScript}}
                </td>
            </tr>
        </table>
        <div id="text{$.pid}languageScriptArea" style="display: text{($.data.languageType=='script')?'block':'none'}">
            <div class="MWFScriptArea" name="data.languageScript" title="{{$.lp.languageScript}}"></div>
            <div style="padding: 5px;">{{$.lp.languageInfo}}</div>
        </div>

        <div style="background-color: #EEE; height:24px; line-height: 24px; text-align: center; font-weight: bold">{{$.lp.export}}</div>
        <div class="MWFFormulaArea" name="data.exportHeadText" title="{{$.lp.headText}}"></div>
        <div class="MWFFormulaArea" name="data.exportHeadStyle" title="{{$.lp.headStyle}}"></div>
        <div class="MWFFormulaArea" name="data.exportColumnTitleStyle" title="{{$.lp.columnTitleStyle}}"></div>
        <div class="MWFFormulaArea" name="data.exportColumnContentStyle" title="{{$.lp.columnContentStyle}}"></div>
        <div style="white-space: pre">
    exceljs style sample:
    return {
        font: { name: '宋体', family: 4, size: 10, bold: false },
        border: { top: {style:'thin'}, left: {style:'thin'}, bottom: {style:'thin'}, right: {style:'thin'} },
        fill: { type: 'pattern', pattern:'solid',  fgColor:{argb:'FFFFFF'} },
        alignment :  { vertical: 'middle', horizontal: 'center' } //wrapText: true
    }
    <a style="text-underline: #0a84ff;" target="_blank" href="https://github.com/exceljs/exceljs/blob/HEAD/README_zh.md#%E6%A0%B7%E5%BC%8F">
    see more
    </a></div>
    </div>


    <div title="{{$.lp.range}}"  class="MWFTab">
        <div style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">{{$.lp.timeRange}}</div>
        <div style="height:auto; line-height: 24px; padding:5px;border-bottom: 1px dashed rgb(204, 204, 204);">{{$.lp.timeRangeNotice}}</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr><td class="editTableTitle">{{$.lp.rangeType}}:</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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', 'none');
                       }"
                       type="radio" text{(['year','season','month','week','date','season'].indexOf($.data.where.dateRange.dateRangeType)==-1)?'checked':''} value="none"/>{{$.lp.all}}

                <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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', 'none');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='range')?'checked':''} value="range"/>{{$.lp.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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', '');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='year')?'checked':''} value="year"/>{{$.lp.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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', '');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='season')?'checked':''} value="season"/>{{$.lp.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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', '');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='month')?'checked':''} value="month"/>{{$.lp.monthly}}
                <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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', '');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='week')?'checked':''} value="week"/>{{$.lp.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');
                           $('text{$.id}dateRangeType_adjust').setStyle('display', '');
                       }"
                       type="radio" text{($.data.where.dateRange.dateRangeType=='date')?'checked':''} value="date"/>{{$.lp.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">{{$.lp.beginDate}}:</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">{{$.lp.endDate}}:</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','week','date'].indexOf($.data.where.dateRange.dateRangeType)!=-1)?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.year}}:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.year">
                        <option value="">{{$.lp.currentYear}}</option>
                        fun{var y=(new Date()).getFullYear(); var html = ""; for (var i=0; i<10; i++)html+="<option "+( $.data.where.dateRange.year==(y-i).toString() ? "selected" : "" )+" 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">{{$.lp.season}}:</td>
                    <td class="editTableValue">
                        <select name="data.where.dateRange.season">
                            <option value="" text{($.data.where.dateRange.season=='')?'selected':''}>{{$.lp.currentSeason}}</option>
                            <option value="1" text{($.data.where.dateRange.season=='1')?'selected':''}>{{$.lp.firstSeason}}</option>
                            <option value="2" text{($.data.where.dateRange.season=='2')?'selected':''}>{{$.lp.secondSeason}}</option>
                            <option value="3" text{($.data.where.dateRange.season=='3')?'selected':''}>{{$.lp.thirdSeason}}</option>
                            <option value="4" text{($.data.where.dateRange.season=='4')?'selected':''}>{{$.lp.fourthSeason}}</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>
        <div id="text{$.id}dateRangeType_MonthArea" style="display: text{(['month','date'].indexOf($.data.where.dateRange.dateRangeType)!=-1)?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.monthly}}:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.month">
                        <option value="" text{($.data.where.dateRange.month=='')?'selected':''}>{{$.lp.currentMonth}}</option>
                        <option value="01" text{($.data.where.dateRange.month=='01')?'selected':''}>1{{$.lp.monthNumber}}</option>
                        <option value="02" text{($.data.where.dateRange.month=='02')?'selected':''}>2{{$.lp.monthNumber}}</option>
                        <option value="03" text{($.data.where.dateRange.month=='03')?'selected':''}>3{{$.lp.monthNumber}}</option>
                        <option value="04" text{($.data.where.dateRange.month=='04')?'selected':''}>4{{$.lp.monthNumber}}</option>
                        <option value="05" text{($.data.where.dateRange.month=='05')?'selected':''}>5{{$.lp.monthNumber}}</option>
                        <option value="06" text{($.data.where.dateRange.month=='06')?'selected':''}>6{{$.lp.monthNumber}}</option>
                        <option value="07" text{($.data.where.dateRange.month=='07')?'selected':''}>7{{$.lp.monthNumber}}</option>
                        <option value="08" text{($.data.where.dateRange.month=='08')?'selected':''}>8{{$.lp.monthNumber}}</option>
                        <option value="09" text{($.data.where.dateRange.month=='09')?'selected':''}>9{{$.lp.monthNumber}}</option>
                        <option value="10" text{($.data.where.dateRange.month=='10')?'selected':''}>10{{$.lp.monthNumber}}</option>
                        <option value="11" text{($.data.where.dateRange.month=='11')?'selected':''}>11{{$.lp.monthNumber}}</option>
                        <option value="12" text{($.data.where.dateRange.month=='12')?'selected':''}>12{{$.lp.monthNumber}}</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">{{$.lp.week}}:</td>
                    <td class="editTableValue"><select name="data.where.dateRange.week">
                        <option value="">{{$.lp.currentWeek}}</option>
                        fun{var html = ""; for (var i=1; i<56; i++)html+="<option "+ ( $.data.where.dateRange.week==i.toString() ? "selected" : "" ) +" value='"+i+"'>"+"{{$.lp.weekNumber}}".replace("(i)",i)+"</option>"; return html;}
                    </select></td>
                </tr>
            </table>
        </div>

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

        <div id="text{$.id}dateRangeType_adjust" style="display: text{($.data.where.dateRange.dateRangeType=='none'||$.data.where.dateRange.dateRangeType=='range')?'none':''}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.adjust}}:</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 style="height:24px; text-align: center; line-height: 24px; background-color: #EEE; border-top: 1px solid #999; font-weight: bold">{{$.lp.range}}</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"/>{{$.lp.processPlatform}}
                    <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"/>{{$.lp.cmsPlatform}}
                </td>
            </tr>
        </table>

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.authority}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="text{$.id}*data.where.accessible" text{($.data.where.accessible)?'checked':''} type="radio" value="true"/>{{$.lp.check}}
                    <input class="editTableRadio" name="text{$.id}*data.where.accessible" text{(!$.data.where.accessible)?'checked':''} type="radio" value="false"/>{{$.lp.ignore}}
                </td>
            </tr>
        </table>
        <div id="text{$.id}dateRangeType_process" style="display: text{($.type!='cms')?'block':'none'}">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.processStatus}}:</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"/>{{$.lp.work}}
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='workCompleted')?'checked':''} type="radio" value="workCompleted"/>{{$.lp.workCompleted}}
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='all')?'checked':''} type="radio" value="all"/>{{$.lp.all}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableValue" colspan="2">{{$.lp.selectApplicationNotice}}:</td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.selectApplication}}:</td>
                    <td class="editTableValue">
                        <div class="MWFSelectApplication" name="data.where.applicationList"></div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.selectProcess}}:</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">{{$.lp.dataType}}:</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"/>{{$.lp.dataTypeValue[0]}}
                        <input class="editTableRadio" name="text{$.id}*data.where.scope" text{($.data.where.scope=='cms_data')?'checked':''} type="radio" value="cms_data"/>{{$.lp.dataTypeValue[1]}}
                        <!--                        <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">{{$.lp.showDraft}}:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="text{$.id}*data.where.draft" text{($.data.where.draft)?'checked':''} type="radio" value="true"/>{{$.lp.yes}}
                        <input class="editTableRadio" name="text{$.id}*data.where.draft" text{(!$.data.where.draft)?'checked':''} type="radio" value="false"/>{{$.lp.no}}
                    </td>
                </tr>
                <tr>
                    <td class="editTableValue" colspan="2">{{$.lp.selectColumnNotice}}：</td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.selectColumn}}:</td>
                    <td class="editTableValue">
                        <div class="MWFSelectCMSApplication" name="data.where.appInfoList"></div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.selectCategory}}:</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="editTableValue" colspan="2">{{$.lp.selectOrgNotice}}：</td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.selectUnit}}:</td>
                <td class="editTableValue">
                    <div class="MWFSelectUnit" name="data.where.creatorUnitList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.selectPerson}}:</td>
                <td class="editTableValue">
                    <div class="MWFSelectPerson" name="data.where.creatorPersonList"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.selectIdentity}}:</td>
                <td class="editTableValue">
                    <div class="MWFSelectIdentity" name="data.where.creatorIdentityList"></div>
                </td>
            </tr>
        </table>
    </div>

    <div title="{{$.lp.filter}}"  class="MWFTab">
        <div class="MWFViewFilter">
            <div class="inputAreaNode_vf">
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
                    <tr>
                        <td class="editTableTitle">{{$.lp.title}}:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.path}}:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.dataType}}:</td>
                        <td class="editTableValue"><select class="datatypeInput_vf"
                                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>{{$.lp.textValue}}</option>
                            <option value="numberValue">{{$.lp.numberValue}}</option>
                            <option value="dateTimeValue">{{$.lp.dateTimeValue}}</option>
                            <option value="dateValue">{{$.lp.dateValue}}</option>
                            <option value="timeValue">{{$.lp.timeValue}}</option>
                            <option value="booleanValue">{{$.lp.booleanValue}}</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle"></td>
                        <td class="editTableValue">
                            <input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" onclick="if (this.checked){
                                $('text{$.id}viewFilterRestrict').setStyle('display', 'block');
                                $('text{$.id}viewCustomFilterRestrict').setStyle('display', 'none');
                            }"/>{{$.lp.filterRestrict}}<br>
                            <input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType" onclick="if (this.checked){
                                $('text{$.id}viewFilterRestrict').setStyle('display', 'none');
                                $('text{$.id}viewCustomFilterRestrict').setStyle('display', 'block');
                            }" checked/>{{$.lp.customFilterRestrict}}
                        </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">{{$.lp.logic}}:</td>
                            <td class="editTableValue"><select class="logicInput_vf">
                                <option selected value="and">{{$.lp.and}}(and)</option>
                                <option value="or">{{$.lp.or}}(or)</option>
                            </select></td>
                        </tr>

                        <tr>
                            <td class="editTableTitle">{{$.lp.comparison}}:</td>
                            <td class="editTableValue"><select class="comparisonInput_vf" 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>{{$.lp.equals}}(==)</option>
                                <option value="notEquals">{{$.lp.notEquals}}(!=)</option>
                                <option value="greaterThan">{{$.lp.greaterThan}}(>)</option>
                                <option value="greaterThanOrEqualTo">{{$.lp.greaterThanOrEqualTo}}(>=)</option>
                                <option value="lessThan">{{$.lp.lessThan}}(<)</option>
                                <option value="lessThanOrEqualTo">{{$.lp.lessThanOrEqualTo}}(<=)</option>
                                <option value="like">{{$.lp.like}}(like)</option>
                                <option value="notLike">{{$.lp.notLike}}(not-like)</option>
                                <option value="range">{{$.lp.inRange}}(range)</option>
                                <option value="in">{{$.lp.in}}(in)</option>
                            </select></td>
                        </tr>
                        <tr>
                            <td class="editTableTitle" id="text{$.id}viewFilterValueTitleArea">{{$.lp.value}}:</td>
                            <td class="editTableValue" id="text{$.id}viewFilterValueArea">
                                <input type="text" class="editTableInput valueTextInput_vf" style="display: block" onkeypress="$('text{$.id}viewFilterTextFormulaSelector').getElements('input').set('checked', false)"/>
                                <input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
                                <input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
                                <input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
                                <input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
                                <select class="valueBooleanInput_vf" style="display: none">
                                    <option value="true" selected>{{$.lp.yes}}(True)</option>
                                    <option value="false">{{$.lp.no}}(False)</option>
                                </select>
                                <div class="multiValueNotice_vf" style="display: none;color: #999;line-height: 24px;">{{$.lp.multiValueNotice}}</div>
                            </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').getElement('.valueDatetimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />{{$.lp.currentYear}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDatetimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />{{$.lp.currentSeason}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDatetimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />{{$.lp.currentMonth}}<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDatetimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@time" />{{$.lp.now}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDatetimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@date" />{{$.lp.today}}

                                </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').getElement('.valueDateInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />{{$.lp.currentYear}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDateInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />{{$.lp.currentSeason}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDateInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />{{$.lp.currentMonth}}<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueDateInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@date" />{{$.lp.today}}

                                </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').getElement('.valueTimeInput_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@time" />{{$.lp.now}}
                                </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').getElement('.valueTextInput_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula" onclick="" type="radio" value="@person" />{{$.lp.currentPerson}}
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueTextInput_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@identityList" />{{$.lp.currentIdentity}}<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueTextInput_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@unitList" />{{$.lp.currentPersonDirectUnit}}<br/>
                                    <input onclick="$('text{$.id}viewFilterValueArea').getElement('.valueTextInput_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula" type="radio" value="@unitAllList" />{{$.lp.currentPersonAllUnit}}
                                </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">{{$.lp.to}}:</td>
                                <td class="editTableValue" id="text{$.id}viewFilterValueArea2">
                                    <input type="text" class="editTableInput valueTextInput2_vf" style="display: block">
<!--                                    onkeypress="$('text{$.id}viewFilterTextFormulaSelector2').getElements('input').set('checked', false)"/>-->
                                    <input type="number" class="editTableInput valueNumberInput2_vf" style="display: none"/>
                                    <input type="text" class="editTableInput valueDatetimeInput2_vf" style="display: none" readonly/>
                                    <input type="text" class="editTableInput valueDateInput2_vf" style="display: none" readonly/>
                                    <input type="text" class="editTableInput valueTimeInput2_vf" style="display: none" readonly/>
                                    <select class="valueBooleanInput2_vf" style="display: none">
                                        <option value="true" selected>{{$.lp.yes}}(True)</option>
                                        <option value="false">{{$.lp.no}}(False)</option>
                                    </select>
                                </td>
                            </tr>
                        </table>

<!--       rang的时候，所有@xxx都是无效的
                            <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').getElement('.valueDatetimeInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@year" />当前年度-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDatetimeInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@season" />当前季度-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDatetimeInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@month" />当前月份<br/>-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDatetimeInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula2" type="radio" value="@time" />当前时间-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDatetimeInput2_vf').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').getElement('.valueDateInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@year" />当前年度-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDateInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@season" />当前季度-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDateInput2_vf').set('value', this.value)" name="text{$.id}viewFilterDateFormula" type="radio" value="@month" />当前月份<br/>-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueDateInput2_vf').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').getElement('.valueTimeInput2_vf').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').getElement('.valueTextInput2_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula2" onclick="" type="radio" value="@person" />当前人-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueTextInput2_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@identityList" />当前身份<br/>-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueTextInput2_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@unitList" />当前人所在直接组织<br/>-->
<!--                                        <input onclick="$('text{$.id}viewFilterValueArea2').getElement('.valueTextInput2_vf').set('value', this.value)" name="text{$.id}viewFilterTextFormula2" type="radio" value="@unitAllList" />当前人所在所有组织-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </table>-->
<!--                        </div>-->
                    </div>

                </div>
                <div id="text{$.id}viewCustomFilterRestrict"  style="display: block">
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">{{$.lp.value}}:</td>
                            <td class="editTableValue">
                                <input class="editTableRadio" onclick="
                                if (this.checked){
                                    $('text{$.id}viewCustomFilterValueScriptDiv').setStyle('display', 'none');
                                }" name="viewCustomFilterValueType" checked type="radio" value="input"/>{{$.lp.input}}
                                <input class="editTableRadio" onclick="
                                if (this.checked){
                                    $('text{$.id}viewCustomFilterValueScriptDiv').setStyle('display', 'block');
                                }" name="viewCustomFilterValueType" type="radio" value="script"/>{{$.lp.selectable}}
                            </td>
                        </tr>
                    </table>
                    <div style="display:none" id="text{$.id}viewCustomFilterValueScriptDiv">
                        <div style="padding: 5px">{{$.lp.selectOptionScriptNotice}}</div>
                        <div name="text{$.id}viewCustomFilterValueScript" title="{{$.lp.selectOptionScript}}"></div>
                    </div>
                </div>
            </div>
            <div class="actionAreaNode_vf"></div>
            <div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.defaultFilterCondition}}</div>
            <div class="listAreaNode_vf" 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">{{$.lp.customFilterCondition}}</div>
            <div class="fieldListAreaNode_vf" 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="{{$.lp.style}}"  class="MWFTab">
        <div class="MWFViewStylesArea" name="data.viewStyles"></div>
    </div>

    <div title="{{$.lp.event}}"  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>