<script setup>
|
import request from "@/utils/request"
|
import {computed, onMounted, ref} from "vue"
|
import PrintFoot from "@/components/sd/order/PrintFoot.vue"
|
import companyInfo from "@/stores/sd/companyInfo"
|
import deepClone from "@/utils/deepClone";
|
import {ElMessage} from "element-plus";
|
const company = companyInfo()
|
let produceList = ref([])
|
let delivery = ref([])
|
let money = ref("")
|
let takeCare = "注意:请妥善保管好我司的玻璃架，如有丢失或损坏，按1500元只赔偿。谢谢配合!"
|
let remark = "备注:本批玻璃为优等合格品，请在卸货时,当面消点验收、如有质量问题在一周内与本公司联系,否则概不负责！"
|
|
|
|
let props = defineProps({
|
orderId:null
|
})
|
const form = ref({
|
})
|
const getData = () => {
|
if(props.orderId===null || props.orderId===undefined || props.orderId===''){
|
return
|
}
|
form.value.orderId=props.orderId
|
|
|
request.post(`/Delivery/getSelectOrderPrinting`,form.value).then((res) => {
|
if(res.code==200){
|
produceList.value = deepClone(res.data.data)
|
delivery.value=deepClone(res.data.delivery)
|
money.value=deepClone(res.data.money)
|
|
}else{
|
ElMessage.warning(res.msg)
|
router.push("/login")
|
}
|
})
|
}
|
|
onMounted(() => {
|
getData()
|
})
|
|
|
|
|
|
|
|
|
</script>
|
|
|
<template>
|
<div id="sheet">
|
<table border="1" >
|
<tr class="title-s">
|
<th colspan="13">
|
<h1>
|
{{company.companyName}}
|
</h1>
|
</th>
|
</tr>
|
|
<tr class="title-s">
|
<th colspan="2"></th>
|
<th colspan="5">
|
<h3>销售发货单</h3>
|
</th>
|
<th colspan="2" style="text-align: left;font-weight: bold;">发货单号：<span>{{delivery.deliveryId}}</span></th>
|
</tr>
|
<tr>
|
<th style="text-align: left;border:none;font-weight: bold;" colspan="4">客户名称：<span>{{delivery.customerName}}</span></th>
|
<th style="text-align: left;border:none;font-weight: bold;" colspan="3">项目名称：<span>{{delivery.project}}</span></th>
|
<th style="text-align: left;border:none;font-weight: bold;" colspan="2">联系人：<span>{{delivery.contacts}}</span></th>
|
</tr>
|
<tr>
|
<th style="text-align: left;border:none;font-weight: bold;" colspan="7">送货地址：<span>{{delivery.deliveryAddress}}</span></th>
|
<th style="text-align: left;border:none;font-weight: bold;" colspan="2">联系电话：<span>{{delivery.contactNumber}}</span></th>
|
</tr>
|
<tr>
|
<th style="width: 6%;font-weight: bold;">序号</th>
|
<th style="width: 20%;font-weight: bold;">楼层编号</th>
|
<th style="width: 20%;font-weight: bold;" colspan="2">宽(弧度)*高</th>
|
<th style="width: 10%;font-weight: bold;">数量</th>
|
<th style="width: 10%;font-weight: bold;">面积</th>
|
<th style="width: 10%;font-weight: bold;">单价</th>
|
<th style="width: 12%;font-weight: bold;">金额</th>
|
<th style="width: 12%;font-weight: bold;" colspan="2">加工要求</th>
|
</tr>
|
<template v-for="(item, index) in produceList" :key="index" >
|
<tr>
|
<td style="font-size: 15px;font-weight: bold;text-align: left" colspan="4">产品名称:<span>{{item.DeliveryDetail.productName}}</span></td>
|
<td style="font-size: 15px;font-weight: bold;text-align: left" colspan="3">对方单号:</td>
|
<td style="font-size: 15px;font-weight: bold;text-align: left" colspan="3">订单编号:<span>{{item.DeliveryDetail.orderId}}</span></td>
|
</tr>
|
|
<tr class="day-in" v-for="(items, index1) in item.DeliveryDetailList" :key="index1">
|
<td>{{items.order_number}}</td>
|
<td>{{items.buildingNumber}}</td>
|
<td colspan="2" style="font-size: 15px;font-weight: bold;">{{items.width}}x{{items.height}}</td>
|
<td>{{items.quantity}}</td>
|
<td>{{items.compute_gross_area}}</td>
|
<td>{{items.price}}</td>
|
<td>{{items.gross_amount}}</td>
|
<td colspan="2">{{items.processingNote}}</td>
|
</tr>
|
<tr class="day-in" >
|
<td style="font-size: 15px;font-weight: bold;" colspan="4">小计:</td>
|
<td>{{item.DeliveryDetail.quantity}}</td>
|
<td>{{item.DeliveryDetail.area}}</td>
|
<td></td>
|
<td>{{item.DeliveryDetail.money}}</td>
|
<td></td>
|
</tr>
|
|
</template>
|
<tr class="day-in">
|
<td style="font-size: 15px;font-weight: bold;" colspan="4">合计:</td>
|
<td>{{delivery.quantity}}</td>
|
<td>{{delivery.area}}</td>
|
<td></td>
|
<td>{{delivery.money}}</td>
|
<td></td>
|
</tr>
|
<tr class="day-in">
|
<td style="text-align: left;border-width: 0 1px 0 0; border-style: solid; border-color: #d3dce6" colspan="4">
|
<div style="display: flex;font-size: 10px;">
|
<div>加工费用</div>
|
<div style="margin-left: 20%">单价</div>
|
<div style="margin-left: 20%">数量</div>
|
<div style="margin-left: 20%">金额</div>
|
</div>
|
|
</td>
|
<td style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="5">总金额: {{delivery.money}}</td>
|
</tr>
|
<tr class="day-in">
|
<td style="text-align: left;border-width: 0 1px 0 0; border-style: solid; border-color: #d3dce6;" colspan="4"></td>
|
<td style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="5">大写金额: {{money}}</td>
|
</tr>
|
|
</table>
|
<el-row :gutter="20">
|
<el-col :span="4"><div class="bottom">制单员：<span style="font-size: 10px">{{delivery.creator}}</span></div></el-col>
|
<el-col :span="4"><div class="bottom">制单日期：<span style="font-size: 10px">{{delivery.createTime}}</span></div></el-col>
|
<el-col :span="4"><div class="bottom">发货员：</div></el-col>
|
<el-col :span="3"><div class="bottom">司机：</div></el-col>
|
<el-col :span="4"><div class="bottom">客户签字：</div></el-col>
|
<el-col :span="4"><div class="bottom">签收日期：</div></el-col>
|
|
</el-row>
|
<el-row :gutter="20" style="margin-top: 20px;">
|
<el-col :span="4"><div class="bottom">架子 只</div></el-col>
|
<el-col :span="20"><div class="bottom">{{takeCare}}</div></el-col>
|
</el-row>
|
<el-row :gutter="20" style="margin-top: 20px;">
|
<el-col :span="24"><div class="bottom">{{remark}}</div></el-col>
|
</el-row>
|
|
</div>
|
|
|
</template>
|
|
<style scoped>
|
h1,h3{
|
left:0;
|
right:0;
|
top:0;
|
bottom:0;
|
margin:auto;
|
}
|
h1{
|
font-size: 1.5rem;
|
}
|
h3{
|
font-size: 1.2rem;
|
font-weight: bolder;
|
}
|
|
|
table{
|
border-collapse: collapse;
|
width: 100%;
|
text-align: center;
|
}
|
tr,td,th{
|
border: 1px solid black;
|
}
|
|
th,.no-change-row {
|
white-space: nowrap;
|
}
|
|
.title-1{
|
width: 76px;
|
}
|
.title-s,.title-s th{
|
border:0
|
}
|
|
.hr-border{
|
height: 2px;
|
width: 100%;
|
background-color: black;
|
color: black;
|
}
|
|
|
</style>
|
