ohplay_official/acp/mkinglogs/run.htm

<style type="text/css">
    <!--
    .pageFormContent td {
        padding: 7px 0;
    }

    -->
</style>
<div class="page unitBox">
    <div class="pageContent">
        <form method="post" action="<!--{echo $domain_prefix}-->/?m=acp&c=mkinglogs&a=add"
              class="pageForm required-validate"
              onsubmit="return validateCallback(this, navTabAjaxDone);" novalidate="novalidate"
              accept-charset="utf-8">
            <div class="pageFormContent" layoutH="55">
                <table>
                    <tr>
                        <td><label>中文主标题：</label></td>
                        <td><input name="cn_ftitle" class="mSize required" type="text"
                                   value="<!--{echo $data['cn_ftitle'];}-->"/></td>
                    </tr>
                    <tr>
                        <td><label>英文主标题：</label></td>
                        <td><input name="en_ftitle" class="mSize required" type="text"
                                   value="<!--{echo $data['en_ftitle'];}-->"/></td>
                    </tr>
                    <tr>
                        <td><label>中文主内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="cn_fcontent"><!--{echo !isset($data['cn_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['cn_fcontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label>英文主内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="en_fcontent"><!--{echo !isset($data['en_fcontent']) ? '' : str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $data['en_fcontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label>文案主图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                                <!--{ if(!empty($data['image'])){ }-->
                                <img src="<!--{echo $data['image'];}-->" width="120px"/>
                                <!--{ }}-->
                            </div>
                            <input type="text" name="image" class="lSize required" style="width:300px;" value="<!--{echo !isset($data['image']) ? '' : $data['image'];}-->">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr id="showtr">
                        <td><label>猫王历程文案数量：</label></td>
                        <td>
                            <input name="count" class="mSize" type="text" id="showCount"
                                   value="<!--{echo !isset($data['count']) ? 0 : $data['count'];}-->" readonly="true"/>
                            <div class="button">
                                <div class="buttonContent">
                                    <button id='showButton' type="button">添加</button>
                                </div>
                            </div>
                            <font color="red">(权重数字越高排名越前，不可重复。高亮文字使用{})</font>
                        </td>
                    </tr>
                    <!--{ if($data && !empty($data['show'])){ $i = count($data['show']); }-->
                    <!--{foreach ($data['show'] as $key => $row){ }-->
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>中文标题：</label></td>
                        <td><input name="cn_stitle[]" class="mSize required" type="text"
                                   value="<!--{echo $row['cn_stitle'];}-->"/></td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>英文标题：</label></td>
                        <td><input name="en_stitle[]" class="mSize required" type="text"
                                   value="<!--{echo $row['en_stitle'];}-->"/></td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>中文内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="cn_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['cn_scontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>英文内容：</label></td>
                        <td><textarea class="lSize required" rows="10" name="en_scontent[]"><!--{echo str_replace("&nbsp;", " ", str_replace("<br/>", "\r", $row['en_scontent']));}--></textarea>
                        </td>
                    </tr>
                    <tr class="show_<!--{echo $i;}-->">
                        <td><label>权重：</label></td>
                        <td><input name="power[]" class="mSize required" type="text" value="<!--{echo $key;}-->"/><a
                                class="showDel" name="<!--{echo $i; }-->"
                                style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除
                            <!--{echo $i; }--></a></td>
                    </tr>
                    <!--{ $i--; }}-->
                    <!--{ }}-->
                    <tr id="timetr">
                        <td><label>轨迹表：</label></td>
                        <td>
                            <input name="time_count" class="mSize required" type="text" id="timeCount"
                                   value="<!--{echo !isset($data['time_count']) ? 0 : $data['time_count'];}-->" readonly="true"/>
                            <div class="button">
                                <div class="buttonContent">
                                    <button id='timeButton' type="button">添加</button>
                                </div>
                            </div>
                            <font color="red">(权重越大,排名越靠前,不可重复。图片格式为(限制100宽)，并可为空)</font>
                        </td>
                    </tr>
                    <!--{ if($data && !empty($data['time'])){ $i = count($data['time']); }-->
                    <!--{foreach ($data['time'] as $key => $row){ }-->
                    <tr class="time_<!--{echo $i;}-->">
                        <td><label>时间：</label></td>
                        <td><input name="time[]" class="mSize required" type="text"
                                   value="<!--{echo $row['time'];}-->"/></td>
                    </tr>
                    <tr class="time_<!--{echo $i;}-->">
                        <td><label>时间中文简介：</label></td>
                        <td><input name="cn_time_title[]" class="mSize required" type="text"
                                   value="<!--{echo $row['cn_time_title'];}-->"/></td>
                    </tr>
                    <tr class="time_<!--{echo $i;}-->">
                        <td><label>时间英文简介：</label></td>
                        <td><input name="en_time_title[]" class="mSize required" type="text"
                                   value="<!--{echo $row['en_time_title'];}-->"/></td>
                    </tr>
                    <tr class="time_<!--{echo $i;}-->">
                        <td><label>展示图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                                <!--{ if(!empty($row['time_image'])){ }-->
                                <img src="<!--{echo $row['time_image'];}-->" width="120px"/>
                                <!--{ }}-->
                            </div>
                            <input type="text" name="time_image[]" class="lSize" style="width:300px;" value="<!--{echo !isset($row['time_image']) ? '' : $row['time_image'];}-->">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="time_<!--{echo $i;}-->">
                        <td><label>权重：</label></td>
                        <td><input name="time_power[]" class="mSize required" type="text"
                                   value="<!--{echo $key;}-->"/>
                            <a class="timeDel" name="<!--{echo $i; }-->" style="background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;">删除<!--{echo $i; }--></a></td></tr></td>
                    </tr>
                    <!--{ $i--; }}-->
                    <!--{ }}-->
                </table>
            </div>
            <div class="formBar">
                <ul>
                    <li>
                        <div class="buttonActive">
                            <div class="buttonContent">
                                <button type="submit">保存</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="button">
                            <div class="buttonContent">
                                <button type="button" class="close">取消</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </form>
    </div>
</div>
<script>
    $(document).ready(function () {
        $("#showButton").bind("click",
            function () {
                var i = $.trim($("#showCount").val());
                $("#showCount").val(++i);
                $("#showtr").after("<tr class=\"show_" + i + "\"><td><label>中文标题：</label></td>" +
                    "<td><input name=\"cn_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>英文标题：</label></td>" +
                    "<td><input name=\"en_stitle[]\" class=\"mSize required\" type=\"text\"/></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>中文内容：</label></td>" +
                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"cn_scontent[]\"></textarea></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>英文内容：</label></td>" +
                    "<td><textarea class=\"lSize required\" rows=\"10\" name=\"en_scontent[]\"></textarea></td></tr>" +
                    "<tr class=\"show_" + i + "\"><td><label>权重：</label></td>" +
                    "<td><input name=\"power[]\" class=\"mSize required\" type=\"text\"/><a class=\"showDel\" name=" + i + " style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除" + i + "</a></td></tr>");
                $("a.showDel[name=" + i + "]").click(function (e) {
                    $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
                    $(".show_" + $(e.target).attr("name")).remove();
                });
        });
        $("a.showDel").click(function (e) {
            $.trim($("#showCount").val($.trim($("#showCount").val()) - 1))
            $(".show_" + $(e.target).attr("name")).remove();
        });
        $("#timeButton").bind("click",
            function () {
                var i = $.trim($("#timeCount").val());
                $("#timeCount").val(++i);
                $("#timetr").after("<tr class=\"time_"+i+"\"><td><label>时间：</label></td>"+
                    "<td><input name=\"time[]\" class=\"mSize required\" type=\"text\" /></td>"+
                    "</tr><tr class=\"time_"+i+"\"> <td><label>时间中文简介：</label></td>"+
                    "<td><input name=\"cn_time_title[]\" class=\"mSize required\" type=\"text\"/></td>"+
                    "</tr><tr class=\"time_"+i+"\"><td><label>时间英文简介：</label></td>"+
                    "<td><input name=\"en_time_title[]\" class=\"mSize required\" type=\"text\"/></td>"+
                    "</tr><tr class=\"time_"+i+"\"><td><label>展示图：</label></td>"+
                    "<td><div class=\"img_prev\" style=\"padding: 7px 0;\"></div><input type=\"text\" name=\"time_image[]\" class=\"lSize\" style=\"width:300px;float: left;clear: both;\">"+
                    "<div class=\"button\" onclick=\"BrowseServer(this,'Images',1);return false;\"><div class=\"buttonContent\" style='float: right;clear: both;'><button>浏览</button></div></div></td></tr>"+
                    "<tr class=\"time_"+i+"\"><td><label>权重：</label></td><td><input name=\"time_power[]\" class=\"mSize required\" type=\"text\"/>"+
                    "<a class=\"timeDel\" name=\""+i+"\" style=\"background-color: #a90329;border-radius:4px;border:1px solid #a90329;font-size: 14px;font-weight: bold;color: #f5efff;width: 100px;height: 30px;margin-left: 4px;\">删除"+i+"</a></td></tr></td></tr>");
                $("a.timeDel[name=" + i + "]").click(function (e) {
                    $.trim($("#timeCount").val($.trim($("#timeCount").val()) - 1))
                    $(".time_" + $(e.target).attr("name")).remove();
                });
            });
        $("a.timeDel").click(function (e) {
            $.trim($("#timeCount").val($.trim($("#timeCount").val()) - 1))
            $(".time_" + $(e.target).attr("name")).remove();
        });
    });
</script>