@ -2,28 +2,21 @@
< div class = "app-container" >
< SearchForm :model ="queryParams" ref = "queryForm" size = "mini" :maxShow ="8" label -width = " 100px " v-show ="showSearch" @search="handleQuery" @reset="resetQuery" >
< el -form -item label = "" prop = "billCode" >
< div slot = "label" >
< el -radio -group class = "query-label" v-model =" queryParams.params. queryOrderType">
< el -radio :key ="1" :label = "1"> 运单号 < / e l - r a d i o >
< el -radio :key ="0" :label = "0"> 订单号 < / e l - r a d i o >
< div slot = "label" >
< el -radio -group class = "query-label" v-model =" queryOrderType">
< el -radio :key ="1" label = "1"> 运单号 < / e l - r a d i o >
< el -radio :key ="0" label = "0"> 订单号 < / e l - r a d i o >
< / e l - r a d i o - g r o u p >
< / div >
< el-i nput
< XdTextareaI nput
v - model = "queryParams.billCode"
: placeholder = "$t('多个流水号逗号或换行隔开')"
clearable
type = "textarea"
rows = "2"
@ keyup . enter . native = "handleQuery"
: rows = "2"
/ >
<!-- @ keyup . enter . native = "handleQuery" -- >
< / e l - f o r m - i t e m >
< el -form -item label = "" prop = "dateTimeRange" >
< div slot = "label" >
< el -radio -group class = "query-label" v-model ="queryParams.params.queryOrderDateType" >
< el -radio label = "1" > 下单时间 < / e l - r a d i o >
< el -radio label = "0" > 录单时间 < / e l - r a d i o >
< / e l - r a d i o - g r o u p >
< / div >
< el -form -item label = "发货时间" prop = "dateTimeRange" >
< elDateAdvPicker clearable v -model = " dateTimeRange " @dateTimeChange ="onDateSelect" > < / elDateAdvPicker >
< / e l - f o r m - i t e m >
@ -52,9 +45,6 @@
/ >
< / e l - f o r m - i t e m >
< el -form -item label = "目的国" prop = "receiveCountry" >
< CountryPicker0 v-model ="queryParams.receiveCountry" :placeholder="$t('目的国')" @onChange="handleQuery" > < / CountryPicker0 >
< / e l - f o r m - i t e m >
< el -form -item label = "寄件人" prop = "sendName" >
< el -input
@ -81,11 +71,20 @@
/ >
< / e l - f o r m - i t e m >
< el -form -item label = "寄件国" prop = "sendCountry" >
< CountryPicker1 v-model ="queryParams.sendCountry" :placeholder="$t('目的国')" @onChange="handleQuery" > < / CountryPicker1 >
< el -form -item label = "发件国" prop = "sendCountry" >
< CountryPicker1 v-model ="queryParams.sendCountry" :placeholder="$t('发件国')" @onChange="handleQuery" > < / CountryPicker1 >
< / e l - f o r m - i t e m >
< el -form -item label = "目的国" prop = "sendCountry" >
< CountryPicker2 v-model ="queryParams.receiveCountry" :placeholder="$t('目的国')" @onChange="handleQuery" > < / CountryPicker2 >
< / e l - f o r m - i t e m >
< el -form -item label = "目的省" prop = "sendCountry" >
< ProvincePicker2 v -model = " queryParams.receiveProvince " :countryCode ="queryParams.receiveCountry" style = "margin-left:5px" > < / ProvincePicker2 >
< / e l - f o r m - i t e m >
< el -form -item label = "运单状态" prop = "siteType" >
< el -select v -model = " queryParams.waybillStatus " placeholder = "运单状态" clearable filterable >
< el -option
@ -98,7 +97,7 @@
< / e l - f o r m - i t e m >
< el -form -item label = "报关方式" prop = "customsEclaration" >
< el -select v-model ="queryParams.customsEclaration" placeholder="请选择" >
< el -select clearable v-model ="queryParams.customsEclaration" placeholder="请选择" >
< el -option
v - for = "dict in dict.type.emis_declare_mode"
: key = "dict.value"
@ -108,8 +107,8 @@
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "清关方式" prop = "customsClear" >
< el -select v-model ="queryParams.customsClear" placeholder="请选择" >
< el -form -item label = "清关方式" prop = "customsClear" >
< el -select clearable v-model ="queryParams.customsClear" placeholder="请选择" >
< el -option
v - for = "dict in dict.type.emis_customs_clear"
: key = "dict.value"
@ -118,8 +117,8 @@
> < / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "付款方式" prop = "paymentType" label -width = " 70px " >
< el -select v-model ="queryParams.paymentType" placeholder="请选择" >
< el -form -item label = "付款方式" prop = "paymentType" >
< el -select clearable v-model ="queryParams.paymentType" placeholder="请选择" >
< el -option
v - for = "dict in dict.type.emis_payment_type"
: key = "dict.value"
@ -128,14 +127,75 @@
> < / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< / SearchForm >
<!-- 打印机状态 -- >
< div style = "padding:5px 0px;text-align: right;position: fixed;top: 150px;right: 10px; z-index: 9999;" >
< el -tag type = "danger" v-if ="printerStatus==0" > {{ printerStatusMessage }} < / el -tag >
< el -tag type = "success" v-if ="printerStatus==1" > {{ printerStatusMessage }} < / el -tag >
< el -form -item label = "派送方式" prop = "dispatchMethod" >
< el -select clearable v-model ="queryParams.dispatchMethod" placeholder="请选择" >
< el -option
v - for = "dict in dict.type.emis_tab_dispatch_mode"
: key = "dict.value"
: label = "dict.label"
: value = "dict.value"
> < / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "线路" prop = "transLineType" >
< TransLinePicker v-model ="queryParams.transLineType" isInitiated="true" @onChange="handleQuery" > < / TransLinePicker >
< / e l - f o r m - i t e m >
< el -form -item label = "产品类型" prop = "productType" >
< TransProductPicker placeholder = "产品类型" v-model ="queryParams.productType" :transLineCode="queryParams.transLineType" @onChange="handleQuery" > < / TransProductPicker >
< / e l - f o r m - i t e m >
< el -form -item label = "寄件网点" prop = "productType" >
< EmisSiteSimplePicker1 v -model = " queryParams.sendSiteCode " > < / EmisSiteSimplePicker1 >
< / e l - f o r m - i t e m >
< el -form -item label = "目的网点" prop = "dispatchUnderlingSiteCode" >
< EmisSiteSimplePicker2 v -model = " queryParams.dispatchUnderlingSiteCode " > < / EmisSiteSimplePicker2 >
< / e l - f o r m - i t e m >
< el -form -item :label ="$t('回款联系人')" prop = "payee" >
< PayeePicker :placeholder ="$t('回款联系人')" v -model = " queryParams.payee " > < / PayeePicker >
< / e l - f o r m - i t e m >
< el -form -item :label ="$t('销售联系人')" prop = "salesmen" >
< SalemanPicker :placeholder ="$t('销售联系人')" v -model = " queryParams.salesmen " > < / SalemanPicker >
< / e l - f o r m - i t e m >
< el -form -item :label ="$t('操作员')" prop = "operateEmployeeCode" >
< EmisUserSimplePicker0 :placeholder ="$t('操作员')" v-model ="queryParams.operateEmployeeCode" > < / EmisUserSimplePicker0 >
< / e l - f o r m - i t e m >
< el -form -item :label ="$t('取件员')" prop = "takePieceEmployeeCode" >
< EmisUserSimplePicker1 :placeholder ="$t('取件员')" v-model ="queryParams.takePieceEmployeeCode" > < / EmisUserSimplePicker1 >
< / e l - f o r m - i t e m >
< el -form -item label = "是否问题件" prop = "blIsQuestion" >
< el -select clearable v-model ="queryParams.blIsQuestion" placeholder="请选择" >
< el -option :key ="1" label = "'1'" value = "'1'" > 是 < / e l - o p t i o n >
< el -option :key ="0" label = "'0'" value = "'0'" > 否 < / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "问题件类型" prop = "problemType" >
< ProblemTypePicker v -model = " queryParams.problemType " > < / ProblemTypePicker >
< / e l - f o r m - i t e m >
< el -form -item label = "问题件原因" prop = "problemCause" >
< el -input
v - model = "queryParams.problemCause"
: placeholder = "$t('问题件原因')"
clearable
@ keyup . enter . native = "handleQuery"
/ >
< / e l - f o r m - i t e m >
< / SearchForm >
< / div >
< XdTable v -loading = " loading "
border stripe
@ -159,7 +219,7 @@
plain
icon = "el-icon-print"
size = "mini"
: disabled = "multiple ||(printerStatus!=1) "
: disabled = "multiple "
@ click = "handleBatchPrint"
> 打印 < / e l - b u t t o n >
< / e l - c o l >
@ -178,7 +238,7 @@
type = "primary"
plain
size = "mini"
: disabled = "multiple ||(printerStatus!=1) "
: disabled = "multiple "
@ click = "handlePrintPreview"
> 预览面单 < / e l - b u t t o n >
< / e l - c o l >
@ -187,49 +247,16 @@
type = "primary"
plain
size = "mini"
: disabled = "multiple ||(printerStatus!=1) "
: disabled = "multiple "
@ click = "handleDownPDF"
> 下载pdf < / e l - b u t t o n >
< / e l - c o l >
< el -col :span ="1.5" >
< div style = "display: inline-flex;" >
< div style = "font-size: 12px; line-height: 28px;font-weight: 600;" > 模板 : < / div >
< div >
< el -select v -model = " selTplName " size = "mini" placeholder = "选择打印模板" clearable filterable >
< el -option
v - for = "item in printTplList"
: key = "item.value"
: label = "item.label"
: value = "item.value"
/ >
< / e l - s e l e c t >
< / div >
< / div >
< TanexPrinterPanel ref = "tanexPrinter" > < / TanexPrinterPanel >
< / e l - c o l >
< el -col :span ="1.5" >
< div style = "display: inline-flex;" >
< div style = " font -size : 12px ;
line - height : 28 px ;
font - weight : 600 ; " > 打印机 : < / div >
< div >
< el -select v -model = " selPrinterName " size = "mini" placeholder = "打印机" clearable filterable >
< el -option
v - for = "item in printerList"
: key = "item.value"
: label = "item.label"
: value = "item.value"
/ >
< / e l - s e l e c t >
< / div >
< / div >
< / e l - c o l >
< el -col :span ="1.5" >
< a :href ="printerDownUrl" style = "color: blue;font-weight: 600;font-size:13px;text-decoration: underline" > 下载打印组件 < / a >
< / e l - c o l >
<!-- < el -col :span ="1.5" >
< el -button
@ -444,11 +471,6 @@
< / e l - d i a l o g >
-- >
< el -dialog class = "previe_dialog" title = "打印预览" :visible.sync ="openPdfView" width = "70%" :close-on-click-modal ="false" v -dialogFullScreen v -dialogDrag append -to -body >
< div style = "height: 100%;width:100%" >
< PdfViewer :pdfUrl ="pdfUrl" style = "width:100%" @onPrint ="handleBatchPrint" > < / PdfViewer >
< / div >
< / e l - d i a l o g >
< / div >
< / template >
@ -460,12 +482,50 @@ import elDateAdvPicker from '@/components/DatePickerAdv/elDateAdvPicker';
import CountryPicker0 from '@/views/emis/EmisBaseTools/CountryPicker.vue' ;
import CountryPicker1 from '@/views/emis/EmisBaseTools/CountryPicker.vue' ;
import CountryPicker2 from '@/views/emis/EmisBaseTools/CountryPicker.vue' ;
import ProvincePicker2 from '@/views/emis/EmisBaseTools/ProvincePicker.vue' ;
import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue' ;
import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue' ;
import PayeePicker from '@/views/emis/EmisBaseTools/PayeePicker.vue' ;
import SalemanPicker from '@/views/emis/EmisBaseTools/SalemanPicker.vue' ;
import EmisUserSimplePicker0 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue' ;
import EmisUserSimplePicker1 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue' ;
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue' ;
import EmisSiteSimplePicker2 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue' ;
import ProblemTypePicker from '@/views/emis/EmisBaseTools/ProblemTypePicker.vue' ;
import PdfViewer from '@/components/PdfViewer/index.vue' ;
import PdfUtils from '@/utils/pdfUtils'
import TanexPrinterPanel from '@/views/emis/EmisBaseTools/TanexPrinterPanel.vue' ;
export default {
name : "WaybillIsPrinted" ,
components : { PdfViewer , elDateAdvPicker , emisWaybillForm , CountryPicker0 , CountryPicker1 } ,
components : {
TanexPrinterPanel ,
PdfViewer ,
elDateAdvPicker ,
emisWaybillForm ,
CountryPicker1 ,
CountryPicker2 ,
ProvincePicker2 ,
TransLinePicker ,
TransProductPicker ,
PayeePicker ,
SalemanPicker ,
EmisUserSimplePicker0 ,
EmisUserSimplePicker1 ,
EmisSiteSimplePicker1 ,
EmisSiteSimplePicker2 ,
ProblemTypePicker
} ,
dicts : [ 'emis_qujian_fangshi' , 'emis_declare_mode' , 'emis_customs_clear' ,
'emis_tab_packing_type' , 'emis_tab_dispatch_mode' , 'emis_payment_type' ,
'emis_calc_fee_type' , 'emis_print_type' , 'emis_payment_status' , 'emis_waybill_status'
@ -493,19 +553,7 @@ export default {
currentId : null ,
openForm : false ,
titleForm : "" ,
openPdfView : false ,
pdfUrl : null ,
tanexPrinter : null ,
printerDownUrl : null ,
printerStatus : 0 ,
printerStatusMessage : '打印组件未连接' ,
printerList : [ ] ,
printTplList : [ ] ,
selTplName : null ,
selPrinterName : null ,
queryOrderType : null ,
currentSelection : [ ] ,
/ / 弹 出 展 示 层
@ -691,7 +739,9 @@ export default {
} ,
created ( ) {
this . getList ( ) ;
this . initTanexPrinterSdk ( ) ;
this . queryOrderType = "1" ;
/ / t h i s . i n i t T a n e x P r i n t e r S d k ( ) ;
/ / 调 整 表 格 的 高 度 , 不 允 许 滚 动
this . $nextTick ( function ( ) {
@ -700,81 +750,9 @@ export default {
this . tableHeight = window . innerHeight - tableH ;
} ) ;
} ,
beforeDestroy ( ) {
this . tanexPrinter . close ( ) ;
} ,
methods : {
initTanexPrinterSdk ( ) {
this . tanexPrinter = this . $tanexPrinter ;
this . getConfigKey ( "sys.printer.downurl" ) . then ( response => {
this . printerDownUrl = response . msg ;
} ) ;
this . tanexPrinter . init ( ) ;
this . tanexPrinter . setOnOpen ( this . onPrinterOpen ) ;
this . tanexPrinter . setOnClose ( this . onPrinterClose ) ;
this . tanexPrinter . setOnError ( this . onPrinterError ) ;
this . tanexPrinter . setOnGetPrinter ( this . onGetPrinter ) ;
this . tanexPrinter . setOnGetPrintTpl ( this . onGetPrintTpl ) ;
/ / t h i s . t a n e x P r i n t e r . s e t O n B a t c h G e t P D F ( t h i s . o n B a t c h G e t P D F ) ;
} ,
onBatchGetPDF ( pdfList ) {
console . log ( pdfList ) ;
const pdfDataList = [ ... pdfList ] ;
console . log ( pdfDataList ) ;
let pdfUtils = new PdfUtils ( { } ) ;
/ / c o n s t l o a d i n g I n s t a n c e = t h i s . $ l o a d i n g ( {
/ / t e x t : ' 正 在 生 成 预 览 . . . '
/ / } )
pdfUtils . mergePdf3 ( pdfDataList , ( new Date ( ) ) . getTime ( ) + ".pdf" , false )
. then ( url => {
/ / l o a d i n g I n s t a n c e . c l o s e ( ) ;
/ / t h i s . p d f U r l = ' / s t a t i c / p d f j s / d i s t / w e b / p r i n t P r e v i e w . h t m l ? f i l e = ' + e n c o d e U R I C o m p o n e n t ( u r l ) ;
this . pdfUrl = url ;
console . log ( url )
this . openPdfView = true ;
} )
. catch ( error => {
console . log ( error )
} ) ;
/ / p d f D a t a L i s t . f o r E a c h ( i t e m = > {
/ / p d f U t i l s . d o w n l o a d B a s e 6 4 ( i t e m , ( n e w D a t e ( ) ) . g e t T i m e ( ) + " . p d f " )
/ / } ) ;
} ,
onPrinterOpen ( evt ) {
console . log ( "onPrinterOpen" )
this . printerStatus = 1 ;
this . printerStatusMessage = "打印组件已连接,可以打印." ;
} ,
onPrinterClose ( evt ) {
console . log ( "onPrinterClose" )
this . printerStatus = 0 ;
this . printerStatusMessage = "打印组件已断开!" ;
} ,
onPrinterError ( evt ) {
console . log ( "onPrinterError" )
this . printerStatus = 0 ;
this . printerStatusMessage = "打印组件已断开!" ;
} ,
onGetPrinter ( msg ) {
console . log ( "onGetPrinter" )
this . printerList = this . tanexPrinter . getPrinterTplList ( ) ;
this . selPrinterName = this . tanexPrinter . getDefaultPrinter ( ) ;
} ,
onGetPrintTpl ( msg ) {
console . log ( "onGetPrintTpl" )
this . printTplList = this . tanexPrinter . getPrintTplList ( ) ;
this . selTplName = this . printTplList [ 0 ] . value ;
} ,
handleBatchPrint ( ) {
/ / 重 要 , 设 置 为 t r u e 才 会 把 右 上 角 X 和 取 消 区 分 开 来
this . $confirm ( "确定打印?" , "提示" , {
cancelButtonText : "不打印" ,
confirmButtonText : "确定打印" ,
@ -786,86 +764,61 @@ export default {
this . currentSelection . forEach ( item => {
orderList . push ( item . billCode ) ;
} ) ;
this . tanexPrinter. batchPrint ( this . selTplName , this . selPrinterName , orderList )
this . $refs. tanexPrinter. batchPrint ( orderList ) ;
} ) . catch ( ( ) => { } ) ;
} ,
async handlePrintPreview ( ) {
let that = this ;
let orderList = [ ] ;
handlePrintPreview ( ) {
let orderList = [ ] ;
this . currentSelection . forEach ( item => {
orderList . push ( item . billCode ) ;
} ) ;
const loadingInstance = this . $loading ( {
text : '正在生成预览...'
} )
this . tanexPrinter . batchGetPDF ( this . selTplName , this . selPrinterName , orderList , function ( pdfList , success , erroMsg ) {
console . log ( success ) ;
console . log ( erroMsg ) ;
if ( success ) {
const pdfDataList = [ ... pdfList ] ;
console . log ( pdfDataList ) ;
let pdfUtils = new PdfUtils ( { } ) ;
pdfUtils . mergePdf3 ( pdfDataList , ( new Date ( ) ) . getTime ( ) + ".pdf" , false )
. then ( url => {
loadingInstance . close ( ) ;
/ / t h i s . p d f U r l = ' / s t a t i c / p d f j s / d i s t / w e b / p r i n t P r e v i e w . h t m l ? f i l e = ' + e n c o d e U R I C o m p o n e n t ( u r l ) ;
that . pdfUrl = url ;
console . log ( url )
that . openPdfView = true ;
} )
. catch ( error => {
console . log ( error )
} ) ;
} else {
console . log ( erroMsg ) ;
/ / t h i s . $ m o d a l . m s g E r r o r ( " 打 印 出 错 : " + e r r o M s g ) ;
}
} ) ;
} ,
async handlePrintPreview _old ( ) {
let pdfUrlList = [ ] ;
this . currentSelection . forEach ( item => {
let url = this . tanexPrinter . getPdfUrl ( item . billCode , this . selTplName , this . selPrinterName ) ;
pdfUrlList . push ( url )
} ) ;
let pdfUtils = new PdfUtils ( { } ) ;
const loadingInstance = this . $loading ( {
text : '正在生成预览...'
} )
pdfUtils . mergePdf2 ( pdfUrlList , ( new Date ( ) ) . getTime ( ) + ".pdf" )
. then ( url => {
loadingInstance . close ( ) ;
/ / t h i s . p d f U r l = ' / s t a t i c / p d f j s / d i s t / w e b / p r i n t P r e v i e w . h t m l ? f i l e = ' + e n c o d e U R I C o m p o n e n t ( u r l ) ;
this . pdfUrl = url ;
this . openPdfView = true ;
} )
. catch ( error => {
} ) ;
this . $refs . tanexPrinter . printPreview ( orderList ) ;
} ,
handleDownPDF ( ) {
/ / l e t p d f U r l L i s t = [ ] ;
/ / t h i s . c u r r e n t S e l e c t i o n . f o r E a c h ( i t e m = > {
/ / l e t u r l = t h i s . t a n e x P r i n t e r . g e t P d f U r l ( i t e m . b i l l C o d e , t h i s . s e l T p l N a m e , t h i s . s e l P r i n t e r N a m e ) ;
/ / p d f U r l L i s t . p u s h ( u r l )
/ / } ) ;
let pdfUrlList = [ ] ;
this . currentSelection . forEach ( item => {
let url = this . tanexPrinter . getPdfUrl ( item . billCode , this . selTplName , this . selPrinterName ) ;
pdfUrlList . push ( url )
let orderList = [ ] ;
this . currentSelection . forEach ( item => {
orderList . push ( item . billCode ) ;
} ) ;
let pdfUtils = new PdfUtils ( { } ) ;
pdfUtils . mergePdf2 ( pdfUrlList , ( new Date ( ) ) . getTime ( ) + ".pdf" , true ) ;
this . $refs . tanexPrinter . downPDF ( orderList ) ;
} ,
/** 查询运单列表列表 */
getList ( ) {
this . loading = true ;
this . queryParams . params = { } ;
listEmisWaybill ( this . addDateRange ( this . queryParams , this . dateTimeRange ) ) . then ( response => {
if ( this . queryParams . billCode ) {
if ( this . queryOrderType != "1" ) {
this . queryParams . orderSn = this . queryParams . billCode + "" ;
this . queryParams . billCode = null ;
} else {
/ / 处 理 子 单 号
let billArr = this . queryParams . billCode . split ( "," ) ;
let newBillCodeStr = "" ;
billArr . forEach ( item => {
if ( item . startsWith ( "T" ) ) {
let mainBillCode = item . substr ( 0 , 14 ) ;
newBillCodeStr = newBillCodeStr + mainBillCode + "," ;
} else {
newBillCodeStr = newBillCodeStr + item + "," ;
}
} ) ;
this . queryParams . billCode = newBillCodeStr ;
}
}
if ( this . dateTimeRange && this . dateTimeRange . length == 2 ) {
let startDate = new Date ( this . dateTimeRange [ 0 ] ) ;
let endDate = new Date ( this . dateTimeRange [ 1 ] ) ;
startDate = dateToStr ( startDate ) ;
endDate = dateToStr ( endDate )
this . queryParams . params [ "beginSendDate" ] = startDate ;
this . queryParams . params [ "endSendDate" ] = endDate ;
}
listEmisWaybill ( this . queryParams ) . then ( response => {
this . emisWaybillList = response . rows ;
this . total = response . total ;
this . loading = false ;
@ -997,20 +950,9 @@ export default {
} ;
< / script >
< style lang = "scss" scoped >
< style lang = "scss" >
. el - divider {
margin - top : 0 px ;
background : 0 0 ;
border - top : 1 px solid # E6EBF5 ;
}
. el - divider _ _text {
color : # 0955 ee ;
cursor : pointer ;
}
. query - label {
. query - label {
. el - radio {
display : block ;
line - height : 23 px ;
@ -1019,35 +961,9 @@ export default {
}
}
. previe _dialog {
display : flex ;
justify - content : center ;
align - items : Center ;
overflow : hidden ;
. el - dialog . el - dialog _ _body {
margin : 8 px ! important ;
padding : 0 ;
overflow : auto ;
}
. el - dialog {
margin : 0 auto ! important ;
height : 100 % ;
overflow : hidden ;
. el - dialog _ _body {
margin : 0 px 8 px 8 px 8 px ;
position : absolute ;
left : 0 ;
top : 54 px ;
bottom : 0 ;
right : 0 ;
padding : 0 ;
z - index : 1 ;
overflow : hidden ;
overflow - y : auto ;
}
}
. printPreDialog . el - dialog _ _body {
margin : 0 px ! important ;
}
< / style >