scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							{extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
	<link rel="stylesheet" href="__STATIC__/css/csspc.css">
	<link rel="stylesheet" href="__STATIC__/css/font.css">
<style>
	html,body{height:100vh;min-width: 1100px;}
	.body{height: 100%;overflow-y:auto;background: #F6F7FB;}
	.bodys_top,.bodys_b{background: #fff;border-radius: 8px;}
	.bodys_b{padding-bottom: 20px;}
	.lanse{color:#28A1FF}
	.rst_box_b_left_yuan1{background: #7EC6FF;border-radius: 50%;padding:2px;z-index: 5;}
    .rst_box_b_left_yuan2{background: #fff;width:10px;height: 10px;border-radius: 50%;}
	.bor_xs{height: 250px;border-left:1px dashed #CCCCCC;z-index: 2;margin-left:6px;}
    .newitme{padding:4px 10px;background: #ECECEC;border-radius: 4px;}
    .hongse{color: #FE0000;}
    .huise333{color:#333;}
    .progress_list_dl{margin-left:-1%;height: 114px;}
    .progress_list_dl dd{float:left;width:10.11%;margin-left:1%;max-width: 114px;height: 114px;overflow: hidden;}
    .progress_list_dl dd img{height: 100%;}
    .noneimgs{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
    .listvrurl dd{line-height: 30px;background: #ccc;padding: 0 10px;width:40%;margin-bottom: 10px;border-radius:4px;}
	.p-label{color:#1e9fff;margin-left:10px}
</style>
<body>
	<div class="width97_ wauto bodys">
		<div class="bodys_top mdt16 pdtb20">
			<div class="width97_ wauto">
				<a onclick="window.history.go(-1)" class="lanse history_go href font18"><span><</span> 返回</a>
			</div>
		</div>
		<div class="bodys_b mdt16 woverflow">
			<div class="datalist width97_ pdtb20 wauto" style="height: 83vh;min-height: 682px;">
		        {auth:check name="building/add_progress"}
				<button type="button" class="layui-btn layuiadmin-btn-course layui-btn-normal" data-type="add">更新进展</button>
				{/auth:check}
				{auth:check name="buildingLabel/index"}
				<button type="button" class="layui-btn layuiadmin-btn-course layui-btn-normal" data-type="label">标签</button>
				{/auth:check}
				<div class="">
					<ul class="progress_ul">
					</ul>
				</div>
		    </div>
		</div>
	</div>


</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form'], function() {
		var $ = layui.$,
		form = layui.form;

		let building_id = "{$building_id}";

		getList();
		function getList () {
			let formData = new FormData();
			formData.append('building_id',building_id);
			$.ajax({
				url: '{:url("building/progress")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function(res) {
					if(res.code==0){
						set_list_html(res.data);
						if(res.data.length==0){
							$('.progress_ul').append('<img class="noneimgs" src="__STATIC__/img/nonedata.png"/>');
						}
					}
				}
			});
		}

		$('.history_go').on('click',function(){
			localStorage.setItem('return02',1);
		})

		function set_list_html (arr) {
			let htmls = arr.map((v,i) => {
				return `<li class="">
							<div class='wpsr wleft'>
                                <div class='rst_box_b_left_yuan1 wpsr mdt36'>
                                	<div class='rst_box_b_left_yuan2'></div>
                                </div>
	                            <span class='bor_xs wpsa'></span>
	                        </div>
	                        <div class="wleft mdt31 width95_ mdl02_ woverflow">
	                        	<div class="woverflow">
	                        		<p class="font12 wleft newitme">${v.addtime}</p>
	                        		<p class="lanse href wleft font16 mdl12 editprogress" data-id="${v.id}">编辑</p>
	                        		<p class="hongse href wleft font16 mdl12 deleteprogress" data-id="${v.id}">删除</p>
	                        	</div>
	                        	<p class="font16 huise333 mdtb15 textlh1">${v.name}<span class="p-label">#${v.label?v.label.name:''}#</span></p>
	                        	<p class="font16 huise999 textlh1">${v.content}</p>
	                        	<ul class='listvrurl mdt10 ${v.type=="vr"?"":"dsnone"}'>
	                        		${
										v.vr && v.vr ? v.vr.map(s => {
											return `<dd class="textlh1">
	                        						<a  target="_blank" href="${s}">${s}</a>
	                        						</dd>`
										}).join('') : ''
									}
	                        	</ul>
	                        	<dl class='woverflow mdt15 progress_list_dl ${v.type=="img"?"":"dsnone"}'>
	                        		${
										v.img && v.img.length ? v.img.map(x => {
											return `<dd>
	                        						<img class="width100_" src="${x}"/>
	                        						</dd>`
										}).join('') : ''
									}
	                        	</dl>
								${
									v.type=="video"?`<video poster="${v.img[0]}" style="margin-top:10px;" width="320" height="180" controls>
    								<source src="${v.video}" type="video/mp4">
    								<source src="${v.video}" type="video/ogg">
									</video>`:''
								}
	                        	<ul class='listvrurl mdt10 ${v.type=="group"?"":"dsnone"}'>
	                        		${`<dd class="textlh1">
	                        			<a  target="_blank" href="${v.show_url}">${v.show_url}</a>
	                        			</dd>`}
	                        	</ul>
	                        </div>
	                        <div class="clear"></div>
						</li>`
			}).join('')
			$('.progress_ul').html(htmls);
			setTimeout(() => {
				$('.editprogress').click((e) => {
					let id = e.target.dataset.id;
					layer.open({
						type: 2,
						title: ['编辑', 'color:#333333;background-color:#D8E6F1;'],
						content: '{:url("building/edit_progress")}?id=' + id,
						resize: false,
						area: ['80%', '80%'],
						end: function(index, layero) {
							getList();
						}
					});
				})

				$('.deleteprogress').click((e) => {
					let id = e.target.dataset.id;
					layer.confirm('确定删除当前进展信息', { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (index) {
						$.ajax({
							url: "{:url('building/delete_progress')}",
							data: {
								id: id
							},
							type: 'post',
							success:function (res) {
								if (res.code == 0) {
									layer.msg('删除成功')
									getList();
									layer.close(index);
								} else {
									layer.msg(res.msg)
								}
							}
						});
					});
				})
			},300)
		}
		
		//事件
		var active = {
			add: function() {
				layer.open({
					type: 2,
					title: ['添加', 'color:#333333;background-color:#D8E6F1;'],
					content: '{:url("building/add_progress")}?building_id=' + building_id,
					resize: false,
					area: ['80%', '80%'],
					end: function(index, layero) {
						getList();
					}
				});
			},
			label: function(){
				layer.open({
					type:2,
					title:['标签', 'color:#333333;background-color:#D8E6F1;'],
					content: '{:url("buildingLabel/index")}',
					resize: false,
					area: ['80%', '80%']
				})
			}
		};
		
		$('.layui-btn.layuiadmin-btn-course').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
		
	})
</script>
{/block}