| | |
| | | |
| | | <div style="display: flex;align-items: center"> |
| | | <div style="font-weight: bolder">工序选择:</div> |
| | | <el-drag-select |
| | | |
| | | <el-select |
| | | v-model="stepSelectedValue" |
| | | style="width:930px;" |
| | | class="stepSelectedValueClass" |
| | | style="width: 930px;" |
| | | multiple |
| | | placeholder="请选择相对应工序" |
| | | @change="stepSelectedValueChange" |
| | | > |
| | | <!-- :disabled="!(dialogForm.mesorderstus==='NEW'||dialogForm.mesorderstus==='ALLO')"--> |
| | | <el-option |
| | | v-for="item in stepSelectArr" |
| | | :key="item.stepcode" |
| | | :label="item.stepname" |
| | | :value="item.stepcode" |
| | | /> |
| | | </el-drag-select> |
| | | </el-select> |
| | | |
| | | <!-- <el-drag-select--> |
| | | <!-- v-model="stepSelectedValue"--> |
| | | <!-- style="width:930px;"--> |
| | | <!-- multiple--> |
| | | <!-- placeholder="请选择相对应工序"--> |
| | | <!-- @change="stepSelectedValueChange"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in stepSelectArr"--> |
| | | <!-- :key="item.stepcode"--> |
| | | <!-- :label="item.stepname"--> |
| | | <!-- :value="item.stepcode"--> |
| | | <!-- />--> |
| | | <!-- </el-drag-select>--> |
| | | </div> |
| | | |
| | | <el-table |
| | |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="销售单号:" class="formContent"> |
| | | {{ formApprove.saleOrderCode ?formApprove.saleOrderCode :'/' }} |
| | | {{ formApprove.saleOrderCode ? formApprove.saleOrderCode : '/' }} |
| | | </el-form-item> |
| | | <el-form-item label="工单编号:" class="formContent"> |
| | | {{ formApprove.mesordercode }} |
| | |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="销售单号:" class="formContent"> |
| | | {{ formApprove.saleOrderCode ?formApprove.saleOrderCode :'/' }} |
| | | {{ formApprove.saleOrderCode ? formApprove.saleOrderCode : '/' }} |
| | | </el-form-item> |
| | | <el-form-item label="工单编号:" class="formContent"> |
| | | {{ formApprove.mesordercode }} |
| | |
| | | type="primary" |
| | | style="margin-left: 37px" |
| | | @click="view" |
| | | >预 览/下 载</el-button> |
| | | >预 览/下 载 |
| | | </el-button> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | |
| | | import DateType from '@/components/DateType' |
| | | import { PartSelectRpute, RouteSelectStep } from '@/api/basicSettings' |
| | | import { DeviceSopSearch } from '@/api/DeviceManager' |
| | | |
| | | export default { |
| | | name: 'WorkOrderList', |
| | | components: { |
| | |
| | | }) |
| | | }, |
| | | // 按工序模式走的时候 引用基础资料 工艺 |
| | | async getBasicProcessData() { |
| | | async getBasicProcessData() { |
| | | const { data: res } = await PartSelectRpute({ partcode: this.dialogForm.partcode }) |
| | | res.sort((a, b) => a.step_seq - b.step_seq) |
| | | this.stepTableData = [] |
| | |
| | | } |
| | | }, |
| | | |
| | | async getPartcodeChangeDialog() { |
| | | async getPartcodeChangeDialog() { |
| | | const { data: res } = await PartSelectRpute({ partcode: this.dialogForm.partcode }) |
| | | this.routecodeArr = res |
| | | |
| | |
| | | } |
| | | }, |
| | | |
| | | async getMesOrderNewStepContent() { |
| | | async getMesOrderNewStepContent() { |
| | | // if (!this.mesSetting.route && this.operation === 'edit') { |
| | | // return |
| | | // } |
| | |
| | | div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | }) |
| | | |
| | | // const div = document.getElementById('qrCode') |
| | | // 这么多代码只需要这一句实现我们所需要的功能,定位div滚动条位置在底部,scrollHeight计算出div的高度,再scrollTop 设置滚动条的高度为多少 |
| | | // div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | // div.scrollTop = 0 // 滚动条位于最顶部 |
| | | // const div = document.getElementById('qrCode') |
| | | // 这么多代码只需要这一句实现我们所需要的功能,定位div滚动条位置在底部,scrollHeight计算出div的高度,再scrollTop 设置滚动条的高度为多少 |
| | | // div.scrollTop = div.scrollHeight // 滚动条位于最底部 |
| | | // div.scrollTop = 0 // 滚动条位于最顶部 |
| | | }) |
| | | } |
| | | }) |
| | |
| | | <style lang="scss" scoped> |
| | | $main_color: #42b983; |
| | | |
| | | .stepSelectedValueClass{ |
| | | ::v-deep input{ |
| | | //min-height: 34px !important; |
| | | height: 68px !important; |
| | | } |
| | | } |
| | | |
| | | .dialogVisibleRoute { |
| | | .myCheckboxGroup { |
| | | display: flex; |
| | |
| | | } |
| | | </style> |
| | | <style> |
| | | .sortable-ghost{ |
| | | .sortable-ghost { |
| | | opacity: .8; |
| | | color: #fff!important; |
| | | background: #42b983!important; |
| | | color: #fff !important; |
| | | background: #42b983 !important; |
| | | } |