scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
							{extend name="public/layout" /} {block name="title"}活动添加{/block} {block name="body"}
<style type="text/css">
	html {
		background: #fff;
	}
	body{
		min-width: 320px;
	}
	@media screen and (max-width: 450px){
		.layui-form-item{
			width: 100%;
		}
	}
	#layuiadmin-app-form-list{
		padding: 1% 2%;
	}
	.layui-form-label{
		width: 10%;
	}
	.layui-input {
		border: none;
		outline: none;
	}
	.layui-input-inline-bottom {
		border: 1px solid #D4E4ED;
	}
	.flex-center {
		display: flex;
		align-items: center;
	}
	.border {
		border: 1px solid #D4E4ED;
		padding-right: 10px;
		border-radius: 5px; 
	}
	.layui-form-radio>i:hover, .layui-form-radioed>i {
		color: #249EFB;
	}
	.layui-form-radioed {
		color: #249EFB;
	}
	.layui-tab-card>.layui-tab-title {
		background-color: #fff; 
	}
	.layui-tab-card {
		border-radius: 10px;
		box-shadow: none;
		border: none;
	}
	.layui-form-label {
		color: #8A9AAA;
	}
	.layui-input::placeholder {
		color:  #9DB6CF;
	}
	.layui-tab-card>.layui-tab-title .layui-this {
    background-color: #249EFB;
    color: #fff;
  }

  .layui-tab-card>.layui-tab-title .layui-this:after {
    border-bottom: none;
    border: none;
  }

  .layui-tab-card>.layui-tab-title li {
    background-color: #F2F2F2;
    margin: 0px 5px;
  }
  .layui-anim.layui-icon {
	  font-size: 18px;
  }
  #typeStyle,#typeStyle1 {
    width: 100%;
  }
  video {
	width: 190px !important;
	height: 114px !important;
  }
  #symbshowed {
	margin-top: 10px;
  }
</style>

<body>
	<form class="layui-form" id="admin" enctype="multipart/form-data">
		<input type="hidden" name="id" value="{$id}">
		<input type="hidden" name="img" value="{$data.headimgurls}">
		<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list">
			<div class="layui-form-item">
				<div class="layui-tab layui-tab-card">
					<ul class="layui-tab-title">
						<li class="layui-this">基本信息</li>
						<li id="details">设计信息</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="layui-form-item">
								<label class="layui-form-label"><span style="color: red;">*</span>形象照:</label>
								<div class="layui-input-inline" id="upload-drag0">
									{if condition="$data.headimgurl"}
										<img src="{$data.headimgurl}" width="195px" height="228px">
									{else /}
										<div class="layui-upload-drag">
											<i class="layui-icon">&#xe681;</i>
											<p>选择形象照</p>
										</div>
									{/if}
								</div>
							</div>
							<div class="layui-form-item"><label class="layui-form-label"></label><span><span style="color: red;">*</span>建议上传形象照比例6:7</span></div>
							<div class="layui-form-item">
                                <label class="layui-form-label"><!--<span style="color: red;">*</span>-->个人VCR</label>
                                <div class="layui-input-inline" style="width: 290px;display: block;" id="container">
                                    <a class="layui-btn btn layui-border-btn" id="selectfiles" href="javascript:void(0);" >选择个人VCR</a>
                                    <a class="layui-btn btn layui-border-btn" id="postfiles" href="javascript:void(0);">开始上传</a>
                                    <div id="ossfile"></div>
                                    <div id="symbshowed">
	                                    {if condition="$data.vcr"}
	                                    	<video controls="" name="media"><source src="{$data.vcr}" type="video/mp4"></video>
	                                    {/if}
                                    </div>
                                    <!--报错信息返回展示-->
                                    <pre id="console"></pre>
                                    <input type="hidden" value="{$data.vcrurl}" id="fileuri">
                                    <!--上传到OSS哪个文件下，在这里定义-->
                                    <input type="hidden" value="Video" id="category_name">
                                </div> 
                            </div>   
							<button type="button" class="layui-btn layui-btn-normal" id="next_step" style="height:38px;margin-left:13.5%;margin-top: 30px;">下一步</button>
						</div>
						<div class="layui-tab-item">
                            <div class="layui-form-item">
								<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>设计年限</label>
								<div class="layui-input-inline layui-input-inline-bottom" style="width: 380px;">
									<input type="text" id="activiteTitle" name="work_years" lay-verify="required" placeholder="请输入设计年限" value="{$data.work_years}" autocomplete="off" class="layui-input" style="max-width: 500px;">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">设计级别</label>
								<div class="layui-input-inline layui-input-inline-bottom">
 <!--                                    <select name="label" id="label" lay-verify="required">
                                        <option value="">请选择级别</option>
                                    </select> -->
                                    <input type="text" id="activiteTitle" name="position" placeholder="请输入设计师级别" autocomplete="off" class="layui-input" value="{$data.position}" style="max-width: 500px;">
                                </div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">设计理念</label>
								<div class="layui-input-inline" style="width: 380px;">
									<textarea name="design_concept" style="width: 100%; height: 100px;" autocomplete="off" class="layui-textarea">{$data.design_concept}</textarea>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>擅长风格:</label>
								<div class="layui-input-inline" style="width: 80%;">
									<div id="typeStyle"></div>
								</div>
							</div>
                            <div class="layui-form-item">
								<label class="layui-form-label">擅长户型:</label>
								<div class="layui-input-inline" style="width: 80%;">
									<div id="typeStyle1"></div>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">个人履历</label>
								<div class="layui-input-inline" style="width: 80%;">
									<textarea placeholder="请输入内容" class="layui-textarea" id="content"
					style="border:0;padding:0;height: 300px;width: 100%;">{$data.desc}</textarea>
								</div>
							</div>
							<input type="button" style="margin-left:13.5%;margin-top: 30px;height:38px;" lay-submit class="layui-btn layui-btn-normal" lay-filter="activity-submit" id="activity-submit" value="确认保存">
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</body>
{/block} {block name="js"}
<!-- 配置文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
	var ue = UE.getEditor('content', {
		zIndex: 99
	});
</script>
<script type="text/javascript" src="__STATIC__/js/plupload/js/plupload.full.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/plupload/ossupload.js"></script>
<script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
<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,
			laydate = layui.laydate,
			$ = layui.jquery;

		

		  
		/* 监听提交 */
		form.on('submit(activity-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			var formData = new FormData(obj.form);
			formData.append('vcr',$('#fileuri').val());
			// formData.append('desc',$('[name=design_con]').val());
			ue.ready(function () {
				formData.append('desc', ue.getContent());
			});
				var imgs = "{$data.headimgurls}";
				var cover = '';
				var poster = '';
				formData.forEach((value, key) => {
				     // console.log("key %s: value %s", key, value);
				     if (key=='headimgurl') {
				     	cover = value;
				     }
				     if (key=='vcr') {
				     	poster = value;
				     }
				})
				// console.log(cover);return false;
				if (cover.name=='' && !imgs) {
						layer.msg('请选择形象照', {
							anim: 6
							,time: 2000
						});
						return false;
				}
				/*if (poster=='') {
						layer.msg('请选择vcr', {
							anim: 6
							,time: 2000
						});
						return false;
				}*/
			// 单击之后提交按钮不可选,防止重复提交
            var DISABLED = 'layui-btn-disabled';
            var target = '#activity-submit';
            $(target).addClass(DISABLED);
            $(target).attr('disabled', 'disabled');
			$.ajax({
				url: '{:url("employee/edit_designer")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function(res) {
					if(res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							,time: 2000
						}, function() {
							parent.layui.table.reload('table-designer'); //重载表格
							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: 'headimgurl',
			size: 1 * 1024,
			choose: function(obj) {
				obj.preview(function(index, file, result) {
					$('#upload-drag0').html('<img src="' + result + '" style="width:195px !important;height:228px !important;">');
				});
			}
		});

        //请选择擅长风格
        var orgids_str = '{:$decostyles}';
        var orgids = JSON.parse(orgids_str);
		var typeStyle = xmSelect.render({
			el: "#typeStyle",
			name:'good_at',
			autoRow: true,
			filterable: true,
			tips: '请选择擅长风格',
			layVerify:'required',
			toolbar: {
				//工具条,全选,清空,反选,自定义
				show: true,
				list: [
					'ALL',
					'CLEAR',
					'REVERSE'
				]
			},
			// tree: {
			// 	show: true,
			// 	showFolderIcon: true,
			// 	showLine: true,
			// 	indent: 20,
			// 	expandedKeys: [ -3 ],
			// },
			height: "200px",
			data: orgids
			//文本显示模式
			//处理方式
		});

        var orgids_strs = '{:$housetype}';
        var orgidss = JSON.parse(orgids_strs);
        //请选择擅长户型
		var typeStyle1 = xmSelect.render({
			el: "#typeStyle1",
			name:'house_at',
			autoRow: true,
			filterable: true,
			tips: '请选择擅长户型',
			// layVerify:'required',
			toolbar: {
				//工具条,全选,清空,反选,自定义
				show: true,
				list: [
					'ALL',
					'CLEAR',
					'REVERSE'
				]
			},
			// tree: {
			// 	show: true,
			// 	showFolderIcon: true,
			// 	showLine: true,
			// 	indent: 20,
			// 	expandedKeys: [ -3 ],
			// },
			height: "200px",
			data: orgidss
			//文本显示模式
			//处理方式
		});

		//日期范围
		laydate.render({
		    elem: '#start_date',
		    trigger: 'click'//呼出事件改成click
		});
		laydate.render({
		    elem: '#end_date',
		    trigger: 'click'//呼出事件改成click
		});
		
		form.on('radio(type)', function(data) {
			if(data.value == 1) {
				$('#money').addClass('layui-hide');
			} else {
				$('#money').removeClass('layui-hide');
			}
		});

		//点击下一步
		$('#next_step').click(function(){
			$('#details').trigger("click");
		});
	});
</script>
{/block}