From 63ef3e7f697337259ef749a9aed6781b5c679b28 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Thu, 16 Oct 2025 10:42:23 +0800
Subject: [PATCH] v1.9 加入天麟收据模版

---
 src/api/fee/printPayFeeApi.js                    |  54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/addFeeConfig.vue              |  10 ++++------
 src/components/fee/editFeeConfig.vue             |  36 ++++++++++++++++++++++++------------
 src/i18n/feeI18n.js                              |   9 +++++++++
 src/router/index.js                              |  15 +++++++++++++++
 src/views/fee/payFeeConfigDiscountManageList.vue |   2 ++
 src/views/fee/printPayFeeTianlin.md              | 327 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeTianlin.vue             | 334 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeTianlinLang.js          |  77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeXiangyun.vue            | 313 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeXiangyunLang.js         |  57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeXinShiDai.vue           | 316 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/printPayFeeXinShiDaiLang.js        |  29 +++++++++++++++++++++++++++++
 src/views/user/login/Login.vue                   |   4 ++--
 14 files changed, 1563 insertions(+), 20 deletions(-)
 create mode 100644 src/views/fee/printPayFeeTianlin.md
 create mode 100644 src/views/fee/printPayFeeTianlin.vue
 create mode 100644 src/views/fee/printPayFeeTianlinLang.js
 create mode 100644 src/views/fee/printPayFeeXiangyun.vue
 create mode 100644 src/views/fee/printPayFeeXiangyunLang.js
 create mode 100644 src/views/fee/printPayFeeXinShiDai.vue
 create mode 100644 src/views/fee/printPayFeeXinShiDaiLang.js

diff --git a/src/api/fee/printPayFeeApi.js b/src/api/fee/printPayFeeApi.js
index 9c99bb8..3b52e7a 100644
--- a/src/api/fee/printPayFeeApi.js
+++ b/src/api/fee/printPayFeeApi.js
@@ -53,4 +53,58 @@ export function queryFeePrintSpec(params) {
       reject(error)
     })
   })
+}
+
+// 查询费用详情折扣
+export function queryFeeDetailDiscount(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeDiscount/queryFeeDetailDiscount',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询业主车辆
+export function queryOwnerCars(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.queryOwnerCars',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋信息
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
 }
\ No newline at end of file
diff --git a/src/components/fee/addFeeConfig.vue b/src/components/fee/addFeeConfig.vue
index 94863e9..f7a0622 100644
--- a/src/components/fee/addFeeConfig.vue
+++ b/src/components/fee/addFeeConfig.vue
@@ -96,7 +96,7 @@
         </el-col>
 
         <el-col :span="24">
-          <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormula" required>
+          <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormula" >
             <el-select v-model="form.computingFormula" :placeholder="$t('feeConfigManage.selectFormula')"
               class="full-width-select">
               <el-option v-for="item in computingFormulas" :key="item.statusCd" :label="item.name"
@@ -107,7 +107,7 @@
 
         <template v-if="shouldShowUnitPrice">
           <el-col :span="24">
-            <el-form-item :label="$t('feeConfigManage.unitPrice')" prop="squarePrice" required>
+            <el-form-item :label="$t('feeConfigManage.unitPrice')" prop="squarePrice" >
               <el-input v-model="form.squarePrice" :placeholder="$t('feeConfigManage.enterUnitPrice')" />
             </el-form-item>
           </el-col>
@@ -115,7 +115,7 @@
 
         <template v-if="shouldShowAdditionalAmount">
           <el-col :span="24">
-            <el-form-item :label="additionalAmountLabel" prop="additionalAmount" required>
+            <el-form-item :label="additionalAmountLabel" prop="additionalAmount" >
               <el-input v-model="form.additionalAmount" :placeholder="$t('feeConfigManage.enterAdditionalFee')" />
             </el-form-item>
           </el-col>
@@ -123,7 +123,7 @@
 
         <template v-if="form.computingFormula == '7007'">
           <el-col :span="24">
-            <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormulaText" required>
+            <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormulaText" >
               <el-input type="textarea" v-model="form.computingFormulaText"
                 :placeholder="$t('feeConfigManage.enterFormula')" :rows="4" />
             </el-form-item>
@@ -195,8 +195,6 @@ export default {
         prepaymentPeriod: [{ required: true, message: this.$t('feeConfigManage.enterPrepaymentPeriod'), trigger: 'blur' }],
         units: [{ required: true, message: this.$t('feeConfigManage.enterUnit'), trigger: 'blur' }],
         computingFormula: [{ required: true, message: this.$t('feeConfigManage.selectFormula'), trigger: 'change' }],
-        squarePrice: [{ required: true, message: this.$t('feeConfigManage.enterUnitPrice'), trigger: 'blur' }],
-        additionalAmount: [{ required: true, message: this.$t('feeConfigManage.enterAdditionalFee'), trigger: 'blur' }],
         computingFormulaText: [{ required: true, message: this.$t('feeConfigManage.enterFormula'), trigger: 'blur' }]
       }
     }
diff --git a/src/components/fee/editFeeConfig.vue b/src/components/fee/editFeeConfig.vue
index 9871011..04a6347 100644
--- a/src/components/fee/editFeeConfig.vue
+++ b/src/components/fee/editFeeConfig.vue
@@ -1,9 +1,9 @@
 <template>
   <el-dialog :title="$t('common.edit')" :visible.sync="visible" width="80%" @close="resetForm">
-    <el-form :model="form" label-width="150px" ref="form">
+    <el-form :model="form" :rules="rules" label-width="150px" ref="form">
       <el-row :gutter="20">
         <el-col :span="12">
-          <el-form-item :label="$t('feeConfigManage.feeType')" prop="feeTypeCd" required>
+          <el-form-item :label="$t('feeConfigManage.feeType')" prop="feeTypeCd" >
             <el-select 
               v-model="form.feeTypeCd" 
               :disabled="form.isDefault === 'T'"
@@ -15,13 +15,13 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item :label="$t('feeConfigManage.feeItem')" prop="feeName" required>
+          <el-form-item :label="$t('feeConfigManage.feeItem')" prop="feeName" >
             <el-input v-model="form.feeName" :disabled="form.isDefault === 'T'"
               :placeholder="$t('feeConfigManage.enterFeeItem')" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item :label="$t('feeConfigManage.feeFlag')" prop="feeFlag" required>
+          <el-form-item :label="$t('feeConfigManage.feeFlag')" prop="feeFlag" >
             <el-select 
               v-model="form.feeFlag" 
               :disabled="form.isDefault === 'T'"
@@ -33,7 +33,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item :label="$t('feeConfigManage.paymentType')" prop="paymentCd" required>
+          <el-form-item :label="$t('feeConfigManage.paymentType')" prop="paymentCd" >
             <el-select 
               v-model="form.paymentCd" 
               :placeholder="$t('feeConfigManage.selectPaymentType')"
@@ -45,12 +45,12 @@
         </el-col>
 
         <el-col :span="12" v-if="form.feeFlag != '2006012'">
-          <el-form-item :label="$t('feeConfigManage.paymentCycle')" prop="paymentCycle" required>
+          <el-form-item :label="$t('feeConfigManage.paymentCycle')" prop="paymentCycle" >
             <el-input v-model="form.paymentCycle" :placeholder="$t('feeConfigManage.enterPaymentCycle')" />
           </el-form-item>
         </el-col>
         <el-col :span="12" v-if="form.paymentCd == '1200'">
-          <el-form-item :label="$t('feeConfigManage.prepaymentPeriod')" prop="prepaymentPeriod" required>
+          <el-form-item :label="$t('feeConfigManage.prepaymentPeriod')" prop="prepaymentPeriod" >
             <el-input v-model="form.prepaymentPeriod" :placeholder="$t('feeConfigManage.enterPrepaymentPeriod')" />
           </el-form-item>
         </el-col>
@@ -109,7 +109,7 @@
         </el-col>
 
         <el-col :span="24">
-          <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormula" required>
+          <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormula" >
             <el-select 
               v-model="form.computingFormula" 
               :disabled="form.isDefault === 'T'"
@@ -123,7 +123,7 @@
 
         <template v-if="shouldShowUnitPrice">
           <el-col :span="24">
-            <el-form-item :label="$t('feeConfigManage.unitPrice')" prop="squarePrice" required>
+            <el-form-item :label="$t('feeConfigManage.unitPrice')" prop="squarePrice" >
               <el-input v-model="form.squarePrice" :placeholder="$t('feeConfigManage.enterUnitPrice')" />
             </el-form-item>
           </el-col>
@@ -131,7 +131,7 @@
 
         <template v-if="shouldShowAdditionalAmount">
           <el-col :span="24">
-            <el-form-item :label="additionalAmountLabel" prop="additionalAmount" required>
+            <el-form-item :label="additionalAmountLabel" prop="additionalAmount" >
               <el-input v-model="form.additionalAmount" :placeholder="$t('feeConfigManage.enterAdditionalFee')" />
             </el-form-item>
           </el-col>
@@ -139,7 +139,7 @@
 
         <template v-if="form.computingFormula == '7007'">
           <el-col :span="24">
-            <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormulaText" required>
+            <el-form-item :label="$t('feeConfigManage.formula')" prop="computingFormulaText" >
               <el-input type="textarea" v-model="form.computingFormulaText"
                 :placeholder="$t('feeConfigManage.enterFormula')" :rows="4" />
             </el-form-item>
@@ -199,10 +199,22 @@ export default {
         state: 'Y',
         communityId: this.getCommunityId()
       },
+      
       feeTypeCds: [],
       computingFormulas: [],
       feeFlags: [],
-      paymentCds: []
+      paymentCds: [],
+      rules: {
+        feeTypeCd: [{ required: true, message: this.$t('feeConfigManage.feeType'), trigger: 'change' }],
+        feeName: [{ required: true, message: this.$t('feeConfigManage.enterFeeItem'), trigger: 'blur' }],
+        feeFlag: [{ required: true, message: this.$t('feeConfigManage.selectFeeFlag'), trigger: 'change' }],
+        paymentCd: [{ required: true, message: this.$t('feeConfigManage.selectPaymentType'), trigger: 'change' }],
+        paymentCycle: [{ required: true, message: this.$t('feeConfigManage.enterPaymentCycle'), trigger: 'blur' }],
+        prepaymentPeriod: [{ required: true, message: this.$t('feeConfigManage.enterPrepaymentPeriod'), trigger: 'blur' }],
+        units: [{ required: true, message: this.$t('feeConfigManage.enterUnit'), trigger: 'blur' }],
+        computingFormula: [{ required: true, message: this.$t('feeConfigManage.selectFormula'), trigger: 'change' }],
+        computingFormulaText: [{ required: true, message: this.$t('feeConfigManage.enterFormula'), trigger: 'blur' }]
+      }
     }
   },
   computed: {
diff --git a/src/i18n/feeI18n.js b/src/i18n/feeI18n.js
index 03daaee..ae2cc0a 100644
--- a/src/i18n/feeI18n.js
+++ b/src/i18n/feeI18n.js
@@ -9,6 +9,9 @@ import { messages as listApplyRoomDiscountRecordMessages } from '../views/fee/li
 import { messages as feeReceiptMessages } from '../views/fee/feeReceiptLang'
 import { messages as printPayFeeMessages } from '../views/fee/printPayFeeLang'
 import { messages as printPayFeeBangTaiMessages } from '../views/fee/printPayFeeBangTaiLang'
+import { messages as printPayFeeXiangyunMessages } from '../views/fee/printPayFeeXiangyunLang'
+import { messages as printPayFeeXinShiDaiMessages } from '../views/fee/printPayFeeXinShiDaiLang'
+import { messages as printPayFeeTianlinMessages } from '../views/fee/printPayFeeTianlinLang'
 import { messages as printSmallPayFeeMessages } from '../views/fee/printSmallPayFeeLang'
 import { messages as floorShareMessages } from '../views/fee/floorShareLang'
 import { messages as shareReadingMessages } from '../views/fee/shareReadingLang'
@@ -52,6 +55,9 @@ export const messages = {
         ...feeReceiptMessages.en,
         ...printPayFeeMessages.en,
         ...printPayFeeBangTaiMessages.en,
+        ...printPayFeeXiangyunMessages.en,
+        ...printPayFeeXinShiDaiMessages.en,
+        ...printPayFeeTianlinMessages.en,
         ...printSmallPayFeeMessages.en,
         ...floorShareMessages.en,
         ...shareReadingMessages.en,
@@ -94,6 +100,9 @@ export const messages = {
         ...feeReceiptMessages.zh,
         ...printPayFeeMessages.zh,
         ...printPayFeeBangTaiMessages.zh,
+        ...printPayFeeXiangyunMessages.zh,
+        ...printPayFeeXinShiDaiMessages.zh,
+        ...printPayFeeTianlinMessages.zh,
         ...printSmallPayFeeMessages.zh,
         ...floorShareMessages.zh,
         ...shareReadingMessages.zh,
diff --git a/src/router/index.js b/src/router/index.js
index 8064a15..4799339 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -694,6 +694,21 @@ const routes = [
     component: () => import('@/views/fee/printPayFeeBangTaiList.vue')
   },
   {
+    path: '/pages/property/printPayFeeXiangyun',
+    name: '/pages/property/printPayFeeXiangyun',
+    component: () => import('@/views/fee/printPayFeeXiangyun.vue')
+  },
+  {
+    path: '/pages/property/printPayFeeXinShiDai',
+    name: '/pages/property/printPayFeeXinShiDai',
+    component: () => import('@/views/fee/printPayFeeXinShiDai.vue')
+  },
+  {
+    path: '/pages/property/printPayFeeTianlin',
+    name: '/pages/property/printPayFeeTianlin',
+    component: () => import('@/views/fee/printPayFeeTianlin.vue')
+  },
+  {
     path: '/pages/property/printSmallPayFee',
     name: '/pages/property/printSmallPayFee',
     component: () => import('@/views/fee/printSmallPayFeeList.vue')
diff --git a/src/views/fee/payFeeConfigDiscountManageList.vue b/src/views/fee/payFeeConfigDiscountManageList.vue
index 5eba747..c8534b6 100644
--- a/src/views/fee/payFeeConfigDiscountManageList.vue
+++ b/src/views/fee/payFeeConfigDiscountManageList.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="padding">
   <el-card class="pay-fee-config-discount-manage">
     <div slot="header">
       <el-row type="flex" justify="space-between" align="middle">
@@ -69,6 +70,7 @@
     <add-pay-fee-config-discount ref="addModal" @success="fetchData" />
     <delete-pay-fee-config-discount ref="deleteModal" @success="fetchData" />
   </el-card>
+</div>
 </template>
 
 <script>
diff --git a/src/views/fee/printPayFeeTianlin.md b/src/views/fee/printPayFeeTianlin.md
new file mode 100644
index 0000000..0511806
--- /dev/null
+++ b/src/views/fee/printPayFeeTianlin.md
@@ -0,0 +1,327 @@
+html
+```html
+<div>
+    <div class="top-1 flex justify-between ">
+        <div class="top-left" style="width: 80%;">
+            <h1 class="text-center" style="color:#000;font-weight: 400;">{{printPayFeeInfo.storeName}}收据单</h1>
+            <div class="flex justify-around" style="color:#000;font-size:20px">
+                <div style="width: 25%;">小区名称：{{printPayFeeInfo.communityName}}</div>
+                <div style="width: 25%;">栋号：{{printPayFeeInfo.roomInfo.floorNum}}栋</div>
+                <div style="width: 25%;">建筑面积：{{printPayFeeInfo.fees && printPayFeeInfo.fees.length>0?printPayFeeInfo.fees[0].area:'无'}}</div>
+            </div>
+            <div class="flex justify-around" style="color:#000;font-size:20px">
+                <div style="width: 25%;">户主姓名：{{printPayFeeInfo.payObjName}}</div>
+                <div style="width: 25%;">房号：{{printPayFeeInfo.roomInfo.roomNum}}</div>
+                <div style="width: 25%;">房屋编号：{{printPayFeeInfo.fees && printPayFeeInfo.fees.length>0?printPayFeeInfo.fees[0].objName:'无'}}</div>
+            </div>
+        </div>
+        <div class="top-right">
+            <img :src="printPayFeeInfo.qrImg" width="100px" height="100px">
+        </div>
+    </div>
+
+    <div class="context-1">
+        <table class="table vc-table-border" style="color:#000;font-size:20px">
+            <thead>
+                <tr>
+                    <th scope="col" class="text-center" width="80px"><span><vc:i18n name="费用名称" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="起始日期" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="结束日期" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="上期读数" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="本期读数" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="本期用量" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="单位" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="单价" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                    <th scope="col" class="text-center"><span><vc:i18n name="小计(元)" namespace="printPayFeeBangTai"></vc:i18n></span></th>
+                </tr>
+            </thead>
+            <tbody class="vc-table-border" style="color:#000;font-size:20px">
+                <tr v-for="(item,index) in printPayFeeInfo.fees" class="vc-table-border">
+                    <td scope="row" class="text-center">{{item.feeName}}</td>
+                    <td class="text-center">{{vc.dateFormat(item.startTime)}}</td>
+                    <td class="text-center">{{vc.dateFormat(item.endTime)}}</td>
+                    <td class="text-center" v-if="item.preDegrees">{{item.preDegrees}} </td>
+                    <td class="text-center" v-else>-</td>
+                    <td class="text-center" v-if="item.preDegrees">{{item.curDegrees}}</td>
+                    <td class="text-center" v-else>-</td>
+                    <td class="text-center" v-if="item.preDegrees">{{item.curDegrees - item.preDegrees}}</td>
+                    <td class="text-center" v-else>-</td>
+                    <td class="text-center">{{item.units}}</td>
+                    <td class="text-center">{{item.squarePrice}}</td>
+                    <td class="text-center">{{item.amount}}</td>
+                </tr>
+                <tr>
+                    <td colspan="5" class="text-right "><span><vc:i18n name="合计：" namespace="printPayFeeBangTai"></vc:i18n></span></td>
+                    <td colspan="3" class="text-center ">{{vc.changeNumMoneyToChinese(printPayFeeInfo.amount)}}
+                    </td>
+                    <td class="text-center ">{{printPayFeeInfo.amount}}</td>
+                </tr>
+                <tr>
+                    <td scope="row" class="text-center">物业费预存日期</td>
+                    <td scope="row" class="text-center"></td>
+                    <td scope="row" class="text-center">上期预存</td>
+                    <td scope="row" class="text-center">0.00</td>
+                    <td scope="row" class="text-center">预存剩余</td>
+                    <td scope="row" class="text-center">0.00</td>
+                    <td colspan="2" scope="row" class="text-center">抵扣预存后应缴</td>
+                    <td scope="row" class="text-center">{{printPayFeeInfo.amount}}</td>
+                </tr>
+                <tr height="60px">
+                    <td scope="row" class="text-center">备注1</td>
+                    <td colspan="8">
+                        <p>
+                            <!-- {{printPayFeeInfo.content}} -->
+                            <div v-html="printPayFeeInfo.content"></div>
+                        </p>
+                    </td>
+
+                </tr>
+                <tr height="60px">
+                    <td scope="row" class="text-center">备注2</td>
+                    <td colspan="8">
+                        <p>
+
+                        </p>
+                    </td>
+
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="flex justify-around " style="color:#000;font-size:20px">
+        <div style="width: 20%;">制单人：{{printPayFeeInfo.userName}}</div>
+        <div style="width: 20%;">复核人：</div>
+        <div style="width: 20%;">客服管家：</div>
+        <div style="width: 20%;">缴费方式：{{printPayFeeInfo.fees && printPayFeeInfo.fees.length>0?printPayFeeInfo.fees[0].primeRate:'无'}}</div>
+    </div>
+    <div class="flex justify-around " style="color:#000;font-size:20px">
+        <div style="width: 20%;">日期：{{vc.dateFormat(new Date())}}</div>
+        <div style="width: 20%;"></div>
+        <div style="width: 20%;">手机/微信号：</div>
+        <div style="width: 20%;">实缴日期：{{printPayFeeInfo.feeTime}}</div>
+    </div>
+    <div class="text-right margin-top" style="color:#000;font-size:20px">
+        <div>{{printPayFeeInfo.storeName}}</div>
+        <div>物业服务中心</div>
+    </div>
+    <div class="text-right" id="print-btn">
+        <button class="btn btn-primary float-right" type="button" v-on:click="_printPurchaseApplyDiv()">
+            <i class="fa fa-check"></i>&nbsp;打印
+        </button>
+        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" v-on:click="_closePage()"><span><vc:i18n name="取消" namespace="printPayFeeBangTai"></vc:i18n></span>
+        </button>
+    </div>
+</div>
+```
+js
+```js
+(function(vc) {
+
+    vc.extends({
+        data: {
+            printPayFeeInfo: {
+                communityName: '',
+                receiptId: '',
+                receiptIds: '',
+                detailIds: '',
+                roomName: '',
+                amount: 0.00,
+                fees: [],
+                feeTime: '',
+                wechatName: '',
+                content: '',
+                qrImg: '',
+                payObjName: '',
+                feeReceipt: [],
+                apply: 'N',
+                userName: vc.getData('/nav/getUserInfo').name,
+                storeName: '',
+                roomInfo: {
+
+                }
+            },
+            printFlag: '0'
+        },
+        _initMethod: function() {
+            //vc.component._initPrintPurchaseApplyDateInfo();
+
+            $that.printPayFeeInfo.receiptId = vc.getParam('receiptId');
+            $that.printPayFeeInfo.receiptIds = vc.getParam('receiptIds');
+            $that.printPayFeeInfo.detailIds = vc.getParam('detailIds');
+            $that.printPayFeeInfo.apply = vc.getParam('apply');
+            $that.printPayFeeInfo.merge = vc.getParam('merge');
+
+
+            //$that.printPayFeeInfo.feeTime = vc.dateTimeFormat(new Date());
+
+            $that.printPayFeeInfo.communityName = vc.getCurrentCommunity().name;
+
+            $that._loadReceipt();
+
+            $that._loadPrintSpec();
+        },
+        _initEvent: function() {
+
+
+        },
+        methods: {
+            _initPayFee: function() {
+
+            },
+            _loadReceipt: function() {
+
+                var param = {
+                    params: {
+                        page: 1,
+                        row: 30,
+                        receiptId: $that.printPayFeeInfo.receiptId,
+                        receiptIds: $that.printPayFeeInfo.receiptIds,
+                        detailIds: $that.printPayFeeInfo.detailIds,
+                        communityId: vc.getCurrentCommunity().communityId
+                    }
+                };
+
+                //发送get请求
+                vc.http.apiGet('/feeReceipt/queryFeeReceipt',
+                    param,
+                    function(json, res) {
+                        var _feeReceiptManageInfo = JSON.parse(json);
+                        let _feeReceipt = _feeReceiptManageInfo.data;
+                        let _amount = 0;
+                        _feeReceipt.forEach(item => {
+                            _amount += parseFloat(item.amount)
+                        });
+
+                        $that.printPayFeeInfo.amount = _amount.toFixed(2);
+                        $that.printPayFeeInfo.roomName = _feeReceipt[0].objName;
+                        $that.printPayFeeInfo.feeTime = _feeReceipt[0].createTime;
+                        //$that.printPayFeeInfo.receiptNum = _feeReceipt[0].receiptId;
+                        $that.printPayFeeInfo.payObjName = _feeReceipt[0].payObjName;
+                        $that.printPayFeeInfo.storeName = _feeReceipt[0].storeName;
+                        $that.printPayFeeInfo.feeReceipt = _feeReceipt;
+
+                        $that.listRoom(_feeReceipt[0].objId);
+
+                        $that._loadReceiptDetail();
+
+                    },
+                    function(errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _loadReceiptDetail: function() {
+
+                let param = {
+                    params: {
+                        page: 1,
+                        row: 100,
+                        receiptId: $that.printPayFeeInfo.receiptId,
+                        receiptIds: $that.printPayFeeInfo.receiptIds,
+                        detailIds: $that.printPayFeeInfo.detailIds,
+                        communityId: vc.getCurrentCommunity().communityId,
+                        mergeFee:$that.printPayFeeInfo.merge
+                    }
+                };
+
+                //发送get请求
+                vc.http.apiGet('/feeReceipt/queryFeeReceiptDetail',
+                    param,
+                    function(json, res) {
+                        var _feeReceiptManageInfo = JSON.parse(json);
+                        let _feeReceiptDetails = _feeReceiptManageInfo.data;
+                        $that.printPayFeeInfo.receiptNum = _feeReceiptDetails[0].receiptId + "(" + _feeReceiptDetails[0].payOrderId + ")";
+                        _feeReceiptDetails.forEach(item => {
+                            $that.printPayFeeInfo.feeReceipt.forEach(im => {
+                                if (item.receiptId == im.receiptId) {
+                                    item.objName = im.objName;
+                                    item.feeTypeCd = im.feeTypeCd;
+                                }
+                            })
+                        })
+                        $that.printPayFeeInfo.fees = _feeReceiptDetails;
+
+
+                    },
+                    function(errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _loadPrintSpec: function() {
+                var param = {
+                    params: {
+                        page: 1,
+                        row: 1,
+                        specCd: 2020,
+                        communityId: vc.getCurrentCommunity().communityId
+                    }
+                };
+
+                //发送get请求
+                vc.http.apiGet('/feePrintSpec/queryFeePrintSpec',
+                    param,
+                    function(json, res) {
+                        var _json = JSON.parse(json);
+                        var _data = _json.data;
+                        if (_data.length > 0) {
+                            $that.printPayFeeInfo.content = _data[0].content;
+                            $that.printPayFeeInfo.qrImg = _data[0].qrImg;
+                            if (_data[0].printName) {
+                                $that.printPayFeeInfo.communityName = _data[0].printName;
+                            }
+                        }
+                    },
+                    function(errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+
+            },
+
+            _printPurchaseApplyDiv: function() {
+
+                $that.printFlag = '1';
+                console.log('console.log($that.printFlag);', $that.printFlag);
+                document.getElementById("print-btn").style.display = "none"; //隐藏
+
+                window.print();
+                //$that.printFlag = false;
+                window.opener = null;
+                window.close();
+            },
+            _closePage: function() {
+                window.opener = null;
+                window.close();
+            },
+
+            listRoom: function(_roomId) {
+                let param = {
+                    params: {
+                        page: 1,
+                        row: 1,
+                        communityId: vc.getCurrentCommunity().communityId,
+                        roomId: _roomId
+                    }
+                };
+                //发送get请求
+                vc.http.apiGet('/room.queryRooms',
+                    param,
+                    function(json, res) {
+                        let listRoomData = JSON.parse(json);
+                        if (!listRoomData.rooms || listRoomData.rooms.length < 1) {
+                            return;
+                        }
+                        vc.component.printPayFeeInfo.roomInfo = listRoomData.rooms[0];
+                    },
+                    function(errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+
+        }
+    });
+
+})(window.vc);
+```
diff --git a/src/views/fee/printPayFeeTianlin.vue b/src/views/fee/printPayFeeTianlin.vue
new file mode 100644
index 0000000..de0a7d2
--- /dev/null
+++ b/src/views/fee/printPayFeeTianlin.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="print-pay-fee-tianlin-container">
+    <el-row class="top-section">
+      <el-col :span="20">
+        <h1 class="text-center" style="color:#000;font-weight: 400;">
+          {{ printPayFeeInfo.storeName }}{{ $t('printPayFeeTianlin.receiptTitle') }}
+        </h1>
+        <el-row style="color:#000;font-size:20px">
+          <el-col :span="8">{{ $t('printPayFeeTianlin.communityName') }}：{{ printPayFeeInfo.communityName }}</el-col>
+          <el-col :span="8">{{ $t('printPayFeeTianlin.buildingNum') }}：{{ printPayFeeInfo.roomInfo.floorNum }}{{ $t('printPayFeeTianlin.building') }}</el-col>
+          <el-col :span="8">{{ $t('printPayFeeTianlin.buildingArea') }}：{{ printPayFeeInfo.fees && printPayFeeInfo.fees.length > 0 ? printPayFeeInfo.fees[0].area : $t('printPayFeeTianlin.none') }}</el-col>
+        </el-row>
+        <el-row style="color:#000;font-size:20px">
+          <el-col :span="8">{{ $t('printPayFeeTianlin.ownerName') }}：{{ printPayFeeInfo.payObjName }}</el-col>
+          <el-col :span="8">{{ $t('printPayFeeTianlin.roomNum') }}：{{ printPayFeeInfo.roomInfo.roomNum }}</el-col>
+          <el-col :span="8">{{ $t('printPayFeeTianlin.houseCode') }}：{{ printPayFeeInfo.fees && printPayFeeInfo.fees.length > 0 ? printPayFeeInfo.fees[0].objName : $t('printPayFeeTianlin.none') }}</el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="4" class="text-center">
+        <img v-if="printPayFeeInfo.qrImg" :src="printPayFeeInfo.qrImg" width="100px" height="100px">
+      </el-col>
+    </el-row>
+
+    <table class="table vc-table-border" style="color:#000;font-size:20px">
+      <thead>
+        <tr>
+          <th class="text-center" width="80px">{{ $t('printPayFeeTianlin.feeName') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.startDate') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.endDate') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.preDegrees') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.curDegrees') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.usage') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.unit') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.unitPrice') }}</th>
+          <th class="text-center">{{ $t('printPayFeeTianlin.subtotal') }}</th>
+        </tr>
+      </thead>
+      <tbody class="vc-table-border" style="color:#000;font-size:20px">
+        <tr v-for="(item, index) in printPayFeeInfo.fees" :key="index" class="vc-table-border">
+          <td class="text-center">{{ item.feeName }}</td>
+          <td class="text-center">{{ dateFormat(item.startTime) }}</td>
+          <td class="text-center">{{ dateFormat(item.endTime) }}</td>
+          <td class="text-center" v-if="item.preDegrees">{{ item.preDegrees }}</td>
+          <td class="text-center" v-else>-</td>
+          <td class="text-center" v-if="item.preDegrees">{{ item.curDegrees }}</td>
+          <td class="text-center" v-else>-</td>
+          <td class="text-center" v-if="item.preDegrees">{{ item.curDegrees - item.preDegrees }}</td>
+          <td class="text-center" v-else>-</td>
+          <td class="text-center">{{ item.units }}</td>
+          <td class="text-center">{{ item.squarePrice }}</td>
+          <td class="text-center">{{ item.amount }}</td>
+        </tr>
+        <tr>
+          <td colspan="5" class="text-right">{{ $t('printPayFeeTianlin.total') }}</td>
+          <td colspan="3" class="text-center">{{ changeNumMoneyToChinese(printPayFeeInfo.amount) }}</td>
+          <td class="text-center">{{ printPayFeeInfo.amount }}</td>
+        </tr>
+        <tr>
+          <td class="text-center">{{ $t('printPayFeeTianlin.advanceDate') }}</td>
+          <td class="text-center"></td>
+          <td class="text-center">{{ $t('printPayFeeTianlin.lastAdvance') }}</td>
+          <td class="text-center">0.00</td>
+          <td class="text-center">{{ $t('printPayFeeTianlin.advanceRemain') }}</td>
+          <td class="text-center">0.00</td>
+          <td colspan="2" class="text-center">{{ $t('printPayFeeTianlin.payableAfterDeduction') }}</td>
+          <td class="text-center">{{ printPayFeeInfo.amount }}</td>
+        </tr>
+        <tr height="60px">
+          <td class="text-center">{{ $t('printPayFeeTianlin.remark1') }}</td>
+          <td colspan="8">
+            <div v-html="printPayFeeInfo.content"></div>
+          </td>
+        </tr>
+        <tr height="60px">
+          <td class="text-center">{{ $t('printPayFeeTianlin.remark2') }}</td>
+          <td colspan="8">
+            <p></p>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    <el-row style="color:#000;font-size:20px;margin-top:10px;">
+      <el-col :span="6">{{ $t('printPayFeeTianlin.creator') }}：{{ printPayFeeInfo.userName }}</el-col>
+      <el-col :span="6">{{ $t('printPayFeeTianlin.reviewer') }}：</el-col>
+      <el-col :span="6">{{ $t('printPayFeeTianlin.butler') }}：</el-col>
+      <el-col :span="6">{{ $t('printPayFeeTianlin.paymentMethod') }}：{{ printPayFeeInfo.fees && printPayFeeInfo.fees.length > 0 ? printPayFeeInfo.fees[0].primeRate : $t('printPayFeeTianlin.none') }}</el-col>
+    </el-row>
+    <el-row style="color:#000;font-size:20px;margin-top:10px;">
+      <el-col :span="6">{{ $t('printPayFeeTianlin.date') }}：{{ currentDate }}</el-col>
+      <el-col :span="6"></el-col>
+      <el-col :span="6">{{ $t('printPayFeeTianlin.phoneWechat') }}：</el-col>
+      <el-col :span="6">{{ $t('printPayFeeTianlin.actualPayDate') }}：{{ printPayFeeInfo.feeTime }}</el-col>
+    </el-row>
+    <div class="text-right margin-top" style="color:#000;font-size:20px">
+      <div>{{ printPayFeeInfo.storeName }}</div>
+      <div>{{ $t('printPayFeeTianlin.serviceCenter') }}</div>
+    </div>
+
+    <el-row id="print-btn">
+      <el-col :span="24" class="text-right">
+        <el-button type="primary" class="float-right" @click="handlePrint">
+          <i class="fa fa-check"></i>&nbsp;{{ $t('common.print') }}
+        </el-button>
+        <el-button type="warning" class="float-right" style="margin-right:20px;" @click="handleClose">
+          {{ $t('common.cancel') }}
+        </el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getCommunityId, getCommunityName } from '@/api/community/communityApi'
+import { queryFeeReceipt, queryFeeReceiptDetail, queryFeePrintSpec, queryRooms } from '@/api/fee/printPayFeeApi'
+import { getUserName } from '@/api/user/userApi'
+import { dateFormat } from '@/utils/dateUtil'
+import { changeNumMoneyToChinese } from '@/utils/moneyUtil'
+
+export default {
+  name: 'PrintPayFeeTianlin',
+  data() {
+    return {
+      printPayFeeInfo: {
+        communityName: '',
+        receiptId: '',
+        receiptIds: '',
+        detailIds: '',
+        roomName: '',
+        amount: 0.00,
+        fees: [],
+        feeTime: '',
+        wechatName: '',
+        content: '',
+        qrImg: '',
+        payObjName: '',
+        feeReceipt: [],
+        apply: 'N',
+        userName: '',
+        storeName: '',
+        merge: '',
+        roomInfo: {
+          floorNum: '',
+          roomNum: ''
+        }
+      },
+      printFlag: '0',
+      communityId: '',
+      currentDate: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.printPayFeeInfo.userName = getUserName()
+    this.currentDate = dateFormat(new Date())
+    this.initData()
+  },
+  methods: {
+    initData() {
+      this.printPayFeeInfo.receiptId = this.$route.query.receiptId
+      this.printPayFeeInfo.receiptIds = this.$route.query.receiptIds
+      this.printPayFeeInfo.detailIds = this.$route.query.detailIds
+      this.printPayFeeInfo.apply = this.$route.query.apply || 'N'
+      this.printPayFeeInfo.merge = this.$route.query.merge
+      this.printPayFeeInfo.communityName = getCommunityName()
+
+      this.loadReceipt()
+      this.loadPrintSpec()
+    },
+    loadReceipt() {
+      const params = {
+        page: 1,
+        row: 30,
+        receiptId: this.printPayFeeInfo.receiptId,
+        receiptIds: this.printPayFeeInfo.receiptIds,
+        detailIds: this.printPayFeeInfo.detailIds,
+        communityId: this.communityId
+      }
+
+      queryFeeReceipt(params).then(response => {
+        const feeReceipt = response.data
+        let amount = 0
+        feeReceipt.forEach(item => {
+          amount += parseFloat(item.amount)
+        })
+
+        this.printPayFeeInfo.amount = amount.toFixed(2)
+        this.printPayFeeInfo.roomName = feeReceipt[0].objName
+        this.printPayFeeInfo.feeTime = feeReceipt[0].createTime
+        this.printPayFeeInfo.payObjName = feeReceipt[0].payObjName
+        this.printPayFeeInfo.storeName = feeReceipt[0].storeName || ''
+        this.printPayFeeInfo.feeReceipt = feeReceipt
+
+        // 查询房屋信息
+        this.loadRoom(feeReceipt[0].objId)
+
+        this.loadReceiptDetail()
+      }).catch(error => {
+        console.error('请求失败处理', error)
+      })
+    },
+    loadReceiptDetail() {
+      const params = {
+        page: 1,
+        row: 100,
+        receiptId: this.printPayFeeInfo.receiptId,
+        receiptIds: this.printPayFeeInfo.receiptIds,
+        detailIds: this.printPayFeeInfo.detailIds,
+        communityId: this.communityId,
+        mergeFee: this.printPayFeeInfo.merge
+      }
+
+      queryFeeReceiptDetail(params).then(response => {
+        const feeReceiptDetails = response.data
+        
+        feeReceiptDetails.forEach(item => {
+          this.printPayFeeInfo.feeReceipt.forEach(im => {
+            if (item.receiptId == im.receiptId) {
+              item.objName = im.objName
+              item.feeTypeCd = im.feeTypeCd
+            }
+          })
+        })
+        this.printPayFeeInfo.fees = feeReceiptDetails
+      }).catch(error => {
+        console.error('请求失败处理', error)
+      })
+    },
+    loadPrintSpec() {
+      const params = {
+        page: 1,
+        row: 1,
+        specCd: 2020,
+        communityId: this.communityId
+      }
+
+      queryFeePrintSpec(params).then(response => {
+        const data = response.data
+        if (data.length > 0) {
+          this.printPayFeeInfo.content = data[0].content
+          this.printPayFeeInfo.qrImg = data[0].qrImg
+          if (data[0].printName) {
+            this.printPayFeeInfo.communityName = data[0].printName
+          }
+        }
+      }).catch(error => {
+        console.error('请求失败处理', error)
+      })
+    },
+    loadRoom(roomId) {
+      const params = {
+        page: 1,
+        row: 1,
+        roomId: roomId
+      }
+
+      queryRooms(params).then(response => {
+        const rooms = response.rooms
+        if (rooms && rooms.length > 0) {
+          this.printPayFeeInfo.roomInfo = rooms[0]
+        }
+      }).catch(error => {
+        console.error('查询房屋失败', error)
+      })
+    },
+    dateFormat(date) {
+      if (!date) return ''
+      return dateFormat(date)
+    },
+    changeNumMoneyToChinese,
+    handlePrint() {
+      this.printFlag = '1'
+      document.getElementById("print-btn").style.display = "none"
+      window.print()
+      window.opener = null
+      window.close()
+    },
+    handleClose() {
+      window.opener = null
+      window.close()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.print-pay-fee-tianlin-container {
+  padding: 20px;
+}
+
+.top-section {
+  margin-bottom: 20px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.float-right {
+  float: right;
+}
+
+.margin-top {
+  margin-top: 20px;
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+  border-collapse: collapse;
+}
+
+.vc-table-border {
+  border: 1px solid #000;
+}
+
+.vc-table-border th,
+.vc-table-border td {
+  border: 1px solid #000;
+  padding: 8px;
+}
+
+@media print {
+  #print-btn {
+    display: none !important;
+  }
+}
+</style>
+
diff --git a/src/views/fee/printPayFeeTianlinLang.js b/src/views/fee/printPayFeeTianlinLang.js
new file mode 100644
index 0000000..99dcdd7
--- /dev/null
+++ b/src/views/fee/printPayFeeTianlinLang.js
@@ -0,0 +1,77 @@
+export const messages = {
+  en: {
+    printPayFeeTianlin: {
+      receiptTitle: ' Receipt',
+      communityName: 'Community Name',
+      buildingNum: 'Building No.',
+      building: '',
+      buildingArea: 'Building Area',
+      ownerName: 'Owner Name',
+      roomNum: 'Room No.',
+      houseCode: 'House Code',
+      none: 'None',
+      feeName: 'Fee Name',
+      startDate: 'Start Date',
+      endDate: 'End Date',
+      preDegrees: 'Previous Reading',
+      curDegrees: 'Current Reading',
+      usage: 'Usage',
+      unit: 'Unit',
+      unitPrice: 'Unit Price',
+      subtotal: 'Subtotal (Yuan)',
+      total: 'Total:',
+      advanceDate: 'Property Fee Advance Date',
+      lastAdvance: 'Last Advance',
+      advanceRemain: 'Advance Remaining',
+      payableAfterDeduction: 'Payable After Deduction',
+      remark1: 'Remark 1',
+      remark2: 'Remark 2',
+      creator: 'Creator',
+      reviewer: 'Reviewer',
+      butler: 'Customer Butler',
+      paymentMethod: 'Payment Method',
+      date: 'Date',
+      phoneWechat: 'Phone/WeChat',
+      actualPayDate: 'Actual Payment Date',
+      serviceCenter: 'Property Service Center'
+    }
+  },
+  zh: {
+    printPayFeeTianlin: {
+      receiptTitle: '收据单',
+      communityName: '小区名称',
+      buildingNum: '栋号',
+      building: '栋',
+      buildingArea: '建筑面积',
+      ownerName: '户主姓名',
+      roomNum: '房号',
+      houseCode: '房屋编号',
+      none: '无',
+      feeName: '费用名称',
+      startDate: '起始日期',
+      endDate: '结束日期',
+      preDegrees: '上期读数',
+      curDegrees: '本期读数',
+      usage: '本期用量',
+      unit: '单位',
+      unitPrice: '单价',
+      subtotal: '小计(元)',
+      total: '合计：',
+      advanceDate: '物业费预存日期',
+      lastAdvance: '上期预存',
+      advanceRemain: '预存剩余',
+      payableAfterDeduction: '抵扣预存后应缴',
+      remark1: '备注1',
+      remark2: '备注2',
+      creator: '制单人',
+      reviewer: '复核人',
+      butler: '客服管家',
+      paymentMethod: '缴费方式',
+      date: '日期',
+      phoneWechat: '手机/微信号',
+      actualPayDate: '实缴日期',
+      serviceCenter: '物业服务中心'
+    }
+  }
+}
+
diff --git a/src/views/fee/printPayFeeXiangyun.vue b/src/views/fee/printPayFeeXiangyun.vue
new file mode 100644
index 0000000..cd15fa4
--- /dev/null
+++ b/src/views/fee/printPayFeeXiangyun.vue
@@ -0,0 +1,313 @@
+<template>
+    <div class="print-pay-fee-xiangyun-container">
+        <div class="text-center">
+            <div style="color:#000;font-size:36px">
+                {{ printPayFeeInfo.communityName }} {{ printPayFeeInfo.apply == 'Y' ? $t('printPayFeeXiangyun.applyForm') : $t('printPayFeeXiangyun.receiptForm') }}
+            </div>
+        </div>
+        <div style="color:#000;font-size:20px;text-align:right;margin-bottom:10px;">
+            <span>{{ $t('printPayFeeXiangyun.receiptNum') }}：{{ printPayFeeInfo.receiptNum }}</span>
+        </div>
+        <el-row style="color:#000;font-size:20px;margin-bottom:10px;">
+            <el-col :span="12" class="text-left">
+                <span>{{ $t('printPayFeeXiangyun.owner') }}：{{ printPayFeeInfo.payObjName }}</span>
+            </el-col>
+            <el-col :span="12" style="text-align:right;">
+                <span>{{ $t('printPayFeeXiangyun.payTime') }}：{{ printPayFeeInfo.feeTime }}</span>
+            </el-col>
+        </el-row>
+
+        <table class="table vc-table-border" style="color:#000;font-size:20px">
+            <thead>
+                <tr>
+                    <th scope="col" class="text-center" width="80px">
+                        {{ $t('printPayFeeXiangyun.serialNumber') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.feeItem') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.houseCar') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.feeRange') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.cycle') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.unitPriceFixed') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.areaUsage') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.paymentMethod') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.amount') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.discountAmount') }}
+                    </th>
+                    <th scope="col" class="text-center">
+                        {{ $t('printPayFeeXiangyun.remark') }}
+                    </th>
+                </tr>
+            </thead>
+            <tbody class="vc-table-border" style="color:#000;font-size:20px">
+                <tr v-for="(item, index) in printPayFeeInfo.fees" :key="index" class="vc-table-border">
+                    <th scope="row" class="text-center">{{ index + 1 }}</th>
+                    <td class="text-center">{{ item.feeName }}</td>
+                    <td class="text-center">{{ item.objName }}</td>
+                    <td class="text-center" v-if="item.preDegrees">
+                        {{ dateFormat(item.startTime) }}{{ $t('printPayFeeXiangyun.to') }}{{ dateFormat(item.endTime) }}<br />
+                        {{ item.preDegrees }} {{ $t('printPayFeeXiangyun.to') }} {{ item.curDegrees }}
+                    </td>
+                    <!-- 根据山东需求 如果为押金时 显示为无-->
+                    <td class="text-center" v-else-if="item.feeTypeCd == '888800010006'">
+                        {{ $t('printPayFeeXiangyun.none') }}
+                    </td>
+                    <td class="text-center" v-else>
+                        {{ dateFormat(item.startTime) }}{{ $t('printPayFeeXiangyun.to') }}{{ dateFormat(item.endTime) }}
+                    </td>
+                    <td class="text-center">{{ item.cycle }}</td>
+                    <td class="text-center">{{ item.squarePrice }}</td>
+                    <td class="text-center">{{ item.area }}</td>
+                    <td class="text-center">{{ item.primeRate }}</td>
+                    <td class="text-center">{{ item.amount }}</td>
+                    <td class="text-center">{{ item.discountPrice }}</td>
+                    <td class="text-center" width="200px">{{ item.remark }}</td>
+                </tr>
+                <tr>
+                    <td colspan="3" class="text-center">
+                        {{ $t('printPayFeeXiangyun.capitalRMB') }}（元）
+                    </td>
+                    <td colspan="4" class="text-center">
+                        {{ changeNumMoneyToChinese(printPayFeeInfo.amount) }}
+                    </td>
+                    <td colspan="4" class="text-center">{{ printPayFeeInfo.amount }}</td>
+                </tr>
+                <tr height="60px" v-if="printPayFeeInfo.content || printPayFeeInfo.qrImg">
+                    <td colspan="7">
+                        <div style="max-width: 600px;" v-html="printPayFeeInfo.content"></div>
+                    </td>
+                    <td colspan="4">
+                        <img v-if="printPayFeeInfo.qrImg" :src="printPayFeeInfo.qrImg" width="100px" height="100px">
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+        <el-row style="color:#000;font-size:20px;margin-top:20px;">
+            <el-col :span="20">
+                <el-row>
+                    <el-col :span="6">{{ $t('printPayFeeXiangyun.departmentHead') }}：</el-col>
+                    <el-col :span="6">{{ $t('printPayFeeXiangyun.operator') }}：</el-col>
+                    <el-col :span="6">{{ $t('printPayFeeXiangyun.financeReceipt') }}：</el-col>
+                    <el-col :span="6">{{ $t('printPayFeeXiangyun.customerConfirm') }}：</el-col>
+                </el-row>
+            </el-col>
+            <el-col :span="4" id="print-btn">
+                <el-button type="primary" class="float-right" @click="handlePrint">
+                    <i class="fa fa-check"></i>&nbsp;{{ $t('common.print') }}
+                </el-button>
+                <el-button type="warning" class="float-right" style="margin-right:20px;" @click="handleClose">
+                    {{ $t('common.cancel') }}
+                </el-button>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+import { getCommunityId, getCommunityName } from '@/api/community/communityApi'
+import { queryFeeReceipt, queryFeeReceiptDetail, queryFeePrintSpec } from '@/api/fee/printPayFeeApi'
+import { dateFormat } from '@/utils/dateUtil'
+import { changeNumMoneyToChinese } from '@/utils/moneyUtil'
+
+export default {
+    name: 'PrintPayFeeXiangyun',
+    data() {
+        return {
+            printPayFeeInfo: {
+                communityName: '',
+                receiptId: '',
+                receiptIds: '',
+                detailIds: '',
+                roomName: '',
+                amount: 0.00,
+                fees: [],
+                feeTime: '',
+                wechatName: '',
+                content: '',
+                qrImg: '',
+                payObjName: '',
+                feeReceipt: [],
+                apply: 'N',
+                receiptNum: '',
+                merge: ''
+            },
+            printFlag: '0',
+            communityId: ''
+        }
+    },
+    created() {
+        this.communityId = getCommunityId()
+        this.initData()
+    },
+    methods: {
+        initData() {
+            this.printPayFeeInfo.receiptId = this.$route.query.receiptId
+            this.printPayFeeInfo.receiptIds = this.$route.query.receiptIds
+            this.printPayFeeInfo.detailIds = this.$route.query.detailIds
+            this.printPayFeeInfo.apply = this.$route.query.apply || 'N'
+            this.printPayFeeInfo.merge = this.$route.query.merge
+            this.printPayFeeInfo.communityName = getCommunityName()
+
+            this.loadReceipt()
+            this.loadPrintSpec()
+        },
+        loadReceipt() {
+            const params = {
+                page: 1,
+                row: 30,
+                receiptId: this.printPayFeeInfo.receiptId,
+                receiptIds: this.printPayFeeInfo.receiptIds,
+                detailIds: this.printPayFeeInfo.detailIds,
+                communityId: this.communityId
+            }
+
+            queryFeeReceipt(params).then(response => {
+                const feeReceipt = response.data
+                let amount = 0
+                feeReceipt.forEach(item => {
+                    amount += parseFloat(item.amount)
+                })
+
+                this.printPayFeeInfo.amount = amount.toFixed(2)
+                this.printPayFeeInfo.roomName = feeReceipt[0].objName
+                this.printPayFeeInfo.feeTime = feeReceipt[0].createTime
+                this.printPayFeeInfo.payObjName = feeReceipt[0].payObjName
+                this.printPayFeeInfo.feeReceipt = feeReceipt
+                this.printPayFeeInfo.receiptNum = feeReceipt[0].receiptCode
+
+                this.loadReceiptDetail()
+            }).catch(error => {
+                console.error('请求失败处理', error)
+            })
+        },
+        loadReceiptDetail() {
+            const params = {
+                page: 1,
+                row: 100,
+                receiptId: this.printPayFeeInfo.receiptId,
+                receiptIds: this.printPayFeeInfo.receiptIds,
+                detailIds: this.printPayFeeInfo.detailIds,
+                communityId: this.communityId,
+                mergeFee: this.printPayFeeInfo.merge
+            }
+
+            queryFeeReceiptDetail(params).then(response => {
+                const feeReceiptDetails = response.data
+                this.printPayFeeInfo.receiptNum = this.printPayFeeInfo.receiptNum + "(" + feeReceiptDetails[0].payOrderId + ")"
+
+                feeReceiptDetails.forEach(item => {
+                    this.printPayFeeInfo.feeReceipt.forEach(im => {
+                        if (item.receiptId == im.receiptId) {
+                            item.objName = im.objName
+                            item.feeTypeCd = im.feeTypeCd
+                        }
+                    })
+                })
+                this.printPayFeeInfo.fees = feeReceiptDetails
+            }).catch(error => {
+                console.error('请求失败处理', error)
+            })
+        },
+        loadPrintSpec() {
+            const params = {
+                page: 1,
+                row: 1,
+                specCd: 2020,
+                communityId: this.communityId
+            }
+
+            queryFeePrintSpec(params).then(response => {
+                const data = response.data
+                if (data.length > 0) {
+                    this.printPayFeeInfo.content = data[0].content
+                    this.printPayFeeInfo.qrImg = data[0].qrImg
+                    if (data[0].printName) {
+                        this.printPayFeeInfo.communityName = data[0].printName
+                    }
+                }
+            }).catch(error => {
+                console.error('请求失败处理', error)
+            })
+        },
+        dateFormat(date) {
+            if (!date) return ''
+            return dateFormat(date)
+        },
+        changeNumMoneyToChinese,
+        handlePrint() {
+            this.printFlag = '1'
+            console.log('printFlag:', this.printFlag)
+            document.getElementById("print-btn").style.display = "none"
+            window.print()
+            window.opener = null
+            window.close()
+        },
+        handleClose() {
+            window.opener = null
+            window.close()
+        }
+    }
+}
+</script>
+
+<style scoped>
+.print-pay-fee-xiangyun-container {
+    padding: 20px;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.float-left {
+    float: left;
+}
+
+.float-right {
+    float: right;
+}
+
+.table {
+    width: 100%;
+    margin-bottom: 1rem;
+    color: #212529;
+    border-collapse: collapse;
+}
+
+.vc-table-border {
+    border: 1px solid #000;
+}
+
+.vc-table-border th,
+.vc-table-border td {
+    border: 1px solid #000;
+    padding: 8px;
+}
+
+@media print {
+    #print-btn {
+        display: none !important;
+    }
+}
+</style>
diff --git a/src/views/fee/printPayFeeXiangyunLang.js b/src/views/fee/printPayFeeXiangyunLang.js
new file mode 100644
index 0000000..535ef85
--- /dev/null
+++ b/src/views/fee/printPayFeeXiangyunLang.js
@@ -0,0 +1,57 @@
+export const messages = {
+  en: {
+    printPayFeeXiangyun: {
+      applyForm: 'Application Form',
+      receiptForm: 'Receipt Form',
+      receiptNum: 'Receipt No.',
+      payTime: 'Payment Time',
+      owner: 'Owner',
+      serialNumber: 'No.',
+      feeItem: 'Fee Item',
+      houseCar: 'House/Car',
+      feeRange: 'Fee Range',
+      cycle: 'Cycle',
+      unitPriceFixed: 'Unit Price/Fixed Fee',
+      areaUsage: 'Area/Usage',
+      paymentMethod: 'Payment Method',
+      amount: 'Amount',
+      discountAmount: 'Discount Amount',
+      remark: 'Remark',
+      to: ' to ',
+      none: 'None',
+      capitalRMB: 'Capital RMB',
+      departmentHead: 'Department Head',
+      operator: 'Operator',
+      financeReceipt: 'Finance Receipt',
+      customerConfirm: 'Customer Confirm'
+    }
+  },
+  zh: {
+    printPayFeeXiangyun: {
+      applyForm: '申请单',
+      receiptForm: '收据单',
+      receiptNum: '单号',
+      payTime: '缴费时间',
+      owner: '业主',
+      serialNumber: '编号',
+      feeItem: '收费项目',
+      houseCar: '房屋/车辆',
+      feeRange: '收费范围',
+      cycle: '周期',
+      unitPriceFixed: '单价/固定费',
+      areaUsage: '面积/用量',
+      paymentMethod: '支付方式',
+      amount: '金额',
+      discountAmount: '优惠金额',
+      remark: '备注',
+      to: '至',
+      none: '无',
+      capitalRMB: '大写人民币',
+      departmentHead: '部门负责人',
+      operator: '经办人',
+      financeReceipt: '财务收款',
+      customerConfirm: '客户确认'
+    }
+  }
+}
+
diff --git a/src/views/fee/printPayFeeXinShiDai.vue b/src/views/fee/printPayFeeXinShiDai.vue
new file mode 100644
index 0000000..3594c98
--- /dev/null
+++ b/src/views/fee/printPayFeeXinShiDai.vue
@@ -0,0 +1,316 @@
+<template>
+  <div class="print-pay-fee-xinshidai-container">
+    <div style="color:#000;font-size:20px;margin-top: 90px; height: 60px;">
+      <el-row>
+        <el-col :span="14">
+          <div style="margin-left: 40px;">{{ printPayFeeInfo.payObjName }}</div>
+        </el-col>
+        <el-col :span="10" class="text-center" v-if="printPayFeeInfo.feeReceipt && printPayFeeInfo.feeReceipt.length > 0">
+          <span>{{ printPayFeeInfo.feeReceipt[0].objName }}</span>
+        </el-col>
+      </el-row>
+    </div>
+
+    <table class="table" style="color:#000;font-size:20px;border:0;">
+      <thead>
+        <tr style="border: 0px;">
+          <th scope="col" class="text-center" style="border: 0px;width: 30%">
+            {{ $t('printPayFeeXinShiDai.feeItem') }}
+          </th>
+          <th scope="col" class="text-center" style="border: 0px;width: 30%">
+            {{ $t('printPayFeeXinShiDai.summary') }}
+          </th>
+          <th scope="col" class="text-center" style="border: 0px;width: 20%">
+            {{ $t('printPayFeeXinShiDai.lateFee') }}
+          </th>
+          <th scope="col" class="text-left" style="border: 0px;width: 20%">
+            {{ $t('printPayFeeXinShiDai.amount') }}
+          </th>
+          <th scope="col" class="text-center" style="border: 0px;"></th>
+        </tr>
+      </thead>
+      <tbody style="color:#000;font-size:20px;border: 0px;">
+        <tr v-for="(item, index) in printPayFeeInfo.fees" :key="index" style="border: 0px;">
+          <td class="text-center" style="border: 0px;">{{ item.feeName }}</td>
+          <td class="text-center" v-if="item.preDegrees" style="border: 0px;">
+            {{ dateFormat(item.startTime) }}{{ $t('printPayFeeXinShiDai.to') }}{{ dateFormat(item.endTime) }}<br />
+            {{ item.preDegrees }} {{ $t('printPayFeeXinShiDai.to') }} {{ item.curDegrees }}
+          </td>
+          <!-- 根据山东需求 如果为押金时 显示为无-->
+          <td class="text-center" style="border: 0px;" v-else-if="item.feeTypeCd == '888800010006'">
+            {{ $t('printPayFeeXinShiDai.none') }}
+          </td>
+          <td class="text-center" style="border: 0px;" v-else>
+            {{ dateFormat(item.startTime) }}{{ $t('printPayFeeXinShiDai.to') }}{{ dateFormat(item.endTime) }}
+          </td>
+          <td class="text-center" style="border: 0px;">{{ item.discountPrice || 0 }}</td>
+          <td class="text-left" style="border: 0px;">{{ item.amount }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;">
+            ({{ $t('printPayFeeXinShiDai.capitalFormat') }}){{ changeNumMoneyToChinese(printPayFeeInfo.amount) }}
+          </td>
+          <td class="text-center" style="border: 0px;">: </td>
+          <td colspan="1" class="text-left" style="border: 0px;">{{ printPayFeeInfo.amount }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;"></td>
+          <td colspan="1" class="text-center" style="border: 0px;">{{ printPayFeeInfo.feeTime }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;">{{ $t('printPayFeeXinShiDai.receiptNum') }}</td>
+          <td colspan="1" class="text-center" style="border: 0px;">{{ printPayFeeInfo.receiptNum }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;" v-if="printPayFeeInfo.carName">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;">{{ $t('printPayFeeXinShiDai.vehicle') }}</td>
+          <td colspan="1" class="text-center" style="border: 0px;">{{ printPayFeeInfo.carName }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;"></td>
+          <td colspan="1" class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+        <tr style="border: 0px;">
+          <td class="text-center" style="border: 0px;"></td>
+          <td class="text-center" style="border: 0px;"></td>
+          <td colspan="1" class="text-center" style="border: 0px;">{{ printPayFeeInfo.userName }}</td>
+          <td class="text-center" style="border: 0px;"></td>
+        </tr>
+      </tbody>
+    </table>
+
+    <el-row id="print-btn">
+      <el-col :span="24" class="text-right">
+        <el-button type="primary" class="float-right" @click="handlePrint">
+          <i class="fa fa-check"></i>&nbsp;{{ $t('common.print') }}
+        </el-button>
+        <el-button type="warning" class="float-right" style="margin-right:20px;" @click="handleClose">
+          {{ $t('common.cancel') }}
+        </el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getCommunityId, getCommunityName } from '@/api/community/communityApi'
+import { queryFeeReceipt, queryFeeReceiptDetail, queryFeeDetailDiscount, queryOwnerCars } from '@/api/fee/printPayFeeApi'
+import { getUserName } from '@/api/user/userApi'
+import { dateFormat } from '@/utils/dateUtil'
+import { changeNumMoneyToChinese } from '@/utils/moneyUtil'
+
+export default {
+  name: 'PrintPayFeeXinShiDai',
+  data() {
+    return {
+      printPayFeeInfo: {
+        communityName: '',
+        receiptId: '',
+        receiptIds: '',
+        roomName: '',
+        amount: 0.00,
+        fees: [],
+        feeTime: '',
+        wechatName: '',
+        content: '',
+        qrImg: '',
+        payObjName: '',
+        feeReceipt: [],
+        apply: 'N',
+        userName: '',
+        receiptNum: '',
+        carName: ''
+      },
+      printFlag: '0',
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.printPayFeeInfo.userName = getUserName()
+    this.initData()
+  },
+  methods: {
+    initData() {
+      this.printPayFeeInfo.receiptId = this.$route.query.receiptId
+      this.printPayFeeInfo.receiptIds = this.$route.query.receiptIds
+      this.printPayFeeInfo.apply = this.$route.query.apply || 'N'
+      this.printPayFeeInfo.communityName = getCommunityName()
+
+      this.loadReceipt()
+    },
+    loadReceipt() {
+      const params = {
+        page: 1,
+        row: 30,
+        receiptId: this.printPayFeeInfo.receiptId,
+        receiptIds: this.printPayFeeInfo.receiptIds,
+        communityId: this.communityId
+      }
+
+      queryFeeReceipt(params).then(response => {
+        const feeReceipt = response.data
+        let amount = 0
+        feeReceipt.forEach(item => {
+          amount += parseFloat(item.amount)
+        })
+
+        this.printPayFeeInfo.amount = amount.toFixed(2)
+        this.printPayFeeInfo.roomName = feeReceipt[0].objName
+        this.printPayFeeInfo.feeTime = feeReceipt[0].createTime
+        this.printPayFeeInfo.payObjName = feeReceipt[0].payObjName
+        this.printPayFeeInfo.feeReceipt = feeReceipt
+
+        this.loadReceiptDetail()
+
+        // 如果是车位，查询车辆信息
+        if (feeReceipt[0].objType == '6666') {
+          this.printPayFeeInfo.carName = feeReceipt[0].objName
+          this.listOwnerCar(feeReceipt[0].objId)
+        }
+      }).catch(error => {
+        console.error('请求失败处理', error)
+      })
+    },
+    loadReceiptDetail() {
+      const params = {
+        page: 1,
+        row: 100,
+        receiptId: this.printPayFeeInfo.receiptId,
+        receiptIds: this.printPayFeeInfo.receiptIds,
+        communityId: this.communityId
+      }
+
+      queryFeeReceiptDetail(params).then(response => {
+        const feeReceiptDetails = response.data
+        console.log('收据详情数据:', feeReceiptDetails)
+        this.printPayFeeInfo.receiptNum = feeReceiptDetails[0].receiptId + "(" + feeReceiptDetails[0].payOrderId + ")"
+
+        feeReceiptDetails.forEach(item => {
+          console.log('费用项数据:', item)
+          this.printPayFeeInfo.feeReceipt.forEach(im => {
+            if (item.receiptId == im.receiptId) {
+              item.objName = im.objName
+              item.feeTypeCd = im.feeTypeCd
+            }
+          })
+          // 查询滞纳金折扣信息
+          this.loadFeeDetailDiscount(item.detailId, item)
+        })
+        
+        // 使用 Vue.set 确保响应式
+        this.$set(this.printPayFeeInfo, 'fees', feeReceiptDetails)
+
+        // 延迟刷新以确保折扣信息加载完成
+        setTimeout(() => {
+          console.log('强制更新前的fees:', this.printPayFeeInfo.fees)
+          this.$forceUpdate()
+        }, 2000)
+      }).catch(error => {
+        console.error('请求失败处理', error)
+      })
+    },
+    loadFeeDetailDiscount(detailId, item) {
+      const params = {
+        page: 1,
+        row: 100,
+        detailId: detailId
+      }
+
+      queryFeeDetailDiscount(params).then(response => {
+        const feeReceiptDetails = response.data
+        if (feeReceiptDetails && feeReceiptDetails.length > 0) {
+          feeReceiptDetails.forEach(data => {
+            if (data.discountType == '2002') {
+              this.$set(item, 'discountPrice', parseFloat(data.discountPrice) * -1)
+            } else {
+              this.$set(item, 'discountPrice', 0)
+            }
+          })
+        } else {
+          this.$set(item, 'discountPrice', 0)
+        }
+      }).catch(error => {
+        console.error('查询折扣失败', error)
+        this.$set(item, 'discountPrice', 0)
+      })
+    },
+    listOwnerCar(carId) {
+      const params = {
+        page: 1,
+        row: 1,
+        carId: carId
+      }
+
+      queryOwnerCars(params).then(response => {
+        const ownerCar = response.data[0]
+        if (ownerCar && ownerCar.roomName) {
+          const roomName = ownerCar.roomName.replace('栋', '-').replace("单元", '-').replace('室', '')
+          this.$set(this.printPayFeeInfo.feeReceipt[0], 'objName', roomName)
+        }
+      }).catch(error => {
+        console.error('查询车位房屋失败', error)
+      })
+    },
+    dateFormat(date) {
+      if (!date) return ''
+      return dateFormat(date)
+    },
+    changeNumMoneyToChinese,
+    handlePrint() {
+      this.printFlag = '1'
+      console.log('printFlag:', this.printFlag)
+      document.getElementById("print-btn").style.display = "none"
+      window.print()
+      window.opener = null
+      window.close()
+    },
+    handleClose() {
+      window.opener = null
+      window.close()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.print-pay-fee-xinshidai-container {
+  padding: 20px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+  border-collapse: collapse;
+}
+
+@media print {
+  #print-btn {
+    display: none !important;
+  }
+}
+</style>
+
diff --git a/src/views/fee/printPayFeeXinShiDaiLang.js b/src/views/fee/printPayFeeXinShiDaiLang.js
new file mode 100644
index 0000000..d082595
--- /dev/null
+++ b/src/views/fee/printPayFeeXinShiDaiLang.js
@@ -0,0 +1,29 @@
+export const messages = {
+  en: {
+    printPayFeeXinShiDai: {
+      feeItem: 'Fee Item',
+      summary: 'Summary',
+      lateFee: 'Late Fee',
+      amount: 'Amount',
+      to: ' to ',
+      none: 'None',
+      capitalFormat: 'Capital',
+      receiptNum: 'Receipt No.',
+      vehicle: 'Vehicle'
+    }
+  },
+  zh: {
+    printPayFeeXinShiDai: {
+      feeItem: '收费项目',
+      summary: '摘要',
+      lateFee: '滞纳金',
+      amount: '金额',
+      to: '至',
+      none: '无',
+      capitalFormat: '大写',
+      receiptNum: '单号',
+      vehicle: '车辆'
+    }
+  }
+}
+
diff --git a/src/views/user/login/Login.vue b/src/views/user/login/Login.vue
index 22a9671..981d0ae 100644
--- a/src/views/user/login/Login.vue
+++ b/src/views/user/login/Login.vue
@@ -44,8 +44,8 @@ export default {
       logo: '',
       companyName:'',
       loginForm: {
-        username: '',
-        passwd: '',
+        username: 'wuxw',
+        passwd: 'admin',
         validateCode: ''
       },
       captchaUrl: '',
--
libgit2 0.21.4