1

unimall-admin/static/print.html

@@ -41,6 +41,7 @@
             text-align: center;
             border-collapse: collapse;
             border: 3px solid #333333;
+            font-size: 15px;
         }
         
         .col-bgc {
@@ -159,93 +160,73 @@
                 <div class="title">收款收据</div>
 
             </div>
-
             <div class="number">收款日期：</div>
             <table class="table ">
                 <tr class="row ">
                     <td class="col col-bgc ">业主姓名</td>
-                    <td class="col ">{{tableData.customer}}</td>
+                    <td class="col ">{{tableData.householder}}</td>
                     <td class="col col-bgc ">房源号</td>
-                    <td class="col ">{{tableData.customer}}</td>
+                    <td class="col ">{{tableData.sourceNumber}}</td>
                     <td class="col col-bgc ">房屋面积</td>
-                    <td class="col ">{{tableData.customerPhone}}</td>
+                    <td class="col ">{{tableData.actualMoney}}</td>
                     <td class="col col-bgc ">平方米</td>
                     <td class="col col-bgc ">收款方式</td>
-                    <td class="col ">扫码支付</td>
+                    <td class="col ">{{tableData.paymentMethod}}</td>
                 </tr>
                 <tr class="row ">
-                    <td class="col col-bgc " rowspan="8">收费项目</td>
+                    <td class="col col-bgc " rowspan="7">收费项目</td>
                     <td class="col">物业服务费</td>
                     <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
+                    <td class="col " colspan="4">{{tableData.propertyFee}}</td>
                     <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
+                    <td class="col " colspan="2 ">{{tableData.paymentRange}}</td>
                 </tr>
                 <tr class="row ">
-                    <td class="col">物业服务费</td>
+                    <td class="col">电梯运行费</td>
                     <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
+                    <td class="col " colspan="4">{{tableData.elevatorFee}}</td>
                     <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
+                    <td class="col " colspan="2 ">{{tableData.paymentRange}}</td>
                 </tr>
                 <tr class="row ">
-                    <td class="col">物业服务费</td>
+                    <td class="col">车位管理费</td>
                     <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
+                    <td class="col " colspan="4">{{tableData.parkingSpace}}</td>
                     <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
+                    <td class="col " colspan="2 ">{{tableData.paymentRange}}</td>
                 </tr>
                 <tr class="row ">
-                    <td class="col">物业服务费</td>
+                    <td class="col">车库管理费</td>
                     <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
+                    <td class="col " colspan="4">{{tableData.garage}}</td>
                     <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
+                    <td class="col " colspan="2 ">{{tableData.paymentRange}}</td>
                 </tr>
                 <tr class="row ">
-                    <td class="col">物业服务费</td>
+                    <td class="col">仓储间管理费</td>
                     <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
+                    <td class="col " colspan="4">{{tableData.warehouse}}</td>
                     <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
-                </tr>
-                <tr class="row ">
-                    <td class="col">物业服务费</td>
-                    <td class="col col-bgc ">金额（元）</td>
-                    <td class="col " colspan="4">{{tableData.person}}</td>
-                    <td class="col col-bgc ">收费区间</td>
-                    <td class="col " colspan="2 ">{{tableData.personPhone}}</td>
+                    <td class="col " colspan="2 ">{{tableData.paymentRange}}</td>
                 </tr>
                 <tr class="row ">
                     <td class="col">小计</td>
-                    <td class="col " colspan="7">{{tableData.person}}</td>
+                    <td class="col " colspan="7">{{totalPrice}}</td>
                 </tr>
                 <tr class="row ">
                     <td class="col">代收装修垃圾及漂浮物、清运、处理费</td>
-                    <td class="col ">金额</td>
-                    <td class="col " colspan="4">{{tableData.personPhone}}</td>
+                    <td class="col ">金额（元）</td>
+                    <td class="col " colspan="4">{{tableData.garbageClearing}}</td>
                     <td class="col ">备注</td>
+                    <td class="col ">{{tableData.remark}}</td>
+                </tr>
+                <tr class="row ">
+                    <td class="col" colspan="2">应收款项合计</td>
+                    <td class="col " colspan="5">{{total}}</td>
+                    <td class="col ">业主签字</td>
                     <td class="col ">{{tableData.personPhone}}</td>
                 </tr>
             </table>
-            <div class="bottom ">
-                <div class="bottom-row1 ">
-                    <div>毛检：{{tableData.secretaryWeigher}}</div>
-                    <div style="margin-left:60px ">皮检：{{tableData.skinInspector}}</div>
-                    <!-- <div>{{tableData.qualityDate}}</div> -->
-                </div>
-                <div class="bottom-row2 ">
-                    <!-- <div class="left ">
-            <img :src="tableData.codeUrl " alt=" ">
-            </div> -->
-
-                    <div class="config " v-if="tableData.warehouseName!='白城补数据' ">收货单位签名或盖章：</div>
-                    <div class="config " v-if="tableData.warehouseName=='白城补数据' ">收货单位签名或盖章：黑龙江中天昊元贸易有限公司</div>
-                    <div class="autograph ">客户签名：</div>
-                    <div class="autograph " v-if="tableData.warehouseName!='白城补数据' ">司机签名：</div>
-                </div>
-                <!-- <div class="bottom-row3 ">扫一扫</div> -->
-            </div>
         </div>
     </div>
 </body>
@@ -255,11 +236,22 @@
     new Vue({
         el: '#app',
         data: {
-            tableData: {
-                // qualityInspectionManagement:{}
-            }
+            tableData: {}
+        },
+        computed: {
+            totalPrice() {
+                let _totalPrice = Number(this.tableData.propertyFee) + Number(this.tableData.elevatorFee) +
+                    Number(this.tableData.parkingSpace) + Number(this.tableData.garage) + Number(this
+                        .tableData.warehouse)
+                return _totalPrice;
+            },
+            total() {
+                let _total = Number(this.tableData.propertyFee) + Number(this.tableData.elevatorFee) +
+                    Number(this.tableData.parkingSpace) + Number(this.tableData.garage) + Number(this
+                        .tableData.warehouse) + Number(this.tableData.garbageClearing)
+                return _total
+            },
         },
-        computed: {},
         methods: {
             tableRowClassName({
                 row,
@@ -290,12 +282,13 @@
         mounted() {
             debugger
             this.tableData = decodeURIComponent(this.getQueryVariable("data"))
+            this.tableData = JSON.parse(this.tableData)
             console.log(this.tableData)
             document.title = "收款收据 "
-                //window.print()
-                // window.onafterprint = function(event) {
-                //    window.history.back(-1)
-                // };
+            window.print()
+            window.onafterprint = function(event) {
+                window.history.back(-1)
+            };
         },
         watch: {}
     })