scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							{extend name="public/layout" /} {block name="title"}创建直播{/block} {block name="body"}
<link rel="stylesheet" href="__STATIC__/css/csspc.css">
<style type="text/css">
    html {
        background: #fff;
    }

    body {
        min-width: 320px;
    }

    @media screen and (max-width: 450px) {
        .layui-form-item {
            width: 100%;
        }
    }
	.addlistli .layui-form-label{width:130px;}
	.addlistli .layui-input-inline{width:60%;}
	.addlistli .layui-form-select{width: 100%;}
</style>

<body>
	
	<form class="layui-form">
		<div class="layui-form-item mdt20 addlistli">
		    <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播名称 :</label>
		    <div class="layui-input-inline">
		        <input type="text" name="name" lay-verify="required" placeholder="请输入直播名称" autocomplete="off" class="layui-input" value="{$data.name}">
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
		    <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播人员 :</label>
		    <div class="layui-input-inline">
		        <select class="width100_" name="lecturer_id" id="label" lay-verify="required" lay-filter="type" lay-search>
		        	<option value="">请选择直播人员</option>
                    {volist name="employee" id="v"}
		        	    <option value="{$v.id}"  {if condition="$data.lecturer_id eq $v.id"}selected{/if}>{$v.name}</option>
					{/volist}
		        </select>
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
		    <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播时间 :</label>
		   <div class="layui-input-inline wpsr" style="border:1px solid #e6e6e6;width:60%;">
				<input type="text" class="layui-input bor0" name="start_date" id="livedate" placeholder="开始时间 - 结束时间" autocomplete="off" class="layui-input" value="{$data.start_date} 00:00:00 - {$data.end_date} 00:00:00">
				<img src="__STATIC__/img/bg-calendar.png" alt="日历" width="14px" height="14px" class="wleft mdt12 mdr02_">
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
			<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播类型 :</label>
		    <div class="layui-input-block ">
		        <input type="radio" name="broadcast_type" lay-filter="cate" value="1" title="威哥直播" {if condition="$data.broadcast_type eq 1"}checked{/if}>
		        <input type="radio" name="broadcast_type" lay-filter="cate" value="0" title="直播" {if condition="$data.broadcast_type eq 0"}checked{/if}>
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
			<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播平台 :</label>
		    <div class="layui-input-block ">
		        <input type="radio" name="broadcast_platform" lay-filter="cate" value="0" title="boss直播" {if condition="$data.broadcast_platform eq 0"}checked{/if}>
		        <input type="radio" name="broadcast_platform" lay-filter="cate" value="1" title="其它平台" {if condition="$data.broadcast_platform eq 1"}checked{/if}>
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
		    <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>直播链接 :</label>
		    <div class="layui-input-inline">
		        <input type="text" name="broadcast_url" lay-verify="required" placeholder="请输入直播链接" autocomplete="off" class="layui-input" value="{$data.broadcast_url}">
		    </div>
		</div>
		<div class="layui-form-item mdt20 addlistli">
		    <label class="layui-form-label"><span style="color: red;">*</span>直播封面 :</label>
		    <div class="layui-input-inline" id="upload-drag0">
		        {if condition="$data.broadcast_cover"}
		        <img src="{$data.broadcast_cover}" width="383px" height="114px">
		        {else /}
		        <div class="layui-upload-drag">
		            <i class="layui-icon">&#xe681;</i>
		            <p>选择封面图片</p>
		        </div>
		        {/if}
		    </div>
			<div class="clear"></div>
			<div class="mdl130 mdt10">
				<i style="color: #FF5722;">* </i>建议上传图片宽高比例5:3，图片大小不超过1M
			</div>
		</div>
        <input type="hidden" value="{$data.id}" name="id">
		<div class="layui-form-item mdt80 mdb30 addlistli">
			<input type="button" lay-submit class="layui-btn layui-btn-normal width20_ wright mdr10_" lay-filter="live_submit" id="live_submit" value="确认添加">
		</div>
	</form>
	
	
	
	
	
</body>
{/block} {block name="js"}

<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'upload', 'layedit', 'laydate'], function () {
        var form = layui.form,
            upload = layui.upload,
            layedit = layui.layedit,
            laydate = layui.laydate,
            $ = layui.jquery;

        form.render();

		laydate.render({
		  elem: '#livedate'
		  ,type: 'datetime'
		  ,range: true
		  ,trigger: 'click'//呼出事件改成click
		});
		
		
        /* 监听提交 */
        form.on('submit(live_submit)', function (obj) {
            var index = parent.layer.getFrameIndex(window.name);
            var formData = new FormData(obj.form);
            var cover = '';
            let cover_file = "{$data.broadcast_cover}";
            formData.forEach((value, key) => {
                if (key == 'broadcast_cover') {
                    cover = value;
                }
            })
            if (!obj.field.start_date) {
                layer.msg('请选择直播时间', {
                    anim: 6
                    , time: 2000
                });
                return false;
            }
            if (cover.name == '' && !cover_file) {
                layer.msg('请选择直播封面', {
                    anim: 6
                    , time: 2000
                });
                return false;
            }
            if (cover.name == '' && cover_file) { 
                formData.set('broadcast_cover', cover_file)
            }
            // 单击之后提交按钮不可选,防止重复提交
            $.ajax({
                url: '{:url("boss/editActivity")}',
                type: 'post',
                data: formData,
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function (res) {
                    if (res.code === 0) {
						var DISABLED = 'layui-btn-disabled';
						var target = '#activity-submit';
						$(target).addClass(DISABLED);
						$(target).attr('disabled', 'disabled');
                        layer.msg(res.msg, {
                            anim: 0
                            , time: 2000
                        }, function () {
                            parent.layui.table.reload('company-activity'); //重载表格
                            parent.layer.close(index); //再执行关闭
                        });
                    } else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
            return false;
        });
        //拖拽上传
        upload.render({
            elem: '#upload-drag0',
            accept: 'image',
            exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
            auto: false,
            field: 'broadcast_cover',
            size: 1 * 1024,
            choose: function (obj) {
                obj.preview(function (index, file, result) {
                    $('#upload-drag0').html('<img src="' + result + '" style="width:355px !important;height:160px !important;">');
                });
            }
        });

        form.on('radio(type)', function (data) {
            if (data.value == 1) {
                $('#money').addClass('layui-hide');
            } else {
                $('#money').removeClass('layui-hide');
            }
        });

    });
</script>
{/block}