打印

operationSupport/src/views/payService/call/printFuntion.vue

@@ -1,13 +1,13 @@
 <template>
     <el-form>
         <el-form-item label="分页方式">
-            <el-radio-group v-model="formData.types">
+            <el-radio-group v-model="formData.pageMode">
                 <el-radio :label="1">按业主</el-radio>
-                <el-radio :label="0">按业主+房间</el-radio>
+                <el-radio :label="2">按业主+房间</el-radio>
             </el-radio-group>
         </el-form-item>
         <el-form-item label="是否合并">
-            <el-radio-group v-model="formData.typelist">
+            <el-radio-group v-model="formData.merge">
                 <el-radio :label="1">是</el-radio>
                 <el-radio :label="0">否</el-radio>
             </el-radio-group>
@@ -15,26 +15,38 @@
     </el-form>
 </template>
 <script>
+import { getLodop } from '@utils/LodopFuncs.js';
 export default {
+    props: ['params'],
     data() {
         return {
             formData: {
-                types: 1,
-                typelist: 1
+                pageMode: 1,
+                merge: 1,
+                bills: []
             }
         };
     },
     methods: {
         submit() {
+            let url = '/sc-charge/scChargeCallPaymentRecord/batchPrintPayment';
             var loading = this.$loading();
-            alert('接口');
             this.$http
-                .post(url, formData)
-                .then(({ status, msg }) => {
+                .post(url, this.formData)
+                .then(({ status, data, msg }) => {
                     if (status == 0) {
-                        this.$message.success(msg);
+                        var LODOP; //声明为全局变量
+                        LODOP = getLodop();
+                        LODOP.PRINT_INIT('凤凰天誉专用收据');
+                        LODOP.ADD_PRINT_HTML(30, 40, '90%', 200, data);
+                        //LODOP.SET_PRINT_STYLEA(0,"Top2Offset",-40); //这句可让次页起点向上移
+                        LODOP.SET_PRINT_PAGESIZE(1, 2410, 1000, '');
+
+                        //LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-1);
+                        LODOP.PREVIEW();
+
                         this.params.callback();
-                        // this.$emit('close');
+                        this.$emit('close');
                     } else {
                         this.$message.error(msg);
                     }
@@ -44,6 +56,9 @@ export default {
                     loading.close();
                 });
         }
+    },
+    created() {
+        this.formData.bills = this.params.ids;
     }
 };
 </script>

operationSupport/src/views/payService/propertyFee/actualReceipts.vue

@@ -132,7 +132,7 @@ export default {
             new Promise((resolve) => {
                 this.$store.dispatch('addPopup', {
                     url: '/payService/propertyFee/stepPage/detailsTable.vue',
-                    width: '615px',
+                    width: '1000px',
                     height: '581px',
                     props: {
                         id: row.id,
@@ -140,7 +140,6 @@ export default {
                     },
                     showConfirmButton: true,
                     showCancelButton: true,
-                    hideFoot:true,
                     hideStar: true,
                     title: '缴费详情'
                 });

operationSupport/src/views/payService/propertyFee/stepPage/detailsTable.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="content main">
-        <zz-table :settings="{ stripe: true }" :cols="cols" :data="mixins_list"> </zz-table>
+        <zz-table :settings="{ stripe: true, hideFoot: true, showIndex: true }" :cols="cols" :data="mixins_list"> </zz-table>
     </div>
 </template>
 <script>
@@ -10,12 +10,9 @@ export default {
     props: ['params'],
     data() {
         return {
-            mixins_querys: {
-                chargeType: ''
-            },
             cols: [
                 {
-                    label: '收据号',
+                    label: '订单号',
                     prop: 'receiptNumber'
                 },
                 {
@@ -33,7 +30,7 @@ export default {
                     width: '200'
                 },
                 {
-                    label: '计费时间',
+                    label: '计费日期',
                     prop: 'paymentDays'
                 },
 
@@ -45,43 +42,26 @@ export default {
                     label: '实收金额(元)',
                     prop: 'receivedAmount'
                 },
-                {
-                    label: '付款方式',
-                    prop: 'payTypeDict'
-                },
                 {
                     label: '缴费时间',
                     prop: 'chargeDate'
                 },
                 {
-                    label: '打印状态',
-                    prop: 'printStatus',
-                    format(val) {
-                        if (val == 0) {
-                            return '<span class="redText">未打印</span>';
-                        } else if (val == 1) {
-                            return '<span class="greenText">已打印</span>';
-                        }
-                    }
-                },
-                {
-                    label: '备注',
-                    prop: 'remark'
-                },
-                {
-                    label: '操作',
-                    prop: 'id',
-                    slot: 'opt'
+                    label: '付款方式',
+                    prop: 'payTypeDict'
                 }
-            ],
-            mixins_post: 'post'
+            ]
         };
     },
-    methods: {},
+    methods: {
+        getList() {
+            // this.$http.post('/sc-charge/charge/receipt/findDetail?id=' + this.params.id).then({ status, data, msg })=>{
+
+            // })
+        }
+    },
     created() {
-        this.mixins_dataUrl = '/sc-charge/charge/receipt/findDetail'; // 分页查询接口
-        this.mixins_query = { id: this.params.id };
-        this.mixins_search();
+        this.getList();
     }
 };
 </script>