${zhiqim_manager_history("designerGroup.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;
	}
	
</style>

<script type="text/javascript">
    layui.config({
        base: '../zinc/module/'
    }).extend({
        xmSelect: 'xmSelect/xm-select',
    }).use(['jquery','xmSelect'], 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
		});
		
		$("#designerGroupInsertForm").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("designerGroup.htm" "接单条件组管理" "增加接单条件组")}
${zhiqim_manager_content()}
<form id="designerGroupInsertForm" name="theForm" method="post" action="designerGroupInsert.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>
    	<input name="designerGroupName" class="z-input z-w300 ${zmr_color_class}" maxlength="16"><span class="z-color-red z-mg-r40">&nbsp;*</span>
    	备注：
    	<input name="remark" class="z-input z-w300 ${zmr_color_class}" maxlength="16">
    </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" /><span class="z-color-red z-mg-r40">&nbsp;*</span>
        </div>
        <div>
        	最大可放弃次数：
        	<input id="maxWaiveNum" name="maxWaiveNum" value="" class="z-input z-w90 z-ime-disabled" data-options="type:Integer;" maxlength="2" /><span class="z-color-red z-mg-r40">&nbsp;*</span>
        </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);" <#if Lists.toStringList(orgMer.getAfterNames()).size()==afterList.size()> checked </#if> 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>
</table>
${zhiqim_manager_submit()}
</form>
${zhiqim_manager_content_end()}