优化房屋创建费用国际化问题

wuxw
1 parent 316052fa
Showing 1 changed file with 45 additions and 45 deletions
src/views/fee/roomCreateFeeList.vue
@@ -54,61 +54,62 @@
           </div>
           <el-tabs v-model="roomCreateFeeInfo._currentTab" @tab-click="changeTab(roomCreateFeeInfo._currentTab)">
-            <el-tab-pane label="房屋费用" name="simplifyRoomFee" >
-              <simplify-room-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyRoomFee'"
-                ref="simplifyRoomFee" :key="'simplifyRoomFee'+roomCreateFeeInfo.roomId"></simplify-room-fee>
+            <el-tab-pane :label="$t('roomCreateFee.roomFee')" name="simplifyRoomFee">
+              <simplify-room-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyRoomFee'" ref="simplifyRoomFee"
+                :key="'simplifyRoomFee' + roomCreateFeeInfo.roomId"></simplify-room-fee>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="缴费历史" name="simplifyHisFee">
-              <simplify-his-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyHisFee'"
-                ref="simplifyHisFee" :key="'simplifyHisFee'+roomCreateFeeInfo.roomId"></simplify-his-fee>
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.paymentHistory')" name="simplifyHisFee">
+              <simplify-his-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyHisFee'" ref="simplifyHisFee"
+                :key="'simplifyHisFee' + roomCreateFeeInfo.roomId"></simplify-his-fee>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="房屋" name="simplifyOwnerRooms">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.rooms')" name="simplifyOwnerRooms">
               <simplify-owner-rooms v-if="roomCreateFeeInfo._currentTab === 'simplifyOwnerRooms'"
-                ref="simplifyOwnerRooms" :key="'simplifyOwnerRooms'+roomCreateFeeInfo.roomId"></simplify-owner-rooms>
+                ref="simplifyOwnerRooms" :key="'simplifyOwnerRooms' + roomCreateFeeInfo.roomId"></simplify-owner-rooms>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="业主" name="carDetailOwner">
-              <car-detail-owner v-if="roomCreateFeeInfo._currentTab === 'carDetailOwner'"
-                ref="carDetailOwner" :key="'carDetailOwner'+roomCreateFeeInfo.roomId"></car-detail-owner>
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.owner')" name="carDetailOwner">
+              <car-detail-owner v-if="roomCreateFeeInfo._currentTab === 'carDetailOwner'" ref="carDetailOwner"
+                :key="'carDetailOwner' + roomCreateFeeInfo.roomId"></car-detail-owner>
             </el-tab-pane>
-            <el-tab-pane label="催缴" name="simplifyCallable">
-              <simplify-callable v-if="roomCreateFeeInfo._currentTab === 'simplifyCallable'"
-                ref="simplifyCallable" :key="'simplifyCallable'+roomCreateFeeInfo.roomId"></simplify-callable>
+            <el-tab-pane :label="$t('roomCreateFee.callable')" name="simplifyCallable">
+              <simplify-callable v-if="roomCreateFeeInfo._currentTab === 'simplifyCallable'" ref="simplifyCallable"
+                :key="'simplifyCallable' + roomCreateFeeInfo.roomId"></simplify-callable>
             </el-tab-pane>
-            <el-tab-pane label="补打收据" v-if="hasPrivilege('502020092373407363')" name="simplifyFeeReceipt" >
+            <el-tab-pane :label="$t('roomCreateFee.receiptReprint')" v-if="hasPrivilege('502020092373407363')" name="simplifyFeeReceipt">
               <simplify-fee-receipt v-if="roomCreateFeeInfo._currentTab === 'simplifyFeeReceipt'"
-                ref="simplifyFeeReceipt" :key="'simplifyFeeReceipt'+roomCreateFeeInfo.roomId"></simplify-fee-receipt>
+                ref="simplifyFeeReceipt" :key="'simplifyFeeReceipt' + roomCreateFeeInfo.roomId"></simplify-fee-receipt>
             </el-tab-pane>
-            <el-tab-pane label="抄表记录" name="simplifyMeterWaterLog">
+            <el-tab-pane :label="$t('roomCreateFee.meterReadingRecords')" name="simplifyMeterWaterLog">
               <simplify-meter-water-log v-if="roomCreateFeeInfo._currentTab === 'simplifyMeterWaterLog'"
-                ref="simplifyMeterWaterLog" :key="'simplifyMeterWaterLog'+roomCreateFeeInfo.roomId"></simplify-meter-water-log>
+                ref="simplifyMeterWaterLog"
+                :key="'simplifyMeterWaterLog' + roomCreateFeeInfo.roomId"></simplify-meter-water-log>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="预存账户" name="ownerDetailAccount">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidAccount')" name="ownerDetailAccount">
               <owner-detail-account v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccount'"
-                ref="ownerDetailAccount" :key="'ownerDetailAccount'+roomCreateFeeInfo.roomId"></owner-detail-account>
+                ref="ownerDetailAccount" :key="'ownerDetailAccount' + roomCreateFeeInfo.roomId"></owner-detail-account>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" label="预存补打" name="ownerDetailAccountReceipt">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidReprint')" name="ownerDetailAccountReceipt">
               <owner-detail-account-receipt v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccountReceipt'"
-                ref="ownerDetailAccountReceipt" :key="'ownerDetailAccountReceipt'+roomCreateFeeInfo.roomId"></owner-detail-account-receipt>
+                ref="ownerDetailAccountReceipt"
+                :key="'ownerDetailAccountReceipt' + roomCreateFeeInfo.roomId"></owner-detail-account-receipt>
             </el-tab-pane>
-            <el-tab-pane label="押金" name="simplifyRefundDeposit">
+            <el-tab-pane :label="$t('roomCreateFee.deposit')" name="simplifyRefundDeposit">
               <simplify-refund-deposit v-if="roomCreateFeeInfo._currentTab === 'simplifyRefundDeposit'"
-                ref="simplifyRefundDeposit" :key="'simplifyRefundDeposit'+roomCreateFeeInfo.roomId"></simplify-refund-deposit>
+                ref="simplifyRefundDeposit"
+                :key="'simplifyRefundDeposit' + roomCreateFeeInfo.roomId"></simplify-refund-deposit>
             </el-tab-pane>
-            <el-tab-pane label="账单规则" name="feeDetailFeeRule">
-              <fee-detail-fee-rule v-if="roomCreateFeeInfo._currentTab === 'feeDetailFeeRule'"
-                ref="feeDetailFeeRule" :key="'feeDetailFeeRule'+roomCreateFeeInfo.roomId"></fee-detail-fee-rule>
+            <el-tab-pane :label="$t('roomCreateFee.billingRules')" name="feeDetailFeeRule">
+              <fee-detail-fee-rule v-if="roomCreateFeeInfo._currentTab === 'feeDetailFeeRule'" ref="feeDetailFeeRule"
+                :key="'feeDetailFeeRule' + roomCreateFeeInfo.roomId"></fee-detail-fee-rule>
             </el-tab-pane>
-            <el-tab-pane label="费用账单" name="feeDetailRuleBill">
-              <fee-detail-rule-bill v-if="roomCreateFeeInfo._currentTab === 'feeDetailRuleBill'"
-                ref="feeDetailRuleBill" :key="'feeDetailRuleBill'+roomCreateFeeInfo.roomId"></fee-detail-rule-bill>
+            <el-tab-pane :label="$t('roomCreateFee.feeBills')" name="feeDetailRuleBill">
+              <fee-detail-rule-bill v-if="roomCreateFeeInfo._currentTab === 'feeDetailRuleBill'" ref="feeDetailRuleBill"
+                :key="'feeDetailRuleBill' + roomCreateFeeInfo.roomId"></fee-detail-rule-bill>
             </el-tab-pane>
           </el-tabs>
         </el-card>
       </el-col>
     </el-row>
-
-    
     <export-fee-import-excel ref="exportFeeImportExcel"></export-fee-import-excel>
     <do-import-create-fee ref="doImportCreateFee"></do-import-create-fee>
     <download-collection-letter-order ref="downloadCollectionLetterOrder"></download-collection-letter-order>
@@ -132,7 +133,6 @@ import SimplifyRefundDeposit from &#39;@/components/fee/simplifyRefundDeposit&#39;
 import FeeDetailFeeRule from '@/components/fee/feeDetailFeeRule'
 import FeeDetailRuleBill from '@/components/fee/feeDetailRuleBill'
-
 import ExportFeeImportExcel from '@/components/fee/exportFeeImportExcel'
 import DoImportCreateFee from '@/components/fee/doImportCreateFee'
 import DownloadCollectionLetterOrder from '@/components/fee/downloadCollectionLetterOrder'
@@ -158,7 +158,6 @@ export default {
     FeeDetailFeeRule,
     FeeDetailRuleBill,
-
     ExportFeeImportExcel,
     DoImportCreateFee,
     DownloadCollectionLetterOrder
@@ -236,7 +235,7 @@ export default {
         Object.assign(this.roomCreateFeeInfo, room)
         this.changeTab('simplifyRoomFee')
       } catch (error) {
-        console.error('请求失败:', error)
+        console.error('Request failed:', error)
       }
     },
     _inputRoomByOwner() {
@@ -267,10 +266,10 @@ export default {
       this.roomCreateFeeInfo._currentTab = tab
       setTimeout(() => {
         if (this.$refs[tab]) {
-          if(tab === 'ownerDetailAccount' || tab === 'ownerDetailAccountReceipt') {
+          if (tab === 'ownerDetailAccount' || tab === 'ownerDetailAccountReceipt') {
             this.$refs[tab].open(this.roomCreateFeeInfo.ownerId, this.roomCreateFeeInfo.ownerName, this.roomCreateFeeInfo.roomId)
             return;
-          } 
+          }
           this.$refs[tab].open({
             ownerId: this.roomCreateFeeInfo.ownerId,
             ownerName: this.roomCreateFeeInfo.ownerName,
@@ -288,7 +287,7 @@ export default {
         JSON.stringify({
           searchType: '1',
           searchValue: `${this.roomCreateFeeInfo.floorNum}-${this.roomCreateFeeInfo.unitNum}-${this.roomCreateFeeInfo.roomNum}`,
-          searchPlaceholder: '请输入房屋编号 楼栋-单元-房屋 如1-1-1'
+          searchPlaceholder: this.$t('inputSearchRoomDemo.searchPlaceholder')
         })
       )
       this.$router.push('/pages/property/simplifyAcceptance?tab=业务受理')
@@ -323,13 +322,14 @@ export default {
 .app-container {
   padding: 20px;
 }
-  .tree-container {
-    min-height: 450px;
-    overflow-y: auto;
-    background: #fff;
-    padding: 10px;
-    border-radius: 4px;
-  }
+
+.tree-container {
+  min-height: 450px;
+  overflow-y: auto;
+  background: #fff;
+  padding: 10px;
+  border-radius: 4px;
+}
 .header-tools {
   float: right;