fix: 业主租户样式调整

admin/src/views/pm/pmowner/index.vue

@@ -43,7 +43,7 @@
             <el-button @click="getDataList()">查询</el-button>
             <el-button @click="resetForm()">重置</el-button>
             <el-button v-hasPermi="['autogencode:pmowner:save']" type="primary"
-                       @click="addOrUpdateHandle()">新增数据
+                       @click="addOrUpdateHandle()">新增业主
             </el-button>
             <el-button v-hasPermi="['autogencode:pmowner:delete']" type="danger" @click="deleteHandle()"
                        :disabled="dataListSelections.length <= 0">批量删除

admin/src/views/pm/pmowner/pmowner-add-and-update.vue

@@ -103,17 +103,17 @@
       </el-col>
     </el-row>
     <!-- 显示添加租户按钮 -->
-    <el-row :gutter="20">
+    <!-- <el-row :gutter="20">
       <el-col :span="24">
         <el-form-item>
           <el-button type="success" @click="addTenant">添加租户</el-button>
         </el-form-item>
       </el-col>
-    </el-row>
+    </el-row> -->
     </el-form>
 
     <!-- 租户列表 -->
-    <div class="tenant-list-container">
+    <!-- <div class="tenant-list-container">
       <el-table :data="tenantList" style="width: 100%">
         <el-table-column prop="tenantName" label="租户姓名" width="120"></el-table-column>
         <el-table-column prop="phome" label="联系电话" width="120"></el-table-column>
@@ -137,7 +137,7 @@
           </template>
         </el-table-column>
       </el-table>
-    </div>
+    </div> -->
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">取消</el-button>
       <el-button type="primary" @click="dataSubmit()">确定</el-button>
@@ -215,17 +215,17 @@
       },
       // 获取租户列表
       getTenantList() {
-        if (!this.dataForm.id) return
+        // if (!this.dataForm.id) return
-        tenantApi.pmtenantListByOwnerIdApi(this.dataForm.id, { page: 1, limit: 9999 }).then(res => {
+        // tenantApi.pmtenantListByOwnerIdApi(this.dataForm.id, { page: 1, limit: 9999 }).then(res => {
-          try {
+        //   try {
-            this.tenantList = Array.isArray(res) ? res : (res.list || [])
+        //     this.tenantList = Array.isArray(res) ? res : (res.list || [])
-            this.loadRentRecordsForTenants()
+        //     this.loadRentRecordsForTenants()
-          } catch (error) {
+        //   } catch (error) {
-            this.tenantList = []
+        //     this.tenantList = []
-          }
+        //   }
-        }).catch(err => {
+        // }).catch(err => {
-          this.tenantList = []
+        //   this.tenantList = []
-        })
+        // })
       },
       // 加载租户的租赁记录
       loadRentRecordsForTenants() {

admin/src/views/pm/pmowner/tenant-add-and-update.vue

@@ -47,13 +47,13 @@
       </el-form-item>
 
       <!-- 显示添加租赁记录按钮 -->
-      <el-form-item>
+      <el-form-item v-if="dataForm.id">
         <el-button type="success" @click="addRentRecord">添加租赁记录</el-button>
       </el-form-item>
     </el-form>
 
     <!-- 租赁记录列表 -->
-    <div class="rent-records-container">
+    <div class="rent-records-container" v-if="dataForm.id">
       <el-table :data="rentRecords" style="width: 100%">
         <el-table-column prop="rentBeginTime" label="绑定时间" width="150"></el-table-column>
         <el-table-column prop="rentEndTime" label="解绑时间" width="150"></el-table-column>

admin/src/views/pm/tenant/index.vue

@@ -25,10 +25,12 @@
       <el-form-item>
         <el-button @click="getDataList()">查询</el-button>
         <el-button @click="resetForm()">重置</el-button>
-        <el-button v-hasPermi="['autogencode:pmtenant:save']" type="primary" @click="addOrUpdateHandle()">新增数据</el-button>
-        <el-button v-hasPermi="['autogencode:pmtenant:delete']" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
       </el-form-item>
     </el-form>
+    <div class="option-bth">
+      <el-button v-hasPermi="['autogencode:pmtenant:save']" plain size="small" type="primary" @click="addOrUpdateHandle()">新增租户</el-button>
+        <!-- <el-button v-hasPermi="['autogencode:pmtenant:delete']" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button> -->
+    </div>
     <el-table
       :data="dataList"
       border
@@ -142,12 +144,14 @@
       layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
     <!-- 表单弹窗, 新增数据和修改数据 -->
-    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> -->
+    <tenant-add-and-update ref="tenantAddOrUpdate" :ownerId="dataForm.id" @refreshDataList="getDataList"></tenant-add-and-update>
   </div>
 </template>
 
 <script>
-  import AddOrUpdate from './pmtenant-add-and-update'
+  // import AddOrUpdate from './pmtenant-add-and-update'
+  import TenantAddAndUpdate from '@/views/pm/pmowner/tenant-add-and-update'
   import * as api from '@/api/pmtenant.js'
   export default {
     props: {
@@ -185,7 +189,8 @@
       }
     },
     components: {
-      AddOrUpdate
+      // AddOrUpdate,
+      TenantAddAndUpdate
     },
     watch: {
       // 监听业主ID变化
@@ -261,10 +266,9 @@
       },
       // 新增 / 修改
       addOrUpdateHandle (id) {
-        this.addOrUpdateVisible = true
+        if (this.$refs.tenantAddOrUpdate) {
-        this.$nextTick(() => {
+          this.$refs.tenantAddOrUpdate.init(id, this.dataForm.id)
-          this.$refs.addOrUpdate.init(id, this.dataForm.ownerId)
+        }
-        })
       },
       // 删除处理（支持单个删除和批量删除）
       deleteHandle (id) {
@@ -298,3 +302,11 @@
     }
   }
 </script>
+<style scoped>
+.option-bth {
+  margin-bottom: 10px;
+}
+.divBox {
+  background-color: #EEEEEE;
+}
+</style>