开发完成车辆详情页面

wuxw
1 parent 6d21390a
Showing 12 changed files with 227 additions and 215 deletions
src/api/car/carDetailTransactionCarApi.js
src/api/owner/ownerDetailRoomApi.js
src/components/car/addCarModal.vue
src/components/car/carDetailApplyParkingSpace.vue
src/components/car/carDetailCarInout.vue
src/components/car/carDetailCoupon.vue
src/components/car/carDetailCouponOrder.vue
src/components/car/carDetailMember.vue
src/components/car/carDetailTransactionCar.vue
src/components/owner/ownerDetailRoom.vue
src/components/system/carDetailHis.vue
src/views/car/carDetail.vue
@@ -8,11 +8,8 @@ export function getMachineTranslates(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
         resolve(res)
-      } else {
-        reject(new Error(res.msg || '获取同步记录失败'))
-      }
+
     }).catch(error => {
       reject(error)
     })
@@ -8,11 +8,7 @@ export function queryRoomsByOwner(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
         resolve(res)
-      } else {
-        reject(new Error(res.msg || 'Failed to query rooms by owner'))
-      }
     }).catch(error => {
       reject(error)
     })
 <template>
   <el-dialog :title="$t('addCarModal.addCar')" :visible.sync="visible" width="50%">
     <el-form :model="addCarModelInfo" :rules="rules" ref="addCarForm">
-      <el-form-item :label="$t('addCarModal.licensePlate')" prop="carNum">
-        <el-input v-model="addCarModelInfo.carNum" :placeholder="$t('addCarModal.licensePlateRequired')"></el-input>
+      <el-form-item :label="$t('listOwnerCar.carNum')" prop="carNum">
+        <el-input v-model="addCarModelInfo.carNum" :placeholder="$t('listOwnerCar.carNum')"></el-input>
       </el-form-item>
-      <el-form-item :label="$t('addCarModal.carBrand')" prop="carBrand">
-        <el-input v-model="addCarModelInfo.carBrand" :placeholder="$t('addCarModal.carBrandRequired')"></el-input>
+      <el-form-item :label="$t('listOwnerCar.carBrand')" prop="carBrand">
+        <el-input v-model="addCarModelInfo.carBrand" :placeholder="$t('listOwnerCar.carBrand')"></el-input>
       </el-form-item>
-      <el-form-item :label="$t('addCarModal.carType')" prop="carType">
-        <el-select v-model="addCarModelInfo.carType" :placeholder="$t('addCarModal.carTypeRequired')"
+      <el-form-item :label="$t('listOwnerCar.carType')" prop="carType">
+        <el-select v-model="addCarModelInfo.carType" :placeholder="$t('listOwnerCar.carType')"
           style="width:100%">
           <el-option v-for="carType in carTypes" :key="carType.statusCd" :label="carType.name"
             :value="carType.statusCd"></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('addCarModal.color')" prop="carColor">
-        <el-input v-model="addCarModelInfo.carColor" :placeholder="$t('addCarModal.colorRequired')"></el-input>
+      <el-form-item :label="$t('listOwnerCar.color')" prop="carColor">
+        <el-input v-model="addCarModelInfo.carColor" :placeholder="$t('listOwnerCar.carColor')"></el-input>
       </el-form-item>
-      <el-form-item :label="$t('addCarModal.remark')">
-        <el-input type="textarea" v-model="addCarModelInfo.remark" :placeholder="$t('addCarModal.remarkPlaceholder')"
+      <el-form-item :label="$t('listOwnerCar.remark')">
+        <el-input type="textarea" v-model="addCarModelInfo.remark" :placeholder="$t('listOwnerCar.remark')"
           rows="3"></el-input>
       </el-form-item>
     </el-form>
@@ -3,49 +3,59 @@
     <el-row>
       <el-col :span="24" class="text-right">
         <el-button type="primary" size="small" @click="_openAddParkingSpaceApplyModal">
-          {{$t('carDetailApplyParkingSpace.applyParkingSpace')}}
+          {{ $t('carDetailApplyParkingSpace.applyParkingSpace') }}
         </el-button>
       </el-col>
     </el-row>
     <div class="margin-top">
       <el-table :data="carDetailApplyParkingSpaceInfo.parkingSpaceApplys" border style="width: 100%">
-        <el-table-column prop="applyId" :label="$t('carDetailApplyParkingSpace.applyId')" align="center"></el-table-column>
-        <el-table-column prop="carNum" :label="$t('carDetailApplyParkingSpace.carNum')" align="center"></el-table-column>
+        <el-table-column prop="applyId" :label="$t('carDetailApplyParkingSpace.applyId')"
+          align="center"></el-table-column>
+        <el-table-column prop="carNum" :label="$t('carDetailApplyParkingSpace.carNum')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('carDetailApplyParkingSpace.parkingSpace')" align="center">
           <template slot-scope="scope">
-            {{scope.row.psId ? `${scope.row.areaNum}停车场 - ${scope.row.num}停车位` : $t('carDetailApplyParkingSpace.none')}}
+            {{ scope.row.psId ? `${scope.row.areaNum}停车场 - ${scope.row.num}停车位` : $t('carDetailApplyParkingSpace.none') }}
           </template>
         </el-table-column>
-        <el-table-column prop="carBrand" :label="$t('carDetailApplyParkingSpace.carBrand')" align="center"></el-table-column>
+        <el-table-column prop="carBrand" :label="$t('carDetailApplyParkingSpace.carBrand')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('carDetailApplyParkingSpace.carType')" align="center">
           <template slot-scope="scope">
-            {{_getParkingSpaceApplyCatType(scope.row.carType)}}
+            {{ _getParkingSpaceApplyCatType(scope.row.carType) }}
           </template>
         </el-table-column>
-        <el-table-column prop="carColor" :label="$t('carDetailApplyParkingSpace.color')" align="center"></el-table-column>
-        <el-table-column prop="startTime" :label="$t('carDetailApplyParkingSpace.startTime')" align="center"></el-table-column>
-        <el-table-column prop="endTime" :label="$t('carDetailApplyParkingSpace.endTime')" align="center"></el-table-column>
-        <el-table-column prop="applyPersonName" :label="$t('carDetailApplyParkingSpace.applicant')" align="center"></el-table-column>
-        <el-table-column prop="applyPersonLink" :label="$t('carDetailApplyParkingSpace.phone')" align="center"></el-table-column>
+        <el-table-column prop="carColor" :label="$t('carDetailApplyParkingSpace.color')"
+          align="center"></el-table-column>
+        <el-table-column prop="startTime" :label="$t('carDetailApplyParkingSpace.startTime')"
+          align="center"></el-table-column>
+        <el-table-column prop="endTime" :label="$t('carDetailApplyParkingSpace.endTime')"
+          align="center"></el-table-column>
+        <el-table-column prop="applyPersonName" :label="$t('carDetailApplyParkingSpace.applicant')"
+          align="center"></el-table-column>
+        <el-table-column prop="applyPersonLink" :label="$t('carDetailApplyParkingSpace.phone')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('carDetailApplyParkingSpace.auditResult')" align="center">
           <template slot-scope="scope">
             <el-tag :type="getStateTagType(scope.row.state)">
-              {{_getParkingSpaceApplyState(scope.row.state)}}
+              {{ _getParkingSpaceApplyState(scope.row.state) }}
             </el-tag>
           </template>
         </el-table-column>
         <el-table-column :label="$t('carDetailApplyParkingSpace.operation')" align="center">
           <template slot-scope="scope">
             <el-button-group>
-              <el-button v-if="scope.row.state == '1001'" size="mini" @click="_openAuditParkingSpaceApplyModal(scope.row)">
-                {{$t('carDetailApplyParkingSpace.audit')}}
+              <el-button v-if="scope.row.state == '1001'" size="mini"
+                @click="_openAuditParkingSpaceApplyModal(scope.row)">
+                {{ $t('carDetailApplyParkingSpace.audit') }}
               </el-button>
-              <el-button v-if="scope.row.state == '1001'" size="mini" @click="_openEditParkingSpaceApplyModel(scope.row)">
-                {{$t('carDetailApplyParkingSpace.edit')}}
+              <el-button v-if="scope.row.state == '1001'" size="mini"
+                @click="_openEditParkingSpaceApplyModel(scope.row)">
+                {{ $t('carDetailApplyParkingSpace.edit') }}
               </el-button>
               <el-button size="mini" @click="_openDeleteParkingSpaceApplyModel(scope.row)">
-                {{$t('carDetailApplyParkingSpace.delete')}}
+                {{ $t('carDetailApplyParkingSpace.delete') }}
               </el-button>
             </el-button-group>
           </template>
@@ -54,17 +64,13 @@
       <el-row>
         <el-col :span="16" :offset="8">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total">
+          <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>
-    
+
     <edit-parking-space-apply ref="editParkingSpaceApply"></edit-parking-space-apply>
     <delete-parking-space-apply ref="deleteParkingSpaceApply"></delete-parking-space-apply>
   </div>
@@ -74,6 +80,7 @@
 import { listParkingSpaceApply } from '@/api/car/carDetailApplyParkingSpaceApi'
 import EditParkingSpaceApply from '@/components/property/editParkingSpaceApply'
 import DeleteParkingSpaceApply from '@/components/property/deleteParkingSpaceApply'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailApplyParkingSpace',
@@ -95,6 +102,12 @@ export default {
     }
   },
   methods: {
+    open(data) {
+      this.carDetailApplyParkingSpaceInfo.carId = data.carId
+      this.carDetailApplyParkingSpaceInfo.carNum = data.carNum
+      this.carDetailApplyParkingSpaceInfo.memberId = data.memberId
+      this._loadCarDetailApplyParkingSpaceData(this.currentPage, this.pageSize)
+    },
     switch(data) {
       this.carDetailApplyParkingSpaceInfo.carId = data.carId
       this.carDetailApplyParkingSpaceInfo.carNum = data.carNum
@@ -103,15 +116,15 @@ export default {
     },
     _loadCarDetailApplyParkingSpaceData(page, row) {
       const params = {
-        communityId: this.$store.state.community.communityId,
+        communityId: getCommunityId(),
         carNum: this.carDetailApplyParkingSpaceInfo.carNum,
         page,
         row
       }
       listParkingSpaceApply(params).then(response => {
-        this.carDetailApplyParkingSpaceInfo.parkingSpaceApplys = response.data.data
-        this.total = response.data.total
+        this.carDetailApplyParkingSpaceInfo.parkingSpaceApplys = response.data
+        this.total = response.total
       }).catch(error => {
         console.error('请求失败:', error)
       })
@@ -58,6 +58,7 @@
 <script>
 import { getCarInoutDetail } from '@/api/car/carDetailCarInoutApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailCarInout',
@@ -76,6 +77,13 @@ export default {
     }
   },
   methods: {
+    open(data) {
+      this.carDetailCarInoutInfo.carId = data.carId
+      this.carDetailCarInoutInfo.carNum = data.carNum
+      this.carDetailCarInoutInfo.areaNum = data.areaNum
+      this.carDetailCarInoutInfo.memberId = data.memberId
+      this._loadCarDetailCarInoutData(this.currentPage, this.pageSize)
+    },
     switch(data) {
       this.carDetailCarInoutInfo.carId = data.carId
       this.carDetailCarInoutInfo.carNum = data.carNum
@@ -85,7 +93,7 @@ export default {
     },
     _loadCarDetailCarInoutData(page, row) {
       const params = {
-        communityId: this.$store.state.community.communityId,
+        communityId: getCommunityId(),
         carNum: this.carDetailCarInoutInfo.carNum,
         paNum: this.carDetailCarInoutInfo.areaNum,
         iotApiCode: 'listCarInoutDetailBmoImpl',
@@ -94,8 +102,8 @@ export default {
       }
       getCarInoutDetail(params).then(response => {
-        this.carDetailCarInoutInfo.carIns = response.data.data
-        this.total = response.data.total
+        this.carDetailCarInoutInfo.carIns = response.data
+        this.total = response.total
       }).catch(error => {
         console.error('请求失败:', error)
       })
@@ -33,6 +33,7 @@
 <script>
 import { listParkingCouponCar } from '@/api/car/carDetailCouponApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailCoupon',
@@ -51,6 +52,13 @@ export default {
     }
   },
   methods: {
+    open(data) {
+      this.carDetailCouponInfo.carId = data.carId
+      this.carDetailCouponInfo.carNum = data.carNum
+      this.carDetailCouponInfo.paId = data.paId
+      this.carDetailCouponInfo.memberId = data.memberId
+      this._loadCarDetailCouponData(this.currentPage, this.pageSize)
+    },
     switch(data) {
       this.carDetailCouponInfo.carId = data.carId
       this.carDetailCouponInfo.carNum = data.carNum
@@ -60,7 +68,7 @@ export default {
     },
     _loadCarDetailCouponData(page, row) {
       const params = {
-        communityId: this.$store.state.community.communityId,
+        communityId: getCommunityId(),
         carNum: this.carDetailCouponInfo.carNum,
         iotApiCode: 'listParkingCouponCarBmoImpl',
         page,
@@ -68,8 +76,8 @@ export default {
       }
       listParkingCouponCar(params).then(response => {
-        this.carDetailCouponInfo.carDetailCoupons = response.data.data
-        this.total = response.data.total
+        this.carDetailCouponInfo.carDetailCoupons = response.data
+        this.total = response.total
       }).catch(error => {
         console.error('请求失败:', error)
       })
@@ -7,19 +7,17 @@
         <el-table-column prop="couponName" :label="$t('carDetailCouponOrder.coupon')" align="center"></el-table-column>
         <el-table-column prop="shopName" :label="$t('carDetailCouponOrder.shop')" align="center"></el-table-column>
         <el-table-column prop="paName" :label="$t('carDetailCouponOrder.parkingLot')" align="center"></el-table-column>
-        <el-table-column prop="machineName" :label="$t('carDetailCouponOrder.machine')" align="center"></el-table-column>
-        <el-table-column prop="createTime" :label="$t('carDetailCouponOrder.verifyTime')" align="center"></el-table-column>
+        <el-table-column prop="machineName" :label="$t('carDetailCouponOrder.machine')"
+          align="center"></el-table-column>
+        <el-table-column prop="createTime" :label="$t('carDetailCouponOrder.verifyTime')"
+          align="center"></el-table-column>
         <el-table-column prop="remark" :label="$t('carDetailCouponOrder.remark')" align="center"></el-table-column>
       </el-table>
       <el-row>
         <el-col :span="16" :offset="8">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total">
+          <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>
@@ -29,6 +27,7 @@
 <script>
 import { listParkingCouponCarOrder } from '@/api/car/carDetailCouponOrderApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailCouponOrder',
@@ -47,6 +46,13 @@ export default {
     }
   },
   methods: {
+    open(data) {
+      this.carDetailCouponOrderInfo.carId = data.carId
+      this.carDetailCouponOrderInfo.carNum = data.carNum
+      this.carDetailCouponOrderInfo.paId = data.paId
+      this.carDetailCouponOrderInfo.memberId = data.memberId
+      this._loadCarDetailCouponOrderData(this.currentPage, this.pageSize)
+    },
     switch(data) {
       this.carDetailCouponOrderInfo.carId = data.carId
       this.carDetailCouponOrderInfo.carNum = data.carNum
@@ -56,7 +62,7 @@ export default {
     },
     _loadCarDetailCouponOrderData(page, row) {
       const params = {
-        communityId: this.$store.state.community.communityId,
+        communityId: getCommunityId(),
         carNum: this.carDetailCouponOrderInfo.carNum,
         iotApiCode: 'listParkingCouponCarOrderBmoImpl',
         page,
@@ -64,8 +70,8 @@ export default {
       }
       listParkingCouponCarOrder(params).then(response => {
-        this.carDetailCouponOrderInfo.orders = response.data.data
-        this.total = response.data.total
+        this.carDetailCouponOrderInfo.orders = response.data
+        this.total = response.total
       }).catch(error => {
         console.error('请求失败:', error)
       })
@@ -10,29 +10,30 @@
     <div class="margin-top">
       <el-table :data="carDetailMemberInfo.ownerCars" style="width: 100%">
-        <el-table-column prop="carNum" :label="$t('carDetailMember.licensePlate')" align="center"></el-table-column>
-        <el-table-column prop="roomName" :label="$t('carDetailMember.roomNumber')" align="center"></el-table-column>
-        <el-table-column prop="carBrand" :label="$t('carDetailMember.carBrand')" align="center"></el-table-column>
-        <el-table-column prop="carTypeName" :label="$t('carDetailMember.carType')" align="center"></el-table-column>
-        <el-table-column prop="carColor" :label="$t('carDetailMember.color')" align="center"></el-table-column>
-        <el-table-column :label="$t('carDetailMember.owner')" align="center">
+        <el-table-column prop="carNum" :label="$t('listOwnerCar.carNum')" align="center"></el-table-column>
+        <el-table-column prop="roomName" :label="$t('listOwnerCar.roomNum')" align="center"></el-table-column>
+        <el-table-column prop="carBrand" :label="$t('listOwnerCar.carBrand')" align="center"></el-table-column>
+        <el-table-column prop="carTypeName" :label="$t('listOwnerCar.carType')" align="center"></el-table-column>
+        <el-table-column prop="carColor" :label="$t('listOwnerCar.color')" align="center"></el-table-column>
+        <el-table-column :label="$t('listOwnerCar.owner')" align="center">
           <template #default="{ row }">
             {{ row.ownerName }}({{ row.link }})
           </template>
         </el-table-column>
-        <el-table-column :label="$t('carDetailMember.parkingSpace')" align="center">
+        <el-table-column :label="$t('listOwnerCar.parkingSpace')" align="center">
           <template #default="{ row }">
             <span v-if="row.areaNum">
-              {{ row.areaNum }}{{ $t('carDetailMember.parkingLot') }}{{ row.num }}{{ $t('carDetailMember.parkingSpace') }}
+              {{ row.areaNum }}{{ $t('listOwnerCar.parkingLot') }}{{ row.num }}{{ $t('listOwnerCar.parkingSpace')
+              }}
             </span>
             <span v-else>
-              {{ $t('carDetailMember.none') }}
+              {{ $t('listOwnerCar.none') }}
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="startTime" :label="$t('carDetailMember.startTime')" align="center"></el-table-column>
-        <el-table-column prop="endTime" :label="$t('carDetailMember.endTime')" align="center"></el-table-column>
-        <el-table-column :label="$t('carDetailMember.status')" align="center">
+        <el-table-column prop="startTime" :label="$t('listOwnerCar.startRentTime')" align="center"></el-table-column>
+        <el-table-column prop="endTime" :label="$t('listOwnerCar.endRentTime')" align="center"></el-table-column>
+        <el-table-column :label="$t('listOwnerCar.status')" align="center">
           <template #default="{ row }">
             {{ row.stateName }}
             <span v-if="row.iotStateName">
@@ -40,7 +41,7 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column :label="$t('carDetailMember.operation')" align="center">
+        <el-table-column :label="$t('common.operation')" align="center">
           <template #default="{ row }">
             <el-button type="text" @click="_openEditOwnerCar(row)">
               {{ $t('common.edit') }}
@@ -3,36 +3,40 @@
     <div class="margin-top-lg"></div>
     <div class="margin-top">
       <el-table :data="carDetailTransactionCarInfo.machineTranslates" border style="width: 100%">
-        <el-table-column prop="machineTranslateId" :label="$t('carDetailTransactionCar.syncId')" align="center"></el-table-column>
-        <el-table-column prop="machineCode" :label="$t('carDetailTransactionCar.deviceCode')" align="center"></el-table-column>
-        <el-table-column prop="typeCdName" :label="$t('carDetailTransactionCar.objectType')" align="center"></el-table-column>
-        <el-table-column prop="objName" :label="$t('carDetailTransactionCar.objectName')" align="center"></el-table-column>
-        <el-table-column prop="machineCmdName" :label="$t('carDetailTransactionCar.command')" align="center"></el-table-column>
-        <el-table-column prop="stateName" :label="$t('carDetailTransactionCar.status')" align="center"></el-table-column>
-        <el-table-column prop="remark" :label="$t('carDetailTransactionCar.remark')" align="center" width="80px"></el-table-column>
-        <el-table-column prop="updateTime" :label="$t('carDetailTransactionCar.syncTime')" align="center"></el-table-column>
+        <el-table-column prop="machineTranslateId" :label="$t('carDetailTransactionCar.syncId')"
+          align="center"></el-table-column>
+        <el-table-column prop="machineCode" :label="$t('carDetailTransactionCar.deviceCode')"
+          align="center"></el-table-column>
+        <el-table-column prop="typeCdName" :label="$t('carDetailTransactionCar.objectType')"
+          align="center"></el-table-column>
+        <el-table-column prop="objName" :label="$t('carDetailTransactionCar.objectName')"
+          align="center"></el-table-column>
+        <el-table-column prop="machineCmdName" :label="$t('carDetailTransactionCar.command')"
+          align="center"></el-table-column>
+        <el-table-column prop="stateName" :label="$t('carDetailTransactionCar.status')"
+          align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('carDetailTransactionCar.remark')" align="center"
+          width="80px"></el-table-column>
+        <el-table-column prop="updateTime" :label="$t('carDetailTransactionCar.syncTime')"
+          align="center"></el-table-column>
         <el-table-column :label="$t('carDetailTransactionCar.operation')" align="center">
           <template slot-scope="scope">
             <el-button size="mini" @click="_openEditMachineTranslateModel(scope.row)">
-              {{$t('carDetailTransactionCar.resync')}}
+              {{ $t('carDetailTransactionCar.resync') }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
-      
+
       <el-row>
         <el-col :span="16" :offset="8">
-          <el-pagination
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-size="pageSize"
-            layout="total, prev, pager, next, jumper"
-            :total="total">
+          <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>
-    
+
     <edit-machine-translate ref="editMachineTranslate"></edit-machine-translate>
   </div>
 </template>
@@ -40,6 +44,7 @@
 <script>
 import { getMachineTranslates } from '@/api/car/carDetailTransactionCarApi'
 import EditMachineTranslate from '@/components/property/editMachineTranslate'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailTransactionCar',
@@ -60,6 +65,12 @@ export default {
     }
   },
   methods: {
+    open(data) {
+      this.carDetailTransactionCarInfo.ownerId = data.ownerId
+      this.carDetailTransactionCarInfo.carId = data.carId
+      this.carDetailTransactionCarInfo.memberId = data.memberId
+      this._loadCarDetailTransactionCarData(this.currentPage, this.pageSize)
+    },
     switch(data) {
       this.carDetailTransactionCarInfo.carId = data.carId
       this.carDetailTransactionCarInfo.memberId = data.memberId
@@ -69,14 +80,14 @@ export default {
       const params = {
         page,
         row,
-        communityId: this.$store.state.community.communityId,
+        communityId: getCommunityId(),
         objId: this.carDetailTransactionCarInfo.memberId,
         typeCd: '4455'
       }
       getMachineTranslates(params).then(response => {
-        this.carDetailTransactionCarInfo.machineTranslates = response.data.machineTranslates
-        this.total = response.data.total
+        this.carDetailTransactionCarInfo.machineTranslates = response.machineTranslates
+        this.total = response.total
       }).catch(error => {
         console.error('请求失败:', error)
       })
@@ -127,8 +127,8 @@ export default {
         }
         const response = await queryRoomsByOwner(params)
-        this.ownerDetailRoomInfo.rooms = response.data.rooms
-        this.pagination.total = response.data.total
+        this.ownerDetailRoomInfo.rooms = response.rooms
+        this.pagination.total = response.total
         this._computeOwnerRoomOweFeeAmount()
       } catch (error) {
         console.error('Failed to load owner room data:', error)
 <template>
   <div class="car-detail-his">
-    <el-table
-      :data="carDetailHisInfo.cars"
-      border
-      style="width: 100%"
-      v-loading="loading">
-      <el-table-column
-        prop="carNum"
-        :label="$t('carDetailHis.carNum')"
-        align="center">
+    <el-table :data="carDetailHisInfo.cars" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="carNum" :label="$t('carDetailHis.carNum')" align="center">
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.leaseType')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.leaseType')" align="center">
         <template slot-scope="scope">
           <span v-if="scope.row.leaseType === 'T'">{{ $t('carDetailHis.tempCar') }}</span>
           <span v-else>{{ scope.row.leaseTypeName }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.carTypeName')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.carTypeName')" align="center">
         <template slot-scope="scope">
           {{ scope.row.carTypeName || '-' }}
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.carColor')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.carColor')" align="center">
         <template slot-scope="scope">
           {{ scope.row.carColor || '-' }}
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.owner')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.owner')" align="center">
         <template slot-scope="scope">
           <div class="hand">
             {{ scope.row.ownerName }}({{ scope.row.link }})
           </div>
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.parkingSpace')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.parkingSpace')" align="center">
         <template slot-scope="scope">
           <span v-if="scope.row.areaNum && scope.row.state === '1001'">
             {{ scope.row.areaNum }}-{{ scope.row.num }}
@@ -53,9 +36,7 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.validityPeriod')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.validityPeriod')" align="center">
         <template slot-scope="scope">
           <div v-if="scope.row.leaseType === 'H'">
             {{ scope.row.startTime }}<br>~{{ scope.row.endTime }}
@@ -63,36 +44,25 @@
           <div v-else>--</div>
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.operate')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.operate')" align="center">
         <template slot-scope="scope">
           {{ _getHisOperate(scope.row) }}
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.userName')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.userName')" align="center">
         <template slot-scope="scope">
           {{ scope.row.userName || '-' }}
         </template>
       </el-table-column>
-      <el-table-column
-        :label="$t('carDetailHis.createTime')"
-        align="center">
+      <el-table-column :label="$t('carDetailHis.createTime')" align="center">
         <template slot-scope="scope">
           {{ scope.row.createTime }}
         </template>
       </el-table-column>
     </el-table>
-    <el-pagination
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-      :current-page="page.current"
-      :page-sizes="[10, 20, 30, 50]"
-      :page-size="page.size"
-      layout="total, sizes, prev, pager, next, jumper"
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+      :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
       :total="page.total">
     </el-pagination>
   </div>
@@ -100,6 +70,7 @@
 <script>
 import { queryHisOwnerCar } from '@/api/system/operateDataLogApi'
+import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'CarDetailHis',
@@ -140,9 +111,10 @@ export default {
           carNum: this.carDetailHisInfo.carNum,
           carNumLike: this.carDetailHisInfo.carNumLike,
           logStartTime: this.carDetailHisInfo.logStartTime,
-          logEndTime: this.carDetailHisInfo.logEndTime
+          logEndTime: this.carDetailHisInfo.logEndTime,
+          communityId: getCommunityId()
         }
-        
+
         const { data, total } = await queryHisOwnerCar(params)
         this.carDetailHisInfo.cars = data
         this.page.total = total
@@ -154,13 +126,13 @@ export default {
     },
     _getHisOperate(car) {
       const carCount = this.carDetailHisInfo.cars.filter(item => item.bId === car.bId).length
-      
+
       if (carCount <= 1) {
         if (car.operate === 'ADD') return this.$t('carDetailHis.add')
         if (car.operate === 'DEL') return this.$t('carDetailHis.delete')
         return '-'
       }
-      
+
       if (car.operate === 'ADD') return this.$t('carDetailHis.modifyNew')
       if (car.operate === 'DEL') return this.$t('carDetailHis.modifyOld')
       return '-'
@@ -16,78 +16,78 @@
       <!-- Vehicle Information -->
       <div class="margin-top">
         <el-form class="text-left">
-        <el-row :gutter="20">
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.licensePlate')">
-              <label>{{ carDetailInfo.carNum || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.carBrand')">
-              <label>{{ carDetailInfo.carBrand || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.carType')">
-              <label>{{ carDetailInfo.leaseTypeName || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.color')">
-              <label>{{ carDetailInfo.carColor || '-' }}</label>
-            </el-form-item>
-          </el-col>
-        </el-row>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.licensePlate')">
+                <label>{{ carDetailInfo.carNum || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.carBrand')">
+                <label>{{ carDetailInfo.carBrand || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.carType')">
+                <label>{{ carDetailInfo.leaseTypeName || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.color')">
+                <label>{{ carDetailInfo.carColor || '-' }}</label>
+              </el-form-item>
+            </el-col>
+          </el-row>
-        <el-row :gutter="20">
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.licenseType')">
-              <label>{{ carDetailInfo.carTypeName || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.leaseStart')">
-              <label>{{ carDetailInfo.startTime || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.leaseEnd')">
-              <label>{{ carDetailInfo.endTime || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.remark')">
-              <label>{{ carDetailInfo.remark || '-' }}</label>
-            </el-form-item>
-          </el-col>
-        </el-row>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.licenseType')">
+                <label>{{ carDetailInfo.carTypeName || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.leaseStart')">
+                <label>{{ carDetailInfo.startTime || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.leaseEnd')">
+                <label>{{ carDetailInfo.endTime || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.remark')">
+                <label>{{ carDetailInfo.remark || '-' }}</label>
+              </el-form-item>
+            </el-col>
+          </el-row>
-        <el-row :gutter="20">
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.parkingLot')">
-              <label>{{ carDetailInfo.areaNum || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.parkingSpace')">
-              <label>{{ carDetailInfo.num || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.status')">
-              <label>{{ carDetailInfo.stateName || '-' }}</label>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item :label="$t('carDetail.relatedHouse')">
-              <label>{{ carDetailInfo.roomName || '-' }}</label>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.parkingLot')">
+                <label>{{ carDetailInfo.areaNum || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.parkingSpace')">
+                <label>{{ carDetailInfo.num || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.status')">
+                <label>{{ carDetailInfo.stateName || '-' }}</label>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item :label="$t('carDetail.relatedHouse')">
+                <label>{{ carDetailInfo.roomName || '-' }}</label>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
       </div>
-      <divider/>
+      <divider />
       <div class="margin-top-sm">
         <el-tabs v-model="carDetailInfo._currentTab" @tab-click="changeTab(carDetailInfo._currentTab)">
@@ -243,14 +243,14 @@ export default {
       }
       setTimeout(() => {
         if (this.$refs[tab]) {
-          if(tab === 'ownerDetailHisFee'){
+          if (tab === 'ownerDetailHisFee' || tab == 'ownerDetailRoom' || tab == 'ownerDetailCar') {
             this.$refs[tab].open(this.carDetailInfo.ownerId)
-          }else{
+          } else {
             this.$refs[tab].open(tabData)
           }
         }
       }, 100)
-      
+
     },
     _openEditDetailOwnerCar() {
       this.$refs.editCar.open(this.carDetailInfo)