| | |
| | | <template> |
| | | <GlobalWindow |
| | | title="查看图片" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | confirmText="打印二维码" |
| | | > |
| | | <GlobalWindow title="查看图片" :visible.sync="visible" :confirm-working="isWorking" confirmText="打印二维码"> |
| | | <div class="box" id="print-content"> |
| | | <div class="box_item" v-for="(item, index) in list" :key="index"> |
| | | <template v-for="(item, index) in list"> |
| | | <div class="box_item" v-if="item.imgurl" :key="index"> |
| | | <!-- <div class="box_item_title">微信</div>--> |
| | | <div class="box_item_qr"> |
| | | <img :src="item.imgurl" /> |
| | |
| | | </div> |
| | | <!-- <div class="box_item_footer">扫码取车</div>--> |
| | | </div> |
| | | </template> |
| | | |
| | | </div> |
| | | <template v-slot:footer> |
| | | <!-- <el-button type="primary" v-print="'#print-content'">打印</el-button>--> |
| | |
| | | align-items: center; |
| | | /*justify-content: space-between;*/ |
| | | flex-wrap: wrap; |
| | | |
| | | .box_item { |
| | | width: 152px; |
| | | height: auto; |
| | |
| | | box-sizing: border-box; |
| | | margin-top: 50px; |
| | | margin-left: 35px; |
| | | |
| | | .box_item_title { |
| | | font-size: 21px; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | } |
| | | |
| | | .box_item_qr { |
| | | width: 139px; |
| | | height: 154px; |
| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | |
| | | img { |
| | | width: 126px; |
| | | height: 146px; |
| | | } |
| | | |
| | | span { |
| | | font-size: 13px; |
| | | font-weight: 400; |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | |
| | | .box_item_footer { |
| | | font-size: 23px; |
| | | font-weight: bold; |