<script setup>
|
import request from "@/utils/request"
|
import {ElDatePicker, ElMessage} from "element-plus"
|
import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue"
|
import {Search} from "@element-plus/icons-vue"
|
import {useRouter} from 'vue-router'
|
import {changeFilterEvent, filterChanged} from "@/hook"
|
|
import { useI18n } from 'vue-i18n'
|
import deepClone from "@/utils/deepClone";
|
//语言获取
|
const { t } = useI18n()
|
let router=useRouter()
|
let produceList = ref([])
|
let delivery = ref([])
|
|
let props = defineProps({
|
deliveryId:null
|
})
|
|
const form = ref({
|
})
|
|
onMounted(()=>{
|
console.log(props.deliveryId)
|
if(props.deliveryId===null || props.deliveryId===undefined || props.deliveryId===''){
|
return
|
}
|
form.value.deliveryId = props.deliveryId
|
request.post(`/Delivery/getSelectDeliveryPrinting`,form.value).then((res) => {
|
if(res.code==200){
|
produceList = deepClone(res.data.data)
|
delivery=deepClone(res.data.delivery)
|
console.log(produceList)
|
console.log(delivery)
|
}else{
|
ElMessage.warning(res.msg)
|
router.push("/login")
|
}
|
})
|
|
})
|
|
|
|
</script>
|
|
<template>
|
<div style="width: 100%;height: 100%">
|
<div style="font-size: 30px;text-align: center">常州市吉利玻璃有限公司</div>
|
<el-row :gutter="20">
|
<el-col :span="6"><div></div></el-col>
|
<el-col :span="12"><div style="font-size: 25px;text-align: center">销售发货单</div></el-col>
|
<el-col :span="6">
|
<div style="font-size: 20px;text-align: center;display: flex">
|
<div>发货单号：</div>
|
<div>{{delivery.deliveryId}}</div>
|
</div>
|
</el-col>
|
</el-row>
|
<div style="border: 1px solid #d3dce6;border-collapse: collapse;width: 100%">
|
<table id="day-in" style="border: 1px solid #d3dce6;border-collapse: collapse;width: 100%">
|
<tr>
|
<th>序号</th>
|
<th>楼层编号</th>
|
<th>宽(弧度)*高</th>
|
<th>数量</th>
|
<th>面积</th>
|
<th>单价</th>
|
<th>金额</th>
|
<th>加工要求</th>
|
</tr>
|
|
<template v-for="(item, index) in produceList" :key="index" >
|
<tr>
|
<td colspan="3">产品名称:{{item.DeliveryDetail.orderDetail.productName}}</td>
|
<td colspan="3">对方单号:</td>
|
<td colspan="2">订单编号:{{item.DeliveryDetail.orderDetail.orderId}}</td>
|
</tr>
|
|
<tr v-for="(items, index1) in item.DeliveryDetailList" :key="index1">
|
<td>{{items.order_number}}</td>
|
<td>{{items.buildingNumber}}</td>
|
<td>{{items.width}}x{{items.height}}</td>
|
<td>{{items.quantity}}</td>
|
<td>{{items.area}}</td>
|
<td>{{items.price}}</td>
|
<td>{{items.money}}</td>
|
<td>{{items.processingNote}}</td>
|
</tr>
|
<tr>
|
<td colspan="3">小计:</td>
|
<td>{{item.DeliveryDetail.quantity}}</td>
|
<td>{{item.DeliveryDetail.area}}</td>
|
<td></td>
|
<td>{{item.DeliveryDetail.money}}</td>
|
<td></td>
|
</tr>
|
|
</template>
|
<tr>
|
<td colspan="3">合计:</td>
|
<td>{{delivery.quantity}}</td>
|
<td>{{delivery.area}}</td>
|
<td></td>
|
<td>{{delivery.money}}</td>
|
<td></td>
|
</tr>
|
</table>
|
</div>
|
<!-- <div style="border: 1px solid #d3dce6;border-collapse: collapse;">-->
|
<!-- <el-row :gutter="20" >-->
|
|
<!-- <el-col :span="9">-->
|
<!-- <div style="font-size: 20px;display: flex">-->
|
<!-- <div>客户名称：</div>-->
|
<!-- <div>常州市金宝石门窗有限公司</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="9">-->
|
<!-- <div style="font-size: 20px;display: flex">-->
|
<!-- <div>项目名称：</div>-->
|
<!-- <div>公园道</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="6">-->
|
<!-- <div style="font-size: 20px;display: flex">-->
|
<!-- <div>联系人：</div>-->
|
<!-- <div></div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
|
<!-- <el-row :gutter="20" >-->
|
<!-- <el-col :span="18">-->
|
<!-- <div style="font-size: 20px;display: flex">-->
|
<!-- <div>送货地址：</div>-->
|
<!-- <div></div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="6">-->
|
<!-- <div style="font-size: 20px;display: flex">-->
|
<!-- <div>联系电话：</div>-->
|
<!-- <div></div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
<!-- </div>-->
|
|
<!-- <div style="border: 1px solid #d3dce6;border-collapse: collapse;">-->
|
<!-- <el-row :gutter="20" >-->
|
|
<!-- <el-col :span="2">-->
|
<!-- <div class="alias">-->
|
<!-- <div>序号</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="5">-->
|
<!-- <div class="alias">-->
|
<!-- <div>楼层编号</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="5">-->
|
<!-- <div class="alias">-->
|
<!-- <div>宽(弧长)*高</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="2">-->
|
<!-- <div class="alias">-->
|
<!-- <div>数量</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="2">-->
|
<!-- <div class="alias">-->
|
<!-- <div>面积</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="2">-->
|
<!-- <div class="alias">-->
|
<!-- <div>单价</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="2">-->
|
<!-- <div class="alias" >-->
|
<!-- <div>金额</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- <el-col :span="4">-->
|
<!-- <div class="alias" >-->
|
<!-- <div>加工要求</div>-->
|
<!-- </div>-->
|
<!-- </el-col>-->
|
<!-- </el-row>-->
|
|
|
<!-- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
<style >
|
.el-row {
|
margin-bottom: 10px;
|
}
|
.el-row:last-child {
|
margin-bottom: 0;
|
}
|
.el-col {
|
border-radius: 4px;
|
}
|
|
.grid-content {
|
border-radius: 4px;
|
min-height: 36px;
|
}
|
.alias{
|
text-align: center;
|
font-size: 20px;
|
}
|
|
</style>
|
