Quellcode durchsuchen

refactor(zfxxgl):恢复租房信息管理页面标题

- 重新启用租房信息管理页面的标题区域
- 包含标题和副标题,提供页面功能的简要说明
nahida vor 10 Monaten
Ursprung
Commit
2cf9e0d651
1 geänderte Dateien mit 39 neuen und 30 gelöschten Zeilen
  1. 39 30
      src/views/zfgl/zfxxgl.vue

+ 39 - 30
src/views/zfgl/zfxxgl.vue

@@ -910,15 +910,15 @@ onMounted(() => {
   <div class="p-0 bg-gray-50 min-h-screen">
     <div class="bg-white rounded-lg shadow-sm">
       <!-- 页面标题 -->
-<!--      <div class="flex items-center gap-3 p-6 border-b border-gray-200">-->
-<!--        <div class="flex items-center justify-center w-10 h-10 bg-blue-100 rounded-lg">-->
-<!--          <Home class="w-5 h-5 text-blue-600" />-->
-<!--        </div>-->
-<!--        <div>-->
-<!--          <h1 class="text-xl font-semibold text-gray-900">租房信息管理</h1>-->
-<!--          <p class="text-sm text-gray-500">管理房屋基本信息、详细信息和设备信息</p>-->
-<!--        </div>-->
-<!--      </div>-->
+      <div class="flex items-center gap-3 p-6 border-b border-gray-200">
+        <div class="flex items-center justify-center w-10 h-10 bg-blue-100 rounded-lg">
+          <Home class="w-5 h-5 text-blue-600" />
+        </div>
+        <div>
+          <h1 class="text-xl font-semibold text-gray-900">租房信息管理</h1>
+          <p class="text-sm text-gray-500">管理房屋基本信息、详细信息和设备信息</p>
+        </div>
+      </div>
 
       <!-- 搜索区域 -->
       <div class="py-4 px-4 border-b border-gray-200">
@@ -972,9 +972,13 @@ onMounted(() => {
             </el-select>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="handleSearch" :icon="Search" size="default">搜索</el-button>
+            <el-button type="primary" @click="handleSearch" :icon="Search" size="default"
+              >搜索</el-button
+            >
             <el-button @click="handleReset" size="default">重置</el-button>
-            <el-button type="primary" @click="handleAdd" :icon="Plus" size="default">新增房屋</el-button>
+            <el-button type="primary" @click="handleAdd" :icon="Plus" size="default"
+              >新增房屋</el-button
+            >
             <el-button
               type="danger"
               @click="handleBatchDelete"
@@ -989,20 +993,20 @@ onMounted(() => {
       </div>
 
       <!-- 操作按钮区域 -->
-<!--      <div class="flex items-center justify-between p-6">-->
-<!--        <div class="flex gap-3">-->
-<!--          <el-button type="primary" @click="handleAdd" :icon="Plus">新增房屋</el-button>-->
-<!--          <el-button-->
-<!--            type="danger"-->
-<!--            @click="handleBatchDelete"-->
-<!--            :disabled="selectedRows.length === 0"-->
-<!--            :icon="Delete"-->
-<!--          >-->
-<!--            批量删除-->
-<!--          </el-button>-->
-<!--        </div>-->
-<!--        <div class="text-sm text-gray-500">共 {{ total }} 条记录</div>-->
-<!--      </div>-->
+      <!--      <div class="flex items-center justify-between p-6">-->
+      <!--        <div class="flex gap-3">-->
+      <!--          <el-button type="primary" @click="handleAdd" :icon="Plus">新增房屋</el-button>-->
+      <!--          <el-button-->
+      <!--            type="danger"-->
+      <!--            @click="handleBatchDelete"-->
+      <!--            :disabled="selectedRows.length === 0"-->
+      <!--            :icon="Delete"-->
+      <!--          >-->
+      <!--            批量删除-->
+      <!--          </el-button>-->
+      <!--        </div>-->
+      <!--        <div class="text-sm text-gray-500">共 {{ total }} 条记录</div>-->
+      <!--      </div>-->
 
       <!-- 数据表格 -->
       <div class="px-6">
@@ -1109,7 +1113,8 @@ onMounted(() => {
             placeholder="请输入租金"
           />
         </el-form-item>
-        <el-form-item label="地址" class="col-span-2"> <el-input v-model="houseForm.address" placeholder="请输入详细地址" />
+        <el-form-item label="地址" class="col-span-2">
+          <el-input v-model="houseForm.address" placeholder="请输入详细地址" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -1329,7 +1334,8 @@ onMounted(() => {
                     <div class="flex items-center gap-3">
                       <span class="text-gray-600 font-medium w-24">押金:</span>
                       <span class="text-green-600 font-semibold"
-                        >¥{{ contractInfo.contractDeposit }}</span>
+                        >¥{{ contractInfo.contractDeposit }}</span
+                      >
                     </div>
                     <div class="flex items-center gap-3">
                       <span class="text-gray-600 font-medium w-24">合同状态:</span>
@@ -1380,7 +1386,8 @@ onMounted(() => {
                   <!-- 签订后合同 -->
                   <div
                     v-if="contractInfo.signContractUrl"
-                    class="flex items-center justify-between p-4 bg-white rounded-lg border">
+                    class="flex items-center justify-between p-4 bg-white rounded-lg border"
+                  >
                     <div class="flex items-center gap-3">
                       <FileText class="w-6 h-6 text-green-600" />
                       <div>
@@ -1394,14 +1401,16 @@ onMounted(() => {
                         size="small"
                         @click="previewDocx(contractInfo.signContractUrl, '签订后合同')"
                         :loading="previewLoading"
-                        :icon="Eye">
+                        :icon="Eye"
+                      >
                         预览
                       </el-button>
                       <el-button
                         type="success"
                         size="small"
                         @click="downloadDocument(contractInfo.signContractUrl, '签订后合同.docx')"
-                        :icon="Download">
+                        :icon="Download"
+                      >
                         下载
                       </el-button>
                     </div>