js列印功能

2022-03-09 09:22:00 字數 2766 閱讀 5425

doprint:function

(), pagesetup_null:

function

()

catch

(e){}

},pagesetup_default:

function

()

catch

(e){}

}

<

div

class

="payment_content_fukuan"

style

="cursor:pointer;display:none;margin-right: 50px;"

v-on:click

="doprint()"

>列印

div>

<

div

style

="width:100%;height:640px;overflow-y:auto;margin:0;padding:0;"

id="printdeliveryview"

>

<

table

class

="payment_listdy"

id="tableyue"

style

="width:95%;"

>

<

tr><

td colspan

="11"

><

h3><

b>支付單付款明細

b>

h3>

td>

tr>

<

tr>

<

th style

="width:50px;"

>日期

th>

<

th >**商

th>

<

th >審核人

th>

<

th >支付狀態

th>

<

th >實付額

th>

<

th >零頭

th>

<

th >服務顧問

th>

<

th >收款人

th>

<

th >賬號

th>

<

th >開戶行

th>

<

th >備註

th>

tr>

<

tbody

id="financialpaymentlist"

>

<

tr v-for

="(item,index) in list"

v-bind:id

="'fukuan'+(index)"

class

="tabledayin"

>

<

td style

="width:50px;white-space: nowrap;font-size: .12rem;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.80);"

>}

td>

<

td style

="text-align: left"

>}

td>

<

td >}

td>

<

td >}

td>

<

td style

="text-align:right;padding-right:10px;"

>}

td>

<

td style

="text-align:right;padding-right:10px;"

>}

td>

<

td >}

td>

<

td style

="text-align: left"

>}

td>

<

td >}

td>

<

td style

="text-align: left"

>}

td>

<

td >}

td>

tr>

tbody

>

table

>

div>

這裡是列印這個頁面的功能,table寬要比插入的標籤printdeliveryview小,否則列印不全,樣式寫在行內,還沒有成功使用樣式表來控制列印樣式

//

列印 dayin: function

() }

}if (rows == '')

//最後做一下截字

var ids = rows.substr(0, rows.length - 1);//

從索引0開始擷取row.length-1個字元

var dialog =$.dialog();

}

這裡是勾選後列印按鈕彈出已選頁面的功能,遍歷勾選的資料,將value值組合成逗號分隔的字串,再去掉末尾逗號,通過dialog彈窗,url傳參,給彈出的頁面,物件裡設定彈窗屬性

JS列印組合功能

1.區域性列印 即想列印什麼地方就列印什麼地方 解決辦法 將不想列印的地方隱藏起來 在將不想列印的地方控制起來 不需要列印的地方 2.引用組建 webbrowser控制項 關於這個元件的用法,列舉如下 webbrowser.execwb 1,1 開啟 web.execwb 2,1 關閉現在所有的ie...

js實現簡單pdf列印功能

js實現pdf列印功能的主要思想是,需要乙個pdf模板作為背景圖,然後採用拼內容的方式,將文字拼接到頁面中,列印頁面內容即可,需要注意的是pdf 背景尺寸。一 html中的列印按鈕,可以是a標籤也可以是其他標籤 二 在js中編寫printtrue 方法 function printture 三 拼值...

js列印功能的實現(通用)

業務需求 基於bootstrap和layout的一套視覺化布局系統 用來自定義簡歷 在操作布局介面向預覽介面轉換時截一張預覽介面的儲存到後台。最終方案 在操作介面轉換為預覽介面時對螢幕進行截圖,然後用列印截圖取代之前的直接列印節點 截圖使用到html2canvas外掛程式 html2canvas p...