vue自定義打印頁面樣式

步驟1：全局引入

npm install print-js --save

步驟2：組件內(nèi)引用

? ? <div>

? ? ? <el-button

? ? ? ? ? ? type="primary"

? ? ? ? ? ? @click="print"

? ? ? ? ? ? >打印</el-button

? ? ? ? ? >

? ? ? <Print />

? ? </div>

</template>

import printHtml from 'print-js'

import Print from './components/Print.vue'

步驟3：創(chuàng)建實(shí)例方法

components: {? ?

? ? Print,

? },

print() {

// 更改頁面打印名稱

? ? document.title = '******'? '.pdf'

? ? printHtml({

? ? ? printable: 'printMe', // 文檔來源：pdf或圖像url，html元素ID或json數(shù)據(jù)對象

? ? ? type: 'html', // 可打印的類型杯矩∑妊停可用的打印選項(xiàng)包括：pdf，html玄坦，圖像恋谭，json和raw-html特碳。

? ? ? // css: 'Print.css', // 這使我們可以傳遞一個或多個CSS文件URL，這些URL應(yīng)該應(yīng)用于要打印的html赖草。值可以是具有單個URL的字符串或具有多個URL的數(shù)組。

? ? ? scanStyles: false, // 設(shè)置為false時剪个，庫將不處理應(yīng)用于正在打印的html的樣式秧骑。使用css參數(shù)時很有用。

? ? ? style: '@media print{@page {size:landscape}}',

? ? ? showModal: true

? ? })

? }

步驟4：創(chuàng)建print 頁面? 注意：id與print方法內(nèi) printable的參數(shù)保持一致扣囊，因?yàn)闃邮筋惒黄鹱饔?只能在元素style屬性內(nèi)寫

? <div style="position: fixed; top: 0; left: -9999px" id="pdfDom">

? ? <div id="printMe">

? ? ? <div

? ? ? ? v-for="unit in printUnit"

? ? ? ? :key="unit.code"

? ? ? ? style="padding: 10px; background: #fff !important"

? ? ? >

? ? ? ? <div v-for="(t, i) in pagenum" :key="i">

? ? ? ? ? <div style="display: flex">

? ? ? ? ? ? <div>

? ? ? ? ? ? ? <table style="border-collapse: collapse;width:100%">

? ? ? ? ? ? ? ? <thead style="

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ">

? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? <th colspan="1"></th>

? ? ? ? ? ? ? ? ? ? <th

? ? ? ? ? ? ? ? ? ? ? colspan="8"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? font-size: 18px;

? ? ? ? ? ? ? ? ? ? ? ? font-weight: bold;

? ? ? ? ? ? ? ? ? ? ? ? font-family: STZhongsong; margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 戰(zhàn)備儲備物資調(diào)撥通知單（<span style="

? ? ? ? ? ? ? ? ? ? ? ? font-size: 15px;

? ? ? ? ? ? ? ? ? ? ? ? font-weight: bold;

? ? ? ? ? ? ? ? ? ? ? ? font-family: KaiTi_GB2312;

? ? ? ? ? ? ? ? ? ? ? ? line-height: 24px;

? ? ? ? ? ? ? ? ? ? ? ">{{ printData.allocationTypeName }}</span>）

? ? ? ? ? ? ? ? ? ? </th>

? ? ? ? ? ? ? ? ? ? <th colspan="1"></th>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? </thead>

? ? ? ? ? ? ? ? <tbody style="font-size: 9px;font-family: SimHei">

? ? ? ? ? ? ? ? ? <tr style=" text-align: left">

? ? ? ? ? ? ? ? ? ? <td colspan="2" style="margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? 單    號:<span style="font-family: SimSun;margin-left:1px;">{{ printData.allocationNumber }}</span>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? colspan="3"

? ? ? ? ? ? ? ? ? ? ? rowspan="2"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? font-size: 14px;

? ? ? ? ? ? ? ? ? ? ? ? font-weight: bold;

? ? ? ? ? ? ? ? ? ? ? ? font-family: KaiTi_GB2312;

? ? ? ? ? ? ? ? ? ? ? ? line-height: 24px;

? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? （{{ printData.printSpecialityName?printData.printSpecialityName:printData.reserveSpecialityName }}）

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="text-align: right">

? ? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: right">

? ? ? ? ? ? ? ? ? ? ? <td colspan="4" style="width:191px"></td>

? ? ? ? ? ? ? ? ? ? ? ? <td colspan="2" style="width:140px;text-align: right">

? ? ? ? ? ? ? ? ? ? ? ? ? 開單日期:<span style="font-family: SimSun">{{ printData.billDate }}</span>

? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? <td colspan="2" rowspan="2" style="margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 28px;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? line-height:15px;

? ? ? ? ? ? ? ? ? ? ? ? ? width:350px;

? ? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? ? v-if="printData.allocationBasis.length>26"

? ? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;">依據(jù)文號:</td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td ><span style="font-family: SimSun;margin:0;padding:0;">{{ printData.allocationBasis }}</span></td>

? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 28px;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? line-height:28px;

? ? ? ? ? ? ? ? ? ? ? ? ? width:350px;margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? ? v-else

? ? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;">依據(jù)文號:</td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td ><span style="font-family: SimSun;margin:0;padding:0;">{{ printData.allocationBasis }}</span></td>

? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="text-align: right">

? ? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: right">

? ? ? ? ? ? ? ? ? ? ? <td colspan="5" style="width:191px"></td>

? ? ? ? ? ? ? ? ? ? ? ? <td colspan="2" style="width:140px;text-align: right">

? ? ? ? ? ? ? ? ? ? ? ? ? 有效期至:<span style="font-family: SimSun">{{ printData.expDate }}</span>

? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left">

? ? ? ? ? ? ? ? ? ? <td colspan="4" style="text-align: right"></td>

? ? ? ? ? ? ? ? ? ? <td colspan="4" style="text-align: right">

? ? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: right">

? ? ? ? ? ? ? ? ? ? ? <td colspan="4" style="width:140px"></td>

? ? ? ? ? ? ? ? ? ? ? ? <td? style="text-align: right">

? ? ? ? ? ? ? ? ? ? ? ? ? 運(yùn)輸方式:<span style="font-family: SimSun">{{ printData.freightModeName }}</span>

? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="width:500px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;" >

? ? ? ? ? ? ? ? ? ? ? ? ? ? 發(fā)物單位:

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td? style="width:260px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span style="font-family: SimSun">{{ printData.supplierOrganization }}</span>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? 發(fā)物地址:

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td colspan="3" style="width:280px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span style="font-family: SimSun">{{ printData.sendCompanyAddr?printData.sendCompanyAddr:'' }}</span>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="width:200px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? <tr style="margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? <td style="width:45px;margin:0;padding:0;">聯(lián)系人:</td>

? ? ? ? ? ? ? ? ? ? ? ? <td? v-if="printData.sendCompanyContacts" style="margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? <div style=" width:150px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-family: SimSun;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;text-align: left;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "? >{{ printData.sendCompanyContacts }}</div>

? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? <td v-else style="width:150px;margin:0;padding:0;"> </td>

? ? ? ? ? ? ? ? ? ? ? ? <td colspan="1" style="text-align: right">發(fā)    站:</td>

? ? ? ? ? ? ? ? ? ? ? ? <td colspan="1" style="text-align: left"><span style="font-family: SimSun">{{ printData.sendingStation }}</span></td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr style="font-size: 9px; text-align: left;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="width:500px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;" >

? ? ? ? ? ? ? ? ? ? ? ? ? ? 收物單位:

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td? style="width:260px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span style="font-family: SimSun" >{{ printData.recieveyOrganization }}</span>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:54px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? 收物地址:

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td colspan="3" style="width:280px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span style="font-family: SimSun" v-if="printData.receivedCompanyAddr">{{ printData.receivedCompanyAddr }}</span>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td colspan="5" style="width:200px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? ? ? ? <td style="width:45px;margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? ? 聯(lián)系人:

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td? v-if="printData.receivedCompanyContacts" style="margin:0;padding:0;">

? ? ? ? ? ? ? ? ? ? ? ? ? <div style=" width:150px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? display:block;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height:18px;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? font-family: SimSun;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? margin:0;padding:0;text-align: left;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ">{{ printData.receivedCompanyContacts }}</div>

? ? ? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td v-else style="width:150px;margin:0;padding:0;"> </td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td colspan="1" style="text-align: right">到    站:</td>

? ? ? ? ? ? ? ? ? ? ? ? ? <td colspan="1" style="text-align: left"><span? style="font-family: SimSun">{{ printData.arrivalStation }}</span></td>

? ? ? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 30px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 序號

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 340px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 物資名稱

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 80px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 物資編碼

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 120px !important;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 規(guī)格型號

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 50px !important;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 計量單位

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 50px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 儲備等級

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 80px !important;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 數(shù)量

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 100px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 金額

? ? ? ? ? ? ? ? ? ? ? (元)

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? width: 100px;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 備注

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr v-for="(item, index) in printData.itemList" :key="index" style="font-size: 9px;font-family: SimSun">

? ? ? ? ? ? ? ? ? ? <template

? ? ? ? ? ? ? ? ? ? ? v-if="index >= pageSize * i && index < pageSize * (i + 1)"

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ index + 1 }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? line-height:15px;

? ? ? ? ? ? ? ? ? ? ? ? ? display:block; width:100%;

? ? ? ? ? ? ? ? ? ? ? ? ? display: flex;

? ? ? ? ? ? ? ? ? ? ? ? ? align-items: center;

? ? ? ? ? ? ? ? ? ? ? ? ? justify-content: left;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: justify;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? ? v-if="item && item.reserveItemName.length>26"

? ? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.reserveItemName.slice(0,52) }}

? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? <div style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow: ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? ? ? ? ? ? line-height:38px;

? ? ? ? ? ? ? ? ? ? ? ? ? display:block; width:100%;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? ? v-else

? ? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.reserveItemName }}

? ? ? ? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.businessReserveItemCode }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? ? maxWidth: 160px !important;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space:nowrap;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow:hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? text-overflow:ellipsis;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.itemSam }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.itemUnit }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.reserveGradeName }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: right;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? ? padding-right: 10px;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.itemQuantity }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? ? text-align: right;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow: hidden;

? ? ? ? ? ? ? ? ? ? ? ? ? white-space: nowrap;

? ? ? ? ? ? ? ? ? ? ? ? ? padding-right: 10px;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && Number(item.itemAmount).toFixed(2) }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? ? {{ item && item.remk }}

? ? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? ? <div style="page-break-after: always"></div>

? ? ? ? ? ? ? ? ? ? </template>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? ? <tr>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? colspan="2"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 本調(diào)撥單合計金額(元)

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? colspan="2"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? font-family: SimSun

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? {{ printData.totalAmount | numFormat }}

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? colspan="3"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? height: 38px;

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? 本頁金額小計(元)

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? ? <td

? ? ? ? ? ? ? ? ? ? ? colspan="2"

? ? ? ? ? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? ? ? ? ? height: 20px;

? ? ? ? ? ? ? ? ? ? ? ? border: 1px solid black;

? ? ? ? ? ? ? ? ? ? ? ? vertical-align: center;

? ? ? ? ? ? ? ? ? ? ? ? text-align: center;

? ? ? ? ? ? ? ? ? ? ? ? font-family: SimSun

? ? ? ? ? ? ? ? ? ? ? "

? ? ? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? ? ? {{

? ? ? ? ? ? ? ? ? ? ? ? printData.itemList

? ? ? ? ? ? ? ? ? ? ? ? ? .slice(i * pageSize, (i + 1) * pageSize)

? ? ? ? ? ? ? ? ? ? ? ? ? .map((item) => item.itemAmount)

? ? ? ? ? ? ? ? ? ? ? ? ? .reduce((pre, next) => pre + next, 0) | numFormat

? ? ? ? ? ? ? ? ? ? ? }}

? ? ? ? ? ? ? ? ? ? </td>

? ? ? ? ? ? ? ? ? </tr>

? ? ? ? ? ? ? ? </tbody>

? ? ? ? ? ? ? </table>

? ? ? ? ? ? ? <div style="display: flex; height: 38px;font-size: 9px; padding-top: 2px">

? ? ? ? ? ? ? ? <!-- <div style="width: 400px; line-height:10px;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow:hidden; margin:0;padding:0;">簽發(fā)單位(公章):<span? style="font-family: SimSun">{{ printData.managermentOrganizationName?printData.managermentOrganizationName.repeat(40):'' }}</span>

? ? ? ? ? ? ? ? </div> -->

? ? ? ? ? ? ? ? <div

? ? ? ? ? ? ? ? ? style="display: flex;? width: 500px;"

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? <div style="text-align: right;? min-width: 85px;margin:0;padding:0;">簽發(fā)單位(公章):</div>

? ? ? ? ? ? ? ? ? <div style="text-align: left;min-width:330px;line-height:20px;margin:0;padding:0;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow:hidden;font-family: SimSun">{{ printData.managermentOrganizationName?printData.managermentOrganizationName:'' }}</div>

? ? ? ? ? ? ? ? <div style="text-align: left;min-width: 80px;">局(處)長:</div>

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? <div

? ? ? ? ? ? ? ? ? style="display: flex; justify-content: space-around;width: 450px;"

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? <div style="text-align: center;min-width: 60px;"></div>

? ? ? ? ? ? ? ? ? <div style="text-align: center;width: 140px;">承辦人:</div>

? ? ? ? ? ? ? ? ? <div style="text-align: center;width: 180px;white-space:nowrap;

? ? ? ? ? ? ? ? ? ? ? ? ? overflow:hidden;">電話:<span? style="font-family: SimSun">{{ printData.phone?printData.phone:'' }}</span></div>

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? </div>

? ? ? ? ? ? <div

? ? ? ? ? ? ? style="

? ? ? ? ? ? ? ? width: 20px;

? ? ? ? ? ? ? ? margin-top: 40vh;

? ? ? ? ? ? ? ? font-size: 9px;

? ? ? ? ? ? ? ? padding-left: 10px;

? ? ? ? ? ? ? ? white-space: pre-wrap;

? ? ? ? ? ? ? "

? ? ? ? ? ? ? v-html="unit.value"

? ? ? ? ? ? ></div>

? ? ? ? ? </div>

? ? ? ? ? <div

? ? ? ? ? ? style="font-size: 9px;text-align: center; margin-top: 10px; font-family: SimSun"

? ? ? ? ? >

? ? ? ? ? ? 第{{ i + 1 }}頁/共{{ pagenum }}頁

? ? ? ? ? </div>

? ? ? ? ? <div style="page-break-after: always"></div>

? ? ? ? </div>

? ? ? </div>

? ? </div>

? </div>

</template>

import { printingApi } from '@/api/goodsTransfer/createAllocationSheet/detail'

export default class Print extends Vue {

? created() {

? ? if (this.$route.query.id) {

? ? ? this.getData()

? ? }

? }

? private pageSize = 10;

? private pagenum = 0;

? private printData: any = [];

? private getData() {//獲取頁面數(shù)據(jù)

? ? printingApi(this.$route.query.id).then((res: any) => {

? ? ? this.printData = JSON.parse(JSON.stringify(res.data))

? ? ? if (this.printData.itemList.length === 0) {

? ? ? ? this.pagenum = 1

? ? ? } else {

? ? ? ? this.pagenum = Math.ceil(

? ? ? ? ? this.printData.itemList.length / this.pageSize

? ? ? ? )

? ? ? }

? ? ? this.printData.itemList.length =

? ? ? ? this.printData.itemList.length +

? ? ? ? (this.pageSize - (this.printData.itemList.length % this.pageSize))

? ? })

? }

}

</script>

</style>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末绰沥，一起剝皮案震驚了整個濱河市首尼，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖弧哎，帶你破解...
沈念sama閱讀 217,734評論 6贊 505
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異庇忌，居然都是意外死亡睛挚，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,931評論 3贊 394
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門溃蔫，熙熙樓的掌柜王于貴愁眉苦臉地迎上來樱衷，“玉大人，你說我怎么就攤上這事酒唉【毓穑” “怎么了？”我有些...
開封第一講書人閱讀 164,133評論 0贊 354
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵痪伦，是天一觀的道長侄榴。經(jīng)常有香客問我，道長网沾，這世上最難降的妖魔是什么癞蚕？我笑而不...
開封第一講書人閱讀 58,532評論 1贊 293
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮辉哥，結(jié)果婚禮上桦山，老公的妹妹穿的比我還像新娘。我一直安慰自己醋旦，他們只是感情好恒水，可當(dāng)我...
茶點(diǎn)故事閱讀 67,585評論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著饲齐，像睡著了一般钉凌。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上捂人，一...
開封第一講書人閱讀 51,462評論 1贊 302
城市分裂傳說
那天御雕，我揣著相機(jī)與錄音矢沿，去河邊找鬼。笑死酸纲，一個胖子當(dāng)著我的面吹牛捣鲸，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播闽坡，決...
沈念sama閱讀 40,262評論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼摄狱，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了无午？” 一聲冷哼從身側(cè)響起媒役，我...
開封第一講書人閱讀 39,153評論 0贊 276
萬榮殺人案實(shí)錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎宪迟，沒想到半個月后酣衷，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 45,587評論 1贊 314
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡次泽，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,792評論 3贊 336
?白月光啟示錄
正文我和宋清朗相戀三年穿仪，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片意荤。...
茶點(diǎn)故事閱讀 39,919評論 1贊 348
活死人
序言：一個原本活蹦亂跳的男人離奇死亡啊片，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出玖像，到底是詐尸還是另有隱情紫谷，我是刑警寧澤，帶...
沈念sama閱讀 35,635評論 5贊 345
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布捐寥，位于F島的核電站笤昨，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏握恳。R本人自食惡果不足惜瞒窒，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,237評論 3贊 329
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望乡洼。院中可真熱鬧崇裁，春花似錦、人聲如沸束昵。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,855評論 0贊 22
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽妻怎。三九已至壳炎，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間逼侦，已是汗流浹背匿辩。一陣腳步聲響...
開封第一講書人閱讀 32,983評論 1贊 269
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留榛丢，地道東北人铲球。一個月前我還...
沈念sama閱讀 48,048評論 3贊 370
代替公主和親
正文我出身青樓，卻偏偏與公主長得像晰赞，于是被迫代替她去往敵國和親稼病。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,864評論 2贊 354

vue自定義打印頁面樣式

推薦閱讀更多精彩內(nèi)容