| | |
| | | width="100" |
| | | /> |
| | | <el-table-column |
| | | prop="printcount" |
| | | label="打印次数" |
| | | sortable="custom" |
| | | show-tooltip-when-overflow |
| | | width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="priuserdefnvc1" |
| | | label="客户名称" |
| | | width="110" |
| | |
| | | :style="{color:$store.state.settings.theme}" |
| | | class="el-icon-printer" |
| | | style="cursor: pointer;margin-right: 15px" |
| | | @click="handlePrint(row.wo_code,row.saleOrderCod,row)" |
| | | @click="handlePrint(row.wo_code,row.saleOrderCode,row)" |
| | | /> |
| | | </el-tooltip> |
| | | |
| | |
| | | <div id="printMe" style="padding: 30px"> |
| | | <!-- <div v-for="(item,index) in tableDataPrint" :key="index">--> |
| | | <div> |
| | | <div style="font-size: 26px; text-align: center">流程单</div> |
| | | <div style="font-size: 32px; text-align: center;font-weight:bolder;">流程单</div> |
| | | |
| | | <div style="display: flex;justify-content: space-around;margin-top: 20px; position: relative;"> |
| | | <div style="width: 78%"> |
| | | <div style="width: 200%"> |
| | | <el-form |
| | | ref="formApprove" |
| | | :model="formApprove" |
| | | label-width="80px" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;justify-content: space-between" |
| | | > |
| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <div |
| | | id="qrCode0" |
| | | style="width: 22%;height:90px; |
| | | margin-top: 20px; |
| | | overflow-y: scroll;display: flex; |
| | | justify-content: center; |
| | | position: relative;" |
| | | > |
| | | <div id="qrCode00" ref="qrCodeDiv00" /> |
| | | </div> |
| | | <div style="background-color: #fff;width: 20px;height:120px; position: absolute;right: 0" /> |
| | | <div |
| | | style="z-index: 10;background-color:transparent;width: 120px;height:120px; position: absolute;right: 21px" |
| | | /> |
| | | <!-- <div--> |
| | | <!-- id="qrCode0"--> |
| | | <!-- style="width: 22%;height:90px;--> |
| | | <!-- margin-top: 20px;--> |
| | | <!-- overflow-y: scroll;display: flex;--> |
| | | <!-- justify-content: center;--> |
| | | <!-- position: relative;"--> |
| | | <!-- >--> |
| | | <!-- <div id="qrCode00" ref="qrCodeDiv00" />--> |
| | | <!-- </div>--> |
| | | <!-- <div style="background-color: #fff;width: 20px;height:120px; position: absolute;right: 0" />--> |
| | | <!-- <div--> |
| | | <!-- style="z-index: 10;background-color:transparent;width: 120px;height:120px; position: absolute;right: 21px"--> |
| | | <!-- />--> |
| | | </div> |
| | | |
| | | <el-table |
| | |
| | | :data="tableDataPrint[0]" |
| | | border |
| | | class="tableDataPrint" |
| | | :header-cell-style="{ background: '#c0c0c0',textAlign:'center',color:'#000',borderColor:'#000'}" |
| | | :cell-style="{textAlign: 'center',color:'#000',borderColor:'#000'}" |
| | | :header-cell-style="{ background: '#c0c0c0',textAlign:'center',color:'#000',borderColor:'#000',fontSize:'18px'}" |
| | | :cell-style="{textAlign: 'center',color:'#000',borderColor:'#000',fontSize:'18px'}" |
| | | style="width: 100%;margin-top: 20px;text-align: center;border-color: #000" |
| | | > |
| | | <el-table-column |
| | | id="column0" |
| | | prop="seq" |
| | | label="工序号" |
| | | label="序号" |
| | | width="70" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | id="column1" |
| | | prop="stepqrcode" |
| | | label="工序二维码" |
| | | label="二维码" |
| | | width="100" |
| | | align="center" |
| | | > |
| | |
| | | <div style="font-size: 26px; text-align: center">流程单</div> |
| | | |
| | | <div style="display: flex;justify-content: space-around;margin-top: 20px; position: relative;"> |
| | | <div style="width: 78%"> |
| | | <div style="width: 200%"> |
| | | <el-form |
| | | ref="formApprove" |
| | | :model="formApprove" |
| | | label-width="80px" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;justify-content: space-between" |
| | | > |
| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <div |
| | | id="qrCode1" |
| | | style="width: 22%;height:90px; |
| | | margin-top: 20px; |
| | | overflow-y: scroll;display: flex; |
| | | justify-content: center; |
| | | position: relative;" |
| | | > |
| | | <div id="qrCode01" ref="qrCodeDiv01" /> |
| | | </div> |
| | | <div style="background-color: #fff;width: 20px;height:120px; position: absolute;right: 0" /> |
| | | <div |
| | | style="z-index: 10;background-color:transparent;width: 120px;height:120px; position: absolute;right: 21px" |
| | | /> |
| | | <!-- <div--> |
| | | <!-- id="qrCode1"--> |
| | | <!-- style="width: 22%;height:90px;--> |
| | | <!-- margin-top: 20px;--> |
| | | <!-- overflow-y: scroll;display: flex;--> |
| | | <!-- justify-content: center;--> |
| | | <!-- position: relative;"--> |
| | | <!-- >--> |
| | | <!-- <div id="qrCode01" ref="qrCodeDiv01" />--> |
| | | <!-- </div>--> |
| | | <!-- <div style="background-color: #fff;width: 20px;height:120px; position: absolute;right: 0" />--> |
| | | <!-- <div--> |
| | | <!-- style="z-index: 10;background-color:transparent;width: 120px;height:120px; position: absolute;right: 21px"--> |
| | | <!-- />--> |
| | | </div> |
| | | |
| | | <el-table |
| | |
| | | :data="tableDataPrint[1]" |
| | | border |
| | | class="tableDataPrint" |
| | | :header-cell-style="{ background: '#c0c0c0',textAlign:'center',color:'#000',borderColor:'#000'}" |
| | | :cell-style="{textAlign: 'center',color:'#000',borderColor:'#000'}" |
| | | :header-cell-style="{ background: '#c0c0c0',textAlign:'center',color:'#000',borderColor:'#000',fontSize:'18px'}" |
| | | :cell-style="{textAlign: 'center',color:'#000',borderColor:'#000',fontSize:'18px'}" |
| | | style="width: 100%;margin-top: 20px;text-align: center;border-color: #000" |
| | | > |
| | | <el-table-column |
| | | id="column0" |
| | | prop="seq" |
| | | label="工序号" |
| | | label="序号" |
| | | width="70" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | id="column1" |
| | | prop="stepqrcode" |
| | | label="工序二维码" |
| | | label="二维码" |
| | | width="100" |
| | | align="center" |
| | | > |
| | |
| | | <el-button v-waves @click="dialogVisibleBackPreview">返 回</el-button> |
| | | <!-- <el-button v-waves v-if="operation==='add'" type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | <!-- <el-button v-waves type="primary" @click="dialogVisibleConfirm">确 定/打 印</el-button>--> |
| | | <el-button v-waves v-print="printObj" type="primary">打 印</el-button> |
| | | <el-button v-waves v-print="printObj" type="primary" @click="printObjGetApi">打 印</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | |
| | | AddMesOrderCodeSearch, |
| | | AddUpdateMesOrder, AddUpdateMesOrderList, DeleteMesOrder, |
| | | MesBadOrderSearch, MesOrderDistribution, MesOrderNewStepContent, MesOrderProcessSopSearch, |
| | | MesOrderSearch, MesOrderSopSearch, UpdateMesOrderStepListSearch, |
| | | MesOrderSearch, MesOrderSopSearch, UpdateMesOrderPrintCount, UpdateMesOrderStepListSearch, |
| | | UpdateMesOrderStepSearch |
| | | } from '@/api/WorkOrder' |
| | | import { PartSelect } from '@/api/ProductModel' |
| | |
| | | item.forEach(i => { |
| | | this.bindQRCode(i.seq, i.stepqrcode, 'small') |
| | | }) |
| | | this.bindQRCode(index, this.formApprove.mesordercode, 'big') |
| | | const div = document.getElementById('qrCode' + index) |
| | | div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | // this.bindQRCode(index, this.formApprove.mesordercode, 'big') |
| | | // const div = document.getElementById('qrCode' + index) |
| | | // div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | }) |
| | | |
| | | // const div = document.getElementById('qrCode') |
| | |
| | | this.$refs.tableDataRef.doLayout() |
| | | }) |
| | | return sums |
| | | }, |
| | | async printObjGetApi() { |
| | | const res = await UpdateMesOrderPrintCount({ wo_code: this.formApprove.mesordercode }) |
| | | if (res.code === '200') { |
| | | await this.getMesOrderSearch() |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .formContent { |
| | | width: 240px; |
| | | width: 300px; |
| | | } |
| | | |
| | | </style> |
| | |
| | | <style> |
| | | .formContent .el-form-item__label { |
| | | color: #000 !important; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .formContent .el-form-item__content { |
| | | color: #000 !important; |
| | | font-size: 20px; |
| | | } |
| | | </style> |
| | | <!--公共页面样式--> |