|
@@ -8,7 +8,7 @@
|
|
|
<div class="operation-room-box">
|
|
|
<div class="operation-room-title">
|
|
|
<i class="iconfont huifont-shouye"></i>
|
|
|
- <span class="label">{{item.name}}</span>
|
|
|
+ <span class="label">{{item.roomNumber}}</span>
|
|
|
<div>
|
|
|
<div v-if="item.state == 1" class="hui-state">
|
|
|
<span class="hui-state-bage hui-state-primary"></span>
|
|
@@ -22,6 +22,10 @@
|
|
|
<span class="hui-state-bage hui-state-success"></span>
|
|
|
<span class="hui-state-label">租赁中</span>
|
|
|
</div>
|
|
|
+ <div v-if="item.state == 4" class="hui-state">
|
|
|
+ <span class="hui-state-bage hui-state-error"></span>
|
|
|
+ <span class="hui-state-label">已逾期</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="operation-room-content">
|
|
@@ -38,28 +42,30 @@
|
|
|
</div>
|
|
|
<span class="label">入驻公司</span>
|
|
|
</div>
|
|
|
- <div class="room-content">{{item.organizationName}}</div>
|
|
|
+ <div class="room-content">{{item.merchantName||item.clientName||'-'}}</div>
|
|
|
<div class="room-title">
|
|
|
<div class="iconfont-box">
|
|
|
<i class="iconfont huifont-shijian" style="font-size: 13px;"></i>
|
|
|
</div>
|
|
|
<span class="label">入驻时间</span>
|
|
|
</div>
|
|
|
- <div class="room-content">{{item.time}}</div>
|
|
|
+ <div class="room-content">{{item.startDate || '-'}}</div>
|
|
|
<div class="room-title">
|
|
|
<div class="iconfont-box">
|
|
|
<i class="iconfont huifont-shebeiguanli"></i>
|
|
|
</div>
|
|
|
<span class="label">合同日期</span>
|
|
|
</div>
|
|
|
- <div class="room-content" style="font-size: 13px;">{{item.contractTime}}</div>
|
|
|
+ <div class="room-content" style="font-size: 13px;">
|
|
|
+ {{item.startDate ? (item.startDate+'至'+item.endDate) :'-'}}
|
|
|
+ </div>
|
|
|
<div class="room-title">
|
|
|
<div class="iconfont-box">
|
|
|
<i class="iconfont huifont-guanlipingtai"></i>
|
|
|
</div>
|
|
|
<span class="label">负责人</span>
|
|
|
</div>
|
|
|
- <div class="room-content">{{item.person}}</div>
|
|
|
+ <div class="room-content">{{item.chargePersonName}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -68,60 +74,50 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {
|
|
|
+ getHouseListByLevel
|
|
|
+ } from '@/httpApi/space'
|
|
|
export default {
|
|
|
+ props: ['target'],
|
|
|
data() {
|
|
|
return {
|
|
|
- list: [{
|
|
|
- name: '101',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 1
|
|
|
- }, {
|
|
|
- name: '102',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 2
|
|
|
- }, {
|
|
|
- name: '103',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 3
|
|
|
- }, {
|
|
|
- name: '104',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 1
|
|
|
- }, {
|
|
|
- name: '105',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 2
|
|
|
- }, {
|
|
|
- name: '106',
|
|
|
- area: '120平方米',
|
|
|
- organizationName: '公司名称',
|
|
|
- time: '2025-01-01',
|
|
|
- contractTime: '2025-01-01至2026-01-01',
|
|
|
- person: '负责人',
|
|
|
- state: 3
|
|
|
- }]
|
|
|
+ list: []
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.init()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+ getHouseListByLevel(this.target.id).then(res => {
|
|
|
+ if (res.state) {
|
|
|
+ this.list = res.data.map(node => {
|
|
|
+ if (node.contractList.length === 0) {
|
|
|
+ node['state'] = 1;
|
|
|
+ return node
|
|
|
+ };
|
|
|
+ let contract = node.contractList(node.contractList.length - 1);
|
|
|
+ let state = 3;
|
|
|
+ let nowDate = this.dayjs(),
|
|
|
+ endDate = this.$dayjs(contract.endDate);
|
|
|
+ if (nowDate.isBefore(endDate)) {
|
|
|
+ state = 4;
|
|
|
+ } else {
|
|
|
+ if (endDate.diff(nowDate, 'day') <= 7) state = 2;
|
|
|
+ }
|
|
|
+ let obj = {
|
|
|
+ merchantName: contract.merchantName,
|
|
|
+ clientName: contract.clientName,
|
|
|
+ startDate: contract.startDate,
|
|
|
+ endDate: contract.endDate,
|
|
|
+ state: state
|
|
|
+ }
|
|
|
+ return Object.assign(node, obj);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
</script>
|
|
|
|