前台頁面就是乙個button,就不寫了,
對應的列印頁面div為
對應js為
一、基本資訊
企業內部編號:
經營企業編號:
經營企業名稱:
經營企業信用**:
倉庫編號:
倉庫名稱:
聯絡人:
主管海關:
倉庫面積:
倉庫容積:
錄入日期:
結束有效日期:
企業型別:
區域場所類別:
記賬模式:
倉庫賬冊號:
申報型別:
暫停變更標記:
申報企業編號:
申報企業名稱:
申報企業社會信用**:
錄入單位**:
錄入單位社會信用**:
錄入單位名稱:
審核狀態:
申報標誌:
申請單位型別:
審核狀態:
備註:二、表體資訊
商品序號
商品料號
商品編碼
商品名稱
商品規格型號
國別**
申報計量單位**
法定計量單位**
第二法定計量單位**
申報單價金額
申報幣制**
儲存(監管)期限
記賬清單編號
記賬清單商品序號
海關執行標記
修改標記
三、單證明細
賬冊編號
表體序號
變更次數
隨附單證編號
隨附單證型別
隨附單證檔名
列印的公共方法,解析,其中的fungetkeyandv方法為每個頁面獨有,根據字段,資料,判斷顯示的值//傳入列印的html頁面,是乙個div的id
function printpage(divid)
$.ajax(
//data是json格式資料
var bscrow = data.body.bsc;
var allrow = data.body;
if(bscrow);
}if(allrow && allrow.dt && allrow.dt.length>0);
var namelist = ['gdsseqno','gdsmtno','gdecd','gdsnm','gdsspcfmodeldesc',
'natcd','dclunitcd','lawfunitcd','secdlawfunitcd','dcluprcamt'];
var namelist2 = ['dclcurrcd','limitdatestring','invtno','invtgno','cusmexemarkcd','modfmarkcd'];
gethtmlbt("bwsinfo_bwsdttable_print",allrow.dt,namelist);
gethtmlbt("bwsinfo_bwsdttable_print2",allrow.dt,namelist2);
}else
if(allrow && allrow.pad && allrow.pad.length>0);
var namelist = ['bopno','acmpformseqno','chgtmscnt','acmpformno','acmpformtypecd','acmpformfilenm'];
gethtmlbt("bwsinfo_bwsputrectable_print",allrow.pad,namelist);
}else
var newstr = document.getelementbyid(divid).innerhtml;
var oldstr = document.body.innerhtml;
document.body.style.height="auto";
document.body.innerhtml = newstr;
window.print();
document.body.innerhtml = oldstr;
},error:function(data)
});}
fungetkeyandv方法舉例//表頭
//得到拼裝的html,list為要列印的數值集合(查詢出來的集合,只有一條資料),namelist,為要列印的所有資料的json格式(頁面上固定的json格式)
function getheadhtml(list,namelist)
// }
// });
// html=html.substring(0,html.length-9)
// return html+='。';
for(var key in list)
});} }
// $("#elereg_nemslisttable_print tr").not(":first").remove();
}//表體
//得到拼裝的html,list為要列印的數值集合(查詢出來的集合),jsonlist,為要列印的所有資料的json格式(頁面上固定的json格式)
//type為型別,對應為相應的表體,料件,耗料,附件等等
function gethtml(list,jsonlist,type)else if(keyname==key)
}});
html=html.substring(0,html.length-9)
html+='
'; }
return html;
}//對**資料進行賦值,tableid為**id,valuelist為value值資料,namelist為要name顯示的列
//create by zhangkang
function gethtmlbt(table_id,valuelist,namelist)else if(valname==key)
}});
html+=" ";
}}
//判斷key和list,還有type等等
function fungetkeyandv(name,key)
return (key||'');
}function funtype(val)
}function funmodfmarkcd(val)
}
前台頁面 顯示步驟
首先來說一下我們的主題。來看一下圖。這兩張圖,主要是看頁面上部分,能夠顯示當前正在進行的操作步驟。我們分享一下這個頁面的製作過程。首先,這個頁面主要是由三部分組成的。上部分是顯示當前順序,基本不會變化。中間部分會根據具體的業務顯示不同的內容。最下面會顯示操作步驟。我們看中間的部分是變化最大的,而相對...
MVC拼接前台頁面
mvc拼接前台頁面 mvc的頁面中,有多個相同型別的元件,但是其中的資料值不同,而且個數也是未知的,如圖 這裡使用的是 html.raw viewbag.message 在頁面中的適當的位置,寫該 即可 後台,controller中還是利用的mvc的機制,返回頁面的時候,連帶拼接的字串一塊返回。pu...
前台頁面編碼規範
html 編碼規範 語義化結構 使用符合語義的標籤書寫 html 文件,選擇恰當的元素表達所需的含義 所有的標籤元素和屬性的名字都必須使用小寫 屬性值必須加雙引號 所有的標記都必須有乙個相應的結束標記 巢狀標籤必須合理 同級標記 上下應對齊,父級標記與子標記之間的標籤元素要有一定的縮排。多行相似的 ...