From dc3c5a73caf5826c1c2dc5bc62a9b7c7e80ba7df Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Fri, 11 Jul 2025 22:36:45 +0800
Subject: [PATCH] 优化代码

---
 src/components/owner/SearchOwner.vue              |  97 ++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------
 src/views/community/communitySpaceConfirmList.vue |   2 +-
 src/views/community/communitySpaceManageList.vue  |   8 ++++----
 src/views/community/reportCommunitySpaceList.vue  |  13 +++++++------
 src/views/dev/cacheList.vue                       |   2 +-
 src/views/fee/addOwnerInvoiceList.vue             |   8 ++++----
 src/views/owner/addOwnerCommitteeList.vue         | 114 +++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------
 src/views/owner/ownerCommitteeDetailList.vue      |   5 +++--
 8 files changed, 89 insertions(+), 160 deletions(-)

diff --git a/src/components/owner/SearchOwner.vue b/src/components/owner/SearchOwner.vue
index 4654687..c519fbe 100644
--- a/src/components/owner/SearchOwner.vue
+++ b/src/components/owner/SearchOwner.vue
@@ -1,65 +1,44 @@
 <template>
-  <el-dialog 
-    :title="$t('searchOwner.title')" 
-    :visible.sync="visible" 
-    width="80%"
-  >
+  <el-dialog :title="$t('searchOwner.title')" :visible.sync="visible" width="80%">
 
-      <el-row :gutter="20">
-        <el-col :span="8">
-          <el-input 
-            v-model="searchOwnerInfo.roomName" 
-            :placeholder="$t('searchOwner.roomPlaceholder')" 
-            clearable
-          ></el-input>
-        </el-col>
-        <el-col :span="8">
-          <el-input 
-            v-model="searchOwnerInfo._currentOwnerName" 
-            :placeholder="$t('searchOwner.ownerPlaceholder')" 
-            clearable
-          ></el-input>
-        </el-col>
-        <el-col :span="8">
-          <el-button type="primary" @click="searchOwners">
-            <i class="el-icon-search"></i>{{ $t('common.search') }}
-          </el-button>
-          <el-button type="primary" @click="resetOwners">
-            {{ $t('common.reset') }}
-          </el-button>
-        </el-col>
-      </el-row>
+    <el-row :gutter="20">
+      <el-col :span="8">
+        <el-input v-model="searchOwnerInfo.roomName" :placeholder="$t('searchOwner.roomPlaceholder')"
+          clearable></el-input>
+      </el-col>
+      <el-col :span="8">
+        <el-input v-model="searchOwnerInfo._currentOwnerName" :placeholder="$t('searchOwner.ownerPlaceholder')"
+          clearable></el-input>
+      </el-col>
+      <el-col :span="8">
+        <el-button type="primary" @click="searchOwners">
+          <i class="el-icon-search"></i>{{ $t('common.search') }}
+        </el-button>
+        <el-button type="primary" @click="resetOwners">
+          {{ $t('common.reset') }}
+        </el-button>
+      </el-col>
+    </el-row>
 
-      <div class="table-responsive" style="margin-top:15px">
-        <el-table :data="searchOwnerInfo.owners" border>
-          <el-table-column prop="memberId" :label="$t('searchOwner.ownerId')" align="center"></el-table-column>
-          <el-table-column prop="name" :label="$t('searchOwner.name')" align="center"></el-table-column>
-          <el-table-column prop="personTypeName" :label="$t('searchOwner.personType')" align="center"></el-table-column>
-          <el-table-column prop="personRoleName" :label="$t('searchOwner.personRole')" align="center"></el-table-column>
-          <el-table-column prop="idCard" :label="$t('searchOwner.idCard')" align="center"></el-table-column>
-          <el-table-column prop="link" :label="$t('searchOwner.contact')" align="center"></el-table-column>
-          <el-table-column :label="$t('common.operation')" align="center" width="100">
-            <template slot-scope="scope">
-              <el-button 
-                type="primary" 
-                size="mini" 
-                @click="chooseOwner(scope.row)"
-              >{{ $t('common.select') }}</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
+    <div class="table-responsive" style="margin-top:15px">
+      <el-table :data="searchOwnerInfo.owners" border>
+        <el-table-column prop="memberId" :label="$t('searchOwner.ownerId')" align="center"></el-table-column>
+        <el-table-column prop="name" :label="$t('searchOwner.name')" align="center"></el-table-column>
+        <el-table-column prop="personTypeName" :label="$t('searchOwner.personType')" align="center"></el-table-column>
+        <el-table-column prop="personRoleName" :label="$t('searchOwner.personRole')" align="center"></el-table-column>
+        <el-table-column prop="idCard" :label="$t('searchOwner.idCard')" align="center"></el-table-column>
+        <el-table-column prop="link" :label="$t('searchOwner.contact')" align="center"></el-table-column>
+        <el-table-column :label="$t('common.operation')" align="center" width="100">
+          <template slot-scope="scope">
+            <el-button type="primary" size="mini" @click="chooseOwner(scope.row)">{{ $t('common.select') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
 
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="page.current"
-        :page-sizes="[10, 20, 30]"
-        :page-size="page.size"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="page.total"
-        style="margin-top: 20px;"
-      ></el-pagination>
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+      :page-sizes="[10, 20, 30]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+      :total="page.total" style="margin-top: 20px;"></el-pagination>
 
   </el-dialog>
 </template>
@@ -102,7 +81,7 @@ export default {
           roomName: this.searchOwnerInfo.roomName.trim(),
           ownerTypeCd: this.searchOwnerInfo.ownerTypeCd
         }
-        
+
         const res = await queryOwners(params)
         this.searchOwnerInfo.owners = res.data
         this.page.total = res.records
diff --git a/src/views/community/communitySpaceConfirmList.vue b/src/views/community/communitySpaceConfirmList.vue
index f115e9e..763dad6 100644
--- a/src/views/community/communitySpaceConfirmList.vue
+++ b/src/views/community/communitySpaceConfirmList.vue
@@ -58,7 +58,7 @@
 
       <el-col :span="18">
         <el-card class="search-card">
-          <div slot="header" class="clearfix">
+          <div slot="header" class="flex justify-between">
             <span>{{ $t('communitySpaceConfirm.searchCondition') }}</span>
           </div>
           <el-row :gutter="20">
diff --git a/src/views/community/communitySpaceManageList.vue b/src/views/community/communitySpaceManageList.vue
index e8fda67..20c0757 100644
--- a/src/views/community/communitySpaceManageList.vue
+++ b/src/views/community/communitySpaceManageList.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="community-space-manage">
-    <el-row :gutter="20">
+  <div class="community-space-manage padding">
+    <el-row :gutter="10">
       <el-col :span="4">
         <el-card class="venue-list">
           <div class="button-group">
@@ -295,8 +295,8 @@ export default {
 }
 
 .venue-items li.active {
-  background-color: #ecf5ff;
-  color: #409eff;
+  background-color:#409eff;
+  color:  #ecf5ff;
   font-weight: bold;
 }
 
diff --git a/src/views/community/reportCommunitySpaceList.vue b/src/views/community/reportCommunitySpaceList.vue
index 28b7c0d..2170af9 100644
--- a/src/views/community/reportCommunitySpaceList.vue
+++ b/src/views/community/reportCommunitySpaceList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="20">
+    <el-row :gutter="10">
       <el-col :span="4">
         <el-card class="box-card">
           <div class="filter-container">
@@ -9,8 +9,8 @@
           </div>
           <el-scrollbar class="venue-scrollbar">
             <ul class="venue-items">
-              <li v-for="(item, index) in venues" :key="index" :class="{ 'active': queryParams.venueId === item.venueId }"
-                @click="selectVenue(item)">
+              <li v-for="(item, index) in venues" :key="index"
+                :class="{ 'active': queryParams.venueId === item.venueId }" @click="selectVenue(item)">
                 {{ item.name }}
               </li>
             </ul>
@@ -21,7 +21,8 @@
       <el-col :span="20">
         <el-card class="box-card">
           <el-table :data="tableData" border style="width: 100%">
-            <el-table-column prop="time" :label="$t('reportCommunitySpace.appointmentTime')" width="100" align="center" />
+            <el-table-column prop="time" :label="$t('reportCommunitySpace.appointmentTime')" width="100"
+              align="center" />
             <template v-if="communitySpaces.length > 0">
               <el-table-column v-for="space in communitySpaces" :key="space.spaceId" :label="space.name" align="center">
                 <template slot-scope="{ $index }">
@@ -186,8 +187,8 @@ export default {
 }
 
 .venue-items li.active {
-  background-color: #ecf5ff;
-  color: #409eff;
+  background-color: #409eff;
+  color:#ecf5ff ;
   font-weight: bold;
 }
 
diff --git a/src/views/dev/cacheList.vue b/src/views/dev/cacheList.vue
index c3caef9..546654d 100644
--- a/src/views/dev/cacheList.vue
+++ b/src/views/dev/cacheList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="cache-container">
+  <div class="cache-container padding">
     <div class="list-wrapper">
       <div class="list-header">
         <div class="list-title">{{ $t('cache.list.title') }}</div>
diff --git a/src/views/fee/addOwnerInvoiceList.vue b/src/views/fee/addOwnerInvoiceList.vue
index 7da7eec..9a9a8d4 100644
--- a/src/views/fee/addOwnerInvoiceList.vue
+++ b/src/views/fee/addOwnerInvoiceList.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="app-container">
     <el-card shadow="never">
-      <div slot="header" class="clearfix">
+      <div slot="header" class="flex justify-between">
         <span>{{ $t('addOwnerInvoice.title') }}</span>
-        <el-button class="float-right" type="text" @click="$router.go(-1)">
+        <el-button size="small" type="text" @click="$router.go(-1)">
           {{ $t('addOwnerInvoice.back') }}
         </el-button>
       </div>
 
-      <el-form ref="form" :model="formData" :rules="rules" label-width="150px" label-position="right">
+      <el-form ref="form" :model="formData" :rules="rules" class="text-left" label-width="150px" label-position="right">
         <el-form-item :label="$t('addOwnerInvoice.owner')" prop="ownerName">
           <el-input v-model="formData.ownerName" :placeholder="$t('addOwnerInvoice.placeholder.owner')" disabled
             style="width: 70%" />
@@ -54,7 +54,7 @@
             :placeholder="$t('addOwnerInvoice.placeholder.remarks')" style="width: 100%" />
         </el-form-item>
 
-        <el-form-item>
+        <el-form-item class="text-right">
           <el-button type="primary" @click="submitForm">
             {{ $t('addOwnerInvoice.save') }}
           </el-button>
diff --git a/src/views/owner/addOwnerCommitteeList.vue b/src/views/owner/addOwnerCommitteeList.vue
index a30c933..b7d9881 100644
--- a/src/views/owner/addOwnerCommitteeList.vue
+++ b/src/views/owner/addOwnerCommitteeList.vue
@@ -11,29 +11,17 @@
               </el-button>
             </div>
           </div>
-          <el-form 
-            ref="form" 
-            :model="addOwnerCommitteeInfo" 
-            :rules="rules" 
-            label-width="120px"
-            label-position="right"
-          >
+          <el-form ref="form" :model="addOwnerCommitteeInfo" :rules="rules" label-width="120px" label-position="right">
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.name')" prop="name">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.name" 
-                    :placeholder="$t('addOwnerCommittee.requiredName')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.name" :placeholder="$t('addOwnerCommittee.requiredName')" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.sex')" prop="sex">
-                  <el-select 
-                    v-model="addOwnerCommitteeInfo.sex" 
-                    :placeholder="$t('addOwnerCommittee.requiredSex')"
-                    style="width:100%"
-                  >
+                  <el-select v-model="addOwnerCommitteeInfo.sex" :placeholder="$t('addOwnerCommittee.requiredSex')"
+                    style="width:100%">
                     <el-option disabled value="">{{ $t('addOwnerCommittee.requiredSex') }}</el-option>
                     <el-option value="B">{{ $t('addOwnerCommittee.male') }}</el-option>
                     <el-option value="G">{{ $t('addOwnerCommittee.female') }}</el-option>
@@ -45,18 +33,13 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.phone')" prop="link">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.link" 
-                    :placeholder="$t('addOwnerCommittee.requiredPhone')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.link" :placeholder="$t('addOwnerCommittee.requiredPhone')" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.idCard')" prop="idCard">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.idCard" 
-                    :placeholder="$t('addOwnerCommittee.requiredIdCard')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.idCard"
+                    :placeholder="$t('addOwnerCommittee.requiredIdCard')" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -64,18 +47,14 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.address')" prop="address">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.address" 
-                    :placeholder="$t('addOwnerCommittee.requiredAddress')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.address"
+                    :placeholder="$t('addOwnerCommittee.requiredAddress')" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.position')" prop="position">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.position" 
-                    :placeholder="$t('addOwnerCommittee.requiredPosition')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.position"
+                    :placeholder="$t('addOwnerCommittee.requiredPosition')" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -83,18 +62,13 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.post')" prop="post">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.post" 
-                    :placeholder="$t('addOwnerCommittee.requiredPost')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.post" :placeholder="$t('addOwnerCommittee.requiredPost')" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.postDesc')">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.postDesc" 
-                    :placeholder="$t('addOwnerCommittee.optionalPostDesc')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.postDesc"
+                    :placeholder="$t('addOwnerCommittee.optionalPostDesc')" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -102,18 +76,14 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.appointTime')" prop="appointTime">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.appointTime" 
-                    :placeholder="$t('addOwnerCommittee.requiredAppointTime')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.appointTime"
+                    :placeholder="$t('addOwnerCommittee.requiredAppointTime')" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.curTime')" prop="curTime">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.curTime" 
-                    :placeholder="$t('addOwnerCommittee.requiredCurTime')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.curTime"
+                    :placeholder="$t('addOwnerCommittee.requiredCurTime')" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -121,11 +91,8 @@
             <el-row>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.state')" prop="state">
-                  <el-select 
-                    v-model="addOwnerCommitteeInfo.state" 
-                    :placeholder="$t('addOwnerCommittee.requiredState')"
-                    style="width:100%"
-                  >
+                  <el-select v-model="addOwnerCommitteeInfo.state" :placeholder="$t('addOwnerCommittee.requiredState')"
+                    style="width:100%">
                     <el-option disabled value="">{{ $t('addOwnerCommittee.requiredState') }}</el-option>
                     <el-option value="1000">{{ $t('addOwnerCommittee.onJob') }}</el-option>
                     <el-option value="2000">{{ $t('addOwnerCommittee.leaveJob') }}</el-option>
@@ -134,11 +101,8 @@
               </el-col>
               <el-col :span="12">
                 <el-form-item :label="$t('addOwnerCommittee.remark')">
-                  <el-input 
-                    v-model="addOwnerCommitteeInfo.remark" 
-                    type="textarea"
-                    :placeholder="$t('addOwnerCommittee.optionalRemark')"
-                  />
+                  <el-input v-model="addOwnerCommitteeInfo.remark" type="textarea"
+                    :placeholder="$t('addOwnerCommittee.optionalRemark')" />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -147,7 +111,7 @@
       </el-col>
     </el-row>
 
-    <el-row :gutter="20" class="margin-top">
+    <el-row :gutter="20" class="">
       <el-col :span="24">
         <el-card class="ibox">
           <div slot="header" class="flex justify-between">
@@ -161,43 +125,27 @@
           <el-table :data="addOwnerCommitteeInfo.contracts" border style="width: 100%">
             <el-table-column :label="$t('addOwnerCommittee.contactRelationship')" align="center">
               <template slot-scope="scope">
-                <el-input 
-                  v-model="scope.row.relName" 
-                  :placeholder="$t('addOwnerCommittee.requiredRelationship')"
-                />
+                <el-input v-model="scope.row.relName" :placeholder="$t('addOwnerCommittee.requiredRelationship')" />
               </template>
             </el-table-column>
             <el-table-column :label="$t('addOwnerCommittee.contactName')" align="center">
               <template slot-scope="scope">
-                <el-input 
-                  v-model="scope.row.name" 
-                  :placeholder="$t('addOwnerCommittee.requiredName')"
-                />
+                <el-input v-model="scope.row.name" :placeholder="$t('addOwnerCommittee.requiredName')" />
               </template>
             </el-table-column>
             <el-table-column :label="$t('addOwnerCommittee.contactPhone')" align="center">
               <template slot-scope="scope">
-                <el-input 
-                  v-model="scope.row.link" 
-                  :placeholder="$t('addOwnerCommittee.requiredPhone')"
-                />
+                <el-input v-model="scope.row.link" :placeholder="$t('addOwnerCommittee.requiredPhone')" />
               </template>
             </el-table-column>
             <el-table-column :label="$t('addOwnerCommittee.contactAddress')" align="center" width="250">
               <template slot-scope="scope">
-                <el-input 
-                  v-model="scope.row.address" 
-                  :placeholder="$t('addOwnerCommittee.requiredAddress')"
-                />
+                <el-input v-model="scope.row.address" :placeholder="$t('addOwnerCommittee.requiredAddress')" />
               </template>
             </el-table-column>
             <el-table-column :label="$t('common.operation')" align="center" width="100">
               <template slot-scope="scope">
-                <el-button 
-                  type="danger" 
-                  size="mini" 
-                  @click="deleteContract(scope.row)"
-                >
+                <el-button type="danger" size="mini" @click="deleteContract(scope.row)">
                   {{ $t('common.delete') }}
                 </el-button>
               </template>
@@ -313,7 +261,7 @@ export default {
       }
     },
     generateUUID() {
-      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
         const r = Math.random() * 16 | 0
         const v = c === 'x' ? r : (r & 0x3 | 0x8)
         return v.toString(16)
@@ -322,10 +270,10 @@ export default {
     async saveOwnerCommitteeInfo() {
       try {
         await this.$refs.form.validate()
-        
+
         this.addOwnerCommitteeInfo.communityId = getCommunityId()
         const response = await saveOwnerCommittee(this.addOwnerCommitteeInfo)
-        
+
         if (response.code === 0) {
           this.$message.success(this.$t('addOwnerCommittee.saveSuccess'))
           this.goBack()
diff --git a/src/views/owner/ownerCommitteeDetailList.vue b/src/views/owner/ownerCommitteeDetailList.vue
index cad42fe..498fa64 100644
--- a/src/views/owner/ownerCommitteeDetailList.vue
+++ b/src/views/owner/ownerCommitteeDetailList.vue
@@ -92,7 +92,7 @@
                 <el-col :span="12">
                   <div class="detail-item">
                     <label>{{ $t('ownerCommitteeDetail.state') }}:</label>
-                    <span>{{ ownerCommitteeDetailInfo.state == '1000' ? $t('common.inService') : $t('common.leave')
+                    <span>{{ ownerCommitteeDetailInfo.state == '1000' ? $t('addOwnerCommittee.onJob') : $t('addOwnerCommittee.leaveJob')
                     }}</span>
                   </div>
                 </el-col>
@@ -109,7 +109,7 @@
       </el-col>
     </el-row>
 
-    <el-row :gutter="20" class="mt-20">
+    <el-row :gutter="20" class="">
       <el-col :span="24">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
@@ -231,6 +231,7 @@ export default {
     margin-bottom: 15px;
     display: flex;
     justify-content: flex-start;
+    text-align: left;
 
     label {
       min-width: 100px;
--
libgit2 0.21.4