| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="工单编号" prop="mesordercode"> |
| | | <el-input v-model="dialogForm.mesordercode" :disabled="operation!=='add'" style="width: 200px"/> |
| | | <el-input v-model="dialogForm.mesordercode" disabled style="width: 200px"/> |
| | | </el-form-item> |
| | | <div style="display: flex"> |
| | | <el-form-item label="工单类型" prop="mesorderstus"> |
| | |
| | | <el-option |
| | | v-for="item in partArr" |
| | | :key="item.partcode" |
| | | :label="item.partname" |
| | | :label="item.partname+' / '+item.partcode" |
| | | :value="item.partcode" |
| | | /> |
| | | </el-select> |
| | |
| | | <el-form-item label="打印人员:" class="formContent"> |
| | | {{ username }} |
| | | </el-form-item> |
| | | <el-form-item label="打印时间:" class="formContent"> |
| | | {{ formApprove.lm_date }} |
| | | </el-form-item> |
| | | <!-- <el-form-item label="打印时间:" class="formContent">--> |
| | | <!-- {{ formApprove.lm_date }}--> |
| | | <!-- </el-form-item>--> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | |
| | | </div> |
| | | <div |
| | | v-if="printSize===2" |
| | | style="display: flex;width: 220px;height: 130px;border: 1px solid #000;text-align: center;font-size: 12px" |
| | | > |
| | | |
| | | <div style="width: 70px;display: flex;flex-direction: column;border-right: 1px solid #000"> |
| | | <div |
| | | style="display: flex;height: 60%;border-bottom:1px solid #000; |
| | | justify-content: center;align-items: center;position: relative" |
| | | > |
| | | <div |
| | | id="qrCode2" |
| | | ref="qrCodeDiv2" |
| | | style="overflow-y: hidden;height:71%;position: absolute;left: 7px;" |
| | | /> |
| | | </div> |
| | | <div |
| | | style="display: flex;height: 20%;justify-content: flex-start;border-bottom:1px solid #000;align-items: center" |
| | | > |
| | | <div style="margin-left: 3px; ">数量:{{ qrForm.startqty }}</div> |
| | | </div> |
| | | <div style="display: flex;height: 20%;justify-content: flex-start;align-items: center;"> |
| | | <div style="margin-left: 3px; ">操作:{{ qrForm.operator }}</div> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="width:150px;display: flex;flex-direction: column"> |
| | | <div |
| | | style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center;text-align: left" |
| | | > |
| | | <div style="margin-left: 3px;">编号:{{ qrForm.wo_code }}</div> |
| | | |
| | | </div> |
| | | <div |
| | | style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center ;text-align: left" |
| | | > |
| | | <div style="margin-left: 3px;">产品编码:{{ qrForm.partcode }}</div> |
| | | |
| | | </div> |
| | | <div |
| | | style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left" |
| | | > |
| | | <div style="margin-left: 3px;">产品名称:{{ qrForm.partname }}</div> |
| | | |
| | | </div> |
| | | <div |
| | | style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left" |
| | | > |
| | | <div style="margin-left: 3px;">下道工序:{{ qrForm.nextstepname }}</div> |
| | | |
| | | </div> |
| | | <div style="display: flex;height: 20%;justify-content: flex-start;align-items: center;text-align: left"> |
| | | <div style=" margin-left: 3px;">时间: {{ qrForm.operatorTime }}</div> |
| | | <!-- <div>{{ qrForm.operatorTime?qrForm.operatorTime.substring(5):'' }}</div>--> |
| | | <!-- <div>{{ qrForm.operatorTime }}</div>--> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | <div |
| | | v-if="printSize===5" |
| | | style="display: flex;width: 140px;height: 80px;border: 1px solid #000;text-align: center;font-size: 10px;" |
| | | > |
| | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { |
| | | AddMesOrderCodeSearch, |
| | | AddUpdateMesOrder, |
| | | ClosedMesOrder, |
| | | DeleteMesOrder, ErpOrderSearch, JobCreationSonAddVison, MesBadOrderSearch, |
| | |
| | | { code: 'ALLO', name: '已派发' }, |
| | | { code: 'START', name: '开工' }, |
| | | { code: 'CLOSED', name: '完工' }, |
| | | { code: 'NOSCHED', name: '待排程' }, |
| | | { code: 'SCHED', name: '已排程' } |
| | | // { code: 'NOSCHED', name: '待排程' }, |
| | | // { code: 'SCHED', name: '已排程' } |
| | | ], |
| | | total: 10, |
| | | radioSelected: '', |
| | |
| | | defaultroute_codeArr: '', // 默认工艺路线数组 |
| | | projectTableData: [], // 设备列表 |
| | | tableDataDetail: [], // 点击工单表的行 显示详细信息 |
| | | printSize: 1, |
| | | printSize: 2, |
| | | printSizeSelectArr: [// 宽*高 |
| | | { code: 0, name: '80*50' }, |
| | | { code: 1, name: '78*60' } |
| | | { code: 1, name: '78*60' }, |
| | | { code: 2, name: '60*40' }, |
| | | // { code: 2, name: '50*60' }, |
| | | // { code: 3, name: '50*40' }, |
| | | // { code: 4, name: '50*80' }, |
| | |
| | | }, |
| | | // 新增按钮 |
| | | async add(operation) { |
| | | const { data: res } = await AddMesOrderCodeSearch() |
| | | this.dialogForm.mesordercode = res |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | this.dialogForm.planstartdate = handleDatetime(new Date()) |
| | |
| | | this.$nextTick(() => { |
| | | console.log(this.qrForm.qrvalue, 3333) |
| | | this.bindQRCode2(this.qrForm.qrvalue) |
| | | const div = document.getElementById('qrCode2') |
| | | // 这么多代码只需要这一句实现我们所需要的功能,定位div滚动条位置在底部,scrollHeight计算出div的高度,再scrollTop 设置滚动条的高度为多少 |
| | | div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | // div.scrollTop = 0 // 滚动条位于最顶部 |
| | | }) |
| | | } |
| | | }) |
| | |
| | | bindQRCode2(text) { |
| | | new QRCode(this.$refs.qrCodeDiv2, { |
| | | text: text, |
| | | width: 60, |
| | | height: 60, |
| | | width: this.printSize !== 2 ? 60 : 55, |
| | | height: this.printSize !== 2 ? 60 : 55, |
| | | colorDark: '#000', // 二维码颜色 |
| | | colorLight: '#ffffff', // 二维码背景色 |
| | | correctLevel: QRCode.CorrectLevel.L// 容错率,L/M/H |