book_admin/application/admin/view/vipcustom/vipimagetextmedia/index.html

<link rel="stylesheet" href="/assets/libs/element-ui/index.css">
<link rel="stylesheet" href="/assets/dist/component/main.css">
<link rel="stylesheet" href="/assets/css/tuwen.css" />
<style type="text/css">
	html,body{
		background-color: #f1f4f6;
	}
	.img_txt_add_but:hover,.img_txt_add_but:active,.img_txt_add_but:focus,
	.textarea_txt_add_but:hover,.textarea_txt_add_but:active,.textarea_txt_add_but:focus{
		color: #1581ff
	}
	.textarea_txt_main,
	.textarea_txt_box{
		overflow: hidden;
	}
	.textarea_txt_box{
	}
	.textarea_txt_box textarea{
		display: block;
		margin: 0;
		padding: 10px;
		width: 100%;
		height: 200px;
		font-size: 14px;
		line-height: 1.4;
		outline: none;
		border: 1px solid #ccc;
		resize: none;
	}
	.textarea_txt_but_box{
		overflow: hidden;
		padding: 10px 0;
	}
	
	.textarea_txt_but_box a{
		float: left;
		padding:  0 8px;
		margin-right: 10px;
		height: 30px;
		background-color: #f60;
		font-size: 14px;
		color: #fff;
		line-height: 30px;
	}
	.textarea_txt_error{
		overflow: hidden;
		padding: 10px 0 0;
	}
	.textarea_txt_error strong{
		float: left;
		height: 24px;
		color: #f60;
		font-size: 14px;
		font-weight: normal;
		line-height: 24px;
	}
	.textarea_txt_error span{
		float: right;
		height: 24px;
		color: #f60;
		font-size: 14px;
		font-weight: normal;
		line-height: 24px;
	}
	.switch_txt_but{
		display: block;
		height: 40px;
		width: 180px;
		background-color: #f60;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		border-radius: 3px;
	}
	.img_txt_url{
		overflow: hidden;
		padding: 20px 0;
		background-color: #fff;
	}
	.img_txt_url ul{
		display: block;
	}
	.img_txt_url li{
		position: relative;
		left: 0;
		top: 0;
		height: 50px;
	}
	.img_txt_url p{
		overflow: hidden;
		padding: 0 20px;
		height: 50px;
		font-size: 14px;
		text-align: left;
		color: #3292e0;
		line-height: 50px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.img_txt_tip_box{
		visibility: hidden;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 15px 0;
		background-color: rgba(0,0,0,.6);
		text-align: center;
	}
	.img_txt_url li:hover .img_txt_tip_box{
		visibility: visible;
	}
	.img_txt_tip_box i{
		overflow: hidden;
		display: inline-block;
		margin: 0 10px;
		height: 20px;
		width: 20px;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 20px;
		border-radius: 20px;
		cursor: pointer;
	}
	.img_txt_tip_box i:hover{
		background-color: #1581ff;
	}
	.anticon_edit_box{
		overflow: hidden;
		padding: 20px;
		width: 520px;
		height: 120px;
	}
	.anticon_edit_select_tit_box,
	.anticon_edit_input_tit_box{
		margin: 10px 0;
		height: 30px;
	}
	
	.anticon_edit_select_tit_box strong,
	.anticon_edit_input_tit_box strong{
		float: left;
		height: 30px;
		margin-right: 10px;
		white-space: nowrap;
		font-weight: normal;
		font-size: 14px;
		color: #666;
		line-height: 30px;
	}
	.anticon_edit_select_tit_box p{
		overflow: hidden;
		float: left;
		margin-right: 20px;
		height: 30px;
		width: 250px;
		font-size: 14px;
		color: #666;
		line-height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.anticon_edit_select_tit_box a{
		overflow: hidden;
		float: left;
		margin-top: 4px;
		width: 22px;
		height: 22px;
		background-color: #f60;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 22px;
		border-radius: 2px;
	}
	.anticon_edit_input_tit{
		overflow: hidden;
		padding: 4px 10px;
		float: left;
		height: 30px;
		border: 1px solid #ccc;
		width: 360px;
		box-sizing: border-box;
		border-radius: 2px;
	}
	.anticon_edit_input_tit input{
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		display: block;
		height: 20px;
		width: 100%;
		font-size: 14px;
		color: #666;
	}
	.wxb-card-item{
		padding-bottom: 0;
	}
	table td,
	table tr{
		float: left;
		border: none !important;
	}
	.table-striped > tbody > tr:nth-of-type(odd),
	.table-striped > tbody > tr:hover{
		background:none;
	}
	.table-striped > tbody > tr:hover{
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.table-striped >thead{
		display: none !important;
	}
	.fixed-table-body{
		padding: 10px;
		overflow: inherit;
		border: 0;
	}
	.bootstrap-table .table{
		border: 0;
	}
	.fixed-table-body .card-view .title{
		display: none;
	}
	.tweets-card-title p{
		overflow: hidden;
		font-size: 12px;
		color: #999;
		line-height: 24px;
		text-align: left;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.fixed-table-toolbar{
		display: none;
	}
	
	.assignment_but_box{
		overflow: hidden;
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.assignment_but_box a{
		float: left;
		margin: 10px;
		height: 50px;
		width: 190px;
		font-size: 18px;
		color: #000;
		text-align: center;
		line-height: 50px;
	}
	.assignment_but_box .hover{
		color: #fff;
		background-color: #09c;
	}
	.assignment_but_box a:hover,.assignment_but_box a:active,.assignment_but_box a:focus{
		color: #000;
		-webkit-transition: color 0s ease;
		transition: color 0s ease
	}
	.assignment_but_box a.hover:hover,.assignment_but_box a.hover:active,.assignment_but_box a.hover:focus{
		color: #fff;
		-webkit-transition: color 0s ease;
		transition: color 0s ease
	}
	
	
	.wxb-card-item-inner ul.footer-btns>li>a{
		font-size: 14px;
		color: #333;
	}
	
	.wxb-card-item-inner ul.article-list>li:first-child .article-item-title{
		text-align: left;
	}
	.popover{
		background-color: rgba(0,0,0,.9);
	}
	.popover.top > .arrow:after {
		border-top-color: rgba(0,0,0,.9);
	}
	.msg_popover_but_box{
		display: block;
	}
	.msg_popover_but_box a{
		display: block;
		margin: 4px 0;
		font-size: 12px;
		color: #fff;
		line-height: 20px;
	}
	.msg_popover_html{
		display: none;
	}

    a.btn.btn-success.btn-add.btn-new {
        position: absolute;
        left: 75%;
    }
</style>

<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
			<div class="assignment_but_box">
				<a href="/admin/vipcustom/vipimagetextmedia/index?addtabs=1" class="hover" data-but="-1">图文客服消息素材库</a>
				<a href="/admin/vipcustom/vipimagetextmediapush/index?addtabs=1&status=0" data-but="1">待群发</a>
				<a href="/admin/vipcustom/vipimagetextmediapush/index?addtabs=1&status=1" data-but="2">群发中</a>
				<a href="/admin/vipcustom/vipimagetextmediapush/index?addtabs=1&status=2" data-but="3">已群发</a>
			</div>

            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('message/media/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('message/media/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('message/media/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-import {:$auth->check('message/media/import')?'':'hide'}" title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i> {:__('Import')}</a>

                        <div class="dropdown btn-group {:$auth->check('message/media/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>
                    </div>

					<div id="myTabContent" class="tab-content">
						<div class="tab-pane fade active in" id="one">
                            <div><a href="/admin/vipcustom/createcustom/addimagetext" class="btn btn-success btn-add btn-new {:$auth->check('vipcustom/createcustom/addimagetext')?'':'hide'}" title="{:__('Add')}" >{:__('添加图文客服消息')}</a></div>
							<div class="widget-body no-padding">
								<table id="table" class="table table-striped table-bordered table-hover"
									   data-operate-edit="{:$auth->check('book/book/edit')}"
									   width="100%">
								</table>
							</div>
						</div>

					</div>

                </div>
            </div>

        </div>
    </div>
</div>
<div id="title-select">
    <title-select :select="select" title="选择标题" bind=".anticon_edit_select_tit_box_a"></title-select>
</div>