ohplay_official/app/acp/mkings/add.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=mkings&a=add"
              class="pageForm -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 " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>英文产品名：</label></td>
                        <td>
                            <input name="en_ftitle" class="mSize " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>中文标题：</label></td>
                        <td>
                            <input name="cn_stitle" class="mSize " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>英文标题：</label></td>
                        <td>
                            <input name="en_stitle" class="mSize " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>中文简介：</label></td>
                        <td>
                            <textarea class="lSize " rows="10" name="cn_brief"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label>英文简介：</label></td>
                        <td>
                            <textarea class="lSize " rows="10" name="en_brief"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td><label>缩略图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                            </div>
                            <input type="text" name="thumbnail" class="lSize " style="width:300px;">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><label>产品主图：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                            </div>
                            <input type="text" name="icon" class="lSize " style="width:300px;">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><label>产品背景图(1920*1080)：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                            </div>
                            <input type="text" name="bg_icon" class="lSize " style="width:300px;">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><label>产品移动端背景图(750*1220)：</label></td>
                        <td>
                            <div class="img_prev" style="padding: 7px 0;">
                            </div>
                            <input type="text" name="bg_icon_phone" class="lSize " style="width:300px;">
                            <div class="button" onclick="BrowseServer(this,'Images',1);return false;">
                                <div class="buttonContent">
                                    <button>浏览</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <!--<tr>-->
                        <!--<td><label>视频中文标题：</label></td>-->
                        <!--<td>-->
                            <!--<input name="cn_video_title" class="mSize" type="text"/>-->
                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td><label>视频英文标题：</label></td>-->
                        <!--<td>-->
                            <!--<input name="en_video_title" class="mSize" type="text"/>-->
                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td><label>视频中文简介：</label></td>-->
                        <!--<td>-->
                            <!--<textarea class="lSize" rows="5" name="cn_video_content"></textarea>-->
                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td><label>视频英文简介：</label></td>-->
                        <!--<td>-->
                            <!--<textarea class="lSize" rows="5" name="en_video_content"></textarea>-->
                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td><label>视频链接：</label></td>-->
                        <!--<td>-->
                            <!--<input name="video" class="mSize" type="text"/>-->
                            <!--<span class="info" style="color: #FF0000;">若没有,则为空</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <tr id="mkingtr">
                        <td><label>展示数量：</label></td>
                        <td>
                            <input name="count" class="mSize" type="text" id="mkingCount"
                                   value="0" readonly="true"/>
                            <div class="button">
                                <div class="buttonContent">
                                    <button id='mkingButton' type="button">添加</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><label>商城URL：</label></td>
                        <td>
                            <input name="url" class="mSize " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>权重：</label></td>
                        <td>
                            <input name="power" class="mSize " type="text"/>
                            <span class="info" style="color: #FF0000;">基础为0,越大排名越前</span>
                        </td>
                    </tr>
                    <tr>
                        <td><label>所属系列：</label></td>
                        <td>
                            <select name="series">
                                <!--{if(!empty($series)){}-->
                                <!--{foreach ($series as $k => $v){}-->
                                <option value="<!--{echo $v['id'];}-->"><!--{echo $v['cn_title'];}-->/
                                    <!--{echo $v['en_title'];}--></option>
                                <!--{}}-->
                                <!--{}}-->
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><label>所属类别：</label></td>
                        <td>
                            <select name="status">
                                <option value="1">草稿</option>
                                <option value="0">发布</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Keywords：</label></td>
                        <td>
                            <input name="keywords" class="mSize " type="text"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Description：</label></td>
                        <td>
                            <input name="description" class="mSize " type="text"/>
                        </td>
                    </tr>
                </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 () {
        $("#mkingButton").bind("click",
            function () {
                var i = $.trim($("#mkingCount").val());
                $("#mkingCount").val(++i);
                $("#mkingtr").after("<tr class=\"mking_" + i + "\"><td><label>图片中文一级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>图片英文一级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>图片中文二级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>图片英文二级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文一级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"cn_fimg_title_phone[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文一级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"2\" name=\"en_fimg_title_phone[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>移动图片中文二级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"cn_simg_title_phone[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>移动图片英文二级标题：</label></td>" +
                    "<td><textarea class=\"lSize\" rows=\"10\" name=\"en_simg_title_phone[]\"></textarea></td></tr>" +
                    "<tr class=\"mking_" + i + "\"><td><label>文字展现位置(上下位置1到100)：</label></td><td>" +
                    "<input type=\"text\" name=\"top[]\" class=\"lSize \" style=\"width:300px;float: left;clear: both;\"></td></tr>"+
                    "<tr class=\"mking_" + i + "\"><td><label>产品图：</label></td><td>" +
                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
                    "</div><input type=\"text\" name=\"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=\"mking_" + i + "\"><td><label>移动端产品图(750*1220)：</label></td><td>" +
                    "<div class=\"img_prev\" style=\"padding: 7px 0;\">" +
                    "</div><input type=\"text\" name=\"image_phone[]\" 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><a class=\"mkingDel\" 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.mkingDel[name=" + i + "]").click(function (e) {
                    $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
                    $(".mking_" + $(e.target).attr("name")).remove();
                });
            });
        $("a.mkingDel").click(function (e) {
            $.trim($("#mkingCount").val($.trim($("#mkingCount").val()) - 1))
            $(".mking_" + $(e.target).attr("name")).remove();
        });
    });
</script>