<template>
|
<div>
|
<!-- 添加、编辑 -->
|
<el-dialog v-model="dialogVisible" width="95%" @close="closeDialog" :close-on-click-modal="false">
|
<template #header>
|
<div style="color: #fff">
|
<span>{{ dialogType == 'add' ? '添加' : '编辑' }}</span>
|
</div>
|
</template>
|
|
<el-form :model="addForm" ref="dialogRef" labelWidth="90" :rules="formRules">
|
<el-row>
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="业务类型" prop="businessType">
|
<el-select clearable v-model="addForm.businessType" placeholder="请选择业务类型">
|
<el-option v-for="(item, index) in getBusinessTypeData_Index" :key="index" :value="item.businessTypeValue" :label="`[${item.businessTypeValue}] ${item.businessTypeName}`"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="供应商" prop="supplierCode">
|
<el-select
|
v-model="addForm.supplierCode"
|
filterable
|
remote
|
reserve-keyword
|
remote-show-suffix
|
:remote-method="remoteMethod"
|
:loading="loading"
|
placeholder="请选择供应商"
|
clearable
|
style="width: 100%"
|
@change="changeXmbh(addForm.supplierCode)"
|
>
|
<el-option v-for="(item, index) in arrTdp" :key="index" :value="item.custCode" :label="`[${item.custCode}]${item.custChinaName}`"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="收货道口" prop="dock">
|
<el-select clearable v-model="addForm.dock" placeholder="请选择收货道口">
|
<el-option
|
v-for="(item, index) in getEnumDockData"
|
:key="index"
|
:value="item.value"
|
:label="`${item.describe}`"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col> -->
|
|
<!--<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="收货道口" prop="dock">
|
<el-input
|
v-model="addForm.dock"
|
placeholder="请输入收货道口"
|
maxlength="50"
|
show-word-limit
|
clearable
|
/>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="ERP单号" prop="erpOrderNo">
|
<el-input v-model="addForm.erpOrderNo" placeholder="请输入ERP单号" maxlength="50" show-word-limit clearable />
|
</el-form-item>
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb20">
|
<el-form-item label="项目号" prop="projectNo">
|
<el-input v-model="addForm.projectNo" placeholder="请输入项目号" maxlength="50" show-word-limit clearable />
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="dialogType == 'add'">
|
<el-form-item label="订单类型:" prop="materialType">
|
<el-select v-model="addForm.materialType" placeholder="请选择订单类型" @change="changDdlx"
|
style="width: 100%">
|
<el-option v-for="item in statusEnums" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8" v-if="dialogType == 'edit'">
|
<el-form-item label="订单类型:" prop="materialType">
|
<el-select v-model="addForm.materialType" disabled placeholder="请选择订单类型" style="width: 100%">
|
<el-option v-for="item in outInTypeEnum" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8" v-if="addForm.materialType == 5">
|
<el-form-item label="免费件类型:" prop="freeOrderType">
|
<el-select v-model="addForm.freeOrderType" placeholder="请选择免费件类型" style="width: 100%"
|
@change="changMfj" :disabled="dialogType == 'edit'">
|
<el-option v-for="item in statusEnumsMFj" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item label="单号:" prop="purchaseNo">
|
<el-input v-model="addForm.purchaseNo" :disabled="dialogType == 'edit'" clearable placeholder="请输入单号" />
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item label="备注:">
|
<el-input v-model="addForm.remark" clearable placeholder="请输入备注" />
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item label="预计到达时间:" prop="EstimatedDate">
|
<el-date-picker v-model="addForm.EstimatedDate" type="datetime" :disabled-date="disabledDate"
|
value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" placeholder="请选择预计到达时间"
|
style="width: 100%;" />
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
</el-form>
|
<div class="msi-content" style="margin-top: 10px">
|
<div class="header" style="margin-bottom: 10px">
|
<div>
|
<el-button type="primary" icon="el-icon-plus" @click="addMaterialDialog">新增物料</el-button>
|
|
<el-button icon="el-icon-delete" plain :disabled="checkedDetails.length == 0" @click="delCheckedDetails">删除选中行</el-button>
|
</div>
|
</div>
|
|
<el-table :data="warehousOrderDetails" border style="width: 100%" row-key="setRowKey" ref="detailRef" @selection-change="detailsCheckChange" max-height="480">
|
<el-table-column align="center" width="60" type="selection" />
|
<el-table-column label="序号" align="center" width="60" type="index" />
|
<el-table-column label="物料编号" min-width="140" prop="materialCode" align="center" show-overflow-tooltip />
|
<el-table-column label="物料名称" min-width="140" prop="materialName" align="center" show-overflow-tooltip />
|
|
<!-- clientCode -->
|
<el-table-column label="客户编号" v-if="isShowBomBtn" prop="diCustomCode" align="center" min-width="110" />
|
<el-table-column label="客户中文名称" v-if="isShowBomBtn" prop="diCustomChinaName" align="center" min-width="110" />
|
|
<el-table-column label="行号" prop="poLineNumber" align="center" min-width="120">
|
<template #default="scope">
|
<el-input v-model.trim="scope.row.poLineNumber" clearable min-width="150" placeholder="请输入行号" />
|
</template>
|
</el-table-column>
|
|
<el-table-column label="供应商批次" prop="supplierBatch" align="center" min-width="120">
|
<template #default="scope">
|
<el-input v-model.trim="scope.row.supplierBatch" clearable min-width="150" placeholder="请输入供应商批次" />
|
</template>
|
</el-table-column>
|
|
<el-table-column label="ERP库存地" prop="erpCode" align="center" min-width="120">
|
<template #default="scope">
|
<el-input v-model.trim="scope.row.erpCode" clearable min-width="150" placeholder="请输入ERP库存地" />
|
</template>
|
</el-table-column>
|
|
<el-table-column label="数量" align="center" min-width="180">
|
<template #default="scope">
|
<el-input-number :precision="3" min="0" v-model="scope.row.quantity" size="small" />
|
</template>
|
</el-table-column>
|
|
<el-table-column label="计划开始时间" align="center" min-width="180">
|
<template #default="scope">
|
<el-date-picker
|
v-model="scope.row.plannedStartTime"
|
type="datetime"
|
:disabled-date="disabledDate"
|
value-format="YYYY-MM-DD HH:mm:ss"
|
format="YYYY-MM-DD HH:mm:ss"
|
placeholder="请选择计划开始时间"
|
style="width: 100%"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="计划结束时间" align="center" min-width="180">
|
<template #default="scope">
|
<el-date-picker
|
v-model="scope.row.plannedEndTime"
|
type="datetime"
|
:disabled-date="disabledDate"
|
value-format="YYYY-MM-DD HH:mm:ss"
|
format="YYYY-MM-DD HH:mm:ss"
|
placeholder="请选择计划结束时间"
|
style="width: 100%"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="采购单位" prop="unit" align="center" min-width="80" />
|
</el-table>
|
</div>
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button type="primary" :disabled="load" @click="confirm">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
<!-- 添加物料 -->
|
<el-dialog v-model="addMaterialVisible" title="添加物料详情" width="60%" @close="closeMaterialDialog">
|
<template #header>
|
<div style="color: #fff">
|
<span>添加物料详情</span>
|
</div>
|
</template>
|
|
<div class="msi-form" style="padding-top: 0px">
|
<el-form :model="materialForm">
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="物料编号">
|
<el-input v-model="materialForm.MaterialCode" placeholder="请输入物料编号" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="8">
|
<el-form-item label="物料大类:">
|
<el-input v-model="materialForm.MaterialTypeId" placeholder="请输入物料大类" clearable></el-input>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="8">
|
<el-form-item label-width="20px">
|
<el-button type="primary" icon="el-icon-search" @click="getMaterialList">查询</el-button>
|
<!-- <el-button icon="el-icon-refresh-right" @click="resetMaterialForm"
|
>重置</el-button
|
> -->
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="msi-content" style="padding-top: 0; margin-top: 10px">
|
<el-table :data="materialList" border style="width: 100%" row-key="id" ref="materialRef" @selection-change="materialSelectionChange" :max-height="480">
|
<el-table-column align="center" width="60" type="selection" />
|
<el-table-column label="序号" align="center" width="60" type="index" />
|
<el-table-column label="物料编号" prop="materialCode" align="center" min-width="140" show-overflow-tooltip />
|
<el-table-column label="物料名称" prop="materialName" align="center" min-width="140" show-overflow-tooltip />
|
<el-table-column label="采购单位" prop="poUnit" align="center" min-width="140" show-overflow-tooltip />
|
</el-table>
|
<Pagination
|
:total="materialTotal"
|
v-model:page="materialForm.Page"
|
v-model:limit="materialForm.PageSize"
|
@pagination="getMaterialList"
|
style="margin-top: 20px; text-align: center"
|
></Pagination>
|
</div>
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="addMaterialVisible = false">取消</el-button>
|
<el-button type="primary" @click="confirmAddMaterial">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
<!-- 单详情 -->
|
<el-drawer v-model="drawerVisible" :title="`${detailForm.poId}详情`" direction="rtl" size="80%" @close="handleDrawerClose">
|
<template #title>
|
<div class="slot_title">
|
<div class="title_orderNo">{{ title }}</div>
|
<div>详情</div>
|
</div>
|
</template>
|
|
<div class="detailBoxWrap">
|
<!-- 详情组件 -->
|
<open-details ref="propDetailRef"></open-details>
|
<div class="msi-form">
|
<el-form :model="detailForm">
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="部件名称">
|
<el-input v-model="detailForm.detailName" clearable placeholder="请输入部件名称" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-form-item label-width="20px">
|
<el-button type="primary" icon="el-icon-search" @click="getDetail">查询</el-button>
|
<!-- <el-button type="primary" style="margin-left: 5px" icon="ele-Printer" @click="handleHtmlPrint"> 打印 </el-button> -->
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="msi-content">
|
<!-- <p style="margin-bottom: 10px">物料明细</p> -->
|
<el-table :data="drawerList" border striped :max-height="480">
|
<el-table-column fixed="left" type="index" label="序号" width="55" align="center" />
|
<!-- <el-table-column prop="poId" label="PO单ID" show-overflow-tooltip="" /> -->
|
<!-- <el-table-column prop="poNo" label="PO单号" show-overflow-tooltip="" /> -->
|
|
<el-table-column prop="placeCode" label="库位编码" show-overflow-tooltip="" />
|
<el-table-column prop="inTime" label="进入时间" width="80" :formatter="formatDate_T_Date" show-overflow-tooltip="" />
|
<el-table-column prop="upi" label="部件条码" width="160" show-overflow-tooltip="" />
|
<el-table-column prop="detailName" label="部件名称" show-overflow-tooltip="" />
|
<el-table-column prop="planNo" label="批次" show-overflow-tooltip="" />
|
<el-table-column prop="orderId" label="订单号" show-overflow-tooltip="" />
|
<el-table-column prop="packageCode" label="包装号" show-overflow-tooltip="" />
|
<el-table-column prop="length" label="长" show-overflow-tooltip="" />
|
<el-table-column prop="width" label="宽" show-overflow-tooltip="" />
|
<el-table-column prop="thk" label="厚" show-overflow-tooltip="" />
|
<el-table-column prop="stockStatus" label="库存状态" show-overflow-tooltip="">
|
<template #default="scope">
|
<el-tag>{{ getEnumDesc(scope.row.stockStatus, getEnumStockStatusData_Index) }}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="stockStatusName" label="库存状态名称" show-overflow-tooltip="" />
|
<el-table-column prop="operReason" label="操作原因" show-overflow-tooltip="" />
|
<el-table-column prop="operUser" label="操作人" show-overflow-tooltip="" />
|
<el-table-column prop="operTime" label="操作时间" width="80" :formatter="formatDate_T_Date" show-overflow-tooltip="" />
|
<el-table-column prop="lockStatus" label="锁定状态" show-overflow-tooltip="">
|
<template #default="scope">
|
<el-tag>{{ getEnumDesc(scope.row.lockStatus, getEnumLockStatusData_Index) }}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="lockReason" label="锁定原因" show-overflow-tooltip="" />
|
<el-table-column prop="lockUser" label="锁定人" show-overflow-tooltip="" />
|
<el-table-column prop="lockTime" label="锁定时间" width="80" :formatter="formatDate_T_Date" show-overflow-tooltip="" />
|
<el-table-column prop="remarks" label="备注" show-overflow-tooltip="" />
|
<el-table-column prop="createTime" label="创建时间" width="130" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
|
<el-table-column prop="updateTime" label="修改时间" width="130" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
|
<el-table-column prop="createUserName" label="创建人" show-overflow-tooltip="" />
|
<el-table-column prop="updateUserName" label="修改人" show-overflow-tooltip="" />
|
</el-table>
|
<Pagination :total="detailCount" v-model:page="detailForm.Page" v-model:limit="detailForm.PageSize" @pagination="getDetail" style="margin-top: 20px; text-align: center"></Pagination>
|
|
<div></div>
|
</div>
|
|
</div>
|
<div class="detailBoxWrap">
|
<!-- 详情组件 -->
|
<open-details ref="propDetailRef"></open-details>
|
<div class="msi-form">
|
<el-form :model="detailForm">
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="包全部板件">
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="msi-content">
|
<el-table :data="drawerList2" border striped :max-height="480">
|
<el-table-column fixed="left" type="index" label="序号" width="55" align="center" />
|
<el-table-column prop="upi" label="部件条码" width="160" show-overflow-tooltip="" />
|
<el-table-column prop="planNo" label="批次号" show-overflow-tooltip="" />
|
<el-table-column prop="orderId" label="订单号" show-overflow-tooltip="" />
|
<el-table-column prop="info5" label="生产单号" show-overflow-tooltip="" />
|
<el-table-column prop="areaCode" label="所在区域" show-overflow-tooltip="" >
|
<template #default="scope">
|
<el-tag>{{ getEnumDesc(scope.row.areaCode, getEnumAreaCodeData_Index)}}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="upiStatus" label="板料状态" show-overflow-tooltip="" >
|
<template #default="scope">
|
<el-tag>{{ getEnumDesc(scope.row.upiStatus, getEnumUpiStatusData_Index)}}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="upiFlag" label="标记" show-overflow-tooltip="" >
|
<template #default="scope">
|
<el-tag>{{ getEnumDesc(scope.row.upiFlag, getEnumUpiFlagData_Index)}}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="detailName" label="部件名称" show-overflow-tooltip="" />
|
<el-table-column prop="length" label="长" show-overflow-tooltip="" />
|
<el-table-column prop="width" label="宽" show-overflow-tooltip="" />
|
<el-table-column prop="thk" label="厚" show-overflow-tooltip="" />
|
<el-table-column prop="packageCode" label="包装号" show-overflow-tooltip="" />
|
<el-table-column prop="machineXCenter" label="包装X坐标" show-overflow-tooltip="" />
|
<el-table-column prop="machineYCenter" label="包装Y坐标" show-overflow-tooltip="" />
|
<el-table-column prop="machineZCenter" label="包装Z坐标" show-overflow-tooltip="" />
|
<el-table-column prop="sequence" label="层数" show-overflow-tooltip="" />
|
<el-table-column prop="shelf" label="次序" show-overflow-tooltip="" />
|
<el-table-column prop="info15" label="部件数量" show-overflow-tooltip="" />
|
<el-table-column prop="info16" label="部件尺寸" show-overflow-tooltip="" />
|
<el-table-column prop="info17" label="机械臂是否旋转" show-overflow-tooltip="" />
|
<el-table-column prop="info18" label="材料" show-overflow-tooltip="" />
|
<el-table-column prop="info6" label="第几包" show-overflow-tooltip="" />
|
<el-table-column prop="info4" label="销售合同单号" show-overflow-tooltip="" />
|
<el-table-column prop="createTime" label="创建时间" width="130" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
|
<el-table-column prop="updateTime" label="修改时间" width="130" :formatter="formatDate_T_Time" show-overflow-tooltip="" />
|
<el-table-column prop="createUserName" label="创建人" show-overflow-tooltip="" />
|
<el-table-column prop="updateUserName" label="修改人" show-overflow-tooltip="" />
|
</el-table>
|
<Pagination :total="detailCount" v-model:page="detailForm.Page" v-model:limit="detailForm.PageSize" @pagination="getDetail" style="margin-top: 20px; text-align: center"></Pagination>
|
|
<div></div>
|
</div>
|
|
</div>
|
</el-drawer>
|
|
<el-dialog v-model="outVisible2" title="SPA获取" width="20%" @close="closeOutDialog2">
|
<el-form :model="outerForm2" label-width="120px">
|
<el-row style="font-size: 16px">
|
<el-col :span="23">
|
<el-form-item label="单号:" required>
|
<el-input v-model="outerForm2.purchaseNo" clearable placeholder="请输入单号" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="outVisible2 = false">取消</el-button>
|
<el-button type="primary" @click="getSapOrderPO">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
|
<printDialogTestStudent ref="printDialogRefTestStudent" :title="printTestStudentTitle" @reloadTable="handleQueryTestStudent" />
|
|
<!-- 打印 -->
|
<print-table-ckd ref="printTableRef"></print-table-ckd>
|
</div>
|
</template>
|
<script lang="ts" setup>
|
import Pagination from '/@/components/Pagination/index.vue';
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
import { ref, nextTick, computed, getCurrentInstance, watch, defineExpose, defineProps, onMounted } from 'vue';
|
import { getTypeStatus } from '/@/utils/formate';
|
|
import { formatDecimalData } from '/@/utils/formate';
|
import { expandMore } from '/@/hooks/expandMore';
|
import cache from '/@/utils/cache';
|
import { pageWmsMaterial } from '/@/api/main/WmsBase/wmsMaterial';
|
import { getAPI } from '/@/utils/axios-utils';
|
import { SysEnumApi } from '/@/api-services/api';
|
|
import printDialogTestStudent from '/@/views/system/print/component/hiprint/preview.vue';
|
|
import { addWmsOrderPurchase, updateWmsOrderPurchase, detailWmsOrderPurchase } from '/@/api/main/WmsOrder/wmsOrderPurchase';
|
import OpenDetails from '/@/components/openDetails/openDetails.vue';
|
import { pageBaseCustomer } from '/@/api/main/WmsBase/baseCustomer';
|
import { listWmsOrderPurchaseDetails, pageWmsOrderPurchaseDetails } from '/@/api/main/WmsOrder/wmsOrderPurchaseDetails';
|
import { pageMes_BatchOrderUPI_New, deleteMes_BatchOrderUPI_New,importExcelMes_BatchOrderUPI_New,downloadExcelTemplateMes_BatchOrderUPI_New } from '/@/api/main/WmsOrder/mes_BatchOrderUPI_New';
|
import { formatDate, formatDate_T_Date, formatDate_T_Time, defaultTimeRange } from '/@/utils/formatTime';
|
import printTableCkd from '/@/components/printTableCkd.vue';
|
import commonFunction from '/@/utils/commonFunction';
|
import { handleSlectDataWmsBusinessType } from '/@/utils/selectData';
|
// 推荐设置操作 width 为 200
|
import { hiprint } from 'vue-plugin-hiprint';
|
import { SysPrintApi } from '/@/api-services/api';
|
import { SysPrint } from '/@/api-services/models';
|
const moveType = 10; //移动类型 入库
|
const { proxy }: any = getCurrentInstance(); // 访问实例上下文 proxy同时支持开发 线上环境
|
const getEnumOrderTypeData = ref<any>([]);
|
|
const getEnumDockData = ref<any>([]);
|
const getBusinessTypeData_Index = ref<any>([]); //业务类型 create by liuwq
|
// const getEnumBusinessTypeData = ref<any>([]); update by liuwq
|
const getEnumPoStatusData = ref<any>([]);
|
const { getEnumDesc } = commonFunction();
|
const emits = defineEmits(['getTabelData']);
|
const getEnumPoDetailStatusData_Index = ref<any>([]);
|
const getEnumOrderTypeData_Index = ref<any>([]);
|
|
const getEnumAreaCodeData_Index = ref<any>([]);
|
const getEnumUpiStatusData_Index = ref<any>([]);
|
const getEnumUpiFlagData_Index = ref<any>([]);
|
|
const props = defineProps({
|
titleAuthor: {
|
type: Number,
|
required: true,
|
},
|
hexiao: {
|
type: Number,
|
default: 1,
|
required: true,
|
},
|
});
|
//控制订单类型 - 下拉菜单
|
const titleAuthor = computed(() => props.titleAuthor);
|
// 是否显示核销按钮
|
const hexiao = computed(() => props.hexiao);
|
const loading = ref(false);
|
|
const getEnumStockStatusData_Index = ref<any>([]);
|
const getEnumLockStatusData_Index = ref<any>([]);
|
// 登录用户id
|
// const LoginUserID = computed(() => store.state.login.userInfo.id || localCache.getCache("LoginUserID"))
|
|
// const EnumWriteOffState = computed(
|
// () => store.state.login.enums.enumWriteOffState
|
// );
|
|
let itemBtnArr = ['批量删除', '编辑', '新增'];
|
const boolEnum = ref([
|
{
|
title: '是',
|
value: true,
|
},
|
{
|
title: '否',
|
value: false,
|
},
|
]);
|
|
// form表单展开
|
|
const orderType = ref('');
|
const orderDoRuType = ref(); // 用于导入的变量
|
const itemBtn = ref(1);
|
// 控制bom物料权限
|
const isShowBomBtn = ref(0);
|
|
// 禁止之前的日期
|
const disabledDate = (time: Date) => {
|
return time.getTime() + 3600 * 1000 * 24 < Date.now();
|
};
|
// 上传窗口
|
const uploadVisible = ref(false);
|
//打开导入窗口
|
const openUploadDialog = (param: any) => {
|
orderDoRuType.value = param;
|
uploadVisible.value = true;
|
};
|
//关闭窗口
|
const closeUploadDialog = () => {
|
getTabelData();
|
};
|
//sap获取
|
const getSapOrder = () => {
|
ElMessageBox.confirm('是否确认获取更新？', '提示', {
|
confirmButtonText: '确认',
|
cancelButtonText: '取消',
|
type: 'warning',
|
}).then(() => {
|
// getSapRkPurchase().then((res) => {
|
// if (res.code == 200) {
|
// ElMessage.success("已开始重新获取，请稍后查看结果！");
|
// } else {
|
// ElMessage.error(
|
// `sap获取失败${res.code}:${JSON.stringify(res.message)}`
|
// );
|
// }
|
// })
|
});
|
};
|
|
//------------sap获取PO单
|
const outVisible2 = ref(false);
|
const outerForm2 = ref({
|
purchaseNo: '',
|
});
|
const getSapOrderPO = (param?: number) => {
|
if (param && param == 1) {
|
outVisible2.value = true;
|
return;
|
}
|
if (outerForm2.value.purchaseNo == '') {
|
ElMessage.warning('请输入单号');
|
return;
|
}
|
};
|
//关闭出库窗口的回调
|
const closeOutDialog2 = () => {
|
outerForm2.value.purchaseNo = '';
|
};
|
|
//------------sap获取PO单
|
|
// --------------------PO单列表-----------------------------------
|
//查询
|
const formModel = ref({
|
WareMaterialCode: '',
|
WareMaterialName: '',
|
PurchaseNo: '',
|
CreatedUserName: '',
|
CreatedTimeBegin: '',
|
CreatedTimeEnd: '',
|
CreateDate: [],
|
IssueTimeBegin: '',
|
IssueTimeEnd: '',
|
IssueDate: [],
|
MaterialTypeStaus: '',
|
SourceBy: '',
|
WriteOffState: '',
|
signStatus: '',
|
status: '',
|
freeOrderType: '',
|
IsQueryAll: false, //是否显示全部数据
|
// LoginUserID: LoginUserID, //用户id
|
OrderMenuType: '', //判断是哪个菜单入库
|
Page: 1,
|
PageSize: 10,
|
poApprovalStatus: '',
|
keyCode: '',
|
IsDisable: '', //是否作废
|
});
|
|
//入库单列表数据
|
let tableData = ref([]);
|
const tableRef = ref();
|
|
//列表的数据条数
|
const totalItems = ref<number>(0);
|
|
// .inEnumOrderType
|
|
//获取PO单列表
|
const getTabelData = () => {
|
//判断创建时间是否有选择
|
if (formModel.value.CreateDate && formModel.value.CreateDate.length > 0) {
|
formModel.value.CreatedTimeBegin = formModel.value.CreateDate[0];
|
formModel.value.CreatedTimeEnd = ''; //addDate(formModel.value.CreateDate[1], 1); //日期查询 结束时间 需要加一天
|
} else {
|
// 日历清空 再查询bug
|
if (formModel.value.CreatedTimeBegin || formModel.value.CreatedTimeEnd) {
|
formModel.value.CreatedTimeBegin = '';
|
formModel.value.CreatedTimeEnd = '';
|
}
|
}
|
//判断下发时间是否有选择
|
if (formModel.value.IssueDate && formModel.value.IssueDate.length > 0) {
|
formModel.value.IssueTimeBegin = formModel.value.IssueDate[0];
|
formModel.value.IssueTimeEnd = formModel.value.IssueDate[1];
|
} else {
|
// 日历清空 再查询bug
|
if (formModel.value.IssueTimeBegin || formModel.value.IssueTimeEnd) {
|
formModel.value.IssueTimeBegin = '';
|
formModel.value.IssueTimeEnd = '';
|
}
|
}
|
};
|
getTabelData();
|
|
//重置搜索
|
const resetForm = () => {
|
formModel.value = {
|
WareMaterialCode: '',
|
WareMaterialName: '',
|
PurchaseNo: '',
|
CreatedUserName: '',
|
CreatedTimeBegin: '',
|
CreatedTimeEnd: '',
|
CreateDate: [],
|
IssueTimeBegin: '',
|
IssueTimeEnd: '',
|
IssueDate: [],
|
MaterialTypeStaus: '',
|
SourceBy: '',
|
WriteOffState: '',
|
signStatus: '',
|
status: '',
|
freeOrderType: '',
|
IsQueryAll: false, //是否显示全部数据
|
// LoginUserID: LoginUserID, //用户id
|
OrderMenuType: '', //判断是哪个菜单入库
|
Page: 1,
|
PageSize: 10,
|
poApprovalStatus: '',
|
keyCode: '',
|
IsDisable: '', //是否作废
|
};
|
getTabelData();
|
};
|
// -----------------删除、导出操作--------------------------
|
//选中的行
|
const checkRows = ref<{ id: number }[]>([]);
|
// 选择
|
const handleSelectionChange = (val: any) => {
|
checkRows.value = val;
|
};
|
|
// -------------------获取PO单下物料详情-----------------------------------
|
//入库单下物料详情请求
|
const detailForm = ref({
|
packageCode: '',
|
detailName: '',
|
Page: 1,
|
PageSize: 10,
|
});
|
|
// 物料详情抽屉
|
const drawerVisible = ref(false);
|
const drawerType = ref('drawerAll');
|
// const
|
//单号
|
const purchaseNo = ref('');
|
const IsPack = ref(false);
|
//打开抽屉
|
const openDrawer = async (type: number, scope: any = {}, entozhExcell?: any) => {
|
detailForm.value.Page = 1; //bug:点编辑-再点详情
|
detailForm.value.PageSize = 10; //bug:点编辑-再点详情
|
if (scope.packageCode) {
|
title.value = `${scope.packageCode}`;
|
}
|
drawerType.value = 'drawerAll';
|
drawerVisible.value = true;
|
//入库单
|
purchaseNo.value = scope.packageCode;
|
IsPack.value = scope.isPack;
|
debugger;
|
detailForm.value.packageCode = scope.packageCode;
|
//获取物料列表
|
if (detailForm.value.packageCode == '') {
|
drawerList.value = [];
|
drawerList2.value = [];
|
detailCount.value = 0;
|
return;
|
}
|
//------------------获取物料列表物料明细
|
getDetail();
|
//------------------获取物料列表物料明细
|
getEnumStockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('StockStatusEnum')).data.result ?? [];
|
getEnumLockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('LockStatusEnum')).data.result ?? [];
|
|
getEnumAreaCodeData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('AreaCodeEnum')).data.result ?? [];
|
getEnumUpiStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('UpiStatusEnum')).data.result ?? [];
|
getEnumUpiFlagData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('UpiFlagEnum')).data.result ?? [];
|
|
// 根据状态转中文 保留3位小数
|
let scopetrans = JSON.parse(JSON.stringify(scope));
|
// scopetrans.totalquantity = Number(scopetrans.totalquantity).toFixed(3);
|
nextTick(() => {
|
scopetrans.poStatus = getEnumDesc(scopetrans.poStatus, getEnumPoDetailStatusData_Index.value);
|
scopetrans.businessType = getEnumDesc(scopetrans.businessType, getBusinessTypeData_Index.value);
|
scopetrans.orderType = getEnumDesc(scopetrans.orderType, getEnumOrderTypeData_Index.value);
|
proxy.$refs['propDetailRef'].openADialog(scopetrans, entozhExcell);
|
});
|
};
|
|
//关闭抽屉
|
const handleDrawerClose = () => {
|
detailForm.value = {
|
packageCode: '',
|
detailName: '',
|
Page: 1,
|
PageSize: 10,
|
};
|
deltailList.value = [];
|
detailCount.value = 0;
|
drawerList.value = [];
|
drawerList2.value = [];
|
detailCount.value = 0;
|
};
|
|
//物料详情类型
|
interface DetailType {
|
id: number;
|
}
|
|
//入库单详情列表
|
const deltailList = ref<DetailType[]>([]);
|
//弹出层数据
|
const drawerList = ref<DetailType[]>([]);
|
const drawerList2 = ref<DetailType[]>([]);
|
|
//入库单详情列表数据条数
|
const detailCount = ref(0);
|
|
//弹出层标题
|
let title = ref('');
|
//获取入库单下物料详情
|
const getDetail = async (callback?: any) => {
|
loading.value = true;
|
|
var res = await pageWmsOrderPurchaseDetails(Object.assign(detailForm.value));
|
if (callback == 1) {
|
//编辑入口
|
warehousOrderDetails.value = res.data.result?.items ?? [];
|
detailCount.value = res.data.result?.total;
|
} else {
|
drawerList.value = res.data.result?.items ?? [];
|
detailCount.value = res.data.result?.total;
|
}
|
loading.value = false;
|
|
debugger
|
var res = await pageMes_BatchOrderUPI_New(Object.assign(detailForm.value, detailForm.value));
|
if(res.data.type=="success"){
|
drawerList2.value = res.data.result?.items ?? [];
|
}
|
};
|
// ----------------新增、编辑-------------------------------
|
//窗口类型
|
const dialogType = ref('add');
|
|
const dialogVisible = ref(false);
|
|
//添加编辑表单ref
|
const dialogRef = ref();
|
|
//添加/编辑参数
|
let addForm = ref({
|
createdTime: '',
|
updatedTime: '',
|
createdUserName: '',
|
createdUserId: '',
|
purchaseNo: '',
|
purchaserUserId: 0,
|
basicExpressInfoCode: null,
|
materialType: '', //5
|
status: 0,
|
supplierCode: '',
|
supplierName: '',
|
remark: '',
|
deliveryType: 1,
|
EstimatedDate: '',
|
purchaseOrderDetails: [] as any[],
|
dI_NO: '',
|
sJ_NO: '',
|
machineToolTypeName: '',
|
machineToolNo: '',
|
freeOrderType: '',
|
});
|
|
//rules
|
const formRules = {
|
businessType: [{ required: true, message: '请选择业务类型！', trigger: 'change' }],
|
supplierCode: [{ required: true, message: '请输入供应商！', trigger: 'blur' }],
|
purchaseNo: [{ required: true, message: '请输入PO单号！', trigger: 'blur' }],
|
orderTypeName: [{ required: true, message: '请输入订单类型名称！', trigger: 'blur' }],
|
};
|
//打开新增、编辑窗口
|
const openDialog = async (type: number, scope: any = {}) => {
|
handleQueryTdp();
|
getEnumOrderTypeData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderTypeEnum')).data.result ?? [];
|
getBusinessTypeData_Index.value = await handleSlectDataWmsBusinessType(moveType); //下拉读取业务类型接口 create by liuwq
|
getEnumPoStatusData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('OrderStatusEnum')).data.result ?? [];
|
|
getEnumDockData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('DockEnum')).data.result ?? [];
|
|
if (type == 1) {
|
detailForm.value.PageSize = 10;
|
dialogType.value = 'add';
|
} else {
|
dialogType.value = 'edit';
|
detailForm.value.PageSize = 1000;
|
addForm.value = { ...scope };
|
|
console.log(addForm.value);
|
detailForm.value.poId = scope.id;
|
//获取物料 - 回调函数替换定时器
|
|
//------------------获取物料列表物料明细
|
getDetail(1);
|
//----------------物料明细
|
}
|
dialogVisible.value = true;
|
load.value = false;
|
//清除选中项
|
nextTick(() => {
|
if (dialogRef.value) {
|
dialogRef.value.clearValidate();
|
}
|
});
|
};
|
|
//物料详情的table ref
|
const detailRef = ref();
|
const setRowKey = (row: any) => {
|
return row.id + row.poLineNumber;
|
};
|
//关闭窗口
|
const closeDialog = () => {
|
load.value = false;
|
addForm.value = {
|
createdTime: '',
|
updatedTime: '',
|
createdUserName: '',
|
createdUserId: '',
|
purchaseNo: '',
|
purchaserUserId: 0,
|
basicExpressInfoCode: null,
|
materialType: '', //5
|
status: 0,
|
supplierCode: '',
|
supplierName: '',
|
remark: '',
|
deliveryType: 1,
|
EstimatedDate: '',
|
purchaseOrderDetails: [] as any[],
|
dI_NO: '',
|
sJ_NO: '',
|
machineToolTypeName: '',
|
machineToolNo: '',
|
freeOrderType: '',
|
};
|
warehousOrderDetails.value = [];
|
checkedDetails.value = [];
|
deltailList.value = [];
|
detailCount.value = 0;
|
detailRef.value.clearSelection();
|
};
|
|
//添加编辑窗口物料列表
|
const warehousOrderDetails = ref<any[]>([]);
|
|
//物料详情列表选中的物料
|
const checkedDetails = ref<any[]>([]);
|
|
//物料详情列表中勾选事件
|
const detailsCheckChange = (val: any) => {
|
checkedDetails.value = val;
|
};
|
|
//删除选中的物料详情
|
const delCheckedDetails = () => {
|
ElMessageBox.confirm('是否确认删除？', '提示', {
|
confirmButtonText: '确认',
|
cancelButtonText: '取消',
|
type: 'warning',
|
})
|
.then(() => {
|
let arr = [];
|
if (checkedDetails.value[0].diRelationID) {
|
checkedDetails.value.forEach((item) => {
|
console.log(item);
|
let index = warehousOrderDetails.value.findIndex((detail) => detail.code == item.code && detail.diRelationID == item.diRelationID);
|
if (index > -1) {
|
warehousOrderDetails.value.splice(index, 1);
|
}
|
});
|
} else {
|
checkedDetails.value.forEach((item) => {
|
let index = warehousOrderDetails.value.findIndex((detail) => detail.code == item.code && detail.poLineNumber == item.poLineNumber);
|
warehousOrderDetails.value.splice(index, 1);
|
});
|
}
|
arr = warehousOrderDetails.value;
|
warehousOrderDetails.value = [];
|
//bug 相同物料 不同Bom
|
nextTick(() => {
|
warehousOrderDetails.value = arr;
|
checkedDetails.value = [];
|
detailRef.value.clearSelection();
|
});
|
})
|
.catch(() => ElMessage.info('已取消删除'));
|
};
|
|
const load = ref(false);
|
//编辑、添加提交
|
const confirm = () => {
|
dialogRef.value.validate(async (vali: any) => {
|
if (vali) {
|
console.log('确认');
|
if (warehousOrderDetails.value.length < 0) {
|
ElMessage.warning('请选择物料');
|
return;
|
}
|
let idx = warehousOrderDetails.value.findIndex((v) => v.poLineNumber == '' || v.poLineNumber == undefined);
|
if (idx > -1) {
|
ElMessage.warning('请输入行号');
|
return;
|
}
|
let isNext = '';
|
warehousOrderDetails.value.forEach((item) => {
|
const arr: any = warehousOrderDetails.value.filter((detail) => detail.poLineNumber == item.poLineNumber);
|
if (arr.length > 1) {
|
isNext = `行号：${arr[0].poLineNumber}不能相同`;
|
return;
|
}
|
});
|
if (isNext != '') {
|
ElMessage.warning(isNext);
|
return;
|
}
|
|
let idx2 = warehousOrderDetails.value.findIndex((v) => v.quantity == '' || v.quantity == undefined || v.quantity <= 0);
|
if (idx2 > -1) {
|
ElMessage.warning('数量不合规范！');
|
return;
|
}
|
addForm.value.purchaseOrderDetails = [];
|
warehousOrderDetails.value.forEach((item) => {
|
const obj = {
|
poId: item.poId || 0,
|
materialCode: item.materialCode,
|
materialName: item.materialName,
|
id: item.id || '',
|
quantity: item.quantity,
|
barNo: item.barNo,
|
remark: addForm.value.remark,
|
poLineNumber: item.poLineNumber,
|
materialType: item.deliveryType,
|
clientCode: item.diCustomCode || '',
|
clientChinaName: item.diCustomChinaName || '',
|
plannedStartTime: item.plannedStartTime,
|
plannedEndTime: item.plannedEndTime,
|
projectNo: item.projectNo,
|
erpCode: item.erpCode,
|
supplierBatch: item.supplierBatch,
|
unit: item.unit,
|
};
|
addForm.value.purchaseOrderDetails.push(obj);
|
});
|
load.value = true;
|
//添加
|
if (dialogType.value == 'add') {
|
load.value = true;
|
let res = await addWmsOrderPurchase(addForm.value);
|
if (res.data && res.data.code == 200) {
|
ElMessage.success('添加成功');
|
dialogVisible.value = false;
|
emits('getTabelData');
|
}
|
load.value = false;
|
} else {
|
load.value = true;
|
let res = await updateWmsOrderPurchase(addForm.value);
|
if (res.data && res.data.code == 200) {
|
ElMessage.success('编辑成功');
|
dialogVisible.value = false;
|
emits('getTabelData');
|
}
|
load.value = false;
|
}
|
} else {
|
ElMessage.warning('表单验证失败');
|
}
|
});
|
};
|
// -----------------添加物料操作-------------------------
|
//物料基础数据窗口
|
const addMaterialVisible = ref(false);
|
|
//物料基础数据列表
|
const materialList = ref([]);
|
|
//物料基础数据条数
|
const materialTotal = ref(0);
|
|
//物料基础数据form
|
const materialForm = ref({
|
MaterialTypeId: '',
|
Code: '',
|
MaterialCode: '',
|
// MaterialType: 1,
|
Page: 1,
|
PageSize: 10,
|
});
|
|
//获取物料基础列表
|
const getMaterialList = async () => {
|
loading.value = true;
|
// var res = await pageWmsMaterial(Object.assign(queryParams.value, tableParams.value));
|
var res = await pageWmsMaterial(Object.assign(materialForm.value));
|
|
materialList.value = res.data.result?.items ?? [];
|
//tableParams.value.total = res.data.result?.total;
|
materialTotal.value = res.data.result?.total;
|
loading.value = false;
|
};
|
|
//重置物料
|
const resetMaterialForm = () => {
|
materialForm.value = {
|
MaterialTypeId: '',
|
Code: '',
|
MaterialCode: '',
|
Page: 1,
|
// MaterialType: 1,
|
PageSize: 10,
|
};
|
getMaterialList();
|
};
|
|
//选中的基础物料数据
|
const checkedMaterial = ref<any[]>([]);
|
|
//物料基础数据勾选
|
const materialSelectionChange = (val: any) => {
|
checkedMaterial.value = val;
|
};
|
|
//打开新增物料窗口
|
const addMaterialDialog = () => {
|
// if ( addForm.value.freeOrderType && isShowBomBtn.value ) {
|
// ElMessage.warning("免费件类型是PR2，只能新增DI维护的物料！");
|
// return;
|
// }
|
getMaterialList();
|
addMaterialVisible.value = true;
|
};
|
|
//基础物料table的ref对象
|
const materialRef = ref();
|
|
//确认添加材料
|
const confirmAddMaterial = () => {
|
//物料列表没数据，直接添加
|
if (warehousOrderDetails.value.length == 0) {
|
// 自动给行号复值
|
checkedMaterial.value.forEach((item, index) => {
|
item.unit = item.poUnit;
|
if (!item.poLineNumber) {
|
item.poLineNumber = index + 1 + warehousOrderDetails.value.length;
|
}
|
});
|
|
warehousOrderDetails.value.push(...checkedMaterial.value);
|
} else {
|
for (let i = 0; i < checkedMaterial.value.length; i++) {
|
let idx = warehousOrderDetails.value.findIndex(
|
(item: { poLineNumber: any; code: any }) => item.code == checkedMaterial.value[i].code && item.poLineNumber == checkedMaterial.value[i].poLineNumber
|
);
|
if (idx > -1) {
|
return ElMessage.warning(`物料编号${checkedMaterial.value[i].code}，行号：${checkedMaterial.value[i].poLineNumber || ''}在物料列表中已存在,请去除勾选`);
|
}
|
}
|
|
// 自动给行号复值
|
checkedMaterial.value.forEach((item, index) => {
|
item.unit = item.poUnit;
|
if (!item.poLineNumber) {
|
item.poLineNumber = index + 1 + warehousOrderDetails.value.length;
|
}
|
});
|
warehousOrderDetails.value.push(...checkedMaterial.value);
|
}
|
|
addMaterialVisible.value = false;
|
};
|
|
//关闭新增物料窗口
|
const closeMaterialDialog = () => {
|
materialForm.value = {
|
MaterialTypeId: '',
|
Code: '',
|
Page: 1,
|
// MaterialType: 1,
|
PageSize: 10,
|
};
|
materialList.value = [];
|
checkedMaterial.value = [];
|
materialRef.value.clearSelection();
|
};
|
|
// 页面加载时
|
onMounted(async () => {});
|
|
//================
|
const arrTdp = ref<any[]>([]);
|
const queryParamsW = ref<any>({});
|
const tableParamsW = ref({
|
page: 1,
|
pageSize: 200,
|
total: 0,
|
custType: '供应商',
|
});
|
|
//-----------------远程搜索----------------
|
const handleQueryTdp = async () => {
|
var res = await pageBaseCustomer(Object.assign(queryParamsW.value, tableParamsW.value));
|
arrTdp.value = res.data.result?.items ?? [];
|
};
|
const changeXmbh = async (query?: any) => {
|
loading.value = true;
|
var res = await pageBaseCustomer({
|
page: 1,
|
pageSize: 200,
|
custCode: query,
|
custType: '供应商',
|
});
|
loading.value = false;
|
arrTdp.value = res.data.result?.items ?? [];
|
};
|
// 远程搜索 输入关键字以从远程服务器中查找数据。
|
const remoteMethod = async (query: string) => {
|
loading.value = true;
|
var res = await pageBaseCustomer({
|
page: 1,
|
pageSize: 200,
|
custCode: query,
|
custType: '供应商',
|
});
|
loading.value = false;
|
arrTdp.value = res.data.result?.items ?? [];
|
};
|
//-----------------远程搜索----------------
|
|
const printDialogRefTestStudent = ref();
|
const printTestStudentTitle = ref('');
|
//打印
|
const getPrint = async (row?: any) => {
|
printTestStudentTitle.value = '打印';
|
var res = await getAPI(SysPrintApi).apiSysPrintPrintNameGet('测试打印模版');
|
var printTemplate = res.data.result as SysPrint;
|
var template = JSON.parse(printTemplate.template);
|
var resList = await listWmsOrderPurchaseDetails(detailForm.value);
|
var printData = resList.data.result || [];
|
printData.forEach((item: any, index?: any) => {
|
item.no = index + 1;
|
});
|
//打印数据
|
var row: any = {
|
text1: title.value, //单号
|
table: printData, //表格数据
|
};
|
printDialogRefTestStudent.value.showDialog(new hiprint.PrintTemplate({ template: template }), row, template.panels[0].width);
|
};
|
|
// 打印
|
let itemSubTitle = ref<any[]>([]);
|
const handleHtmlPrint = () => {
|
var title = IsPack.value == true ? '齐包清单' : '缺包清单';
|
proxy.$refs['printTableRef'].printHd(title, itemSubTitle.value, drawerList.value); //deltailList
|
};
|
|
// 暴露方法
|
defineExpose({ openDialog, openDrawer });
|
</script>
|
<style lang="less" scoped>
|
.detailBoxWrap {
|
margin: 10px;
|
}
|
|
.msi-form {
|
margin-top: 10px;
|
}
|
.msi-form {
|
margin-bottom: 10px;
|
}
|
.slot_title {
|
display: flex;
|
align-items: center;
|
// margin-left: 20px;
|
.title_orderNo {
|
font-size: 18px;
|
color: #f18201;
|
font-weight: bold;
|
margin-right: 5px;
|
}
|
}
|
</style>
|
