费用详情页面开发完成

wuxw
1 parent f80ea09a
Showing 12 changed files with 129 additions and 273 deletions
src/api/fee/feeDetailConfigApi.js
src/components/fee/FeeDetailFeeObj.vue
src/components/fee/feeDetailConfig.vue
src/components/fee/feeDetailDiscount.vue
src/components/fee/feeDetailHis.vue
src/components/fee/feeDetailImport.vue
src/components/fee/feeDetailMeter.vue
src/components/fee/feeDetailOwner.vue
src/components/fee/feeDetailReceipt.vue
src/components/oa/newOaWorkflowPool.vue
src/views/fee/feeDetail.vue
src/views/fee/feeDetailLang.js
@@ -12,11 +12,9 @@ export function listFeeConfigs(params) {
       }
     }).then(response => {
       const res = response.data
-      if (res.code == 0) {
+
         resolve(res)
-      } else {
-        reject(new Error(res.msg || 'Failed to list fee configs'))
-      }
+
     }).catch(error => {
       reject(error)
     })
@@ -53,6 +53,10 @@ export default {
     }
   },
   methods: {
+    open(params) {
+      this.configId = params.configId
+      this.loadData()
+    },
     switchTab(params) {
       this.configId = params.configId
       this.loadData()
@@ -5,29 +5,33 @@
         <el-table-column prop="feeTypeCdName" :label="$t('feeDetailConfig.feeType')" align="center"></el-table-column>
         <el-table-column prop="feeName" :label="$t('feeDetailConfig.feeItem')" align="center"></el-table-column>
         <el-table-column prop="feeFlagName" :label="$t('feeDetailConfig.feeFlag')" align="center"></el-table-column>
-        <el-table-column prop="billTypeName" :label="$t('feeDetailConfig.reminderType')" align="center"></el-table-column>
+        <el-table-column prop="billTypeName" :label="$t('feeDetailConfig.reminderType')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('feeDetailConfig.paymentType')" align="center">
           <template slot-scope="scope">
-            {{scope.row.paymentCd == '1200' ? $t('feeDetailConfig.prepaid') : $t('feeDetailConfig.postpaid')}}
+            {{ scope.row.paymentCd == '1200' ? $t('feeDetailConfig.prepaid') : $t('feeDetailConfig.postpaid') }}
           </template>
         </el-table-column>
-        <el-table-column prop="paymentCycle" :label="$t('feeDetailConfig.paymentCycle')" align="center"></el-table-column>
+        <el-table-column prop="paymentCycle" :label="$t('feeDetailConfig.paymentCycle')"
+          align="center"></el-table-column>
         <el-table-column prop="units" :label="$t('feeDetailConfig.unit')" align="center"></el-table-column>
-        <el-table-column prop="computingFormulaName" :label="$t('feeDetailConfig.formula')" align="center"></el-table-column>
+        <el-table-column prop="computingFormulaName" :label="$t('feeDetailConfig.formula')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('feeDetailConfig.unitPrice')" align="center">
           <template slot-scope="scope">
-            {{scope.row.computingFormula == '2002' ? '-' : scope.row.squarePrice}}
+            {{ scope.row.computingFormula == '2002' ? '-' : scope.row.squarePrice }}
           </template>
         </el-table-column>
-        <el-table-column prop="additionalAmount" :label="$t('feeDetailConfig.additionalFee')" align="center"></el-table-column>
+        <el-table-column prop="additionalAmount" :label="$t('feeDetailConfig.additionalFee')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('feeDetailConfig.accountDeduction')" align="center">
           <template slot-scope="scope">
-            {{scope.row.deductFrom == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no')}}
+            {{ scope.row.deductFrom == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no') }}
           </template>
         </el-table-column>
         <el-table-column :label="$t('feeDetailConfig.mobilePayment')" align="center">
           <template slot-scope="scope">
-            {{scope.row.payOnline == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no')}}
+            {{ scope.row.payOnline == 'Y' ? $t('feeDetailConfig.yes') : $t('feeDetailConfig.no') }}
           </template>
         </el-table-column>
         <el-table-column prop="scale" :label="$t('feeDetailConfig.decimalPlaces')" align="center"></el-table-column>
@@ -36,12 +40,8 @@
       <el-row class="margin-top">
         <el-col :span="12"></el-col>
         <el-col :span="12">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="pagination.currentPage"
-            :page-size="pagination.pageSize"
-            layout="total, prev, pager, next"
-            :total="pagination.total">
+          <el-pagination @current-change="handleCurrentChange" :current-page="pagination.currentPage"
+            :page-size="pagination.pageSize" layout="total, prev, pager, next" :total="pagination.total">
           </el-pagination>
         </el-col>
       </el-row>
@@ -104,6 +104,7 @@
 <script>
 import { queryApplyRoomDiscount } from '@/api/fee/feeDetailDiscountApi'
+import { getCommunityId } from '@/api/community/communityApi' 
 export default {
   name: 'FeeDetailDiscount',
@@ -130,7 +131,7 @@ export default {
     async _loadFeeDetailDiscountData(page, row) {
       try {
         const params = {
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           feeId: this.feeDetailDiscountInfo.feeId,
           page,
           row
@@ -4,61 +4,29 @@
       <el-col :span="24" class="text-right"></el-col>
     </el-row>
     <div class="margin-top">
-      <el-table
-        :data="feeDetailHisInfo.fees"
-        border
-        style="width: 100%"
-      >
-        <el-table-column
-          prop="feeName"
-          :label="$t('feeDetailHis.feeName')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{row.feeName}}
-            <span v-if="row.payerObjName">({{row.payerObjName}})</span>
+      <el-table :data="feeDetailHisInfo.fees" border style="width: 100%">
+        <el-table-column prop="feeName" :label="$t('feeDetailHis.feeName')" align="center">
+          <template #default="{ row }">
+            {{ row.feeName }}
+            <span v-if="row.payerObjName">({{ row.payerObjName }})</span>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="startTime"
-          :label="$t('feeDetailHis.startTime')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="endTime"
-          :label="$t('feeDetailHis.endTime')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          :label="$t('feeDetailHis.operation')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{_getFeeHisOperate(row)}}
+        <el-table-column prop="startTime" :label="$t('feeDetailHis.startTime')" align="center"></el-table-column>
+        <el-table-column prop="endTime" :label="$t('feeDetailHis.endTime')" align="center"></el-table-column>
+        <el-table-column :label="$t('feeDetailHis.operation')" align="center">
+          <template #default="{ row }">
+            {{ _getFeeHisOperate(row) }}
           </template>
         </el-table-column>
-        <el-table-column
-          prop="userName"
-          :label="$t('feeDetailHis.operator')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="createTime"
-          :label="$t('feeDetailHis.operationTime')"
-          align="center"
-        ></el-table-column>
+        <el-table-column prop="userName" :label="$t('feeDetailHis.operator')" align="center"></el-table-column>
+        <el-table-column prop="createTime" :label="$t('feeDetailHis.operationTime')" align="center"></el-table-column>
       </el-table>
       <el-row class="margin-top">
         <el-col :span="4"></el-col>
         <el-col :span="20">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total"
-          ></el-pagination>
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next, jumper" :total="total"></el-pagination>
         </el-col>
       </el-row>
     </div>
@@ -67,6 +35,7 @@
 <script>
 import { queryHisFee } from '@/api/fee/feeDetailHisApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'FeeDetailHis',
@@ -98,7 +67,7 @@ export default {
     async _loadFeeDetailHisData(page, row) {
       try {
         const params = {
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           feeId: this.feeDetailHisInfo.feeId,
           staffNameLike: this.feeDetailHisInfo.staffNameLike,
           feeNameLike: this.feeDetailHisInfo.feeNameLike,
@@ -108,7 +77,7 @@ export default {
           page,
           row
         }
-        
+
         const res = await queryHisFee(params)
         this.feeDetailHisInfo.fees = res.data
         this.total = res.records
@@ -123,13 +92,13 @@ export default {
           feeCount += 1
         }
       })
-      
+
       if (feeCount <= 1) {
         if (fee.operate === 'ADD') return this.$t('feeDetailHis.add')
         if (fee.operate === 'DEL') return this.$t('feeDetailHis.delete')
         return '-'
       }
-      
+
       if (fee.operate === 'ADD') return this.$t('feeDetailHis.modifyNew')
       if (fee.operate === 'DEL') return this.$t('feeDetailHis.modifyOld')
       return '-'
@@ -77,6 +77,7 @@
 <script>
 import { queryImportFeeDetail } from '@/api/fee/feeDetailImportApi'
+import { getCommunityId } from '@/api/community/communityApi' 
 export default {
   name: 'FeeDetailImport',
@@ -103,7 +104,7 @@ export default {
     async _loadFeeDetailImportData(page, row) {
       try {
         const params = {
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           feeId: this.feeDetailImportInfo.feeId,
           page,
           row
@@ -66,6 +66,7 @@
 <script>
 import { listMeterWaters } from '@/api/fee/feeDetailMeterApi'
+import { getCommunityId } from '@/api/community/communityApi'   
 export default {
   name: 'FeeDetailMeter',
@@ -92,7 +93,7 @@ export default {
     async _loadFeeDetailMeterData(page, row) {
       try {
         const params = {
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           feeId: this.feeDetailMeterInfo.feeId,
           page,
           row
 <template>
   <div>
     <div class="margin-top">
-      <el-table
-        :data="feeDetailOwnerInfo.owners"
-        border
-        style="width: 100%"
-      >
-        <el-table-column
-          :label="$t('feeDetailOwner.ownerFace')"
-          align="center"
-        >
-          <template #default="{row}">
-            <el-image
-              style="width: 60px; height: 60px;"
-              class="border-radius"
-              :src="row.url || '/img/noPhoto.jpg'"
-              :preview-src-list="[row.url]"
-              v-if="row.url"
-            ></el-image>
-            <el-image
-              style="width: 60px; height: 60px;"
-              class="border-radius"
-              src="/img/noPhoto.jpg"
-              v-else
-            ></el-image>
+      <el-table :data="feeDetailOwnerInfo.owners" border style="width: 100%">
+        <el-table-column :label="$t('feeDetailOwner.ownerFace')" align="center">
+          <template #default="{ row }">
+            <el-image style="width: 60px; height: 60px;" class="border-radius" :src="row.url || '/img/noPhoto.jpg'"
+              :preview-src-list="[row.url]" v-if="row.url"></el-image>
+            <el-image style="width: 60px; height: 60px;" class="border-radius" src="/img/noPhoto.jpg" v-else></el-image>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="name"
-          :label="$t('feeDetailOwner.name')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{row.name}}({{row.link}})
+        <el-table-column prop="name" :label="$t('feeDetailOwner.name')" align="center">
+          <template #default="{ row }">
+            {{ row.name }}({{ row.link }})
           </template>
         </el-table-column>
-        <el-table-column
-          prop="sex"
-          :label="$t('feeDetailOwner.gender')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{row.sex === 0 ? $t('feeDetailOwner.male') : $t('feeDetailOwner.female')}}
+        <el-table-column prop="sex" :label="$t('feeDetailOwner.gender')" align="center">
+          <template #default="{ row }">
+            {{ row.sex === 0 ? $t('feeDetailOwner.male') : $t('feeDetailOwner.female') }}
           </template>
         </el-table-column>
-        <el-table-column
-          prop="idCard"
-          :label="$t('feeDetailOwner.idCard')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="address"
-          :label="$t('feeDetailOwner.address')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="roomCount"
-          :label="$t('feeDetailOwner.roomCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="idCard" :label="$t('feeDetailOwner.idCard')" align="center"></el-table-column>
+        <el-table-column prop="address" :label="$t('feeDetailOwner.address')" align="center"></el-table-column>
+        <el-table-column prop="roomCount" :label="$t('feeDetailOwner.roomCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewOwnerRooms(row)">
-              {{row.roomCount || 0}}
+              {{ row.roomCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="memberCount"
-          :label="$t('feeDetailOwner.memberCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="memberCount" :label="$t('feeDetailOwner.memberCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewOwnerMembers(row)">
-              {{row.memberCount || 0}}
+              {{ row.memberCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="carCount"
-          :label="$t('feeDetailOwner.carCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="carCount" :label="$t('feeDetailOwner.carCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewOwnerCars(row)">
-              {{row.carCount || 0}}
+              {{ row.carCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="complaintCount"
-          :label="$t('feeDetailOwner.complaintCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="complaintCount" :label="$t('feeDetailOwner.complaintCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewComplaints(row)">
-              {{row.complaintCount || 0}}
+              {{ row.complaintCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="repairCount"
-          :label="$t('feeDetailOwner.repairCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="repairCount" :label="$t('feeDetailOwner.repairCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewRepairs(row)">
-              {{row.repairCount || 0}}
+              {{ row.repairCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="oweFee"
-          :label="$t('feeDetailOwner.oweFee')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="oweFee" :label="$t('feeDetailOwner.oweFee')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewOweFees(row)">
-              {{row.oweFee || '0.00'}}
+              {{ row.oweFee || '0.00' }}
             </el-link>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="contractCount"
-          :label="$t('feeDetailOwner.contractCount')"
-          align="center"
-        >
-          <template #default="{row}">
+        <el-table-column prop="contractCount" :label="$t('feeDetailOwner.contractCount')" align="center">
+          <template #default="{ row }">
             <el-link type="primary" @click="_viewRoomContracts(row)">
-              {{row.contractCount || 0}}
+              {{ row.contractCount || 0 }}
             </el-link>
           </template>
         </el-table-column>
@@ -136,13 +75,8 @@
       <el-row class="margin-top">
         <el-col :span="4"></el-col>
         <el-col :span="20">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total"
-          ></el-pagination>
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next, jumper" :total="total"></el-pagination>
         </el-col>
       </el-row>
     </div>
@@ -166,6 +100,7 @@ import OwnerComplaints from &#39;@/components/owner/ownerComplaints&#39;
 import OwnerRepairs from '@/components/owner/ownerRepairs'
 import OwnerOweFees from '@/components/owner/ownerOweFees'
 import RoomContracts from '@/components/room/roomContracts'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'FeeDetailOwner',
@@ -203,12 +138,12 @@ export default {
       try {
         const params = {
           ownerId: this.feeDetailOwnerInfo.ownerId,
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           ownerTypeCd: '1001',
           page,
           row
         }
-        
+
         const res = await queryOwners(params)
         this.feeDetailOwnerInfo.owners = res.data
         this.total = res.records
 <template>
   <div>
-    <el-row class="margin-top-lg">
-      <el-col :span="12"></el-col>
-      <el-col :span="12" class="text-right">
-        <el-button
-          type="primary"
-          size="small"
-          @click="_printFeeReceipt"
-        >{{ $t('feeDetailReceipt.print') }}</el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="_printFeeSmallReceipt"
-        >{{ $t('feeDetailReceipt.printSmall') }}</el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="_printApplyFeeReceipt"
-        >{{ $t('feeDetailReceipt.printApply') }}</el-button>
-      </el-col>
-    </el-row>
-    
+    <div class="flex justify-between">
+      <div ></div>
+      <div  class="text-right">
+        <el-button type="primary" size="small" @click="_printFeeReceipt">{{ $t('feeDetailReceipt.print') }}</el-button>
+        <el-button type="primary" size="small" @click="_printFeeSmallReceipt">{{ $t('feeDetailReceipt.printSmall')
+          }}</el-button>
+        <el-button type="primary" size="small" @click="_printApplyFeeReceipt">{{ $t('feeDetailReceipt.printApply')
+          }}</el-button>
+      </div>
+    </div>
+
     <div class="margin-top">
-      <el-table
-        :data="feeDetailReceiptInfo.feeReceipts"
-        border
-        style="width: 100%"
-      >
-        <el-table-column
-          width="60"
-          align="center"
-        >
+      <el-table :data="feeDetailReceiptInfo.feeReceipts" border style="width: 100%">
+        <el-table-column width="60" align="center">
           <template #header>
-            <el-checkbox
-              v-model="feeDetailReceiptInfo.quan"
-              @change="checkAllReceipt"
-            ></el-checkbox>
+            <el-checkbox v-model="feeDetailReceiptInfo.quan" @change="checkAllReceipt"></el-checkbox>
           </template>
-          <template #default="{row}">
-            <el-checkbox
-              v-model="feeDetailReceiptInfo.selectReceipts"
-              :label="row.receiptId"
-            ></el-checkbox>
+          <template #default="{ row }">
+            <el-checkbox v-model="feeDetailReceiptInfo.selectReceipts" :label="row.receiptId"></el-checkbox>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="objName"
-          :label="$t('feeDetailReceipt.feeType')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="payObjName"
-          :label="$t('feeDetailReceipt.owner')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="feeName"
-          :label="$t('feeDetailReceipt.feeItem')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          :label="$t('feeDetailReceipt.feePeriod')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{$dayjs(row.startTime).format('YYYY-MM-DD')}}~<br/>
-            {{$dayjs(row.endTime).format('YYYY-MM-DD')}}
+        <el-table-column prop="objName" :label="$t('feeDetailReceipt.feeType')" align="center"></el-table-column>
+        <el-table-column prop="payObjName" :label="$t('feeDetailReceipt.owner')" align="center"></el-table-column>
+        <el-table-column prop="feeName" :label="$t('feeDetailReceipt.feeItem')" align="center"></el-table-column>
+        <el-table-column :label="$t('feeDetailReceipt.feePeriod')" align="center">
+          <template #default="{ row }">
+            {{ $dayjs(row.startTime).format('YYYY-MM-DD') }}~<br />
+            {{ $dayjs(row.endTime).format('YYYY-MM-DD') }}
           </template>
         </el-table-column>
-        <el-table-column
-          prop="amount"
-          :label="$t('feeDetailReceipt.totalAmount')"
-          align="center"
-        >
-          <template #default="{row}">
-            {{row.amount}}{{$t('feeDetailReceipt.yuan')}}
+        <el-table-column prop="amount" :label="$t('feeDetailReceipt.totalAmount')" align="center">
+          <template #default="{ row }">
+            {{ row.amount }}{{ $t('feeDetailReceipt.yuan') }}
           </template>
         </el-table-column>
-        <el-table-column
-          prop="createTime"
-          :label="$t('feeDetailReceipt.paymentTime')"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="receiptId"
-          :label="$t('feeDetailReceipt.receiptId')"
-          align="center"
-        ></el-table-column>
+        <el-table-column prop="createTime" :label="$t('feeDetailReceipt.paymentTime')" align="center"></el-table-column>
+        <el-table-column prop="receiptId" :label="$t('feeDetailReceipt.receiptId')" align="center"></el-table-column>
       </el-table>
       <el-row class="margin-top">
         <el-col :span="24" class="float-right">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total"
-          ></el-pagination>
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next, jumper" :total="total"></el-pagination>
         </el-col>
       </el-row>
     </div>
@@ -106,6 +51,7 @@
 <script>
 import { queryFeeReceipt, listFeePrintPage } from '@/api/fee/feeDetailReceiptApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'FeeDetailReceipt',
@@ -147,14 +93,14 @@ export default {
       try {
         this.feeDetailReceiptInfo.selectReceipts = []
         this.feeDetailReceiptInfo.quan = false
-        
+
         const params = {
           page,
           row: rows,
           feeId: this.feeDetailReceiptInfo.feeId,
-          communityId: this.$store.getters.communityId
+          communityId: getCommunityId()
         }
-        
+
         const res = await queryFeeReceipt(params)
         this.feeDetailReceiptInfo.total = res.total
         this.feeDetailReceiptInfo.records = res.records
@@ -168,7 +114,7 @@ export default {
         this.$message.warning(this.$t('feeDetailReceipt.selectPrintReceipt'))
         return
       }
-      
+
       const receiptIds = this.feeDetailReceiptInfo.selectReceipts.join(',')
       window.open(`${this.feeDetailReceiptInfo.printUrl}?receiptIds=${receiptIds}&apply=N`)
     },
@@ -177,7 +123,7 @@ export default {
         this.$message.warning(this.$t('feeDetailReceipt.selectPrintApply'))
         return
       }
-      
+
       const receiptIds = this.feeDetailReceiptInfo.selectReceipts.join(',')
       window.open(`/print.html#/pages/property/printPayFee?receiptIds=${receiptIds}&apply=Y`)
     },
@@ -186,7 +132,7 @@ export default {
         this.$message.warning(this.$t('feeDetailReceipt.selectPrintReceipt'))
         return
       }
-      
+
       const receiptIds = this.feeDetailReceiptInfo.selectReceipts.join(',')
       window.open(`/smallPrint.html#/pages/property/printSmallPayFee?receiptIds=${receiptIds}`)
     },
@@ -203,9 +149,9 @@ export default {
           page: 1,
           row: 1,
           state: 'T',
-          communityId: this.$store.getters.communityId
+          communityId: getCommunityId()
         }
-        
+
         const res = await listFeePrintPage(params)
         if (res.data && res.data.length > 0) {
           this.feeDetailReceiptInfo.printUrl = res.data[0].url
@@ -71,6 +71,7 @@
 <script>
 import { queryOaWorkflowForm, queryOaWorkflowFormData } from '@/api/oa/newOaWorkflowApi'
 import ViewImage from '@/components/system/viewImage'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'NewOaWorkflowPool',
@@ -155,7 +156,7 @@ export default {
     async openNewOaWorkflowPoolImg(pool) {
       try {
         const res = await this.$api.workflow.listRunWorkflowImage({
-          communityId: this.$store.getters.communityId,
+          communityId: getCommunityId(),
           businessKey: pool.id
         })
         if (res.code !== '0') {
@@ -50,7 +50,7 @@
               <el-col :span="6">
                 <div class="form-group">
                   <label class="col-form-label">
-                    {{ $t('feeDetail.feeItem') }}
+                    {{ $t('feeDetail.feeItem') }}：
                   </label>
                   <label>{{ feeDetailInfo.feeName }}</label>
                 </div>
@@ -5,7 +5,7 @@ export const messages = {
       title: 'Fee Information',
       feeId: 'Fee ID:',
       feeFlag: 'Fee Flag:',
-      feeType: 'Fee Type:',
+      feeType: 'Fee Type',
       payerObj: 'Payer:',
       feeItem: 'Fee Item:',
       feeStatus: 'Fee Status:',
@@ -252,7 +252,7 @@ export const messages = {
       feeFlag: '费用标识：',
       feeType: '费用类型：',
       payerObj: '付费对象：',
-      feeItem: '费用项：',
+      feeItem: '费用项',
       feeStatus: '费用状态：',
       createTime: '建账时间：',
       batchId: '批次：',