scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							{extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
<style>
html{background:#fff;height: 100%;}
.mdt30{margin-top:30px;}
.mdt20{margin-top:20px;}
.ids{display:inline-block;}
.mdlr10{margin:0 10px;}
.layui-input-block input,.layui-upload-drag,.sjsselect,.layui-input:hover, .layui-textarea:hover{border:1px solid #333 !important;}
.layui-form-label,.input::placeholder,input::-webkit-input-placeholder{color:#333;}
.layui-form-box{width:94%;margin:0 auto;display: block;}
.layuiSubmit{margin-left:110px;padding:0 30px !important;display: block;} 
.layui-input:focus,.layui-textarea:focus{border:1px solid #333 !important;}
.mdl10{margin-left: 10px;}
.btnlist{float:left;margin-left:20px;}
.btnlist a{line-height: 38px;margin:0 10px;cursor: pointer;}
.wleft{float:left;}
.btnlist_a01{color: #02A7F0;}
.btnlist_a02{color: #D9001B;}
body{padding-bottom: 40px;}
</style>
<body>
    <form class="layui-form layui-form-box">
		<div class="set_step_box">
            
		</div>
        <button class="layui-btn mdt20 layui-btn-normal layuiSubmit" lay-submit lay-filter="layuiadmin-anli-submit" id="layuiadmin-anli-submit">保存</button>
    </form>
</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,
			set_List;
            $.ajax({
				url: '{:url("construction/step_list")}',
				type: 'get',
				dataType: 'json',
				success: function(res) {
                   set_List = res.step_list ;
                   set_step_Html(set_List);
				}
			});
			function switch_set(numbers){
				switch(numbers){
					case 1:
						return "一";
					case 2:
						return "二";
					case 3:
						return "三";
					case 4:
						return "四";
					case 5:
						return "五";
					case 6:
						return "六";
					case 7:
						return "七";
				}
			}
			
			
			function set_step_Html(set_List){
				$('.set_step_box')[0].innerHTML = $.map(set_List,(v, i) => {
					return `<div class="layui-form-item col-md5 mdt30 set_step_li">
								<label class="layui-form-label">第${switch_set(i+1)}步：</label>
								<div class="layui-input-block wleft" style="width:50%;margin-left: 0;">
									<input type="text" maxlength="5" data-type="name" required data-index="${i}" value="${v.name}" lay-verify="required" placeholder="请输入进度名" autocomplete="off" class="layui-input">
								</div>
								<div class="woverflow btnlist">
									<a class="btnlist_a01 add_step" data-index="${set_List.length+1}">
										添加
									</a>
									<a class="btnlist_a02 delete" data-index="${i}">
										删除
									</a>
								</div>
							</div>`
				}).join('');
				
				setTimeout(() => {
					$('.add_step').click((e) => {
                        let index = parseInt(e.target.dataset.index);
						if(set_List.length<5){
							set_List.push({
								id:0,
                                name: '',
                                order:index
							});
							set_step_Html(set_List)
						}else{
							layer.msg('最多设置5步');
						}
					})
					$('.delete').click((e) => {
                        if(set_List.length<=2){
                            layer.msg('最少要设置2步');
                        }else{
                            let index = parseInt(e.target.dataset.index);
                            set_List.splice(index, 1);
                            set_step_Html(set_List)
                        }
						
					})
					$('input').change((e) => {
						let type = e.target.dataset.type;
						let val = e.target.value;
						if (type && type != undefined) {
							let index = parseInt(e.target.dataset.index);
							set_List[index][type] = val;
						}
					})
				},500)
			}

			
		//添加保存
		form.on('submit(layuiadmin-anli-submit)', function(data) {
			var formData = new FormData(data.form);
			//单击之后提交按钮不可选,防止重复提交
            var DISABLED = 'layui-btn-disabled';
            var target = '#layuiadmin-anli-submit';
            $(target).addClass(DISABLED);
            $(target).attr('disabled', 'disabled');
            var arrstep = [];
			set_List.forEach(v => {
				arrstep.push({
                    id:v.id,
                    name: v.name,
                    order:v.order
				})
			})
            formData.append('form',JSON.stringify(arrstep))
			$.ajax({
				url: '{:url("construction/step_setting")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function(res) {
                    $(target).removeClass(DISABLED);
                    $(target).removeAttr('disabled');
					if(res.code === 0) {
						layer.msg(res.msg,{
							anim: 0,time: 1000,icon: 6,
						}, function() {
							var index = parent.layer.getFrameIndex(window.name);
                            parent.layui.table.reload('company-activity'); //重载表格
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.msg(res.msg, {anim: 0,time: 1000,icon: 5});
					}
				},
	            error : function(e){
			        $(target).removeClass(DISABLED);
			        $(target).removeAttr('disabled');
	            }
			});

			return false;
		});	
	    
       

	});
</script>
{/block}