|
@@ -910,15 +910,15 @@ onMounted(() => {
|
|
|
<div class="p-0 bg-gray-50 min-h-screen">
|
|
<div class="p-0 bg-gray-50 min-h-screen">
|
|
|
<div class="bg-white rounded-lg shadow-sm">
|
|
<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">
|
|
<div class="py-4 px-4 border-b border-gray-200">
|
|
@@ -972,9 +972,13 @@ onMounted(() => {
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<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 @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
|
|
<el-button
|
|
|
type="danger"
|
|
type="danger"
|
|
|
@click="handleBatchDelete"
|
|
@click="handleBatchDelete"
|
|
@@ -989,20 +993,20 @@ onMounted(() => {
|
|
|
</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="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">
|
|
<div class="px-6">
|
|
@@ -1109,7 +1113,8 @@ onMounted(() => {
|
|
|
placeholder="请输入租金"
|
|
placeholder="请输入租金"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</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-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
@@ -1329,7 +1334,8 @@ onMounted(() => {
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="flex items-center gap-3">
|
|
|
<span class="text-gray-600 font-medium w-24">押金:</span>
|
|
<span class="text-gray-600 font-medium w-24">押金:</span>
|
|
|
<span class="text-green-600 font-semibold"
|
|
<span class="text-green-600 font-semibold"
|
|
|
- >¥{{ contractInfo.contractDeposit }}</span>
|
|
|
|
|
|
|
+ >¥{{ contractInfo.contractDeposit }}</span
|
|
|
|
|
+ >
|
|
|
</div>
|
|
</div>
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="flex items-center gap-3">
|
|
|
<span class="text-gray-600 font-medium w-24">合同状态:</span>
|
|
<span class="text-gray-600 font-medium w-24">合同状态:</span>
|
|
@@ -1380,7 +1386,8 @@ onMounted(() => {
|
|
|
<!-- 签订后合同 -->
|
|
<!-- 签订后合同 -->
|
|
|
<div
|
|
<div
|
|
|
v-if="contractInfo.signContractUrl"
|
|
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">
|
|
<div class="flex items-center gap-3">
|
|
|
<FileText class="w-6 h-6 text-green-600" />
|
|
<FileText class="w-6 h-6 text-green-600" />
|
|
|
<div>
|
|
<div>
|
|
@@ -1394,14 +1401,16 @@ onMounted(() => {
|
|
|
size="small"
|
|
size="small"
|
|
|
@click="previewDocx(contractInfo.signContractUrl, '签订后合同')"
|
|
@click="previewDocx(contractInfo.signContractUrl, '签订后合同')"
|
|
|
:loading="previewLoading"
|
|
:loading="previewLoading"
|
|
|
- :icon="Eye">
|
|
|
|
|
|
|
+ :icon="Eye"
|
|
|
|
|
+ >
|
|
|
预览
|
|
预览
|
|
|
</el-button>
|
|
</el-button>
|
|
|
<el-button
|
|
<el-button
|
|
|
type="success"
|
|
type="success"
|
|
|
size="small"
|
|
size="small"
|
|
|
@click="downloadDocument(contractInfo.signContractUrl, '签订后合同.docx')"
|
|
@click="downloadDocument(contractInfo.signContractUrl, '签订后合同.docx')"
|
|
|
- :icon="Download">
|
|
|
|
|
|
|
+ :icon="Download"
|
|
|
|
|
+ >
|
|
|
下载
|
|
下载
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|