${zhiqim_manager_history("designerGroupDispatch.htm")}
${request.getValidateScript()}
${Scripts.src("/zinc/layui/layui.js")}
<link rel="stylesheet" href="../zinc/layui/css/layui.css"/>
<style>

	xm-select div:not(span) {
		line-height: inherit;
	}
	
	.layui-form-select dl dd.layui-this {
		background-color: #1E9FFF;
	}
	
</style>

<script type="text/javascript">
    layui.config({
        base: '../zinc/module/'
    }).extend({
        xmSelect: 'xmSelect/xm-select',
    }).use(['jquery','xmSelect','form'], function () {
    	var $ = layui.$;
    	var xmSelect = layui.xmSelect;
    	var typeList = ${typeList};
    	var industryList = ${industryList};
    	var relatedType0 = xmSelect.render({
		    el: '#relatedType0', 
		    toolbar: {show: true},
		    theme: {color: '#28a3ef'},
		    filterable: true,
		    autoRow: true,
		    prop: {
				name: 'typeName',
				value: 'typeId',
			},
		    data: typeList
		});
		var relatedType4 = xmSelect.render({
		    el: '#relatedType4', 
		    toolbar: {show: true},
		    theme: {color: '#28a3ef'},
		    filterable: true,
		    autoRow: true,
		    prop: {
				name: 'typeName',
				value: 'typeId',
			},
		    data: typeList
		});
    	var relatedType1 = xmSelect.render({
		    el: '#relatedType1', 
		    toolbar: {show: true},
		    theme: {color: '#28a3ef'},
		    filterable: true,
		    autoRow: true,
		    prop: {
				name: 'typeName',
				value: 'typeId',
			},
		    data: typeList
		});
		var relatedType2 = xmSelect.render({
		    el: '#relatedType2', 
		    toolbar: {show: true},
		    theme: {color: '#28a3ef'},
		    filterable: true,
		    autoRow: true,
		    prop: {
				name: 'typeName',
				value: 'typeId',
			},
		    data: typeList
		});
		var relatedType3 = xmSelect.render({
		    el: '#relatedType3', 
		    toolbar: {show: true},
		    theme: {color: '#28a3ef'},
		    filterable: true,
		    autoRow: true,
		    prop: {
				name: 'industryName',
				value: 'industryId',
			},
		    data: industryList
		});
		
		$("#designerGroupDispatchInsertForm").submit(function(){
			doSubmit(this);
		});
		
		function doSubmit(form){
			var type0 = relatedType0.getValue("value");
			$("#type0").val(JSON.stringify(type0));
			var type1 = relatedType1.getValue("value");
			$("#type1").val(JSON.stringify(type1));
			var type2 = relatedType2.getValue("value");
			$("#type2").val(JSON.stringify(type2));
			var type3 = relatedType3.getValue("value");
			$("#type3").val(JSON.stringify(type3));
			var type4 = relatedType4.getValue("value");
			$("#type4").val(JSON.stringify(type4));
	    	return;
		}
		
    });
</script>

${zhiqim_manager_breadcrumb_parent("designerGroupDispatch.htm" "接单配置" "增加设计师配置")}
${zhiqim_manager_content()}
<form id="designerGroupDispatchInsertForm" name="theForm" method="post" action="designerGroupDispatchInsert.htm" data-role="z-call-frame">
<input id="type0" name="type0" type="hidden" />
<input id="type1" name="type1" type="hidden" />
<input id="type2" name="type2" type="hidden" />
<input id="type3" name="type3" type="hidden" />
<input id="type4" name="type4" type="hidden" />
<table class="z-table z-bordered z-h50-tr z-pd10 z-lh150p z-bg-white">
<tr class="zi-h40 z-bg-gray z-bold">
    <td colspan="2">增加设计师配置</td>
</tr>
<tr>
    <td width="15%">接单条件组：<span class="z-color-999"></span></td>
    <td class="layui-form">
    	<div style="width: 200px;display: inline-block;">
    	<select id="designerGroupId" name="designerGroupId" lay-filter="designerGroupId">
    		<option value="">请选择</option>
    		<#for item : designerGroupList>
            <option value="${item.getDesignerGroupId()}">${item.getDesignerGroupName()}</option>
            </#for>
    	</select>
    	</div>
    	<span class="z-color-red z-mg-r40">&nbsp;*</span>
    </td>
</tr>
<tr>
    <td width="15%">设计师：<span class="z-color-999"></span></td>
    <td class="layui-form">
    	<div style="width: 200px;display: inline-block;">
    	<select name="operatorCode" lay-search lay-filter="aihao">
    		<option value="">请选择</option>
    		<#for item : operatorList>
            <option value="${item.getOperatorCode()}">${item.getOperatorCode()}</option>
            </#for>
    	</select>
    	</div>
    	<span class="z-color-red z-mg-r40">&nbsp;*</span>
    </td>
</tr>
<tr>
<td width="15%">是否显示佣金：<span class="z-color-999"></span></td>
	<td class="layui-form">
		<div style="width: 200px;display: inline-block;">
		<select id="isShowCost" name="isShowCost">
			<option value="">请选择</option>
			<option selected value="1">是</option>
	        <option value="0">否</option>
		</select>
		</div>
	</td>
</tr>
<tr>
<td width="15%">是否显示抢单大厅：<span class="z-color-999"></span></td>
	<td class="layui-form">
		<div style="width: 200px;display: inline-block;">
		<select id="isShowQddt" name="isShowQddt">
			<option value="">请选择</option>
			<option selected value="1">是</option>
	        <option value="0">否</option>
		</select>
		</div>
	</td>
</tr>
<tr>
    <td>独立关联渠道：</td>
    <td>
        <div class="z-pd3 z-bold z-pointer">
            <input type="checkbox" id="selectAllChannel" data-role="z-checkbox" onclick="Z.FM.doSelectCheckBox('merchantIds', this.checked ? 1 : 2);" data-class="z-blue"/><span class="z-mg-l5" onclick="Z(this).parent().find('zcover>i.z-checkbox').click();">全选</span>
        </div>
        <div class="z-float-left z-pd6">
        <#for item : merchantList>
        <div class="z-float-left z-pd6 z-mg-l20 z-text-ellipsis z-pointer " style="width:110px" title="${item}">
        <input type="checkbox" name="merchantIds" onclick="" class="z-checkbox" value="${item.getMerchantId()}" data-role="z-checkbox" data-class="${zmr_color_class}">
        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">${item.getMerchantName()}</span>
        </div>
        </#for>
        </div>
    </td>
</tr>
<tr>
    <td>独立特殊标识：<span class="z-color-999"></span></td>
    <td>
    	<div class="z-float-left z-pd6 z-text-ellipsis z-pointer " title="优质订单">
	        <input type="checkbox" name="isHighQualityOrder" onclick="" class="z-checkbox" value="1" data-role="z-checkbox" data-class="${zmr_color_class}">
	        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">优质订单</span>
        </div>
        <div class="z-float-left z-pd6 z-text-ellipsis z-pointer " title="大金额订单">
	        <input type="checkbox" name="isLargeAmount" onclick="" class="z-checkbox" value="1" data-role="z-checkbox" data-class="${zmr_color_class}">
	        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">大金额订单</span>
        </div>
        <div class="z-float-left z-pd6 z-text-ellipsis z-pointer " title="加急订单">
	        <input type="checkbox" name="isUrgent" onclick="" class="z-checkbox" value="1" data-role="z-checkbox" data-class="${zmr_color_class}">
	        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">加急订单</span>
        </div>
        <div class="z-float-left z-pd6 z-text-ellipsis z-pointer " title="仅设计不印刷">
	        <input type="checkbox" name="isDesign" onclick="" class="z-checkbox" value="1" data-role="z-checkbox" data-class="${zmr_color_class}">
	        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">仅设计不印刷</span>
        </div>
        <div class="z-float-left z-pd6 z-text-ellipsis z-pointer " title="异形订单">
	        <input type="checkbox" name="isSpecial" onclick="" class="z-checkbox" value="1" data-role="z-checkbox" data-class="${zmr_color_class}">
	        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">异形订单</span>
        </div>
        <div class="z-float-left z-mg-l20 z-text-ellipsis" title="异形订单">
        	订单金额范围：
        	<input id="merMinOrderAmount" name="minOrderAmount" value="" class="z-input z-w90 z-ime-disabled" data-options="type:Amount2R;paste:true;" maxlength="6" placeholder="最小金额">
        	&nbsp;-&nbsp;
			<input id="merMaxOrderAmount" name="maxOrderAmount" value="" class="z-input z-w90 z-ime-disabled" data-options="type:Amount2R;paste:true;" maxlength="6" placeholder="最大金额">
        </div>
        <div class="z-float-left z-mg-l20 z-text-ellipsis" title="设计师表里未完成订单数量>=该值，系统派单/人工指单将会失败">
        	最大接单数量：
        	<input id="maxOrderNum" name="maxOrderNum" value="" class="z-input z-w90 z-ime-disabled" data-options="type:Integer;" maxlength="2" />
        </div>
    </td>
</tr>
<tr>
    <td>独立关联产品：<span class="z-color-999"></span></td>
    <td style="display: flex;justify-content: space-between;">
    	<div style="display: flex;align-items: center;">
          	<label>标准自来稿：</label>
        	<div id="relatedType0" style="width: 250px;"></div>
        </div>
        <div style="display: flex;align-items: center;">
          	<label>改稿自来稿：</label>
        	<div id="relatedType4" style="width: 250px;"></div>
        </div>
        <div style="display: flex;align-items: center;">
          	<label>普通设计：</label>
        	<div id="relatedType1" style="width: 250px;"></div>
        </div>
        <div style="display: flex;align-items: center;">
          	<label>资深设计：</label>
        	<div id="relatedType2" style="width: 250px;"></div>
        </div>
    </td>
</tr>
<tr style="display:none;">
    <td>独立关联行业：<span class="z-color-999"></span></td>
    <td style="display: flex;justify-content: space-between;">
    	<div style="display: flex;align-items: center;">
        	<div id="relatedType3" style="width: 600px;"></div>
        </div>
    </td>
</tr>
<tr>
    <td>独立支持后加工：</td>
    <td>
        <div class="z-pd3 z-bold z-pointer">
            <input type="checkbox" id="selectAllAfter" data-role="z-checkbox" onclick="Z.FM.doSelectCheckBox('afterNames', this.checked ? 1 : 2);" data-class="z-blue"/><span class="z-mg-l5" onclick="Z(this).parent().find('zcover>i.z-checkbox').click();">全选</span>
        </div>
        <div class="z-float-left z-pd6">
        <#for item : afterList>
        <div class="z-float-left z-pd6 z-mg-l20 z-text-ellipsis z-pointer " style="width:110px" title="${item}">
        <input type="checkbox" name="afterNames" onclick="" class="z-checkbox" value="${item}" data-role="z-checkbox" data-class="${zmr_color_class}">
        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">${item}</span>
        </div>
        </#for>
        </div>
    </td>
</tr>
<tr>
<td>初/定稿免检产品：</td>
    <td>
        <div class="z-pd3 z-bold z-pointer">
            <input type="checkbox" id="selectAllFreeCheckType" data-role="z-checkbox" onclick="Z.FM.doSelectCheckBox('freeCheckTypes', this.checked ? 1 : 2);" data-class="z-blue"/><span class="z-mg-l5" onclick="Z(this).parent().find('zcover>i.z-checkbox').click();">全选</span>
        </div>
        <div class="z-float-left z-pd6">
        <#for item : designTypeList>
        <div class="z-float-left z-pd6 z-mg-l20 z-text-ellipsis z-pointer " style="width:110px" title="${item.getTypeName()}">
        <input type="checkbox" name="freeCheckTypes" onclick="" class="z-checkbox" value="${item.getTypeId()}" data-role="z-checkbox" data-class="${zmr_color_class}">
        <span onclick="Z(this).parent().find('zcover>i.z-checkbox').click()" class="z-pointer">${item.getTypeName()}</span>
        </div>
        </#for>
        </div>
    </td>
</tr>
</table>
${zhiqim_manager_submit()}
</form>
${zhiqim_manager_content_end()}