o2oa-cairong/o2web/source/x_component_process_FormDesigner/Module/OOOrg/OOOrg.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"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></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.description}}:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.showIcon}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="showIcon" value="yes" text{($.showIcon!='no')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="showIcon" value="no" text{($.showIcon=='no')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.showMode}}:</td>
                <td class="editTableValue">
                    <label><input type="radio" name="showMode" value="editable" text{($.showMode!=='readonlyMode' && $.showMode!=='disabled' && $.showMode!=='read')?'checked':''}/>{{$.lp.editable}}</label>
                    <label><input type="radio" name="showMode" value="readonlyMode" text{($.showMode==='readonlyMode')?'checked':''}/>{{$.lp.readonlyMode}}</label>
                    <label><input type="radio" name="showMode" value="disabled" text{($.showMode==='disabled')?'checked':''}/>{{$.lp.disabled}}</label>
                    <label><input type="radio" name="showMode" value="read" text{($.showMode==='read')?'checked':''}/>{{$.lp.read}}</label>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.required}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="required" value="true" text{($.required==true)?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="required" value="false" text{($.required!=true)?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td colspan="2"><b>{{$.lp.readModeEvents}}:</b>
                    <input type="radio" name="readModeEvents" value="yes" text{($.readModeEvents=='yes')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="readModeEvents" value="no" text{($.readModeEvents!=='yes')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.title}}:</td>
                <td class="editTableValue" id="text{$.pid}isTitleArea">
                    <input type="text" name="label" value="text{$.label}" class="editTableInput"/>
                </td>
            </tr>

        </table>

        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.showCard}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="showCard" value="yes" text{($.showCard!='no')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="showCard" value="no" text{($.showCard=='no')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.dataStructure}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="storeRange" value="full" text{($.storeRange=='full')?'checked':''}/>{{$.lp.complete}}
                    <input type="radio" name="storeRange" value="simple" text{($.storeRange!=='full')?'checked':''}/>{{$.lp.simple}}
                </td>
            </tr>
        </table>
        <br/>

        <div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
<!--        <div class="MWFMaplist" name="inputStyles" title="{{$.lp.inputStyle}}"></div>-->
<!--        <div class="MWFMaplist" name="itemStyles" title="{{$.lp.itemStyle}}"></div>-->
        <div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div style="height: 28px; font-weight: bold; line-height:28px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">{{$.lp.defaultValue}}：</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.compute}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="compute" value="create" text{($.compute.indexOf('create')!=-1)?'checked':''}/>{{$.lp.create}}
                    <input type="radio" name="compute" value="save" text{($.compute.indexOf('save')!=-1)?'checked':''}/>{{$.lp.save}}
                    <input type="radio" name="compute" value="show" text{($.compute.indexOf('show')!=-1)?'checked':''}/>{{$.lp.show}}
                </td>
            </tr>
        </table>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.identity}}:</td>
                <td class="editTableValue">
                    <div class="MWFPersonIdentity" name="identityValue"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.unit}}:</td>
                <td class="editTableValue">
                    <div class="MWFPersonUnit" name="unitValue" type="unit"></div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.duty}}:</td>
                <td class="editTableValue">
                    <div class="MWFDutySelector" name="dutyValue"></div>
                </td>
            </tr>
            <!--<tr>-->
                <!--<td class="editTableTitle">群　　组:</td>-->
                <!--<td class="editTableValue">-->
                    <!--<div class="MWFPersonGroup" name="groupValue" type="group"></div>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td class="editTableTitle">部　　门:</td>-->
            <!--<td class="editTableValue">-->
            <!--<div class="MWFPersonDepartment" name="departmentValue" type="department"></div>-->
            <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td class="editTableTitle">公　　司:</td>-->
            <!--<td class="editTableValue">-->
            <!--<div class="MWFPersonCompany" name="companyValue" type="company"></div>-->
            <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
            <!--<td class="editTableTitle">职　　位:</td>-->
            <!--<td class="editTableValue">-->
            <!--<div class="MWFDutySelector" name="dutyValue"></div>-->
            <!--</td>-->
            <!--</tr>-->
        </table>

        <div class="MWFFormulaArea" name="defaultValue" title="{{$.lp.defaultValueScript}} (S)"></div>

        <div style="height: 28px; font-weight: bold; line-height:28px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">{{$.lp.showText}}：</div>
        <div class="MWFFormulaArea" name="displayTextScript" title="{{$.lp.showTextScript}} (S)"></div>

        <div class="MWFValidation" name="validationConfig"></div>
        <div class="MWFScriptArea" name="validation" title="{{$.lp.verificationScript}} (S)"></div>

    </div>
    <div title="{{$.lp.select}}" class="MWFTab">
        <div style="height: 24px; line-height:24px; font-weight:bold;background-color: #DDD; border-top:1px solid #999; padding: 0px 6px">{{$.lp.unitSelectConfig}}</div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.selectType}}:</td>
                <td class="editTableValue">
                    <input type="checkbox" name="selectType" value="identity" text{($.selectType.indexOf('identity')!=-1)?'checked':''}
                            onchange="var tab = $('text{$.pid}identityProperties').retrieve('tab'); this.checked ? tab.enableTab() : tab.disableTab();;"/>{{$.lp.identity}}
                    <input type="checkbox" name="selectType" value="unit" text{($.selectType.indexOf('unit')!=-1)?'checked':''}
                            onchange="var tab = $('text{$.pid}unitProperties').retrieve('tab'); this.checked ? tab.enableTab() : tab.disableTab();"/>{{$.lp.unit}}
                    <input type="checkbox" name="selectType" value="group" text{($.selectType.indexOf('group')!=-1)?'checked':''}
                            onchange="var tab = $('text{$.pid}groupProperty').retrieve('tab'); this.checked ? tab.enableTab() : tab.disableTab();"/>{{$.lp.group}}
                </td>
            </tr>
        </table>

        <div style="padding:0px 5px;">
            <div id="text{$.pid}identityProperties" title="{{$.lp.identity}}" class="MWFTab" data-style="formPropertyListLevel2" data-group="selectType" style="display: text{($.selectType.indexOf('identity')!=-1)?'block':'none'};">
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">{{$.lp.selectCount}}:</td>
                        <td class="editTableValue"><input type="text" name="identityCount" value="text{$.identityCount}" class="editTableInput"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.returnValue}}:</td>
                        <td class="editTableValue">
                            <input type="radio" name="identityResultType" value="identity" text{($.identityResultType.indexOf('person')==-1)?'checked':''}
                                onchange="if (this.checked){
                                    $('text{$.pid}isCheckEmpowerTd').setStyle('display', '');
                                    $('text{$.pid}identityDesciption').setStyle('display', '');
                                    $('text{$.pid}personDesciption').setStyle('display', 'none');
                                }
                            "/>{{$.lp.identity}}
                            <input type="radio" name="identityResultType" value="person" text{($.identityResultType.indexOf('person')!=-1)?'checked':''}
                                onchange="if (this.checked){
                                    $('text{$.pid}isCheckEmpowerTd').setStyle('display', 'none');
                                    $('text{$.pid}identityDesciption').setStyle('display', 'none');
                                    $('text{$.pid}personDesciption').setStyle('display', '');
                                }
                            "/>{{$.lp.person}}
                            <div id="text{$.pid}identityDesciption" style="display: text{($.identityResultType.indexOf('person')==-1)?'':'none'}">{{$.lp.selectTypeInfo}}</div>
                            <div id="text{$.pid}personDesciption" style="display: text{($.identityResultType.indexOf('person')!=-1)?'':'none'}">{{$.lp.selectTypeInfo2}}</div>
                        </td>
                    </tr>
                    <tr id="text{$.pid}isCheckEmpowerTd" style="display: text{$.identityResultType==='person'?'none':''};">
                        <td class="editTableTitle">{{$.lp.checkEmpower}}:</td>
                        <td class="editTableValue">
                            <input type="radio" name="isCheckEmpower" value="true" text{$.isCheckEmpower?'checked':''}/>{{$.lp.yes}}
                            <input type="radio" name="isCheckEmpower" value="false" text{$.isCheckEmpower?'':'checked'}/>{{$.lp.no}}
                        </td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.onlyCustom}}:</td>
                        <td class="editTableValue">
                            <input type="radio" name="identityOnlyUseInclude" value="true" text{$.identityOnlyUseInclude?'checked':''}
                            onchange="if (this.checked){
                                $('text{$.pid}identityUnitRangeArea').setStyle('display', 'none');
                                $('text{$.pid}dutyRangeSelectArea').setStyle('display', 'none');
                            }" />{{$.lp.yes}}
                            <input type="radio" name="identityOnlyUseInclude" value="false" text{$.identityOnlyUseInclude?'':'checked'}
                                onchange="if (this.checked){
                                    $('text{$.pid}identityUnitRangeArea').setStyle('display', '');
                                    $('text{$.pid}dutyRangeSelectArea').setStyle('display', '');
                            }" />{{$.lp.no}}
                        </td>
                    </tr>
                </table>
                <div id="text{$.pid}identityUnitRangeArea" style="display: text{($.identityOnlyUseInclude)?'none':''};">
                    <div style="text-align: center; height: 24px; background-color: #F1F1F1; line-height: 24px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-weight: bold;">{{$.lp.unitRange}}</div>
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">{{$.lp.unitRange}}:</td>
                            <td class="editTableValue">
                                <input type="radio" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}identityRangeNextArea').setStyle('display', 'none');
                                        $('text{$.pid}identityRangeScriptValue').setStyle('display', 'none');
                                    }
                                    " name="identityRange" value="all" text{(['unit', 'draftUnit', 'currentUnit'].indexOf($.identityRange)==-1)?'checked':''}/>{{$.lp.allUnit}}
                                <input type="radio" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}identityRangeNextArea').setStyle('display', 'none');
                                        $('text{$.pid}identityRangeScriptValue').setStyle('display', 'block');
                                     }" name="identityRange" value="unit" text{($.identityRange.indexOf('unit')!=-1)?'checked':''}/>{{$.lp.specifyUnit}}<br/>
                                <input type="radio" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}identityRangeNextArea').setStyle('display', 'block');
                                        $('text{$.pid}identityRangeScriptValue').setStyle('display', 'none');
                                    }" name="identityRange" value="draftUnit" text{($.identityRange.indexOf('draftUnit')!=-1)?'checked':''}/>{{$.lp.draftUnit}}<br/>
                                <input type="radio" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}identityRangeNextArea').setStyle('display', 'block');
                                        $('text{$.pid}identityRangeScriptValue').setStyle('display', 'none');}
                                    " name="identityRange" value="currentUnit" text{($.identityRange.indexOf('currentUnit')!=-1)?'checked':''}/>{{$.lp.currentUnit}}<br/>

                                <div id="text{$.pid}identityRangeNextArea" style="border-top: 1px solid #999; display: text{($.identityRange=='draftUnit' || $.identityRange=='currentUnit')?'block':'none'}; ">
                                    <input type="radio" name="identityRangeNext" value="direct" text{(['level', 'type'].indexOf($.identityRangeNext)==-1)?'checked':''}/>{{$.lp.inUnit}}<br/>
                                    <input type="radio" name="identityRangeNext" value="level" text{(($.identityRangeNext) && $.identityRangeNext.indexOf('level')!=-1)?'checked':''}/>{{$.lp.levelIs}}
                                    <div style="display: inline"><select name="identityRangeNextLevel">
                                        <option value="1" text{($.identityRangeNextLevel=='1')?'selected':''}>1</option>
                                        <option value="2" text{($.identityRangeNextLevel=='2')?'selected':''}>2</option>
                                        <option value="3" text{($.identityRangeNextLevel=='3')?'selected':''}>3</option>
                                        <option value="4" text{($.identityRangeNextLevel=='4')?'selected':''}>4</option>
                                        <option value="5" text{($.identityRangeNextLevel=='5')?'selected':''}>5</option>
                                        <option value="6" text{($.identityRangeNextLevel=='6')?'selected':''}>6</option>
                                        <option value="7" text{($.identityRangeNextLevel=='7')?'selected':''}>7</option>
                                        <option value="8" text{($.identityRangeNextLevel=='8')?'selected':''}>8</option>
                                        <option value="9" text{($.identityRangeNextLevel=='9')?'selected':''}>9</option>
                                    </select>{{$.lp.levelUnit}}</div><br/>
                                    <input style="float: left" type="radio" name="identityRangeNext" value="type" text{(($.identityRangeNext) && $.identityRangeNext.indexOf('type')!=-1)?'checked':''}/>{{$.lp.unitTypeIs}}
                                    <div class="MWFFormUnitTypeSelector" name="identityRangeNextUnitType" style="display: inline"></div>
                                    {{$.lp.deUnit}}<br/>
                                </div>
                            </td>
                        </tr>
                    </table>

                    <div id="text{$.pid}identityExpandSubEnable" style="border-bottom: 1px solid #999; ">
                        <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过选择表单数据指定选择范围</div>-->
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle">{{$.lp.expandNext}}:</td>
                                <td class="editTableValue">
                                    <input type="radio" name="identityExpandSubEnable" value="yes" text{($.identityExpandSubEnable!='no')?'checked':''}/>{{$.lp.yes}}
                                    <input type="radio" name="identityExpandSubEnable" value="no" text{($.identityExpandSubEnable=='no')?'checked':''}/>{{$.lp.no}}
                                </td>
                            </tr>
                        </table>
                    </div>

                    <div id="text{$.pid}identityRangeScriptValue" style="border-bottom: 1px solid #999; display: text{($.identityRange=='unit')?'block':'none'}; ">
                        <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过选择表单数据指定选择范围</div>-->
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle">{{$.lp.selectUnit}}:</td>
                                <td class="editTableValue"><div class="MWFPersonUnit" name="identityRangeUnit" type="rangeUnit"></div></td>
                            </tr>
                            <tr>
                                <td class="editTableTitle">{{$.lp.formData}}:</td>
                                <td class="editTableValue"><div class="MWFFormFieldPerson" name="identityRangeField" type="formField"></div></td>
                            </tr>
                        </table>

                        <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过编写脚本指定选择范围</div>-->
                        <div class="MWFFormulaArea" name="identityRangeKey" title="{{$.lp.script}} (S)"></div>
                    </div>
                </div>

                <div id="text{$.pid}dutyRangeSelectArea" style="border-bottom: 1px solid #999; display: text{($.identityOnlyUseInclude)?'none':''}; ">
                    <div style="text-align: center; height: 24px; background-color: #F1F1F1; line-height: 24px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;font-weight: bold;">{{$.lp.dutyRange}}</div>
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">{{$.lp.dutyRange}}:</td>
                            <td class="editTableValue">
                                <input type="radio" onclick="if (this.checked) {$('text{$.pid}dutyRangeScriptValue').setStyle('display', 'none');}" name="dutyRange" value="all" text{(['duty'].indexOf($.dutyRange)==-1)?'checked':''}/>{{$.lp.all}}
                                <input type="radio" onclick="if (this.checked) {$('text{$.pid}dutyRangeScriptValue').setStyle('display', 'block');}" name="dutyRange" value="duty" text{($.dutyRange && ($.dutyRange.indexOf('duty')!=-1))?'checked':''}/>{{$.lp.specifyDuty}}<br/>

                            </td>
                        </tr>
                    </table>

                    <div id="text{$.pid}dutyRangeScriptValue" style="border-bottom: 1px solid #999; display: text{($.dutyRange=='duty')?'block':'none'}; ">
                        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                            <tr>
                                <td class="editTableTitle">{{$.lp.category}}:</td>
                                <td class="editTableValue">
                                    <input type="radio" name="categoryType" value="unit" text{(['duty'].indexOf($.categoryType)==-1)?'checked':''}
                                    onclick="if (this.checked) {$('text{$.pid}dutyUnitLevelByTr').setStyle('display', '');}" />{{$.lp.byUnit}}
                                    <input type="radio" name="categoryType" value="duty" text{($.categoryType && ($.categoryType.indexOf('duty')!=-1))?'checked':''}
                                    onclick="if (this.checked) {$('text{$.pid}dutyUnitLevelByTr').setStyle('display', 'none');}"/>{{$.lp.byDuty}}<br/>
                                </td>
                            </tr>
                            <tr id="text{$.pid}dutyUnitLevelByTr" style="display: text{($.categoryType=='duty')?'none':''}; ">
                                <td class="editTableTitle">{{$.lp.showLevel}}:</td>
                                <td class="editTableValue">
                                    <input type="radio" name="dutyUnitLevelBy" value="duty" text{(['identity'].indexOf($.dutyUnitLevelBy)==-1)?'checked':''}/>{{$.lp.byDutyUnit}}<br/>
                                    <input type="radio" name="dutyUnitLevelBy" value="identity" text{($.dutyUnitLevelBy && ($.dutyUnitLevelBy.indexOf('identity')!=-1))?'checked':''}/>{{$.lp.byIdentityUnit}}
                                </td>
                            </tr>
                            <tr>
                                <td class="editTableTitle">{{$.lp.selectDuty}}:</td>
                                <td class="editTableValue"><div class="MWFPersonDuty" name="rangeDuty" type="rangeDuty"></div></td>
                            </tr>
                            <tr>
                                <td class="editTableTitle">{{$.lp.formData}}:</td>
                                <td class="editTableValue"><div class="MWFFormFieldPerson" name="rangeDutyField" type="formField"></div></td>
                            </tr>
                        </table>
                        <div class="MWFFormulaArea" name="rangeDutyKey" title="{{$.lp.script}} (S)"></div>
                    </div>
                </div>


                <div id="text{$.pid}identityIncludeArea" style="border-bottom: 1px solid #999; ">
                    <div style="text-align: center; height: 24px; background-color: #F1F1F1; line-height: 24px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;font-weight: bold;">{{$.lp.customOption}}</div>
                    <div style="height: 24px; line-height:24px; padding: 0px 6px; border-top: 1px solid #999">
                        {{$.lp.useScriptAddIdOrPerson}}
                    </div>
                    <div class="MWFFormulaArea" name="identityIncludeKey" title="{{$.lp.script}} (S)"></div>
                </div>
            </div>





            <div id="text{$.pid}unitProperties" title="{{$.lp.unit}}" class="MWFTab" data-group="selectType" style="display: text{($.selectType.indexOf('unit')!=-1)?'block':'none'};">
                <!--<div style="float: left">组织类型：</div><div class="MWFFormUnitTypeSelector" name="selectUnitType" style="float: left"></div>-->
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">{{$.lp.selectCount}}:</td>
                        <td class="editTableValue"><input type="text" name="unitCount" value="text{$.unitCount}" class="editTableInput"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.unitType}}:</td>
                        <td class="editTableValue"><div class="MWFFormUnitTypeSelector" name="selectUnitType"></div></td>
                    </tr>
                </table>
                <div style="text-align: center; height: 24px; background-color: #F1F1F1; line-height: 24px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-weight: bold;">{{$.lp.unitRange}}</div>
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">{{$.lp.unitRange}}:</td>
                        <td class="editTableValue">
                            <input type="radio" onclick="
                                if (this.checked) {
                                    $('text{$.pid}unitRangeNextArea').setStyle('display', 'none');
                                    $('text{$.pid}unitRangeScriptValue').setStyle('display', 'none');
                                    $('text{$.pid}firstLevelSelectable1').setStyle('display', 'none');
                                }" name="unitRange" value="all" text{(['unit', 'draftUnit', 'currentUnit'].indexOf($.unitRange)==-1)?'checked':''}/>{{$.lp.allUnit}}
                            <input type="radio" onclick="
                                if (this.checked) {
                                    $('text{$.pid}unitRangeNextArea').setStyle('display', 'none');
                                    $('text{$.pid}unitRangeScriptValue').setStyle('display', 'block');
                                    $('text{$.pid}firstLevelSelectable1').setStyle('display', 'block');
                                 }" name="unitRange" value="unit" text{($.unitRange.indexOf('unit')!=-1)?'checked':''}/>{{$.lp.specifyUnit}}<br/>
                            <input type="radio" onclick="
                                if (this.checked) {
                                    $('text{$.pid}unitRangeNextArea').setStyle('display', 'block');
                                    $('text{$.pid}unitRangeScriptValue').setStyle('display', 'none');
                                    $('text{$.pid}firstLevelSelectable1').setStyle('display', 'block');
                                }" name="unitRange" value="draftUnit" text{($.unitRange.indexOf('draftUnit')!=-1)?'checked':''}/>{{$.lp.draftUnit}}<br/>
                            <input type="radio" onclick="
                                if (this.checked) {
                                    $('text{$.pid}unitRangeNextArea').setStyle('display', 'block');
                                    $('text{$.pid}unitRangeScriptValue').setStyle('display', 'none');
                                    $('text{$.pid}firstLevelSelectable1').setStyle('display', 'block');
                                }" name="unitRange" value="currentUnit" text{($.unitRange.indexOf('currentUnit')!=-1)?'checked':''}/>{{$.lp.currentUnit}}<br/>

                            <div id="text{$.pid}unitRangeNextArea" style="border-top: 1px solid #999; display: text{($.unitRange=='draftUnit' || $.unitRange=='currentUnit')?'block':'none'}; ">
                                <input type="radio" name="unitRangeNext" value="direct" text{(['level', 'type'].indexOf($.unitRangeNext)==-1)?'checked':''}/>{{$.lp.inUnit}}<br/>
                                <input type="radio" name="unitRangeNext" value="level" text{(($.unitRangeNext) && $.unitRangeNext.indexOf('level')!=-1)?'checked':''}/>{{$.lp.levelIs}}
                                <div style="display: inline"><select name="unitRangeNextLevel">
                                    <option value="1" text{($.unitRangeNextLevel=='1')?'selected':''}>1</option>
                                    <option value="2" text{($.unitRangeNextLevel=='2')?'selected':''}>2</option>
                                    <option value="3" text{($.unitRangeNextLevel=='3')?'selected':''}>3</option>
                                    <option value="4" text{($.unitRangeNextLevel=='4')?'selected':''}>4</option>
                                    <option value="5" text{($.unitRangeNextLevel=='5')?'selected':''}>5</option>
                                    <option value="6" text{($.unitRangeNextLevel=='6')?'selected':''}>6</option>
                                    <option value="7" text{($.unitRangeNextLevel=='7')?'selected':''}>7</option>
                                    <option value="8" text{($.unitRangeNextLevel=='8')?'selected':''}>8</option>
                                    <option value="9" text{($.unitRangeNextLevel=='9')?'selected':''}>9</option>
                                </select>{{$.lp.levelUnit}}</div><br/>
                                <input style="float: left" type="radio" name="unitRangeNext" value="type" text{(($.unitRangeNext) && $.unitRangeNext.indexOf('type')!=-1)?'checked':''}/>{{$.lp.unitTypeIs}}
                                <div class="MWFFormUnitTypeSelector" name="unitRangeNextUnitType" style="display: inline"></div>
                                {{$.lp.deUnit}}<br/>
                            </div>
                        </td>
                    </tr>
                </table>

                <div id="text{$.pid}unitExpandSubEnable">
                    <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过选择表单数据指定选择范围</div>-->
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">{{$.lp.expandNext}}:</td>
                            <td class="editTableValue">
                                <input type="radio" name="unitExpandSubEnable" value="yes" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}firstLevelSelectable2').setStyle('display', 'block');
                                    }"  text{($.unitExpandSubEnable!='no')?'checked':''}/>{{$.lp.yes}}
                                <input type="radio" name="unitExpandSubEnable" value="no" onclick="
                                    if (this.checked) {
                                        $('text{$.pid}firstLevelSelectable2').setStyle('display', 'none');
                                    }" text{($.unitExpandSubEnable=='no')?'checked':''}/>{{$.lp.no}}
                            </td>
                        </tr>
                    </table>
                </div>

                <div id="text{$.pid}firstLevelSelectable1" style="display: text{(['unit','draftUnit','currentUnit'].contains($.unitRange))?'block':'none'};">
                    <div id="text{$.pid}firstLevelSelectable2" style="display: text{($.unitExpandSubEnable!='no')?'block':'none'};">
                        <table>
                            <tr>
                                <td class="editTableTitle">{{$.lp.firstLevelSelectable}}:</td>
                                <td class="editTableValue">
                                    <input type="radio" name="firstLevelSelectable" value="yes" text{($.firstLevelSelectable=='yes')?'checked':''}/>{{$.lp.yes}}
                                    <input type="radio" name="firstLevelSelectable" value="no" text{($.firstLevelSelectable!='yes')?'checked':''}/>{{$.lp.no}}
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div style="border-bottom: 1px solid #999;"></div>

                <div id="text{$.pid}unitRangeScriptValue" style="border-bottom: 1px solid #999; display: text{($.unitRange=='unit')?'block':'none'}; ">
                    <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过选择表单数据指定选择范围</div>-->
                    <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                        <tr>
                            <td class="editTableTitle">{{$.lp.selectUnit}}:</td>
                            <td class="editTableValue"><div class="MWFPersonUnit" name="unitRangeUnit" type="rangeUnit"></div></td>
                        </tr>
                        <tr>
                            <td class="editTableTitle">{{$.lp.formData}}:</td>
                            <td class="editTableValue"><div class="MWFFormFieldPerson" name="unitRangeField" type="formField"></div></td>
                        </tr>
                    </table>

                    <!--<div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">通过编写脚本指定选择范围</div>-->
                    <div class="MWFFormulaArea" name="unitRangeKey" title="{{$.lp.script}} (S)"></div>
                </div>
            </div>


            <div id="text{$.pid}groupProperty" title="{{$.lp.group}}" class="MWFTab" data-group="selectType" style="display: text{($.selectType.indexOf('group')!=-1)?'block':'none'};">
                <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle">{{$.lp.selectCount}}:</td>
                        <td class="editTableValue"><input type="text" name="groupCount" value="text{$.groupCount}" class="editTableInput"/></td>
                    </tr>
                    <tr>
                        <td class="editTableTitle">{{$.lp.selectRange}}:</td>
                        <td class="editTableValue">
                            <input type="radio" name="groupRange" value="all" text{($.groupRange!=='group')?'checked':''}
                            onchange="if (this.checked)$('text{$.pid}groupScript').setStyle('display', 'none');"/>{{$.lp.all2}}
                            <input type="radio" name="groupRange" value="group" text{($.groupRange==='group')?'checked':''}
                            onchange="if (this.checked)$('text{$.pid}groupScript').setStyle('display', '');"/>{{$.lp.specifyGroup}}
                        </td>
                    </tr>
                </table>
                <div id="text{$.pid}groupScript" style="border-bottom: 1px solid #999; display: text{($.groupRange=='group')?'block':'none'}; ">
                    <div class="MWFFormulaArea" name="groupRangeKey" title="{{$.lp.script}} (S)"></div>
                </div>
            </div>


        </div>


        <div id="text{$.pid}exclude" style="border-bottom: 1px solid #999; ">
            <div style="text-align: center; height: 24px; background-color: #F1F1F1; line-height: 24px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;font-weight: bold;">{{$.lp.exclude}}</div>
            <div style="height: 24px; line-height:24px; background-color: #EEE; padding: 0px 6px; border-top: 1px solid #999">{{$.lp.excludeInfo}}</div>
            <div class="MWFFormulaArea" name="exclude" title="{{$.lp.script}} (S)"></div>
        </div>

    </div>
    <div title="{{$.lp.section}}" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.enableSection}}:</td>
                <td class="editTableValue">
                    <input onclick="if (this.checked){
                        $('text{$.pid}sectionByEditArea').setStyle('display', 'block');
                        $('text{$.pid}sectionMergeArea').setStyle('display', 'none')
                    }" type="radio" name="section" value="yes" text{($.section=='yes')?'checked':''}/>{{$.lp.yes}}
                    <input onclick="if (this.checked){
                        $('text{$.pid}sectionByEditArea').setStyle('display', 'none');
                        $('text{$.pid}sectionMergeArea').setStyle('display', 'block')
                    }" type="radio" name="section" value="no" text{($.section!='yes')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
        </table>

        <div id="text{$.pid}sectionByEditArea" style="display: text{($.section=='yes')?'block':'none'};">
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.sectionBy}}:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}sectionByScriptEditArea').setStyle('display', 'none');}" name="sectionBy" text{(($.sectionBy=='person') || ($.sectionBy!='unit' && $.sectionBy!='activity' && $.sectionBy!='script'))?'checked':''} type="radio" value="person"/>{{$.lp.handler}}<br/>
                        <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}sectionByScriptEditArea').setStyle('display', 'none');}"  name="sectionBy" text{($.sectionBy=='unit')?'checked':''} type="radio" value="unit"/>{{$.lp.handlerUnit}}<br/>
                        <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}sectionByScriptEditArea').setStyle('display', 'none');}"  name="sectionBy" text{($.sectionBy=='activity')?'checked':''} type="radio" value="activity"/>{{$.lp.activityId}}<br/>
                        <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}sectionByScriptEditArea').setStyle('display', 'none');}"  name="sectionBy" text{($.sectionBy=='splitValue')?'checked':''} type="radio" value="splitValue"/>{{$.lp.splitValue}}<br/>
                        <input class="editTableRadio" onclick="if (this.checked){ $('text{$.pid}sectionByScriptEditArea').setStyle('display', 'block');}"  name="sectionBy" text{($.sectionBy=='script')?'checked':''} type="radio" value="script"/>{{$.lp.script}}<br/>
                    </td>
                </tr>
            </table>
            <div id="text{$.pid}sectionByScriptEditArea" style="display: text{($.sectionBy=='script')?'block':'none'};">
                <div class="MWFScriptArea" name="sectionByScript" title="{{$.lp.sectionBy}} (S)"></div>
            </div>
        </div>

        <div id="text{$.pid}sectionMergeArea" class="MWFSectionMergeArea" style="display: text{($.section=='yes')?'none':''};"></div>

    </div>
    <div title="{{$.lp.event}}"  class="MWFTab">
        <div class="MWFEventsArea" name="events"></div>
    </div>
    <!--<div title="HTML"  class="MWFTab">-->
        <!--<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>-->
    <!--</div>-->
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>