| | |
| | | let otherMoney = [] |
| | | let otherMoney1 = [] |
| | | let money = ref("") |
| | | let dialogVisible = ref(false) |
| | | let otherMoneys = 0 |
| | | let sumMoney = 0 |
| | | let takeCare = "注意:请妥善保管好我司的玻璃架,如有丢失或损坏,按1500元只赔偿。谢谢配合!" |
| | |
| | | }) |
| | | const form = ref({ |
| | | }) |
| | | const selectedValues = ref([]) |
| | | let productIdData = 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) => { |
| | | request.post(`/Delivery/getSelectOrderPrinting/null`,form.value).then((res) => { |
| | | if(res.code==200){ |
| | | productIdData.value=deepClone(res.data.data) |
| | | produceList.value = deepClone(res.data.data) |
| | | delivery.value=deepClone(res.data.delivery) |
| | | money.value=deepClone(res.data.money) |
| | |
| | | }) |
| | | } |
| | | |
| | | const handleChange = () => { |
| | | if(selectedValues.value.length===0){ |
| | | selectedValues.value=null; |
| | | } |
| | | |
| | | request.post(`/Delivery/getSelectOrderPrinting/${selectedValues.value}`,form.value).then((res) => { |
| | | if(res.code==200){ |
| | | sumMoney=0 |
| | | produceList.value = deepClone(res.data.data) |
| | | delivery.value=deepClone(res.data.delivery) |
| | | money.value=deepClone(res.data.money) |
| | | produceList.value.forEach(item => { |
| | | sumMoney+=item.DeliveryDetail.grossAmount |
| | | }) |
| | | otherMoney1=[] |
| | | otherMoney=deepClone(res.data.otherMoney) |
| | | for(let i=0;i<otherMoney.length;i++){ |
| | | if(otherMoney[i].DeliveryDetailOtherMoney.monery!=null){ |
| | | otherMoneys+=otherMoney[i].DeliveryDetailOtherMoney.monery |
| | | if(otherMoney1.length===0){ |
| | | otherMoney1.push(otherMoney[i]) |
| | | } |
| | | else{ |
| | | for(let s=0;s<otherMoney1.length;s++){ |
| | | if(otherMoney[i].DeliveryDetailOtherMoney.alias===otherMoney1[s].DeliveryDetailOtherMoney.alias){ |
| | | otherMoney1[s].DeliveryDetailOtherMoney.count=otherMoney[i].DeliveryDetailOtherMoney.count+otherMoney1[s].DeliveryDetailOtherMoney.count |
| | | otherMoney1[s].DeliveryDetailOtherMoney.monery =otherMoney[i].DeliveryDetailOtherMoney.monery+otherMoney1[s].DeliveryDetailOtherMoney.monery |
| | | break |
| | | } |
| | | if(s+1===otherMoney1.length){ |
| | | otherMoney1.push(otherMoney[i]) |
| | | break |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | }else{ |
| | | ElMessage.warning(res.msg) |
| | | router.push("/login") |
| | | } |
| | | }) |
| | | |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getData() |
| | | }) |
| | | |
| | | const handleDoubleClick = () => { |
| | | dialogVisible.value=true |
| | | } |
| | | |
| | | |
| | | |
| | |
| | | |
| | | |
| | | <template> |
| | | <div id="sheet"> |
| | | <div id="sheet" @dblclick="handleDoubleClick"> |
| | | <table border="1" > |
| | | <tr class="title-s"> |
| | | <th colspan="13"> |
| | | <th colspan="9"> |
| | | <h1> |
| | | {{company.companyName}} |
| | | </h1> |
| | |
| | | <td>{{item.DeliveryDetail.area}}</td> |
| | | <td></td> |
| | | <td>{{item.DeliveryDetail.grossAmount}}</td> |
| | | <td></td> |
| | | <td colspan="2"></td> |
| | | </tr> |
| | | |
| | | </template> |
| | |
| | | <td>{{delivery.quantity}}</td> |
| | | <td>{{delivery.area}}</td> |
| | | <td></td> |
| | | <td>{{sumMoney}}</td> |
| | | <td></td> |
| | | <td>{{parseFloat(sumMoney.toFixed(2))}}</td> |
| | | <td colspan="2"></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;text-align: center;"> |
| | | <div style="width: 25%">加工费用</div> |
| | | <div style="width: 25%">单价</div> |
| | | <div style="width: 25%">数量</div> |
| | | <div style="width: 25%">金额</div> |
| | | <span style="width: 25%">加工费用</span> |
| | | <span style="width: 25%">单价</span> |
| | | <span style="width: 25%">数量</span> |
| | | <span style="width: 25%">金额</span> |
| | | </div> |
| | | </td> |
| | | <td style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="5">总金额: {{delivery.money}}</td> |
| | |
| | | <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;text-align: center" v-for="(item, index2) in otherMoney1" :key="index2"> |
| | | <div style="width: 25%">{{item.DeliveryDetailOtherMoney.alias}}</div> |
| | | <div style="width: 25%">{{item.DeliveryDetailOtherMoney.price}}</div> |
| | | <div style="width: 25%">{{item.DeliveryDetailOtherMoney.count}}</div> |
| | | <div style="width: 25%">{{parseFloat(item.DeliveryDetailOtherMoney.monery.toFixed(2))}}</div> |
| | | <span style="width: 25%">{{item.DeliveryDetailOtherMoney.alias}}</span> |
| | | <span style="width: 25%">{{item.DeliveryDetailOtherMoney.price}}</span> |
| | | <span style="width: 25%">{{item.DeliveryDetailOtherMoney.count}}</span> |
| | | <span style="width: 25%">{{parseFloat(item.DeliveryDetailOtherMoney.monery.toFixed(2))}}</span> |
| | | </div> |
| | | </td> |
| | | <td style="text-align: left;border:none;font-size: 15px;font-weight: bold;" colspan="5">大写金额: {{money}}</td> |
| | |
| | | <el-col :span="24"><div class="bottom">{{remark}}</div></el-col> |
| | | </el-row> |
| | | |
| | | <el-dialog v-model="dialogVisible" style="width: 40%;height: 20%;margin-top: 10%" > |
| | | <el-select v-model="selectedValues" style="width: 100%" @change="handleChange" multiple placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in productIdData" |
| | | :key="item" |
| | | :label='item.productId+" "+item.productName' |
| | | :value="item.productId"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | |
| | | |
| | | </template> |
| | | |
| | | |
| | | |
| | | <style scoped> |
| | | h1,h3{ |
| | | left:0; |