book_admin/application/admin/view/wechat/response/add.html

<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label for="module" class="control-label col-xs-12 col-sm-2">{:__('Resource title')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" id="title" name="row[title]" value="" data-rule="required" />
        </div>
    </div>
    <!--<div class="form-group">-->
        <!--<label for="remark" class="control-label col-xs-12 col-sm-2">{:__('Memo')}:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<textarea class="form-control" id="remark" name="row[remark]"></textarea>-->
        <!--</div>-->
    <!--</div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="radio" name="row[type]" value="text" id="type-text" checked/>
            <label for="type-text">文本</label>
            <input type="radio" name="row[type]" value="image" id="type-image" />
            <label for="type-image">图片</label>
            <input type="radio" name="row[type]" value="news" id="type-news" />
            <label for="type-news">图文</label>
        </div>
    </div>
    <div class="form-group {$is_subscribe==1 ?  'hide' : ''}">
        <label class="control-label col-xs-12 col-sm-2">{:__('Is_subscribe')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="radio" name="row[is_subscribe]" value="0" checked id="type-empty"/>
            <label for="type-empty">否</label>
            <input type="radio" name="row[is_subscribe]" value="1" id="type-subscribe"/>
            <label for="type-subscribe">是</label>
        </div>
    </div>

    <!--分类型处理 start-->
    <!-- 文本 -->
    <div class="form-group group-type-text group-type">
        <label for="c-text-content" class="control-label col-xs-12 col-sm-2">文本内容:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-text-content" class="form-control" style="height: 200px;" name="row[content]" data-rule="required"></textarea>
            <a href="javascript:;" class="btn-insertlink">插入链接</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="javascript:;" class="btn_automatic_reply">插入关注自动回复模板</a>
        </div>
    </div>
    <!-- 图片 -->
    <div class="form-group group-type-image group-type hide">
        <label 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-content" data-rule="required" class="form-control" size="50" name="row[content]" type="text" value="" disabled>
                <div class="input-group-addon no-border no-padding">
                    <span>
                        <button type="button" id="plupload-content" class="btn btn-danger plupload" data-input-id="c-image-content" data-mimetype="image/gif,image/jpeg,image/png,image/jpg" data-maxsize="2mb" data-multiple="false" data-preview-id="p-image">
                            <i class="fa fa-upload"></i> {:__('Upload')}
                        </button>
                    </span>
                </div>
                <span class="msg-box n-right" for="c-image-content"></span>
            </div>
            <ul class="row list-inline plupload-preview" id="p-image"></ul>
        </div>
    </div>
    <!-- 图文 -->
    <div class="form-group group-type-news group-type hide">
		<input type="hidden" name="row[content]" class="img_txt_hidde_input" disabled/>
        <label class="control-label col-xs-12 col-sm-2">图文编辑:</label>
        <div class="col-xs-12 col-sm-8 new-template-wrap">
			<div class="img_txt_box">
				<div class="img_txt_list">
				</div>
                <div class="form-group group-type-subscribe hide">
                <a href="javascript:;" class="img_txt_add_but"><i class="fa fa-plus-square-o"></i> 添加列表</a>
            </div>
            </div>
        </div>
    </div>

    <!--<div class="form-group group-type-news group-type hide">-->
        <!--<label for="description" class="control-label col-xs-12 col-sm-2">简介:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<textarea type="text" class="form-control description" rows="4" id="description" maxlength="120"></textarea>-->
        <!--</div>-->
    <!--</div>-->
    <!--分类型处理 end-->


    <div class="form-group">
        <label for="status" class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[status]', ['normal'=>__('Normal'), 'hidden'=>__('Hidden')])}
        </div>
    </div>
    <div class="form-group {:input('get.callback')?'':'hidden layer-footer'}">
        <div class="col-xs-2"></div>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
<!--            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>-->
        </div>
    </div>
</form>
<style type="text/css">
	.img_txt_box{
		padding: 20px;
		width: auto;
		background-color: #f1f1f1;
		box-sizing: border-box;
	}
	.img_txt_list{
		padding: 10px 0;
		background-color: #fff;
	}
	.img_txt_list > div:last-child{
		border-bottom: 0;
	}
	.img_txt_one{
		padding: 0 20px 10px;
		border-bottom: 1px solid #e9e9e9;
	}
	.img_txt_one_tit{
		overflow: hidden;
		margin-bottom: 10px;
		border-bottom: 1px solid #e9e9e9;
		cursor: pointer;
	}
	.img_txt_one_tit i,
	.img_txt_li_txt i{
		float: right;
		height: 22px;
		width: 22px;
		background-color: #18bc9c;
		text-align: center;
		color: #fff;
		cursor: pointer;
		line-height: 22px;
	}
	.img_txt_one_h3,
	.img_txt_li_h3,
	.img_txt_one_url,
	.img_txt_li_url{
		overflow: hidden;
		margin: 0 26px 0 0;
		padding: 0 0 4px 0;
		font-size: 14px;
		color: rgba(0,0,0,0.6);
		line-height: 22px;
	}
	.img_txt_one_url,
	.img_txt_li_url{
		margin: 0 60px 0 0;
	}
	.img_txt_edit_url{
		margin-left: 6px;
	}
	.img_txt_li_h3{
		margin-bottom: 8px;
		height: 44px;
	}
	.img_txt_one_h3 input,
	.img_txt_li_h3 input,
	.img_txt_one_url input,
	.img_txt_li_url input{
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 22px;
		font-size: 14px;
		color: rgba(0,0,0,0.6);
		outline: none;
	}
	.img_txt_one_url input,
	.img_txt_li_url input{
		color: #1581ff;
	}
	.img_txt_one_img{
		overflow: hidden;
		cursor: pointer;
	}
	.img_txt_one_img img{
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		width:100%;
	}

	.img_txt_li{
		position: relative;
		left: 0;
		top: 0;
		overflow: hidden;
		padding: 10px 20px;
		border-bottom: 1px solid #e9e9e9;
	}
	.img_txt_li_img{
		overflow: hidden;
		float: right;
		height: 78px;
		width: 78px;
	}
	.img_txt_li_img img{
		display: block;
		width: 78px;
		height: 78px;
	}
	.img_txt_li_txt{
		position: relative;
		left: 0;
		top: 0;
		margin: 0 88px 0 0;
		overflow: hidden;
	}
	.img_txt_li_txt a,
	.img_txt_one_tit a{
		display: block;
		overflow: hidden;
		padding: 3px 0;
		height: 26px;
		font-size: 14px;
		color: #1581ff;
		line-height: 20px;
		white-space: normal;
		word-break: break-all;
		word-wrap: break-word;
		box-sizing: border-box;
	}

	.img_txt_add_but{
		display: block;
		margin-top: 20px;
		height: 40px;
		font-size: 16px;
		color: #1581ff;
		text-align: center;
		line-height: 40px;
	}
	.img_txt_add_but i{
		font-size: 16px;
		vertical-align: middle;
	}
	.img_txt_remvoe{
		display: none;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 36px;
		width: 36px;
		cursor: pointer;
	}
	.img_txt_li:hover .img_txt_remvoe{
		display: block;
	}
	.img_txt_remvoe:before {
		content: "";
		width: 0;
		height: 0;
		overflow: hidden;
		border: 18px solid transparent;
		border-bottom-color: #d0021b;
		border-right-color: #d0021b;
		_border-bottom-style: solid;
		_border-right-style: solid;
		position: absolute;
		left: 0;
		top: 0;
	}
	.img_txt_remvoe:after {
		content: "\f1f8";
		position: absolute;
		right: 2px;
		bottom: 2px;
		color: #fff;
		font-size: 16px;
	}
</style>
<script>
    var datas = {};
</script>