|
@@ -65,87 +65,7 @@
|
|
<a-button type="primary" @click="handleCommonOk">{{ okText }}</a-button>
|
|
<a-button type="primary" @click="handleCommonOk">{{ okText }}</a-button>
|
|
</div>
|
|
</div>
|
|
<!-- 发货打印 -->
|
|
<!-- 发货打印 -->
|
|
- <div id="sendGood-print">
|
|
|
|
- <div class="print-box" style="width: 100%;padding: 10px;font-size: 12pt;" v-if="detail">
|
|
|
|
- <div style="display: flex;align-items: center;justify-content: center;">
|
|
|
|
- <img src="@/assets/logo.png" height="50px"/>
|
|
|
|
- <h1>东莞市箭冠汽车配件制造有限公司</h1>
|
|
|
|
- </div>
|
|
|
|
- <div style="text-align: center;padding: 10px 0;position: relative;">
|
|
|
|
- <h2>托运单</h2>
|
|
|
|
- <span style="position: absolute;top: 10px;right: 0;">No:{{ detail.sendBillNo }}</span>
|
|
|
|
- </div>
|
|
|
|
- <div style="display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <span>托运日期:{{ detail.sendDate }}</span>
|
|
|
|
- <span>目的地:{{ detail.customerAddress }}</span>
|
|
|
|
- </div>
|
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
|
- <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <span style="width: 60%;border-right: 1px solid #000;">收货人:{{ detail.customerCacateName }}</span>
|
|
|
|
- <span style="width: 40%;">电话:{{ detail.customerCacatePhone }}</span>
|
|
|
|
- </div>
|
|
|
|
- <div style="border-bottom: 1px solid #000;">
|
|
|
|
- <span>详细地址:{{ detail.customerAddressDetail }}</span>
|
|
|
|
- </div>
|
|
|
|
- <table style="width: 100%;border-bottom: 1px solid #000;">
|
|
|
|
- <tr style="border-bottom: 1px solid #000;">
|
|
|
|
- <td style="border-right: 1px solid #000;">货物名称</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">件数</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">体积(m³)</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">重量(kg)</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">计费单价(元)</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">运费(元)</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">保价(万)</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">送货费</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">其他</td>
|
|
|
|
- <td>合计</td>
|
|
|
|
- </tr>
|
|
|
|
- <tr v-for="item in tableData" :key="item.id" style="border-bottom: 1px solid #000;">
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.goodsName }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.goodsQty }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.goodsVolume }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.goodsWeight }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.unitPrice }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.transportAmount }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.supportValue }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.sendAmount }}</td>
|
|
|
|
- <td style="border-right: 1px solid #000;">{{ item.otherAmount }}</td>
|
|
|
|
- <td>{{ item.totalAmount }}</td>
|
|
|
|
- </tr>
|
|
|
|
- </table>
|
|
|
|
- <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <div style="width: 90%;border-right: 1px solid #000;">费用合计大写:{{ detail.totalSendAmount }}</div>
|
|
|
|
- <div style="width: 10%;">¥:{{ detail.totalSendAmount }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <div style="width: 50%;border-right: 1px solid #000;">付款方式:{{ detail.payTypeDictValue }}</div>
|
|
|
|
- <div style="width: 50%;">交货方式:{{ detail.handoverTypeDictValue }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <div style="width: 8%;border-right: 1px solid #000;">备注:</div>
|
|
|
|
- <div style="width: 92%;">{{ detail.sendRemark }}</div>
|
|
|
|
- </div>
|
|
|
|
- <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <div style="width: 30px;text-align: center;">注意事项</div>
|
|
|
|
- <div style="flex: 1;">
|
|
|
|
- <ol style="margin: 0;border-left: 1px solid #000;padding-left: 30px;">
|
|
|
|
- <li>承运人需按合同规定时间内把货物送达客户所在区域(不得超出十公里).</li>
|
|
|
|
- <li>送货上门的货物,到达目的地后需提前和收货人联系并确定送货时间.</li>
|
|
|
|
- <li>货物必需完整的交接给收货人,并让收货人在物流单上签字并上传回单.</li>
|
|
|
|
- <li>如果发生货物丢失以及其它原因损坏需按价赔偿给客户.</li>
|
|
|
|
- </ol>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div style="display: flex;align-items: center;justify-content:space-between;">
|
|
|
|
- <div>东莞市箭冠汽车配件制造有限公司</div>
|
|
|
|
- <div>中国.广东.东莞.茶山工业园</div>
|
|
|
|
- <div>电话:0769-81860196</div>
|
|
|
|
- <div>传真:0769-81860108</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
|
|
+ <printModel ref="printModel" :detail="detail"></printModel>
|
|
</a-spin>
|
|
</a-spin>
|
|
</a-modal>
|
|
</a-modal>
|
|
</template>
|
|
</template>
|
|
@@ -153,11 +73,11 @@
|
|
<script>
|
|
<script>
|
|
import moment from 'moment'
|
|
import moment from 'moment'
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
-import { jGPrint } from '@/libs/JGPrint.js'
|
|
|
|
|
|
+import printModel from './printModel.vue'
|
|
import { updateTransportInfo, sendBillFindBySn } from '@/api/sendBill'
|
|
import { updateTransportInfo, sendBillFindBySn } from '@/api/sendBill'
|
|
export default {
|
|
export default {
|
|
name: 'CommonModal',
|
|
name: 'CommonModal',
|
|
- components: { STable, VSelect },
|
|
|
|
|
|
+ components: { STable, VSelect, printModel },
|
|
props: {
|
|
props: {
|
|
openModal: { // 弹框显示状态
|
|
openModal: { // 弹框显示状态
|
|
type: Boolean,
|
|
type: Boolean,
|
|
@@ -223,8 +143,7 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
// 打印
|
|
// 打印
|
|
printOrder () {
|
|
printOrder () {
|
|
- const html = document.getElementById('sendGood-print').innerHTML
|
|
|
|
- jGPrint(html, 'print')
|
|
|
|
|
|
+ this.$refs.printModel.printDom()
|
|
},
|
|
},
|
|
// 编辑
|
|
// 编辑
|
|
getDetail (data, type, title) {
|
|
getDetail (data, type, title) {
|