oaup9/o2web/source/x_component_process_FormDesigner/Module/Statement/statement.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>
		</table>
		
		<div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
		<div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div class="MWFMaplist" name="titleStyles" title="{{$.lp.titleStyle}}"></div>
        <div class="MWFMaplist" name="itemStyles" title="{{$.lp.dataStyle}}"></div>

	</div>

	<div title="{{$.lp.query}}"  class="MWFTab">
		<div>
			<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
				<tr>
					<td class="editTableTitle">{{$.lp.query}}:</td>
					<td class="editTableValue"><div class="MWFQueryStatementSelect" name="queryStatement"></div></td>
				</tr>
			</table>
			<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
				<tr>
					<td class="editTableTitle">{{$.lp.loadNow}}:</td>
					<td class="editTableValue">
						<input type="radio" name="loadView" value="yes" text{($.loadView!='no')?'checked':''}/>{{$.lp.yes}}
						<input type="radio" name="loadView" value="no" text{($.loadView=='no')?'checked':''}/>{{$.lp.no}}
					</td>
				</tr>
			</table>
		</div>


		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
			<!--<tr>-->
			<!--<td class="editTableTitle">视图:</td>-->
			<!--<td class="editTableValue">-->
			<!--<div class="MWFViewSelect" name="view"></div>-->
			<!--</td>-->
			<!--</tr>-->
			<tr>
				<td class="editTableTitle">{{$.lp.showTitle}}</td>
				<td class="editTableValue">
					<input class="editTableRadio" name="isTitle" text{($.isTitle!='no')?'checked':''} type="radio" value="yes"/>{{$.lp.show}}
					<input class="editTableRadio" name="isTitle" text{($.isTitle=='no')?'checked':''} type="radio" value="no"/>{{$.lp.hide}}
				</td>
			</tr>
			<tr>
				<td class="editTableTitle">{{$.lp.allowSelect}}</td>
				<td class="editTableValue">
					<select name="select" onchange="$('text{$.pid}selectedAbleScript').setStyle('display', this.options[this.selectedIndex].value === 'no' ? 'none' : 'block');">
						<option text{($.select!='single' && $.select!='multi')?'selected':''} value="no">{{$.lp.notAllow}}</option>
						<option text{($.select=='single')?'selected':''} value="single">{{$.lp.singleChoice}}</option>
						<option text{($.select=='multi')?'selected':''} value="multi">{{$.lp.multipleChoice}}</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="editTableTitle">{{$.lp.actionBar}}</td>
				<td class="editTableValue">
					<input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>{{$.lp.show}}
					<input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>{{$.lp.hide}}
				</td>
			</tr>
		</table>

		<div style="background-color: #eeeeee; border-top:1px solid #999999; height: 24px; line-height: 24px; text-align: center; cursor:pointer">{{$.lp.filter}}</div>
		<div class="MWFStatementFilter">
			<div class="inputAreaNode_vf">
				<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf" style="table-layout: fixed;">
					<tr class="parameterInputTr" style="display: none">
                        <td class="editTableTitle">{{$.lp.parameter}}:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput parameterInput_vf"/>
                            <div style="line-height: 20px;color:#999;">{{$.lp.parameterNote}}</div>
                        </td>
                    </tr>
					<tr class="filterListInputTr" id="text{$.id}pathInputSelectTr">
						<td class="editTableTitle">{{$.lp.select}}:</td>
						<td class="editTableValue">
							<select class="pathInputSelect_vf"></select>
							<!--                            <div style="line-height: 20px;color:#999;">注：选择路径后，需在选择的值前面加上"表别名."，如：o.</div>-->
						</td>
					</tr>
					<tr class="filterListInputTr" >
						<td class="editTableTitle">{{$.lp.path}}:</td>
						<td class="editTableValue">
							<input type="text" class="editTableInput pathInput_vf"/>
							<div style="color: #999" class="pathNote_vf">{{$.lp.pathInfo}}</div>
						</td>
					</tr>
					<tr>
						<td class="editTableTitle">{{$.lp.dataType}}:</td>
						<td class="editTableValue"><select class="datatypeInput_vf">
							<option value="textValue" selected>{{$.lp.text}}</option>
							<option value="numberValue">{{$.lp.number}}</option>
							<option value="dateValue">{{$.lp.date}}</option>
							<option value="dateTimeValue">{{$.lp.dateTime2}}</option>
							<option value="booleanValue">{{$.lp.boolean}}</option>
						</select></td>
					</tr>
					<tr class="filterListInputTr">
                        <td class="editTableTitle">{{$.lp.compare}}:</td>
                        <td class="editTableValue"><select class="comparisonInput_vf">
                            <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.range}}(range)</option>
                        </select></td>
                    </tr>
                    <tr style="display:none">
                        <td class="editTableTitle">{{$.lp.subject}}:</td>
                        <td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
                    </tr>
                    <tr style="display:none;">
                        <td class="editTableTitle">{{$.lp.logic}}:</td>
                        <td class="editTableValue"><select class="logicInput_vf">
                            <option selected value="and">{{$.lp.and}}</option>
                            <option value="or">{{$.lp.or}}</option>
                        </select></td>
                    </tr>
                    <tr style="display:none">
                        <td class="editTableTitle">{{$.lp.value}}:</td>
                        <td class="editTableValue">
                            <input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
                            <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.true}}(True)</option>
                                <option value="false">{{$.lp.false}}(False)</option>
                            </select>
                        </td>
                    </tr>
				</table>
				<table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                    <tr>
                        <td class="editTableTitle"></td>
                        <td class="editTableValue">
                            <input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked data-notAutoHistory onclick="if (this.checked){
                                    debugger;
                                    this.getParent('.inputAreaNode_vf').getElements('tr.parameterInputTr').hide();
                                    this.getParent('.inputAreaNode_vf').getElements('tr.filterListInputTr').setStyle('display','');
                                }"/>{{$.lp.addDefaultConditionByPath}}<br>
                            <input type="radio" class="restrictParameterInput_form_vf" value="custom" name="text{$.id}viewFilterType" data-notAutoHistory onclick="if (this.checked){
                                    debugger;
                                    this.getParent('.inputAreaNode_vf').getElements('tr.parameterInputTr').setStyle('display','');
                                    this.getParent('.inputAreaNode_vf').getElements('tr.filterListInputTr').hide();
                                }"/>{{$.lp.addDefaultConditionByParameter}}
                        </td>
                    </tr>
                </table>
				<div title="{{$.lp.value}}" class="MWFFilterFormulaArea"></div>
			</div>
			<div class="actionAreaNode_vf"></div>
			<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.pathConditions}}</div>
			<div class="filterListAreaNode_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.parameterConditions}}}</div>
            <div class="parameterListAreaNode_form_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
		</div>
		<div class="MWFScriptArea" name="defaultSelectedScript" title="{{$.lp.defaultSelectedLineScript}}"></div>
		<div class="MWFScriptArea" name="selectedAbleScript" title="{{$.lp.allowSelectiLineScript}}" id="text{$.pid}selectedAbleScript"
			 style="display: text{($.select=='single' || $.select=='multi')?'':'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>