| | |
| | | .el-overlay-dialog{ |
| | | overflow-y: scroll; |
| | | } |
| | | ::-webkit-scrollbar { |
| | | /*::-webkit-scrollbar { |
| | | display: none; |
| | | } |
| | | }*/ |
| | | .bottom{ |
| | | font-size: 10px; |
| | | font-weight: bold; |
| | |
| | | </style> |
| | | |
| | | |
| | | <!-- |
| | | <template> |
| | | |
| | | <div> |
| | | <div id="pis" style="width: 100%;height: 100%"> |
| | | <div style="font-size: 35px;text-align: center;font-weight: bold;">常州市吉利玻璃有限公司</div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"><div></div></el-col> |
| | | <el-col :span="12"><div style="font-size: 30px;text-align: center;font-weight: bold;">销售发货单</div></el-col> |
| | | <el-col :span="6"> |
| | | <div style="font-size: 20px;display: flex;margin-top: 10px"> |
| | | <div style="font-weight: bold;">发货单号:</div> |
| | | <div style="font-weight: bold;">{{delivery.deliveryId}}</div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <div style="border: 1px solid #d3dce6;border-collapse: collapse;width: 100%;height: 100%;"> |
| | | <table id="table1" style="border: 1px solid #d3dce6;border-collapse: collapse;width: 100%;height: 100%;"> |
| | | <tr> |
| | | <th style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="3">客户名称:{{delivery.customerName}}</th> |
| | | <th style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="3">项目名称:{{delivery.project}}</th> |
| | | <th style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="2">联系人:{{delivery.contacts}}</th> |
| | | |
| | | </tr> |
| | | <tr> |
| | | <th style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="6">送货地址:{{delivery.deliveryAddress}}</th> |
| | | <th style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="2">联系电话:{{delivery.contactNumber}}</th> |
| | | |
| | | </tr> |
| | | <tr> |
| | | <th style="width: 6%;font-size: 15px;font-weight: bold;">序号</th> |
| | | <th style="width: 20%;font-size: 15px;font-weight: bold;">楼层编号</th> |
| | | <th style="width: 20%;font-size: 15px;font-weight: bold;">宽(弧度)*高</th> |
| | | <th style="width: 10%;font-size: 15px;font-weight: bold;">数量</th> |
| | | <th style="width: 10%;font-size: 15px;font-weight: bold;">面积</th> |
| | | <th style="width: 10%;font-size: 15px;font-weight: bold;">单价</th> |
| | | <th style="width: 12%;font-size: 15px;font-weight: bold;">金额</th> |
| | | <th style="width: 12%;font-size: 15px;font-weight: bold;">加工要求</th> |
| | | </tr> |
| | | |
| | | <template v-for="(item, index) in produceList" :key="index" > |
| | | <tr> |
| | | <td style="font-size: 15px;font-weight: bold;" colspan="3">产品名称:{{item.DeliveryDetail.orderDetail.productName}}</td> |
| | | <td style="font-size: 15px;font-weight: bold;" colspan="3">对方单号:</td> |
| | | <td style="font-size: 15px;font-weight: bold;" colspan="2">订单编号:{{item.DeliveryDetail.orderDetail.orderId}}</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 style="font-size: 15px;font-weight: bold;">{{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 class="day-in"> |
| | | <td style="font-size: 15px;font-weight: bold;" 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 class="day-in"> |
| | | <td style="font-size: 15px;font-weight: bold;" colspan="3">合计:</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="3"> |
| | | <div style="display: flex"> |
| | | <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="3"></td> |
| | | <td style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="5">大写金额: {{money}}</td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="3"><div class="bottom">制单员:<span style="font-size: 15px">{{delivery.creator}}</span></div></el-col> |
| | | <el-col :span="5"><div class="bottom">制单日期:<span style="font-size: 15px">{{delivery.createTime}}</span></div></el-col> |
| | | <el-col :span="4"><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-col :span="4"><div class="bottom">签收日期:</div></el-col> |
| | | |
| | | </el-row> |
| | | <el-row :gutter="20" style="margin-top: 20px;"> |
| | | <el-col :span="3"><div class="bottom">架子 只</div></el-col> |
| | | <el-col :span="21"><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> |
| | | </div> |
| | | </template> |
| | | |
| | | <style > |
| | | #table1 tr{ |
| | | height: 30px; |
| | | } |
| | | #table1 th{ |
| | | height: 30px; |
| | | border: 1px solid #d3dce6; |
| | | border-collapse: collapse; |
| | | } |
| | | .day-in td{ |
| | | text-align: center; |
| | | } |
| | | #table1 td{ |
| | | border: 1px solid #d3dce6; |
| | | border-collapse: collapse; |
| | | } |
| | | #deliveryPrinting .el-dialog__header{ |
| | | visibility:hidden |
| | | } |
| | | |
| | | .el-overlay-dialog{ |
| | | overflow-y: scroll; |
| | | } |
| | | ::-webkit-scrollbar { |
| | | display: none; |
| | | } |
| | | .bottom{ |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | |
| | | } |
| | | |
| | | </style>--> |