book_admin/application/admin/view/send/message/imgtext/add.html

<script src="/assets/libs/ueditor/ueditor.config.js"></script>
<script src="/assets/libs/ueditor/ueditor.all.js"></script>
<form id="add-form" class="form-horizontal" role="form" method="POST" action="">
    <div class="form-group">
        <label for="c-title" class="control-label col-xs-12 col-sm-2">{:__('消息标题')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-title" class="form-control" name="row[title]" type="text" style="width: 50%">
            <button type="button" class="btn btn-default btn-add-title-list" title="从标题库选择" style="color:blue;"><i class="fa fa-eraser"></i> 从标题库选择 </button>
        </div>
    </div>
    <div class="form-group">
        <label for="c-author" class="control-label col-xs-12 col-sm-2">{:__('作者')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-author" class="form-control" name="row[author]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label for="c-content" class="control-label col-xs-12 col-sm-2">{:__('消息内容')}:</label>
        <div class="col-xs-12 col-sm-8" >
            <script id="ueditor_container" name="content" type="text/plain"></script>
        </div>
    </div>
<br>
    {if condition="$isWrite eq 1"}
    <div class="form-group">
        <label for="c-mini" class="control-label col-xs-12 col-sm-2">{:__('小程序')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-mini" class="form-control" name="row[mini]" type="hidden" value="">
            <a href="javascript:;" class="btn btn-info btn-embossed" id="add-mini">添加小程序到消息内容</a>
<!--            <a href="javascript:;" class="btn btn-info btn-embossed" style="display: none" id="edit-mini">编辑</a>-->
            <a href="javascript:;" class="btn btn-default" style="display: none" id="del-mini">删除</a>
        </div>
    </div>
    <div class="form-group book-tags-selected">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8 mini-list">
            <ul class="ul-th">
                <li class="id">序号</li>
                <li class="name">小程序标识位</li>
                <li class="d">操作</li>
            </ul>
        </div>
    </div>
    {/if}
    <div class="form-group">
        <label for="c-image" class="control-label col-xs-12 col-sm-2">{:__('封面图片')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" class="form-control" size="50" name="row[cover]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-width="1080" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('上传')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-image"></ul>
        </div>
    </div>

    <div class="form-group">
        <label for="c-digest" class="control-label col-xs-12 col-sm-2">{:__('摘要')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-digest" class="form-control"  name="row[digest]" ></textarea>
        </div>
    </div>
    <div class="form-group">
        <label for="c-type" class="control-label col-xs-12 col-sm-2">{:__('文章跳转类型(原文链接)')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio" id="c-type">
                <label class="btn-book" for="row[type]-{1}"><input id="row[type]-{1}" name="row[type]" type="radio" value="0" checked /> 书籍</label>
                <label class="btn-pay" for="row[type]-{2}"><input id="row[type]-{2}" name="row[type]" type="radio" value="1" /> 充值活动</label>
                <label class="btn-read" for="row[type]-{3}"><input id="row[type]-{3}" name="row[type]" type="radio" value="2" /> 继续阅读</label>
                <label class="btn-consume" for="row[type]-{4}"><input id="row[type]-{4}" name="row[type]" type="radio" value="3" /> 消耗活动</label>
                <label class="btn-read" for="row[type]-{5}"><input id="row[type]-{5}" name="row[type]" type="radio" value="4" /> 无跳转</label>
            </div>

        </div>
    </div>
<!--    <div class="form-group n-book_id">-->
<!--        <label for="c-book_id" class="control-label col-xs-12 col-sm-2">{:__('书籍')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <select  id="c-book_id" class="form-control selectpicker" data-live-search="true" name="row[book_id]">-->
<!--                {foreach name="bookList" item="vo"}-->
<!--                <option value="{$vo.id}">{$vo.name}</option>-->
<!--                {/foreach}-->
<!--            </select>-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group n-book_id">
        <label for="c-book_id" class="control-label col-xs-12 col-sm-2">{:__('书籍')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-book_book_name" data-source="/admin/send/message/imgtext/autocompletebookname"
                   data-field="name"
                   data-primary-key="name" class="form-control" data-pagination="false"
                   name="book[book_name]" type="text" value="">
            <input type="hidden" name="book[book_id]" id="c-book_id" value="" />
        </div>
    </div>
    <div class="form-group n-chapter_id">
        <label for="c-chapter_id" class="control-label col-xs-12 col-sm-2">{:__('章节')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-chapter_id" class="form-control" name="row[chapter_id]">
            </select>
        </div>
    </div>
<!--    <div class="form-group n-activity_type hidden">-->
<!--        <label for="c-activity_type" class="control-label col-xs-12 col-sm-2">{:__('活动类型')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <div class="radio" id="c-activity_type">-->
<!--                <label class="n-platform-activity" for="row[activity_type]-{1}"><input class="o-platform-activity" id="row[activity_type]-{1}" name="row[activity_type]" type="radio" value="1" /> 平台活动</label>-->
<!--                <label class="n-diy-activity" for="row[activity_type]-{2}"><input class="o-diy-activity" id="row[activity_type]-{2}" name="row[activity_type]" type="radio" value="2" /> 自定义活动</label>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group n-activity_id hidden">
        <label for="c-activity_id" class="control-label col-xs-12 col-sm-2">{:__('活动')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-activity_id" class="form-control" name="row[activity_id]">
            </select>
        </div>
    </div>
    <div class="form-group n-campaign_match_id hidden">
        <label for="c-campaign_match_id" class="control-label col-xs-12 col-sm-2">{:__('消耗活动')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select  id="c-campaign_match_id" class="form-control" name="row[campaign_match_id]">
            </select>
        </div>
    </div>
    <div class="form-group n-need_open_comment">
        <label for="c-need_open_comment" class="control-label col-xs-12 col-sm-2">{:__('支持留言')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio" id="c-need_open_comment">
                <label class="unsupport-comment" for="row[need_open_comment]-{1}"><input id="row[need_open_comment]-{1}" name="row[need_open_comment]" type="radio" value="0" checked /> 关闭</label>
                <label class="support-comment" for="row[need_open_comment]-{2}"><input id="row[need_open_comment]-{2}" name="row[need_open_comment]" type="radio" value="1" /> 开启</label>
            </div>

        </div>
    </div>
    <div class="form-group n-only_fans_can_comment hidden">
        <label for="c-only_fans_can_comment" class="control-label col-xs-12 col-sm-2">{:__('支持人群')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio" id="c-only_fans_can_comment">
                <label for="row[only_fans_can_comment]-{1}"><input class="o-only_all_can_comment" id="row[only_fans_can_comment]-{1}" name="row[only_fans_can_comment]" type="radio" value="0" /> 所有人均可留言</label>
                <label for="row[only_fans_can_comment]-{2}"><input class="o-only_forcus_can_comment" id="row[only_fans_can_comment]-{2}" name="row[only_fans_can_comment]" type="radio" value="1" /> 仅关注后可留言</label>
            </div>

        </div>
    </div>
    <div class="form-group">
        <label for="n-subb" class="control-label col-xs-12 col-sm-2"> </label>
        <div class="col-xs-12 col-sm-8">
            <a href="javascript:;" class="btn btn-success o-subbmit" title="提交"  > 提交</a>
        </div>
    </div>

</form>

<script>
    window.setTimeout(function () {
        window.ue= UE.getEditor('ueditor_container');
        if(window.parent.msgIsEditing){ //编辑状态下绘制内容
            ue.addListener("ready",function(){
                ue.setContent(window.parent.msgEditData.content, false);
            });
        }

    },2000)
</script>
<style type="text/css">
    .book-tags-selected ul{
        overflow: hidden;
        font-size: 0;
        padding: 0;
        margin: 0;
        border-bottom: none;
    }

    .book-tags-selected ul li{
        list-style-type: none; margin: 0;
        width:150px;
        display: inline-block;
        padding: 5px 10px;
        box-sizing: border-box;
        font-size: 12px;
        height: 30px;
        border-right: none;
        border-bottom: none;
    }
    .book-tags-selected ul:last-of-type li{
        border-bottom: 1px solid #ccc;
    }
    .book-tags-selected ul li:last-of-type{
        border-right: 1px solid #ccc;

    }
    .book-tags-selected .ul-th{ background:#ece9ec; width:450px;}
    .book-tags-selected li{ display: inline-block; border: 1px solid #ccc; }
    .tag-del{ cursor: pointer;}
    .color-label{ width: 50px; height: 20px; display: inline-block;float: right}
</style>