<apex:page standardController="Sample_order_list__c" extensions="OrdergoodsController" showheader="false" sidebar="false" action="{!init}" id="Page" title="样本订货">
|
<apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
|
<apex:includeScript value="{!URLFOR($Resource.apex20)}"/>
|
<head>
|
<script type="text/javascript">
|
function checkAll() {
|
var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
|
if (j$(escapeVfId('checkAll1')).attr('checked') == 'checked') {
|
for (var i = 0; i < productCount; i++) {
|
j$(escapeVfId('Page:mainForm:productInfoList:' + i + ':rowcheck')).attr('checked',true);
|
}
|
} else {
|
for (var i = 0; i < productCount; i++) {
|
j$(escapeVfId('Page:mainForm:productInfoList:' + i + ':rowcheck')).attr('checked',false);
|
}
|
}
|
}
|
|
// 保存按钮
|
function SaveJs() {
|
blockme();
|
save();
|
}
|
|
//提示发送订单 thh
|
function openAddMultipleRow(){
|
if (confirm('确认发送样本订货单？')) {
|
blockme();
|
confirmBtn();
|
}
|
}
|
//2021/11/05 fxk 计算总量 Star
|
function AllChecktime(lineno){
|
var shuliang = j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Number')).value();
|
//数量大于1000的要做去掉逗号的全局操作,否则Number会被识别NaN非数字, /,/g标识全局的逗号
|
shuliang = shuliang.replace(/,/g, "");
|
var guige = j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Packing_list_manual')).value();
|
if(shuliang == null || shuliang == ""){
|
j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Total')).html((null));
|
j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Total')).attr('value',null);
|
}else{
|
j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Total')).html((shuliang*guige));
|
j$(escapeVfId('Page:mainForm:productInfoList:'+(lineno-1)+':Total')).attr('value',(shuliang*guige));
|
}
|
}
|
//2021/11/05 fxk 计算总量 end
|
|
//保存或者发送订货报错之后,计算总量 thh 2021-12-20 start
|
function SaveAllChecktime(){
|
var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
|
for(var lineno = 0; lineno < productCount; lineno++){
|
var shuliang = j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Number')).value();
|
//数量大于1000的要做去掉逗号的全局操作,否则Number会被识别NaN非数字, /,/g标识全局的逗号
|
shuliang = shuliang.replace(/,/g, "");
|
var guige = j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Packing_list_manual')).value();
|
if(shuliang == null || shuliang == ""){
|
j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Total')).html((null));
|
j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Total')).attr('value',null);
|
}else{
|
j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Total')).html((shuliang*guige));
|
j$(escapeVfId('Page:mainForm:productInfoList:'+lineno+':Total')).attr('value',(shuliang*guige));
|
}
|
}
|
}
|
//保存或者发送订货报错之后,计算总量 thh 2021-12-20 end
|
|
//add 当收货方为办事处时，收货方地址为办事处地址 2021/11/17 fxk
|
function resetDealer() {
|
// 收货方
|
var ReceivePart = j$(escapeVfId('Page:mainForm:sampleReceivePart')).val();
|
var AccAdress = '{!AccName.Address__c}';
|
var AccPhone = '{!AccName.Phone}';
|
if (ReceivePart == '办事处') {
|
j$(escapeVfId('Page:mainForm:Address')).val(AccAdress);
|
j$(escapeVfId('Page:mainForm:Phone')).val(AccPhone);
|
}else {
|
j$(escapeVfId('Page:mainForm:Address')).val('');
|
j$(escapeVfId('Page:mainForm:Phone')).val('');
|
j$(escapeVfId('Page:mainForm:Contact')).val('');
|
}
|
}
|
|
//文本框输入值,复选框自动打勾 thh 2021-12-15
|
function ComputePrice(j) {
|
var productCount = j$(escapeVfId('Page:mainForm:productInfoList:Size')).value();
|
for(var i = 0; i < productCount; i++){
|
var samNumber = document.getElementById("Page:mainForm:productInfoList:"+ i +":Number").value;
|
var checklist = j$("input[name='Page:mainForm:productInfoList:"+ i +":rowcheck']");
|
if(samNumber != null && samNumber != 0 && samNumber != ''){
|
checklist[0].checked = true;
|
}else{
|
checklist[0].checked = false;
|
}
|
}
|
}
|
</script>
|
<!-- 样式 -->
|
<style type="text/css">
|
/*滚动框*/
|
div#iframelike {
|
color: #fff;
|
height: 300px;
|
width: 70px;
|
overflow-x:auto;
|
overflow-y:auto;
|
}
|
.pure-table {
|
border-collapse: collapse;
|
border-spacing: 0;
|
empty-cells: show;
|
border: 1px solid #cbcbcb;
|
width: 100%;
|
}
|
|
.pure-table caption {
|
color: #000;
|
font: italic 85%/1 arial,sans-serif;
|
/* padding: 1em 0;*/
|
text-align: center;
|
}
|
|
.pure-table td,.pure-table th {
|
border-left: 1px solid #cbcbcb;
|
border-width: 0 0 0 1px;
|
font-size: inherit;
|
margin: 0;
|
/*overflow: auto;*/
|
padding: .5em 1em;
|
}
|
|
.pure-table thead {
|
background-color: #c3bfbf;
|
color: #000;
|
text-align: center;
|
vertical-align: bottom;
|
}
|
|
.pure-table td {
|
background-color: transparent;
|
}
|
|
.pure-table-horizontal th,.pure-table-horizontal td {
|
border-width: 0 0 1px 0;
|
border-bottom: 1px solid #cbcbcb;
|
}
|
|
.pure-table-horizontal tbody>tr:last-child>td {
|
border-bottom-width: 0;
|
}
|
|
/* 这里不考虑浏览器的兼容性 */
|
input[type="range"] {
|
width: 100%;
|
-webkit-appearance: none;
|
height: 8px;
|
border-radius: 4px;
|
background: -webkit-linear-gradient(#ffa200, #ffa200) no-repeat white;
|
background-size: 50% 100%; /* 因为周期默认value=0.50正好占50% */
|
}
|
/* -webkit-slider-thumb仅对谷歌浏览器有效 */
|
input[type="range"]::-webkit-slider-thumb {
|
-webkit-appearance: none;
|
background-color: #aaa;
|
width: 8px;
|
height: 20px;
|
border-radius: 4px;
|
cursor: pointer;
|
}
|
input[type="range"]::-webkit-slider-thumb:hover {
|
background: #666;
|
}
|
/* 左侧渐变色的写法,默认滑块在最左侧所以下面white为0% */
|
#speed {
|
background: linear-gradient(to right, #ffa200, white 0%, white);
|
background-size: 100% 100%;
|
}
|
|
/*弹窗中的input样式*/
|
.diaInput{
|
font-size:10.5px;
|
/* 设置输入框中字体的大小 */
|
|
height:20px;
|
/* 设置输入框的高度 */
|
|
border-radius:4px;
|
/* 设置输入框的圆角的大小 */
|
|
border:1px solid #c8cccf;
|
/* 设置输入框边框的粗细和颜色 */
|
|
color:#986655;
|
/* 设置输入框中文字的颜色 */
|
|
outline:0;
|
/* 将输入框点击的时候出现的边框去掉 */
|
|
text-align:left;
|
/* 设置输入框中文字的位置 */
|
|
padding-left: 10px;
|
|
display:block;
|
/* 将输入框设置为块级元素 */
|
|
cursor: pointer;
|
|
box-shadow: 2px 2px 5px 1px #ccc;
|
}
|
.diaInput::-webkit-input-placeholder{
|
color: #986655;
|
font-size: 12px;
|
}
|
/*弹窗中的p标签样式*/
|
.diap{
|
font-family: "宋体",sans-serif;
|
color: red;
|
opacity: 1;
|
font-weight:bold;
|
}
|
</style>
|
</head>
|
<apex:form id="mainForm">
|
<h1 style ="font-size: 30px; margin-left: 45%;">样本订货</h1>
|
<apex:actionFunction name="save" action="{!save}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
|
</apex:actionFunction>
|
<!-- 确认按钮 -->
|
<apex:actionFunction name="confirmBtn" action="{!confirmBtn}" rerender="message,mainForm,listsTable" onComplete="SaveAllChecktime();unblockUI();">
|
</apex:actionFunction>
|
<apex:outputPanel id="listsTable">
|
<!-- <apex:pageBlock id="block1"> -->
|
<div style="width: 100%;text-align:center;margin:0 auto;">
|
<table id="datatable_header" class="pure-table pure-table-horizontal" border="1" style="border-collapse:collapse; table-layout:fixed;">
|
<!-- 统一设置列宽度 -->
|
<colgroup>
|
<col width="15%"/>
|
</colgroup>
|
<tr style="background-color:#f2f3f1;width:900px;">
|
<th style="text-align: left;">客户:</th>
|
<td style="text-align:left;">
|
<apex:outputLabel id="AccName" value="{!AccName.Name}" />
|
</td>
|
<th>
|
<td></td>
|
</th>
|
</tr>
|
<tr style="background-color:#f2f3f1;width:900px;">
|
<th style="text-align: left;">收货方:</th>
|
<td style="text-align:left;">
|
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!sampleOrder.ReceivePart__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:inputField id="sampleReceivePart" value="{!sampleOrder.ReceivePart__c}" onchange="resetDealer();return false;" />
|
</apex:outputPanel>
|
</td>
|
<th style="text-align:right;">送达方地址:</th>
|
<td style="text-align:left;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!sampleOrder.DeliveryAddress__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:inputField id="Address" value="{!sampleOrder.DeliveryAddress__c}" />
|
</apex:outputPanel>
|
<!-- <apex:inputHidden id="tempSize" value="{!tempSize}" /> -->
|
</td>
|
</tr>
|
<!-- 20211115 lt end -->
|
<tr style="background-color:#f2f3f3;width:900px;">
|
<th style="text-align: left;">送达方联系人:</th>
|
<td style="text-align:left;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!sampleOrder.DeliveryContact__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:inputField id="Contact" value="{!sampleOrder.DeliveryContact__c}" />
|
</apex:outputPanel>
|
</td>
|
<th style="text-align:right;">送达方电话:</th>
|
<td style="text-align:left;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!sampleOrder.DeliveryPhone__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:inputField id="Phone" value="{!sampleOrder.DeliveryPhone__c}" />
|
</apex:outputPanel>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<!-- 后台报错信息显示的关键 -->
|
<apex:outputPanel id="message">
|
<apex:pageMessages ></apex:pageMessages>
|
</apex:outputPanel>
|
<input type="hidden" id="Page:mainForm:productInfoList:Size" value="{!tempSize}" />
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}" >
|
<table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
|
<tr style="background-color:#f2f3f3; width:900px; color: black;">
|
<th style="text-align:left; width:50px">查询:</th>
|
<td style="text-align:left; width:180px">
|
<apex:inputText style="text-align:left;" id="selectlike" value="{!QueryTemp}" />
|
</td>
|
<td style="text-align:left;">
|
<apex:commandButton id="Query" value="查询" style="width:100px;height:30px;" action="{!FuzzyQuery}" />
|
</td>
|
</tr>
|
</table>
|
</apex:outputPanel>
|
<div id="iframelike" style="width: 100%; height: 400px; text-align:center;margin:0 auto;" >
|
<table id="theTable_Body" class="pure-table pure-table-horizontal" border="1" style="border-collapse: collapse; table-layout:fixed;">
|
<colgroup>
|
<col width="2%"/>
|
<col width="3%"/>
|
<col width="20%"/>
|
<col width="30%"/>
|
<col width="20%"/>
|
<col width="10%"/>
|
<col width="5%"/>
|
<col width="10%"/>
|
</colgroup>
|
<tr style="background-color:#f2f3f3;">
|
<th style="text-align:center"><input type="checkbox" id="checkAll1" onclick="checkAll();" style="width:10px;"/></th>
|
<th style="text-align:center;color: black;">NO</th>
|
<th style="text-align:center;color: black;">资料编码</th>
|
<th style="text-align:center;color: black;">资料名称</th>
|
<th style="text-align:center;color: black;">资料分类</th>
|
<th style="text-align:center;color: black;">数量</th>
|
<th style="text-align:center;color: black;">规格</th>
|
<th style="text-align:center;color: black;">总量</th>
|
</tr>
|
<apex:repeat value="{!productInfoList}" var="pros" id="productInfoList">
|
<tr>
|
<!-- ⚀ -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:inputCheckbox value="{!pros.check}" id="rowcheck"/>
|
<apex:inputHidden id="ProIdHidden" value="{!pros.proId}"/>
|
</td>
|
|
<!-- NO -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputLabel style="width:20px" id="indexNo" value="{!IF(pros.SOLDel.Pro_model__c == null,'',pros.lineNo)}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputLabel style="width:20px" value="{!IF(pros.pro.Asset_Model_No__c == null,'',pros.lineNo)}"/>
|
</apex:outputPanel>
|
</td>
|
|
<!-- 资料编码 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!pros.SOLDel.Pro_model__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField style="width:90px" id="proModel" value="{!pros.pro.Asset_Model_No__c}"/>
|
</apex:outputPanel>
|
</td>
|
|
<!-- 资料名称 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText style="width:400px" id="SOLDelName" value="{!pros.SOLDel.Pro_Name__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText style="width:400px" id="Name" value="{!pros.pro.Name}"/>
|
</apex:outputPanel>
|
</td>
|
|
<!-- 资料分类 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText style="width:400px" id="SOLDelClassification" value="{!pros.SOLDel.Sample_Classification__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText style="width:400px" id="Classification" value="{!pros.pro.Sample_Classification__c}"/>
|
</apex:outputPanel>
|
</td>
|
|
<!-- 数量 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputField value="{!pros.SOLDel.ItemQuantity__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:inputField id="Number" style="width:80px" value="{!pros.SOLDel.ItemQuantity__c}" onblur="AllChecktime({!pros.lineNo});ComputePrice(this);return false;" />
|
</apex:outputPanel>
|
</td>
|
|
<!-- 规格 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText value="{!pros.SOLDel.Standards__c}"/>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!!IF(sampleOrder.Status__c='订单已发送',true,false)}" >
|
<apex:outputText style="width:30px" id="Packing_list_manual" value="{!if(pros.pro.Asset_Model_No__c == null , '',pros.pro.Packing_list_manual__c)}" />
|
<!-- <apex:inputHidden id="PackingHidden" value="{!pros.SOLDel.Standards__c}"/> -->
|
</apex:outputPanel>
|
</td>
|
|
<!-- 总量 -->
|
<td class="dataCell" style="text-align:center;">
|
<apex:outputField style="margin-left:3px;margin-right:3px;width:25px" id="Total" value="{!pros.SOLDel.Total__c}">
|
</apex:outputField>
|
</td>
|
</tr>
|
</apex:repeat>
|
</table>
|
</div>
|
<div id="iframelike" style="width: 100%; height: 40px; text-align:center;margin:0 auto;" >
|
<table id="buttontable" border="0">
|
<tr>
|
<!-- <td style="width:100px;" align="left"><apex:commandButton value="增加行" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;" rerender="{!displayFlg}"/></td> -->
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',false,true)}">
|
<td style="width:100%;" align="right"><apex:commandButton id="preserve" value="保存" style="width:100px;height:30px;" onclick="SaveJs();return false;" /></td>
|
<td align="right"><apex:commandButton id="sendOrder" value="发送订货" style="width:100px;height:30px;" onclick="openAddMultipleRow(); return false;"/></td>
|
</apex:outputPanel>
|
<apex:outputPanel rendered="{!IF(sampleOrder.Status__c='订单已发送',true,false)}">
|
<td style="width:98%; position: absolute;" align="right"><apex:commandButton id="Return" value="返回" style="width:100px;height:30px;" action="{!ReturnBtn}" /></td>
|
</apex:outputPanel>
|
</tr>
|
</table>
|
</div>
|
</apex:outputPanel>
|
</apex:form>
|
</apex:page>
|
