Skip to content

P
pda-ui
Commit 57531988 authored by 张海景's avatar 张海景
Browse files
Options

Merge branch 'dev' of http://git.local.topsunit.com/mes/mes-ui into dev

parents bcedd047 2052c7f7
Show whitespace changes
Inline Side-by-side
Showing with 797 additions and 3 deletions
src/views/mes/md/product/components/baseInfo.vue
View file @ 57531988
......@@ -20,6 +20,8 @@
<el-input v-model="form.grossWeight" placeholder="毛重" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="净重" prop="netWeight">
<el-input v-model="form.netWeight" placeholder="净重" />
......@@ -42,6 +44,8 @@
<el-input v-model="form.volume" placeholder="体积" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="体积单位" prop="volumeUnit">
<el-select v-model="form.volumeUnit" placeholder="请选择体积单位">
......@@ -88,6 +92,8 @@
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="版面" prop="layout">
<el-select v-model="form.layout" placeholder="请选择版面">
......@@ -100,7 +106,6 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="有效开始日期" prop="expirationDateStart">
<el-date-picker
......@@ -126,6 +131,25 @@
</el-form-item>
</el-col>
</el-row>
<el-col :span="8">
<el-form-item label="是否排版">
<el-radio-group v-model="form.isLayout" v-if="optType=='view'">
<el-radio
v-for="dict in dict.type.sys_yes_no"
:key="dict.value"
:label="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
<el-radio-group v-model="form.isLayout" v-else>
<el-radio
v-for="dict in dict.type.sys_yes_no"
:key="dict.value"
:label="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-form>
</div>
</template>
......@@ -136,7 +160,7 @@ import BrandSelect from "@/components/brandSelect/single.vue";
import SizeGroupSelect from "@/components/SizeGroupSelect/index.vue";
export default {
name: "BaseInfo",
dicts: ["product_layout","md_weight_unit","md_volumetric_unit"],
dicts: ["product_layout","md_weight_unit","md_volumetric_unit","sys_yes_no"],
components: { BrandSelect, SizeGroupSelect },
data() {
return {
......
src/views/mes/md/product/components/productOrderDetail.vue 0 → 100644
View file @ 57531988
<template>
<div class="productOrderBox">
<div class="pageTop">
<div class="titles">生产单</div>
<div v-if="pageHeader.arrangeCode" class="barcode">
<vue-barcode
:value="pageHeader.arrangeCode"
margin-right="5"
display-value="432141243"
font="bold"
margin-left="5"
text-margin="10"
text-position="bottom"
style="width:200px;"
width="1"
ean128="ean128"
:text="'规格书编号：'+ pageHeader.arrangeCode"
height="30"
margin-top="10"
margin="10"
margin-bottom="20"
text-align="center"
font-size="12">不支持vue-barcode</vue-barcode>
</div>
<div>
产品类别：{{ pageHeader.itemTypeName }}
</div>
<div>
客户名称：{{ pageHeader.clientName }}
</div>
<div class="titleType">
<div>单据类型：{{ pageHeader.tableTypeName }}</div>
<div>派工倍数：{{ pageHeader.dispatchMultiple }}</div>
<div>排版行数：{{ pageHeader.rowNum }}</div>
<div>规格书编号：{{ pageHeader.productionSolutionCode }}</div>
</div>
<div class="packType">
<div>包装方式：{{ pageHeader.packMode }}</div>
<div>印刷方向：{{ pageHeader.printingDirection }}</div>
<div>工艺要求：{{ pageHeader.routeDesc }}</div>
</div>
<div class="materialLength">
<div>材料总长度：{{ pageHeader.materialLength }}</div>
<div>完工日期：{{ pageHeader.finishTime }}</div>
</div>
</div>
<table border class="form-header font-size-16" style="table-layout: fixed;width: 100%;border:1px solid #000000;font-size:14px;">
<!-- -->
<tr height="20" class="color000">
<td colspan="4" align="center">产品编码</td>
<td colspan="5" align="center">产品名称</td>
<td colspan="2" align="center">单位</td>
<td colspan="2" align="center">生产量</td>
<td colspan="2" align="center">Loss数</td>
<td colspan="2" align="center">参考数</td>
<td colspan="2" align="center">派工数</td>
<td colspan="2" align="center">材料总重</td>
<td colspan="3" align="center">单层厚(丝)</td>
</tr>
<tr height="20" class="color000">
<td colspan="4" align="center">{{ workOrderInfo.productCode }}</td>
<td colspan="5" align="center" style="word-wrap:break-word;word-break:break-all">{{ workOrderInfo.productName }}</td>
<td colspan="2" align="center">{{ workOrderInfo.unit }}</td>
<td colspan="2" align="center">{{ workOrderInfo.quantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.lossNum }}</td>
<td colspan="2" align="center">{{ workOrderInfo.dispatchQuantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.referenceQuantity }}</td>
<td colspan="2" align="center">{{ workOrderInfo.materialWeight }}</td>
<td colspan="3" align="center">{{ workOrderInfo.singleLayerThick }}</td>
</tr>
<!-- -->
<tr height="20" class="color000">
<td colspan="2" align="center">形体配色</td>
<td colspan="2" align="center">指令</td>
<td colspan="2" align="center">数量</td>
<td colspan="2" align="center">Loss数量</td>
<td colspan="2" align="center">形体配色</td>
<td colspan="2" align="center">指令</td>
<td colspan="2" align="center">数量</td>
<td colspan="2" align="center">Loss数量</td>
<td colspan="2" align="center">形体配色</td>
<td colspan="2" align="center">指令</td>
<td colspan="2" align="center">数量</td>
<td colspan="2" align="center">Loss数量</td>
</tr>
<tr v-for="(item,index) in soSizeList" :key="index" height="20" class="color000">
<td colspan="2" align="center">{{ item[0]&&item[0].colorNo }}</td>
<td colspan="2" align="center" style="word-wrap:break-word;word-break:break-all">{{ item[0]&&item[0].clientCmd }}</td>
<td colspan="2" align="center">{{ item[0]&&item[0].quantity }}</td>
<td colspan="2" align="center">{{ item[0]&&item[0].lossNum }}</td>
<td colspan="2" align="center">{{ item[1]&&item[1].colorNo }}</td>
<td colspan="2" align="center" style="word-wrap:break-word;word-break:break-all">{{ item[1]&&item[1].clientCmd }}</td>
<td colspan="2" align="center">{{ item[1]&&item[1].quantity }}</td>
<td colspan="2" align="center">{{ item[1]&&item[1].lossNum }}</td>
<td colspan="2" align="center">{{ item[2]&&item[2].colorNo }}</td>
<td colspan="2" align="center" style="word-wrap:break-word;word-break:break-all">{{ item[2]&&item[2].clientCmd }}</td>
<td colspan="2" align="center">{{ item[2]&&item[2].quantity }}</td>
<td colspan="2" align="center">{{ item[2]&&item[2].lossNum }}</td>
</tr>
<!-- -->
<tbody v-for="(soDirective, index) in soDirectives" :key="index" >
<tr height="20" class="color000">
<td colspan="3" align="center">产品材质：</td>
<td colspan="21" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.productSpec }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">备注：</td>
<td colspan="21" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.remark }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">印刷正面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.frontColorName }}</td>
<td colspan="3" align="center">印刷背面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.oppositeColorName }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">段别</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.segment }}</td>
<td colspan="3" align="center">销线</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.salePath }}</td>
<td colspan="3" align="center">整/半码</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.wholeSize }}</td>
<td colspan="3" align="center">季度</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.quarter }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">PO号</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.poNo }}</td>
<td colspan="3" align="center">WIPNo号</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.wipNo }}</td>
<td colspan="3" align="center">SK编号</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.skNo }}</td>
<td colspan="3" align="center">专利号</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.patentNo }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">材质描述</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.materialDesc }}</td>
<td colspan="3" align="center">SHIP TO ID</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.shipToId }}</td>
<td colspan="3" align="center">周期</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.cycle }}</td>
<td colspan="3" align="center">装箱数</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ soDirective.packingNum }}</td>
</tr>
</tbody>
<tr height="20" class="color000">
<td colspan="3" align="center">生产制造</td>
<td colspan="9" align="center">描述</td>
<td colspan="3" align="center">数量</td>
<td colspan="3" align="center">审核/签字</td>
<td colspan="6" align="center">备注</td>
</tr>
<tr height="20" v-for="(item,index) in processList" :key="index" class="color000">
<td colspan="3" align="center">{{ item.processName }}</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ item.desc }}</td>
<td colspan="3" align="center">{{ item.quantity }}</td>
<td colspan="3" align="center">{{ item.signature }}</td>
<td colspan="6" align="center" style="word-wrap:break-word;word-break:break-all">{{ item.remark }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">产品正面</td>
<td colspan="9" align="center">
<img width="200" :src="img.frontImg" alt="">
</td>
<td colspan="3" align="center">产品背面</td>
<td colspan="9" align="center">
<img width="200" :src="img.backImg" alt="">
</td>
</tr>
<tr height="20" class="color000">
<td colspan="2" align="center">物料类别</td>
<td colspan="4" align="center">物料编码</td>
<td colspan="8" align="center">物料名称</td>
<td colspan="2" align="center">标准用量</td>
<td colspan="2" align="center">订单用量</td>
<td colspan="2" align="center">单位</td>
<td colspan="2" align="center">应用工序</td>
<td colspan="2" align="center">备注</td>
</tr>
<tr v-for="(item,index) in processItemList" :key="index" height="20" class="color000">
<td colspan="2" align="center">{{ item.itemType }}</td>
<td colspan="4" align="center" style="word-wrap:break-word;word-break:break-all">{{ item.itemCode }}</td>
<td colspan="8" align="center" style="word-wrap:break-word;word-break:break-all">{{ item.itemName }}</td>
<td colspan="2" align="center">{{ item.standardDosage }}</td>
<td colspan="2" align="center">{{ item.quantity }}</td>
<td colspan="2" align="center">{{ item.unit }}</td>
<td colspan="2" align="center">{{ item.processName }}</td>
<td colspan="2" align="center">{{ item.remark }}</td>
</tr>
</table>
<div class="pageBottom">
<div class="productionManagement">
<div>生 管：{{ pageFooter.productionManagement }}</div>
<div>打印人：{{ pageFooter.printUsername }}</div>
<div>输单员/审核员：{{ pageFooter.auditors }}</div>
<div>跟单员：{{ pageFooter.merchandiser }}</div>
</div>
<div text-center>
第1页，共1页
</div>
</div>
</div>
</template>
<script>
import VueBarcode from 'vue-barcode'
export default {
components: { VueBarcode },
data() {
return {
workOrderInfo: {
"productCode": "IF2022042440", // 产品编号
"productName": "*QT03800 李宁鞋类不干胶防伪防窜(升级版)鞋舌贴标3.4*2.8cm ", // 产品名称
"unit": "ST", // 单位
"quantity": 10092.0, // 生产量
"lossNum": 0, // loss数
"dispatchQuantity": 10092.0, // 参考数
"referenceQuantity": 10092.0, // 派工数
"materialWeight": 0.0, // 总重
"singleLayerThick": 0.0 // 单层厚
},
soSizeList: [
[ {
"colorNo": "", // 形体配色
"clientCmd": "XC24030018", // 指令
"quantity": 1009.0, // 数量
"lossNum": 0.000 // loss数量
},
{
"colorNo": "",
"clientCmd": "XC24030018",
"quantity": 303.0,
"lossNum": 0.000
},
{
"colorNo": "",
"clientCmd": "XC24030018",
"quantity": 303.0,
"lossNum": 0.000
}],
[{
"colorNo": "",
"clientCmd": "XC24030018",
"quantity": 1615.0,
"lossNum": 0.000
},
{
"colorNo": "",
"clientCmd": "XC24030018",
"quantity": 706.0,
"lossNum": 0.000
}]
],
soDirectives: [
{
"productSpec": null, // 产品材质
"remark": null, // 备注
"frontColorName": "紫红,深红,朱红", // 印刷正面颜色
"oppositeColorName": "紫红,深红,朱红", // 印刷背面颜色
"segment": "UNISEX", // 段别
"salePath": "中国", // 销线
"wholeSize": null, // 整/半码
"quarter": "24Q2", // 季度
"poNo": null, // PO号
"wipNo": null, // WIPNo号
"skNo": null, // sk编号
"patentNo": null, // 专利号
"materialDesc": null, // 材质描述
"shipToId": null, // SHIP TO ID
"cycle": null,// 周期
"packingNum": null // 装箱数
}
],
processList: [ // 生产制程
{
"processName": "高端排版", // 生产制程
"remark": "", // 备注
"desc": "", // 描述
"signature": "", // 审核/签字
"quantity": 10092.000 // 数量
},
{
"processName": "数码印刷",
"remark": "",
"desc": "",
"quantity": 10092.000
},
{
"processName": "模切",
"remark": "",
"desc": "",
"quantity": 10092.000
}
],
img: {
"frontImg": "http://192.168.3.91:9000/mes/2024/03/20/1111_20240320192902A005.png", // 产品正面
"backImg": "http://192.168.3.91:9000/mes/2024/03/20/2222_20240320192903A006.png" // 产品背面
},
processItemList: [ // 物料
{
"itemCode": "IF2024041609", // 物料编码
"itemType": "铜版纸不干胶", // 物料类别
"itemName": "白格背印AW4200A*/31cm*1000m", // 物料名称
"unit": "MIN", // 单位
"standardDosage": 0, // 标准用量
"quantity": 11.586, // 订单用量
"processName": "数码印刷", // 应用工序
"remark": null // 备注
}
],
pageHeader: {
"itemTypeName": "",
"arrangeCode": null,
"clientName": null,
"tableTypeName": "直接出货单-正常单",
"productionSolutionCode": "60000000",
"finishTime": null,
"routeDesc": "高端排版-数码印刷-QC&包装-模",
"rowNum": "",
"dispatchMultiple": 2.00,
"printingDirection": "06",
"materialLength": 0.0,
"packMode": "按size包装"
},
pageFooter: {
"printUsername": "admin",
"auditors": "", // 输单员/审核员
"merchandiser": "", // 跟单员
"productionManagement": "", // 生管
"entryTime": "2024-05-08"
},
}
},
}
</script>
<style scoped lang="scss">
.productOrderBox{
position: relative;
padding-top:20px;
width: 780px;
height: 1100px;
padding-bottom:80px;
box-sizing: border-box;
}
.pageTop{
color: #000;
padding: 0px 10px;
position: relative;
.titles{
text-align: center;
font-size:22px;
}
.barcode{
position: absolute;
top:-10px;
right:0px;
width: 200px;
height:80px;
overflow: hidden;
}
.titleType{
display: flex;
div{
padding-right:20px;
min-width: 100px;
}
}
.packType{
display: flex;
div{
padding-right:30px;
min-width: 100px;
}
}
.materialLength{
display: flex;
div{
padding-right:30px;
min-width: 300px;
}
}
}
.pageBottom{
width: 780px;
position: absolute;
left: 0;
bottom: 0;
padding: 0px 10px;
color: #000;
.productionManagement{
display: flex;
justify-content: space-between;
div{
min-width: 120px;
}
}
}
[text-center]{
text-align: center;
}
.color000{
color: #000;
}
</style>
src/views/mes/md/product/components/productOrderSpecification.vue 0 → 100644
View file @ 57531988
<template>
<div class="productOrderSpecification">
<div class="pageTop">
<div class="titles">广州市宝绅科技应用有限公司</div>
<div class="img">
<img width="140" src="@/assets/logo/logo.png" alt="">
</div>
<div class="pageContent">
<div>电话：020-36201735 36343998</div>
<div>邮箱：<u>gzbaoshen@gzbaoshen.com</u></div>
</div>
<div class="pageContent">
<div>传真：020-36201782 36201962</div>
<div style="padding-right:50px;">网站：<u>www.gzbaoshen.com</u></div>
</div>
<div class="titles">
<div>
SPECIFICATION
</div>
<div style="font-weight: 400;">
(产品规格书)
</div>
<div v-if="pageHeader.productionSolutionCode" class="barcode">
<vue-barcode
:value="pageHeader.productionSolutionCode"
margin-right="5"
display-value="432141243"
font="bold"
margin-left="5"
text-margin="10"
text-position="bottom"
style="width:200px;"
width="1"
ean128="ean128"
:text="'规格书编号：'+ pageHeader.productionSolutionCode"
height="30"
margin-top="10"
margin="10"
margin-bottom="20"
text-align="center"
font-size="12">不支持vue-barcode</vue-barcode>
</div>
</div>
</div>
<table border class="form-header font-size-16" style="table-layout: fixed;width: 100%;border:1px solid #000000;font-size:14px;">
<!-- -->
<tr height="20" class="color000">
<td colspan="3" align="center">产品类别</td>
<td colspan="3" align="center">{{ body.itemTypeName }}</td>
<td colspan="3" align="center">采购单位</td>
<td colspan="3" align="center">{{ body.purchaseUnit }}</td>
<td colspan="2" align="center">品牌</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.brandName }}</td>
<td colspan="2" align="center">单位</td>
<td colspan="2" align="center">{{ body.unit }}</td>
<td colspan="2" align="center">换算值</td>
<td colspan="1" align="center">{{ body.conversionValue }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">产品编码</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.itemCode }}</td>
<td colspan="3" align="center" >产品名称</td>
<td colspan="15" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.itemName }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">样品单号</td>
<td colspan="3" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.workorderProofingCode }}</td>
<td colspan="3" align="center" >英文名称</td>
<td colspan="15" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.enName }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">长度cm</td>
<td colspan="3" align="center">{{ body.length }}</td>
<td colspan="3" align="center">单层厚(丝)</td>
<td colspan="3" align="center">{{ body.singleLayerThick }}</td>
<td colspan="2" align="center">单重kg</td>
<td colspan="2" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.singleWeight }}</td>
<td colspan="2" align="center">层数</td>
<td colspan="2" align="center">{{ body.layerNum }}</td>
<td colspan="2" align="center">高度cm</td>
<td colspan="2" align="center">{{ body.height }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">宽度cm</td>
<td colspan="3" align="center">{{ body.width }}</td>
<td colspan="3" align="center">印张长度cm</td>
<td colspan="3" align="center">{{ body.printingPaperlenth }}</td>
<td colspan="2" align="center">印张宽度cm</td>
<td colspan="2" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.printPaperwidth }}</td>
<td colspan="2" align="center">仓库</td>
<td colspan="2" align="center">{{ body.storePlace }}</td>
<td colspan="2" align="center">尺码组</td>
<td colspan="2" align="center">{{ body.sizeGroup }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">派工倍数</td>
<td colspan="3" align="center">{{ body.sendworkMultiple }}</td>
<td colspan="3" align="center">排版行数</td>
<td colspan="3" align="center">{{ body.rowNum }}</td>
<td colspan="2" align="center">是否禁用</td>
<td colspan="4" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.isEnable }}</td>
<td colspan="4" align="center">是否创建新规格书</td>
<td colspan="2" align="center">{{ body.isCreateSpec }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">是否要鞋图</td>
<td colspan="3" align="center">{{ body.isNeedShoeImg }}</td>
<td colspan="3" align="center">是否附样品</td>
<td colspan="3" align="center">{{ body.isAddSimple }}</td>
<td colspan="2" align="center">是否为唯一码产品</td>
<td colspan="4" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.isUniqueCode }}</td>
<td colspan="4" align="center">是否不考虑形体配色</td>
<td colspan="2" align="center">{{ body.isConsiderColor }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">产品材质</td>
<td colspan="17" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.productMaterial }}</td>
<td colspan="2" align="center">配方</td>
<td colspan="2" align="center">{{ body.formula }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">印刷正面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.frontColorName }}</td>
<td colspan="3" align="center">印刷背面颜色</td>
<td colspan="9" align="center" style="word-wrap:break-word;word-break:break-all">{{ body.oppositeColorName }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">生产制造</td>
<td colspan="21" align="center">描述</td>
</tr>
<tr height="20" v-for="(item,index) in body.processes" :key="index" class="color000">
<td colspan="3" align="center">{{ item.processName }}</td>
<td colspan="21" align="center" style="word-wrap:break-word;word-break:break-all">{{ item.desc }}</td>
</tr>
<tr height="20" class="color000">
<td colspan="3" align="center">产品正面</td>
<td colspan="9" align="center">
<img width="200" :src="body.frontImg" alt="">
</td>
<td colspan="3" align="center">产品背面</td>
<td colspan="9" align="center">
<img width="200" :src="body.backImg" alt="">
</td>
</tr>
<tr height="20" class="color000">
<td colspan="12" align="center">
<div>CUSTOMER APPROVAL</div>
<div>客户确认</div>
</td>
<td colspan="12" align="center">
<div>R&D DEPARTMENT</div>
<div>研发部门</div>
</td>
</tr>
<tr height="20" class="color000">
<td colspan="6" align="center">
<div>APPROVER</div>
<div>确认人</div>
</td>
<td colspan="6" align="center">
<div>APPROVED</div>
<div>日期</div>
</td>
<td colspan="4" align="center">
<div>APPROVED</div>
<div>核准</div>
</td>
<td colspan="4" align="center">
<div>CHECKED</div>
<div>审核</div>
</td>
<td colspan="4" align="center">
<div>PREPARED</div>
<div>制定</div>
</td>
</tr>
<tr height="40" class="color000">
<td colspan="6" align="center">
{{ body.customerApprover }}
</td>
<td colspan="6" align="center">
{{ body.customerApproved }}
</td>
<td colspan="4" align="center">
</td>
<td colspan="4" align="center">
</td>
<td colspan="4" align="center">
{{ body.rdprepared }}
</td>
</tr>
</table>
<div class="pageBottom">
<div>
录入日期：{{ pageFooter.entryTime }}
</div>
<div>
打印日期：{{ pageFooter.entryTime }}
</div>
</div>
</div>
</template>
<script>
import VueBarcode from 'vue-barcode'
export default {
components: { VueBarcode },
data() {
return {
pageHeader: {
"itemTypeName": null,
"arrangeCode": null,
"clientName": null,
"tableTypeName": "直接出货单-正常单",
"productionSolutionCode": "60000000", // 规格数编号
"finishTime": null,
"routeDesc": null,
"rowNum": null,
"dispatchMultiple": null,
"printingDirection": null,
"materialLength": null,
"packMode": null
},
pageFooter: {
"printUsername": null,
"auditors": null,
"merchandiser": null,
"productionManagement": null,
"entryTime": "2024-05-08" // 录入时间
},
body: {
"itemTypeName": "",
"itemCode": "IF2024042440",
"unit": "PCS",
"brandName": "李宁",
"purchaseUnit": "M2",
"conversionValue": "0",
"itemName": "*QT03800 李宁鞋类不干胶防伪防窜(升级版)鞋舌贴标3.4*2.8cm ",
"workorderProofingCode": null,
"enName": "LINING",
"length": 0,
"singleLayerThick": 0.0,
"singleWeight": 0.0,
"layerNum": 0.0,
"height": 0.0,
"width": 0.0,
"printingPaperlenth": 12.30,
"printPaperwidth": 12.00,
"storePlace": "W00",
"dispatchMultiple": 2.00,
"isEnable": "启用",
"isCreateSpec": null,
"isNeedShoeImg": null,
"isAddSimple": "实物样",
"isUniqueCode": "未定义",
"isConsiderColor": "未定义",
"productMaterial": null,
"formula": null,
"frontColorName": "紫红,深红,朱红",
"oppositeColorName": "紫红,深红,朱红",
"frontImg": "http://192.168.3.91:9000/mes/2024/03/20/1111_20240320192902A005.png",
"backImg": "http://192.168.3.91:9000/mes/2024/03/20/2222_20240320192903A006.png",
"customerApprover": null, // 客户确认->确认人
"customerApproved": "2024-05-10", // 客户确认->日期
"processes": [ // map-> processes
{
"processName": "高端排版",
"remark": "",
"desc": "",
"quantity": 10092.000
},
{
"processName": "数码印刷",
"remark": "",
"desc": "",
"quantity": 10092.000
},
{
"processName": "模切",
"remark": "",
"desc": "",
"quantity": 10092.000
},
{
"processName": "QC&包装",
"remark": "",
"desc": "",
"quantity": 10092.000
}
],
"rdchecked": null, // 研发部门-> 审核
"rdapproverd": null, // 研发部门-> 核准
"rdprepared": null // 研发部门-> 制定
}
}
},
}
</script>
<style scoped lang="scss">
.productOrderSpecification{
position: relative;
padding-top:20px;
width: 780px;
height: 1100px;
padding-bottom:80px;
box-sizing: border-box;
}
.pageTop{
color: #000;
padding: 0px 10px;
.titles{
text-align: center;
font-size:22px;
font-weight: 600;
position: relative;
.barcode{
position: absolute;
top:-10px;
right:0px;
width: 200px;
height:80px;
overflow: hidden;
}
}
.img{
position: absolute;
top:30px;
left:10px;
}
.pageContent{
width: 460px;
margin:0 auto;
display: flex;
justify-content: space-between;
}
}
.pageBottom{
width: 780px;
display: flex;
justify-content: flex-end;
padding: 0px 10px;
color: #000;
div{
margin-left:100px;
min-width: 200px;
}
}
[text-center]{
text-align: center;
}
.color000{
color: #000;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment