|
|
|
|
@ -2,107 +2,113 @@
|
|
|
|
|
<div style="padding: 20px;">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<Card style="margin-bottom: 20px" :padding="20">
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
<div class="title-icon">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<p>合同待办</p>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="lease-status-switch"
|
|
|
|
|
:data-status="radio"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in status"
|
|
|
|
|
:data-status="index"
|
|
|
|
|
:class="{ 'active-switch': radio === index }"
|
|
|
|
|
@click="radioPick(index)"
|
|
|
|
|
>
|
|
|
|
|
<el-badge :value="statusTotal[index]" :max="99">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</el-badge>
|
|
|
|
|
<Card style="margin-bottom: 20px">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
<div class="title-icon">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<p>合同待办</p>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="lease-status-switch"
|
|
|
|
|
:data-status="radio"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in status"
|
|
|
|
|
:data-status="index"
|
|
|
|
|
:class="{ 'active-switch': radio === index }"
|
|
|
|
|
@click="radioPick(index)"
|
|
|
|
|
>
|
|
|
|
|
<el-badge :value="statusTotal[index]" :max="99">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</el-badge>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lease-legend">
|
|
|
|
|
<div>土地</div>
|
|
|
|
|
<div>房产</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="more" @click="$router.push('/lease')">
|
|
|
|
|
<Icon type="md-add" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lease-legend">
|
|
|
|
|
<div>土地</div>
|
|
|
|
|
<div>房产</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="more" @click="$router.push('/lease')">
|
|
|
|
|
<Icon type="md-add" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<Table
|
|
|
|
|
:loading="leaseTableLoading"
|
|
|
|
|
size="small"
|
|
|
|
|
stripe
|
|
|
|
|
highlight-row
|
|
|
|
|
:height="300"
|
|
|
|
|
:data="leases"
|
|
|
|
|
:columns="leaseTable"
|
|
|
|
|
></Table>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<Page
|
|
|
|
|
style="margin-top: 14px; display: flex; justify-content: flex-end"
|
|
|
|
|
size="small"
|
|
|
|
|
:current.sync="leaseSelect.page"
|
|
|
|
|
:total="leaseTotal"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
:page-size="leaseSelect.page_size"
|
|
|
|
|
@on-change="getLeases"
|
|
|
|
|
></Page>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-title" style="margin-top: 20px;">
|
|
|
|
|
<div class="title-icon">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<p>收租待办</p>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="lease-status-switch"
|
|
|
|
|
:data-status="radio1"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in status"
|
|
|
|
|
:data-status="index"
|
|
|
|
|
:class="{ 'active-switch': radio1 === index }"
|
|
|
|
|
@click="radio1Pick(index)"
|
|
|
|
|
>
|
|
|
|
|
<el-badge :value="statusTotal1[index]" :max="99">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</el-badge>
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<Table
|
|
|
|
|
:loading="leaseTableLoading"
|
|
|
|
|
size="small"
|
|
|
|
|
stripe
|
|
|
|
|
highlight-row
|
|
|
|
|
:height="300"
|
|
|
|
|
:data="leases"
|
|
|
|
|
:columns="leaseTable"
|
|
|
|
|
></Table>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<Page
|
|
|
|
|
style="margin-top: 14px; display: flex; justify-content: flex-end"
|
|
|
|
|
size="small"
|
|
|
|
|
:current.sync="leaseSelect.page"
|
|
|
|
|
:total="leaseTotal"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
:page-size="leaseSelect.page_size"
|
|
|
|
|
@on-change="getLeases"
|
|
|
|
|
></Page>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<Table
|
|
|
|
|
:loading="payTableLoading"
|
|
|
|
|
size="small"
|
|
|
|
|
stripe
|
|
|
|
|
highlight-row
|
|
|
|
|
:height="300"
|
|
|
|
|
:data="pays"
|
|
|
|
|
:columns="payTable"
|
|
|
|
|
></Table>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<Page
|
|
|
|
|
style="margin-top: 14px; display: flex; justify-content: flex-end"
|
|
|
|
|
size="small"
|
|
|
|
|
:current.sync="paySelect.page"
|
|
|
|
|
:total="payTotal"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
:page-size="paySelect.page_size"
|
|
|
|
|
@on-change="getLeasePay"
|
|
|
|
|
></Page>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
<div class="title-icon">
|
|
|
|
|
<i class="el-icon-s-claim"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<p>收租待办</p>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="lease-status-switch"
|
|
|
|
|
:data-status="radio1"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in status"
|
|
|
|
|
:data-status="index"
|
|
|
|
|
:class="{ 'active-switch': radio1 === index }"
|
|
|
|
|
@click="radio1Pick(index)"
|
|
|
|
|
>
|
|
|
|
|
<el-badge :value="statusTotal1[index]" :max="99">
|
|
|
|
|
{{ item }}
|
|
|
|
|
</el-badge>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<Table
|
|
|
|
|
:loading="payTableLoading"
|
|
|
|
|
size="small"
|
|
|
|
|
stripe
|
|
|
|
|
highlight-row
|
|
|
|
|
:height="300"
|
|
|
|
|
:data="pays"
|
|
|
|
|
:columns="payTable"
|
|
|
|
|
></Table>
|
|
|
|
|
<div class="page">
|
|
|
|
|
<Page
|
|
|
|
|
style="margin-top: 14px; display: flex; justify-content: flex-end"
|
|
|
|
|
size="small"
|
|
|
|
|
:current.sync="paySelect.page"
|
|
|
|
|
:total="payTotal"
|
|
|
|
|
show-elevator
|
|
|
|
|
show-total
|
|
|
|
|
:page-size="paySelect.page_size"
|
|
|
|
|
@on-change="getLeasePay"
|
|
|
|
|
></Page>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</Card>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|