createTopfloorPage.html 2.22 KB
<form class="r4">
    <div class="fgroup" data-prop="pageIdOrUrl" required>
        <label>{{SystemEnv.getHtmlNoteName(5147)}}</label>	<!-- 页面: -->
        <select data-placeholder="{{SystemEnv.getHtmlNoteName(5146)}}">	<!-- 选择要打开的页面 -->
            <option></option>
            {{
                items.reduce(function(prev, item) {
                    if(item.ishide == 1) {
                        return prev;
                    }
                    var temp = "<option value='" + item.id + "'>" + item.uiname + "</option>"
                    return prev + temp;
                }, "")
            }}
        </select>
    </div>
    <div class="fgroup" data-prop="maskBgColor" style="display:none;">
        <label>{{SystemEnv.getHtmlNoteName(5148)}}</label>	<!-- 遮罩层背景色: -->
        <input type="text" value="rgba(0,0,0,0.2)" />
    </div>
    <div class="fgroup" data-prop="effect">
        <label>{{SystemEnv.getHtmlNoteName(5150)}}</label>	<!-- 滑出效果: -->
        <select id="slide-effect-select">
            <option value="1">{{SystemEnv.getHtmlNoteName(6235)}}</option>	<!-- 左滑出 -->
            <option value="6">{{SystemEnv.getHtmlNoteName(6236)}}</option>	<!-- 右滑出 -->
            <option value="2">{{SystemEnv.getHtmlNoteName(5153)}}</option>	<!-- 左推出 -->
            <option value="3">{{SystemEnv.getHtmlNoteName(5154)}}</option>	<!-- 右推出 -->
            <option value="4">{{SystemEnv.getHtmlNoteName(5156)}}</option>	<!-- 由下而上滑出 -->
            <option value="5">{{SystemEnv.getHtmlNoteName(5164)}}</option>	<!-- 由上而下滑出 -->
        </select>
    </div>
    <div class="fgroup" data-prop="proportion">
        <label>{{SystemEnv.getHtmlNoteName(4191)}}</label>	<!-- 宽度: -->
        <input type="text" value="70%" />
    </div>
    <script>
        $("#slide-effect-select").off("change").on("change", function() {
            var value = this.value;
            var $label = $("[data-prop=proportion]").find("label");

            if(value >= 4) {
                return $label.html(SystemEnv.getHtmlNoteName(4128));	//高度:
            }
            return $label.html(SystemEnv.getHtmlNoteName(4191));	//宽度:
        });
    </script>
</form>