| | |
| | | @refreshDataList="getData" |
| | | ></table-form> |
| | | <el-dialog title="标签列表" :visible.sync="diaPrintTab" width="500px"> |
| | | <div class="dia_body"> |
| | | <el-card class="box-card" id="printRaw" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 30px;"> |
| | | <div class="dia_body" id="printRaw"> |
| | | <el-card class="box-card" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 30px; font-size: 16px !important;"> |
| | | <el-row> |
| | | <el-col :span="8" :offset="1">序号:</el-col> |
| | | <el-col :span="7" style="font-weight: bold;">{{ i + 1 }}</el-col> |
| | | <el-col :span="7" style="font-weight: bold;">{{ tem.id }}</el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="8" :offset="1">编号:</el-col> |
| | |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="diaPrintTab = false">取 消</el-button> |
| | | <el-button type="primary" @click="printFun()">打 印</el-button> |
| | | <el-button type="primary" @click="printFun">打 印</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </basic-container> |
| | |
| | | printFun() { |
| | | // this.printDialogVisible = false; |
| | | this.diaPrintTab = false; |
| | | console.log(printRaw); |
| | | PrintJS({ |
| | | printable: "printRaw",//页面 |
| | | printable: 'printRaw',//页面 |
| | | type: "html",//文档类型 |
| | | maxWidth:450, |
| | | targetStyles:['*'], |
| | | style:"@page {margin:0 ;resolution: 300dpi;portrait}", |
| | | style: `@page { |
| | | margin:0; |
| | | size: 360px 175px; |
| | | } |
| | | hrml{ |
| | | zoom:100%; |
| | | } |
| | | @media print{ |
| | | width: 360px; |
| | | height: 175px; |
| | | margin:0; |
| | | }`, |
| | | onPrintDialogClose: this.erexcel=false, |
| | | targetStyles: ["*"], // 使用dom的所有样式,很重要 |
| | | font_size: '', |