${request.getValidateScript()}
${zhiqim_manager_history("productConvert.htm")}

${zhiqim_manager_breadcrumb_parent("productConvert.htm", "产品单价" , "增加产品单价")}
${zhiqim_manager_content()}

<form name="theForm" action="productConvertInsert.htm" method="post" onSubmit="return validateForm(this);" data-role="z-call-frame">
<table class="z-table z-bordered z-h50-tr z-pd10 z-bg-white">
<tr class="zi-h40 z-bg-gray z-bold">
	<td colspan="2">增加产品单价</td>
</tr>
<tr>
	<td width="40%" align="center">产品</td>
	<td width="*">
		<select name="prdTypeId" class="z-float-left z-select z-w150" data-role="z-select-search" data-class="${zmr_color_class}" onchange="doQueryPrdAttr(this.value)">
		<#for item : DesignTypeDao.list()>
            <option value="${item.getTypeId()}">${item.getTypeName()}</option>
        </#for>
		</select>
		<span class="z-color-red">&nbsp;*</span>
	</td>
</tr>
<tr>
	<td align="center">尺寸</td>
	<td>
		<div style="display:flex;align-items:center;">
		长：小于&nbsp;<input type="text" name="prdSizeWidth" id="prdSizeWidth" data-options="type:Integer;paste:true;" maxlength="8" class="z-input z-w150" value="" placeholder="填写尺寸时需包含出血">&emsp;宽：小于&nbsp;<input type="text" name="prdSizeHeight" id="prdSizeHeight" data-options="type:Integer;paste:true;" maxlength="8" class="z-input z-w150" value="" placeholder="填写尺寸时需包含出血">&nbsp;
		<span class="z-pointer" data-role="z-tooltip" data-options="placement:top;align:left;width:420px;" data-text="1.若有多个尺寸配置适用，则使用最小适用尺寸范围配置<br>2.配置尺寸需考虑产品出血值<br>3.不支持长宽交叉配置（小于90*小于56和小于92*小于54不允许同时存在）"><svg t="1618819497927" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4064" width="28" height="28"><path d="M512 127.9c51.9 0 102.2 10.1 149.5 30.2 45.7 19.3 86.8 47 122.1 82.3s63 76.4 82.3 122.1c20 47.3 30.2 97.6 30.2 149.5S886 614.2 865.9 661.5c-19.3 45.7-47 86.8-82.3 122.1s-76.4 63-122.1 82.3c-47.3 20-97.6 30.2-149.5 30.2S409.8 886 362.5 865.9c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2 30.2-149.5c19.3-45.7 47-86.8 82.3-122.1s76.4-63 122.1-82.3c47.3-20 97.6-30.2 149.5-30.2m0-64C264.5 63.9 63.9 264.5 63.9 512S264.5 960.1 512 960.1 960.1 759.5 960.1 512 759.5 63.9 512 63.9z" fill="#1296db" p-id="4065"></path><path d="M480 736h64v64h-64zM476.9 686.3c-0.3-9.3-0.4-42.2-0.4-46.8 0-27.3 3.9-50.8 11.6-70.6 5.7-14.9 14.8-30 27.4-45.1 9.3-11.1 25.9-27.2 50-48.4 24-21.2 39.7-38.1 46.9-50.7s10.8-26.4 10.8-41.3c0-27-10.5-50.7-31.6-71.2-21.1-20.4-46.9-30.7-77.5-30.7-29.6 0-54.3 9.3-74.1 27.8-19.8 18.5-32.8 47.4-39 86.8l-71.4-8.5c6.4-52.7 25.5-93.1 57.3-121.1s73.7-42 125.9-42c55.3 0 99.4 15 132.3 45.1 32.9 30.1 49.4 66.5 49.4 109.2 0 24.7-5.8 47.4-17.4 68.3s-34.2 46.2-67.9 76c-22.6 20.1-37.4 34.8-44.4 44.4-6.9 9.5-12.1 20.4-15.4 32.8-3.3 12.3-5.3 58.4-5.8 86.2h-66.7v-0.2z" fill="#1296db" p-id="4066"></path></svg></span>
		</div>
	</td>
</tr>
<tr>
	<td align="center">面数</td>
	<td>
		<select name="prdPageName" id="prdPageName" class="z-float-left z-select z-w150" data-role="z-select-search" data-class="${zmr_color_class}">
		</select>
	</td>
</tr>
<tr>
	<td align="center">等级绩效单价</td>
	<td>
		<ul class="rankUl">
			<li>${leverList.get(0).getDesignerLever()}<input type="text" name="prdPriceRank1" id="prdPriceRank1" class="z-input z-w180" value="" placeholder="请输入${leverList.get(0).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(1).getDesignerLever()}<input type="text" name="prdPriceRank2" id="prdPriceRank2" class="z-input z-w180" value="" placeholder="请输入${leverList.get(1).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(2).getDesignerLever()}<input type="text" name="prdPriceRank3" id="prdPriceRank3" class="z-input z-w180" value="" placeholder="请输入${leverList.get(2).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(3).getDesignerLever()}<input type="text" name="prdPriceRank4" id="prdPriceRank4" class="z-input z-w180" value="" placeholder="请输入${leverList.get(3).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(4).getDesignerLever()}<input type="text" name="prdPriceRank5" id="prdPriceRank5" class="z-input z-w180" value="" placeholder="请输入${leverList.get(4).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(5).getDesignerLever()}<input type="text" name="prdPriceRank6" id="prdPriceRank6" class="z-input z-w180" value="" placeholder="请输入${leverList.get(5).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
			<li>${leverList.get(6).getDesignerLever()}<input type="text" name="prdPriceRank7" id="prdPriceRank7" class="z-input z-w180" value="" placeholder="请输入${leverList.get(6).getDesignerLever()}对应单价"><span class="z-color-red">*</span></li>
		</ul>
	</td>
</tr>
<tr>
	<td align="center">改稿价格</td>
	<td>
		<input type="text" name="templateDraftPrice" id="templateDraftPrice" class="z-input z-w180" value="0" placeholder="请输入改稿价格">
	</td>
</tr>
</table>
${zhiqim_manager_submit()}
</form>
${zhiqim_manager_content_end()}
<style>
.rankUl>li{
    padding-bottom: 10px;
}
.rankUl>li>input{
    margin-left: 10px;
}

</style>
<script>
Z.onload(function(){
	doQueryPrdAttr(1);
});

function doQueryPrdAttr(prdTypeId){
	/**if(prdTypeId == ''){
		Z("#prdSizeStd").htmlc('<option value="">尺寸</option>');
		Z("#prdPageName").htmlc('<option value="">面数</option>');
		return;
	}
	var ajax = new Z.Ajax();
    ajax.setClassName("BasePresenter");
    ajax.setMethodName("doQueryPrdSizeByTypeId");
    ajax.addParam("prdTypeId", prdTypeId);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
    	var obj = Z.J.toObject(this.responseText);
    	var html = '<option value="">尺寸</option>';
    	obj.forEach(function(value, key, arr){
    		html += '<option value="'+value+'">'+value+'</option>';
    	});
    	
    	Z("#prdSizeStd").htmlc(html);
    });
    ajax.execute();*/
    
    var ajax = new Z.Ajax();
    ajax.setClassName("BasePresenter");
    ajax.setMethodName("doQueryPrdPageByTypeId");
    ajax.addParam("prdTypeId", prdTypeId);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
    	var obj = Z.J.toObject(this.responseText);
    	var html = '<option value="">面数</option>';
    	obj.forEach(function(value, key, arr){
    		html += '<option value="'+value+'">'+value+'</option>';
    	});
    	
    	Z("#prdPageName").htmlc(html);
    });
    ajax.execute();
}
</script>