|
|
@@ -983,20 +983,21 @@ onMounted(() => {
|
|
|
|
|
|
<template>
|
|
|
<el-container class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="router.back"
|
|
|
- class="relative top-10 left-28 z-50 bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white font-semibold py-3 px-6 rounded-full shadow-lg transition-all duration-300 ease-in-out transform hover:scale-105"
|
|
|
- >
|
|
|
- <el-icon class="mr-1"><ArrowLeft /></el-icon>
|
|
|
- 返回
|
|
|
- </el-button>
|
|
|
- <el-main class="h-full p-0" v-loading="loading">
|
|
|
- <div class="bg-gradient-to-r from-blue-600 to-purple-700 text-white py-8 px-8">
|
|
|
+ <el-main class="h-full" v-loading="loading">
|
|
|
+<!-- <div class="py-0 has-footer">-->
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="router.back"
|
|
|
+ >
|
|
|
+ <el-icon class="mr-1"><ArrowLeft /></el-icon>
|
|
|
+ 返回
|
|
|
+ </el-button>
|
|
|
+<!-- </div>-->
|
|
|
+ <div class="bg-gradient-to-r from-blue-600 to-purple-700 text-white py-4 px-8 my-4 rounded-2xl">
|
|
|
<div class="w-full">
|
|
|
<div class="flex items-center justify-between">
|
|
|
<div>
|
|
|
- <h1 class="text-3xl font-extrabold mb-2">{{ propertyInfo.buildingNumber }}</h1>
|
|
|
+ <h1 class="text-3xl font-extrabold mb-2 my-0">{{ propertyInfo.buildingNumber }}</h1>
|
|
|
<p class="text-base opacity-90">
|
|
|
<el-icon class="mr-2 text-blue-500"><MapPin /></el-icon>
|
|
|
<span>{{ propertyInfo.address }}</span>
|
|
|
@@ -1042,7 +1043,7 @@ onMounted(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="py-8 px-8">
|
|
|
+ <div class="py-0">
|
|
|
<div class="w-full">
|
|
|
<el-card
|
|
|
v-if="propertyInfo.status === '已租' && tenantInfo"
|
|
|
@@ -1064,25 +1065,25 @@ onMounted(() => {
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">联系电话</label>
|
|
|
- <div class="text-lg text-gray-800">{{ tenantInfo.tenantNumber }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ tenantInfo.tenantNumber }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">身份证号</label>
|
|
|
- <div class="text-lg text-gray-800">{{ tenantInfo.tenantIdCard }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ tenantInfo.tenantIdCard }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">入住时间</label>
|
|
|
- <div class="text-lg text-gray-800">{{ tenantInfo.tenantInDate }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ tenantInfo.tenantInDate }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">租期</label>
|
|
|
- <div class="text-lg text-gray-800">{{ tenantInfo.tenantTime }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ tenantInfo.tenantTime }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
@@ -1106,25 +1107,25 @@ onMounted(() => {
|
|
|
<el-col :xs="24" :sm="12" :md="6">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">建筑面积</label>
|
|
|
- <div class="text-lg text-gray-800">{{ propertyInfo.area }} ㎡</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ propertyInfo.area }} ㎡</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="6" v-if="propertyInfo.floor">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">所在楼层</label>
|
|
|
- <div class="text-lg text-gray-800">{{ propertyInfo.floor }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ propertyInfo.floor }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="6">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">介绍</label>
|
|
|
- <div class="text-lg text-gray-800">{{ propertyInfo.facilities }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ propertyInfo.facilities }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="6" v-if="basicInfo.houseType">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">房屋类型</label>
|
|
|
- <div class="text-lg text-gray-800">{{ basicInfo.houseType }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ basicInfo.houseType }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -1166,10 +1167,10 @@ onMounted(() => {
|
|
|
class="mb-4"
|
|
|
>
|
|
|
<div
|
|
|
- class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow bg-white"
|
|
|
+ class="border border-gray-200 rounded-lg px-4 py-2 hover:shadow-md transition-shadow bg-white"
|
|
|
>
|
|
|
<div class="mb-3">
|
|
|
- <h4 class="font-semibold text-gray-800 text-lg">{{ asset.deviceName }}</h4>
|
|
|
+ <span class="font-semibold text-gray-800 text-lg">{{ asset.deviceName }}</span>
|
|
|
<p class="text-sm text-gray-500">{{ asset.deviceType }}</p>
|
|
|
</div>
|
|
|
<div class="text-sm text-gray-600 space-y-1">
|
|
|
@@ -1214,37 +1215,37 @@ onMounted(() => {
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">合同编号</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractNumber }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractNumber }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">签约日期</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractDate }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractDate }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">合同期限</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractTime }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractTime }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">到期日期</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractExpirationDate }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractExpirationDate }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">押金</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractDeposit }} 元</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractDeposit }} 元</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8">
|
|
|
<div class="mb-4">
|
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">合同状态</label>
|
|
|
- <div class="text-lg text-gray-800">{{ contractInfo.contractStatus }}</div>
|
|
|
+ <div class="text-lg font-semibold text-gray-800">{{ contractInfo.contractStatus }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|