前台頁面列印

2021-09-27 06:37:05 字數 3233 閱讀 3259

前台頁面就是乙個button,就不寫了,

對應的列印頁面div為

一、基本資訊

企業內部編號:

經營企業編號:

經營企業名稱:

經營企業信用**:

倉庫編號:

倉庫名稱:

聯絡人:

主管海關:

倉庫面積:

倉庫容積:

錄入日期:

結束有效日期:

企業型別:

區域場所類別:

記賬模式:

倉庫賬冊號:

申報型別:

暫停變更標記:

申報企業編號:

申報企業名稱:

申報企業社會信用**:

錄入單位**:

錄入單位社會信用**:

錄入單位名稱:

審核狀態:

申報標誌:

申請單位型別:

審核狀態:

備註:二、表體資訊

商品序號

商品料號

商品編碼

商品名稱

商品規格型號

國別**

申報計量單位**

法定計量單位**

第二法定計量單位**

申報單價金額

申報幣制**

儲存(監管)期限

記賬清單編號

記賬清單商品序號

海關執行標記

修改標記

三、單證明細

賬冊編號

表體序號

變更次數

隨附單證編號

隨附單證型別

隨附單證檔名

對應js為

//傳入列印的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+=" ";

}}

fungetkeyandv方法舉例

//判斷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 文件,選擇恰當的元素表達所需的含義 所有的標籤元素和屬性的名字都必須使用小寫 屬性值必須加雙引號 所有的標記都必須有乙個相應的結束標記 巢狀標籤必須合理 同級標記 上下應對齊,父級標記與子標記之間的標籤元素要有一定的縮排。多行相似的 ...