<template>
|
<div class="rentClass rentAddClass">
|
<Card v-if="componentsType != 'noTitle'">
|
<div class="customTitle">
|
<Icon custom="custom custom-zulin-copy"></Icon>
|
<span style="margin-left: 6px;">租赁融资</span>
|
</div>
|
</Card>
|
<Card style="margin-top: 12px">
|
<div v-if="topInput === '1'" class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;">
|
<span style="font-weight:600;">出租人： </span>
|
<span style="margin-right: 20px;">{{ rentSearch }}</span>
|
<span style="font-weight:600;">报告时间： </span>
|
<span>{{ createTime }}</span>
|
</div>
|
<div class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px" v-else>
|
<Select v-model="rentPeople" style="width:100px;padding-right: 12px" size="large" @on-change="rentPeopleChange">
|
<Option value="0">全部</Option>
|
<!-- <Option v-for="item in rentPeopleList" :value="item.value" :key="item.value">{{ item.label }}</Option>-->
|
<Option value="1">承租人</Option>
|
<Option value="2">出租人</Option>
|
</Select>
|
<!-- <Input v-model="rentSearch" size="large" style="width: 300px;padding-right: 12px"/>-->
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="rentSearch" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入承租人或出租人名称"></Input>
|
<!-- 复选框 含下属公司 -->
|
<Checkbox v-model="IsSubName" v-if="rentPeople !== '0'">含下属公司</Checkbox>
|
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList && optionsList.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList" :key="index" @click="rentSearchChange(item)" class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Button size="large" icon="ios-search" type="primary" style="margin-right: 12px" @click="searchClick">搜索
|
</Button>
|
<span style="border-bottom: 1px solid #4A8AF4;color: #4A8AF4;cursor: pointer"
|
@click="seniorSearchClick">高级搜索</span>
|
</div>
|
<!-- <div style="margin-top: 12px">
|
<Tooltip theme="light" transfer content="租赁财产价值" placement="top" max-width="120">
|
<Select v-model="financingAmount" style="width:140px;padding-right: 12px;margin-bottom: 12px" size="large"
|
@on-select="amountSelect" placeholder="租赁财产价值">
|
<Option value="全部">全部</Option>
|
<Option value="100万以下">100万以下</Option>
|
<Option value="100万~1000万">100万~1000万</Option>
|
<Option value="1000万~5000万">1000万~5000万</Option>
|
<Option value="5000万~1亿">5000万~1亿</Option>
|
<Option value="1亿以上">1亿以上</Option>
|
</Select>
|
</Tooltip>
|
<Tooltip theme="light" transfer content="登记类型" placement="top" max-width="90">
|
<Select v-model="sizeAll" style="width:120px;padding-right: 12px;margin-bottom: 12px" size="large"
|
@on-select="amountSelect" placeholder="登记类型">
|
<Option value="全部">全部</Option>
|
<Option value="初始登记">初始登记</Option>
|
<Option value="变更登记">变更登记</Option>
|
<Option value="展期登记">展期登记</Option>
|
<Option value="注销登记">注销登记</Option>
|
</Select>
|
</Tooltip>
|
<Tooltip theme="light" transfer content="租赁开始时间" placement="top" max-width="120">
|
<div style="width: 250px;display: inline-block;margin-bottom: 12px;vertical-align: middle;">
|
<Row style="width:250px;vertical-align: middle;display: inline-block">
|
<Col span="24" style="width:250px;padding-right: 12px">
|
<DatePicker :options="optionsboardingTime" clearable size="large" v-model="boardingTime2"
|
@on-change="amountChange" type="daterange" placeholder="租赁开始时间"
|
style="width: 100%"></DatePicker>
|
</Col>
|
</Row>
|
</div>
|
</Tooltip>
|
<Tooltip theme="light" transfer content="租赁到期时间" placement="top" max-width="120">
|
<div style="width: 250px;display: inline-block;margin-bottom: 12px;vertical-align: middle;">
|
<Row style="width: 250px;vertical-align: middle;display: inline-block">
|
<Col span="24" style="width:250px;padding-right: 12px">
|
<DatePicker :options="optionsexpirationTime" clearable size="large" v-model="expirationTime2"
|
@on-change="amountChange" type="daterange" placeholder="租赁到期时间"
|
style="width: 100%"></DatePicker>
|
</Col>
|
</Row>
|
</div>
|
</Tooltip>
|
<div style="display: inline-block;">
|
<span style="border-bottom: 1px solid #4A8AF4;color: #4A8AF4;cursor: pointer;vertical-align: super;"
|
@click="clearAway">清除</span>
|
</div>
|
</div> -->
|
<div class="rentScrollOut" style="margin-top: 12px">
|
<Table ref="rentList" border :columns="rentColumns" :data="rentList" :loading="loadingRent"
|
:max-height="componentsType != 'noTitle' ? 600 : 400">
|
<template slot="NameOfTenantSlot" slot-scope="params">
|
<!-- <Tooltip v-if="params.row.NameOfTenant.length>30" :content=params.row.NameOfTenant class="tableActionMargintab1" theme="light" transfer max-width="350"-->
|
<!-- placement="top">-->
|
<!-- <div @click="clickJumpPage(params.row.NameOfTenant)" style="cursor: pointer;text-align: left;width: 100%;margin-left:0px;margin: 8px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;">-->
|
<!-- {{params.row.NameOfTenant}}</div>-->
|
<!-- </Tooltip>-->
|
<Poptip trigger="hover" placement="bottom-start" transfer v-if="params.row.NameOfTenant.indexOf('；') >= 0">
|
<div
|
style="text-align: left;width: 93%;margin-left:0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;">
|
{{ params.row.NameOfTenant }}
|
</div>
|
<ul slot="content" style="width: 400px;">
|
<li v-for="(item, index) in params.row.NameOfTenant.split('；')" :key="index" class="clearfix"
|
style="cursor:pointer;padding: 2px 2px 0;">
|
<span>{{ index + 1 }}.</span>
|
<span style="border-bottom: 1px solid #8B8989;display: inline-block;margin-left: 2px"
|
@click="clickJumpPage(item)">{{ item.length > 0 ? item : '--' }}</span>
|
<Icon custom="custom custom-tiaozhuan" size="14" class="actionIcon"
|
style="margin-left: 2px;color:#8B8989"></Icon>
|
</li>
|
</ul>
|
</Poptip>
|
<div @click="clickJumpPage(params.row.NameOfTenant)" v-else
|
style="cursor: pointer;text-align: left;width: 100%;margin: 8px 0;">{{ params.row.NameOfTenant }}
|
</div>
|
</template>
|
<template slot="NameOflessorSlot" slot-scope="params">
|
<!-- <Tooltip v-if="params.row.NameOflessor.length>30" :content=params.row.NameOflessor class="tableActionMargintab1" theme="light" transfer max-width="350"-->
|
<!-- placement="top">-->
|
<!-- <div @click="clickJumpPage2(params.row.NameOflessor)" style="cursor: pointer;text-align: left;width: 100%;margin-left:0px;margin: 8px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;">-->
|
<!-- {{params.row.NameOflessor}}</div>-->
|
<!-- </Tooltip>-->
|
<Poptip trigger="hover" placement="bottom-start" transfer v-if="params.row.NameOflessor.indexOf('；') >= 0">
|
<div
|
style="text-align: left;width: 93%;margin-left:0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;">
|
{{ params.row.NameOflessor }}
|
</div>
|
<ul slot="content" style="width: 400px;">
|
<li v-for="(item, index) in params.row.NameOflessor.split('；')" :key="index" class="clearfix"
|
style="cursor:pointer;padding: 2px 2px 0;">
|
<span>{{ index + 1 }}.</span>
|
<span style="border-bottom: 1px solid #8B8989;display: inline-block;margin-left: 2px"
|
@click="clickJumpPage2(item)">{{ item.length > 0 ? item : '--' }}</span>
|
<Icon custom="custom custom-tiaozhuan" size="14" class="actionIcon"
|
style="margin-left: 2px;color:#8B8989"></Icon>
|
</li>
|
</ul>
|
</Poptip>
|
<div @click="clickJumpPage2(params.row.NameOflessor)" v-else
|
style="cursor: pointer;text-align: left;width: 100%;margin: 8px 0;">{{ params.row.NameOflessor }}
|
</div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex" :total="TotalItems" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</Card>
|
<Modal v-model="rentSeniorSearch" footer-hide width="450" sticky reset-drag-position :mask="true" draggable
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-sousuo" style="margin-right: 10px;"></Icon>
|
<span>高级搜索</span>
|
</p>
|
<Form class="rentTableClass" :model="seniorSearch" :show-message="false" ref="seniorSearch"
|
:rules="seniorSearchValidate" style="margin-bottom: 12px">
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">承租人</label>
|
<FormItem prop="rentMan" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.rentMan" placeholder="请输入承租人" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="seniorSearch.rentMan" size="large" class="ipt_width" placeholder="请输入承租人"></Input>
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList2 && optionsList2.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList2" :key="index" @click="rentManChange(item)" class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Checkbox v-model="IsSubRentMan" >含下属公司</Checkbox>
|
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">出租人</label>
|
<FormItem prop="leaser" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入出租人" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="seniorSearch.leaser" size="large" class="ipt_width" placeholder="请输入出租人"></Input>
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList3 && optionsList3.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList3" :key="index" @click="rentLeaserChange(item)" class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Checkbox v-model="IsSubLeaser" >含下属公司</Checkbox>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">承租人住所</label>
|
<FormItem prop="tenantAbode" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.tenantAbode" size="large" class="ipt_width" placeholder="请输入承租人住所"></Input>
|
<ul slot="content" style="width: 400px;">
|
|
<li v-for="(item, index) in optionsList4" :key="index" @click="tenantAbodeChange(item)" class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">登记证明编号</label>
|
<FormItem prop="tenantAbode" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.regCerNumber" size="large" class="ipt_width" placeholder="请输入登记证明编号"></Input>
|
<ul slot="content" style="width: 400px;">
|
<!-- <li v-if="optionsList4 && optionsList4.length == 0">无匹配结果</li> -->
|
<li v-for="(item, index) in optionsList5" :key="index" @click="regCerNumberChange(item)"
|
class="clearfix" style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">融资金额</label>
|
<FormItem prop="financingAmount" style="width:calc(100% - 100px)!important;">
|
<Select v-model="seniorSearch.financingAmount" size="large" class="ipt_width"
|
@on-select="chooseFinancingAmount" multiple placeholder="请输入融资金额(元)">
|
<Option value="全部">全部</Option>
|
<Option value="100万以下">100万以下</Option>
|
<Option value="100万~1000万">100万~1000万</Option>
|
<Option value="1000万~5000万">1000万~5000万</Option>
|
<Option value="5000万~1亿">5000万~1亿</Option>
|
<Option value="1亿以上">1亿以上</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">登记类型</label>
|
<FormItem prop="boardingSize" style="width:calc(100% - 100px)!important;">
|
<Select v-model="seniorSearch.boardingSize" class="ipt_width" @on-select="chooseBoardingSize" multiple
|
size="large" placeholder="请输入登记类型">
|
<Option value="全部">全部</Option>
|
<Option value="初始登记">初始登记</Option>
|
<Option value="变更登记">变更登记</Option>
|
<Option value="展期登记">展期登记</Option>
|
<Option value="注销登记">注销登记</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">租赁开始时间</label>
|
<FormItem prop="boardingTime2" style="width:calc(100% - 100px)!important;">
|
<Col span="24">
|
<DatePicker :options="optionsboardingTime2" clearable size="large" @on-change="startTimeDate"
|
v-model="seniorSearch.boardingTime2" type="daterange" placeholder="请选择租赁开始时间" style="width: 100%"
|
class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">租赁到期时间</label>
|
<FormItem prop="expirationTime2" style="width:calc(100% - 100px)!important;">
|
<Col span="24">
|
<DatePicker clearable :options="optionsexpirationTime2" size="large" @on-change="endTimeDate"
|
v-model="seniorSearch.expirationTime2" type="daterange" placeholder="请选择租赁到期时间" style="width: 100%"
|
class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 24px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">租赁财产描述</label>
|
<FormItem prop="desOfLeasedProperty" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.desOfLeasedProperty" size="large" class="ipt_width"
|
placeholder="请输入租赁财产描述"></Input>
|
<!-- <ul slot="content" style="width: 400px;">
|
|
<li v-for="(item, index) in optionsList4" :key="index" @click="tenantAbodeChange(item)"
|
class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul> -->
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="width: 200px;margin:24px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;margin-bottom: 12px"
|
type="primary" @click="confirmSenior('seniorSearch')">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;margin-bottom: 12px" type="error"
|
@click="rentSeniorSearch = false">取消
|
</Button>
|
</div>
|
</Form>
|
</Modal>
|
<Modal v-model="rentCheckDetail" footer-hide width="900" draggable sticky reset-drag-position :mask="true"
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
|
<span>租赁融资详情</span>
|
</p>
|
<Spin v-show="loading_report" fix>
|
</Spin>
|
<!-- <Tabs v-model="tabsec2" type="card" style="margin-top:0px;z-index:0" @on-click="tabclick">-->
|
<!-- <TabPane v-for="(item,index) in checkTableLists" :label="item.title" :name="item.name" >-->
|
<!-- <div :class="checkTableLists.length>8?'timelong':''">-->
|
<!-- <ul class="jinduul">-->
|
<!-- <li style="margin-top: 12px" v-for="(checkTableList,index2) in checkTableLists" class="jindu">-->
|
<!-- <span class="uprent" :class="tabsec2===checkTableList.name?'rentclass1':'rentclass2'">-->
|
<!-- <b v-show="checkTableLists.length>1&&index2!=0"></b>-->
|
<!-- <span :class="[index2!=0?'bclass1':'bclass2',index2>parseInt(tabsec2.split('tab')[1])?'sss':'']"></span>-->
|
<!-- <b v-show="checkTableLists.length>1&&index2!=checkTableLists.length-1"></b>-->
|
<!-- </span>-->
|
<!-- <p class="jinduul jinduul2" style="margin-top: 5px;margin-bottom: 5px">{{checkTableList.RegistrationDate}}</p>-->
|
<!-- </li>-->
|
<!-- </ul>-->
|
<!-- </div>-->
|
<!-- </TabPane>-->
|
<!-- </Tabs>-->
|
<div class="tabCustom" style="position:relative;" :class="checkTableLists.length > 9 ? 'timelong' : ''">
|
<span class="borderwidth" style="display:block;"></span>
|
<span style="position: absolute;
|
display: block;
|
width: 20px;
|
cursor: pointer;
|
height: 25px;
|
line-height: 25px;
|
text-align: center;
|
top: 25px;
|
box-shadow: rgb(204 204 204) 1px 0px 4px 0px;;
|
left:-25px;" @click="left_event" v-show="checkTableLists.length > 9">
|
< </span>
|
<ul class="modalLi">
|
<li v-for="(item, index) in checkTableLists" :label="item.title" :name="item.name"
|
class="modalLi_li modaltre" :class="`modal${item.name}`" @click="modalLiclick(item.name)">
|
<span class="modalspan_01 modaltitleclick">{{ item.title }}</span>
|
</li>
|
</ul>
|
<ul class="jinduul" style="box-shadow: 0 1px 6px rgba(0,0,0,0.2);">
|
<li style="margin-top: 12px" v-for="(checkTableList, index2) in checkTableLists" class="jindu">
|
<span class="uprent" :class="tabsec2 === checkTableList.name ? 'rentclass1' : 'rentclass2'">
|
<b v-show="checkTableLists.length > 1 && index2 != 0"></b>
|
<span
|
:class="[index2 != 0 ? 'bclass1' : 'bclass2', index2 > parseInt(tabsec2.split('tab')[1]) ? 'sss' : '']"></span>
|
<b v-show="checkTableLists.length > 1 && index2 != checkTableLists.length - 1"></b>
|
</span>
|
<p class="jinduul jinduul2" style="margin-top: 5px;margin-bottom: 5px;white-space: nowrap;">
|
{{ checkTableList.RegistrationDate }}</p>
|
</li>
|
</ul>
|
<span style="display: block;
|
width: 20px;
|
height: 25px;
|
line-height: 25px;
|
cursor: pointer;
|
text-align: center;
|
position: absolute;
|
top: 25px;
|
box-shadow: rgb(204 204 204) 1px 0px 4px 0px;
|
right: -25px;" @click="right_event" v-show="checkTableLists.length > 9"> > </span>
|
</div>
|
<div v-show="arrListLength === true" style="text-align: center;margin: 20px 0;">
|
<Icon custom="custom custom-kong" size="40" style="color: darkgray;"></Icon>
|
<p style="margin-top: 8px;">暂无数据</p>
|
</div>
|
<div v-for="(checkTableList, index) in checkTableLists">
|
<div v-if="tabsec2 === checkTableList.name && checkTableList.title === '初始登记'"
|
style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll">
|
<table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">登记证明编号</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td>
|
<td style="border-top: 1px solid #ccc">
|
{{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none">
|
<td>登记时间</td>
|
<td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
|
<td style="border-top: none;border-right: none">登记到期日</td>
|
<td style="border-top: none">
|
{{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>登记类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">登记期限</td>
|
<td style="border-top: none">
|
{{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none">
|
<td>租赁财产币种</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁财产价值</td>
|
<td style="border-top: none">
|
{{
|
checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>租赁期限</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁合同号码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;">
|
<td>填表人</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人证件类型</td>
|
<td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>填表人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人归档号</td>
|
<td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;">
|
<td>承租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;">
|
<td>承租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
|
<td style="border-top: none">
|
{{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>出租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;">
|
<td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none;background: #f2f2f2">
|
<td>出租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
|
<td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td>
|
<td colspan="3">
|
<span v-show="arrLength1 === true">{{
|
checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--'
|
}}</span>
|
<div v-for="item in checkTableList.DesOfLeasedPropertynew" :value="item" v-show="arrLength1 === false">
|
{{ item }}
|
</div>
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁财产唯一标识码</td>
|
<td colspan="3">
|
{{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }}
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div v-if="tabsec2 === checkTableList.name && checkTableList.title === '变更登记'" class="rentScroll"
|
style="height: 430px;overflow-y: auto;margin-top: 12px">
|
<table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto;margin-bottom: 12px" border="0"
|
cellspacing="0" cellpadding="0">
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">登记证明编号</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td>
|
<td style="border-top: 1px solid #ccc;">
|
{{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none">
|
<td>登记时间</td>
|
<td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
|
<td style="border-top: none;border-right: none">登记到期日</td>
|
<td style="border-top: none">
|
{{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>登记类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">登记期限</td>
|
<td style="border-top: none">
|
{{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>租赁财产币种</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁财产价值</td>
|
<td style="border-top: none">
|
{{
|
checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁期限</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁合同号码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td>填表人</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人证件类型</td>
|
<td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>填表人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人归档号</td>
|
<td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }}
|
</td>
|
</tr>
|
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
|
<td style="border-top: none">
|
{{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
|
<td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td>
|
<td colspan="3">
|
<span v-show="arrLength2 === true">{{
|
checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--'
|
}}</span>
|
<div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength2 === false">{{ item }}</div>
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁财产唯一标识码</td>
|
<td colspan="3">
|
{{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }}
|
</td>
|
</tr>
|
</table>
|
<div style="margin-top: 12px;margin-bottom: 12px;font-weight: bold">
|
变更登记,变动项如下
|
</div>
|
<div v-if="diffList.length > 0" style="position: relative;padding: 15px 0">
|
<Spin v-show="loading_in" fix></Spin>
|
<table style="width: 100%;margin-top: 0px;overflow-y: auto;margin-bottom: 12px" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentDiffClass">
|
<td></td>
|
<td>上次登记内容</td>
|
<td>本次登记内容</td>
|
</tr>
|
<tr class="rentDiffClass2" v-for="(j, index) in diffList">
|
<td>{{ j.Name }}</td>
|
<td>{{ j.LastRegistration }}</td>
|
<td>{{ j.ThisRegistration }}</td>
|
</tr>
|
</table>
|
</div>
|
<div v-if="diffList.length === 0"
|
style="padding: 15px 0;border: 1px solid #ccc;text-align: center;position: relative">
|
<Spin v-show="loading_in" fix></Spin>
|
暂无数据
|
</div>
|
</div>
|
<div v-show="tabsec2 === checkTableList.name && checkTableList.title === '展期登记'"
|
style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll">
|
<!-- <div style="margin-bottom: 12px;font-weight: bold">-->
|
<!-- 展期登记,登记时间：{{checkTableList.RegistrationDate}}-->
|
<!-- </div>-->
|
<table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto;margin-bottom: 12px" border="0"
|
cellspacing="0" cellpadding="0">
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">登记证明编号</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td>
|
<td style="border-top: 1px solid #ccc;">
|
{{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none">
|
<td>登记时间</td>
|
<td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
|
<td style="border-top: none;border-right: none">登记到期日</td>
|
<td style="border-top: none">
|
{{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>登记类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">登记期限</td>
|
<td style="border-top: none">
|
{{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>租赁财产币种</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁财产价值</td>
|
<td style="border-top: none">
|
{{
|
checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁期限</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁合同号码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td>填表人</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人证件类型</td>
|
<td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>填表人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人归档号</td>
|
<td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
|
<td style="border-top: none">
|
{{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
|
<td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td>
|
<td colspan="3">
|
<span v-show="arrLength3 === true">{{
|
checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--'
|
}}</span>
|
<div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength3 === false">{{ item }}</div>
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁财产唯一标识码</td>
|
<td colspan="3">
|
{{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }}
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div v-show="tabsec2 === checkTableList.name && checkTableList.title === '注销登记'"
|
style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll">
|
<table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">登记证明编号</td>
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">
|
{{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }}
|
</td>
|
<td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td>
|
<td style="border-top: 1px solid #ccc;">
|
{{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass2" style="border-style: none">
|
<td>登记时间</td>
|
<td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
|
<td style="border-top: none;border-right: none">登记到期日</td>
|
<td style="border-top: none">
|
{{ checkTableList.DateOfRegistration && (checkTableList.DateOfRegistration.indexOf('1990/1/1 0:00:00') < 0)
|
? checkTableList.DateOfRegistration : '--' }} </td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>登记类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">登记期限</td>
|
<td style="border-top: none">
|
{{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人名称</td>
|
<td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>租赁财产币种</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁财产价值</td>
|
<td style="border-top: none">
|
{{
|
checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--'
|
}}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁期限</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">租赁合同号码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td>填表人</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人证件类型</td>
|
<td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>填表人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">填表人归档号</td>
|
<td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>承租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
|
<td style="border-top: none">
|
{{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人类型</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
|
<td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
|
<td style="border-top: none">
|
{{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>出租人住所</td>
|
<td style="border-top: none;border-right: none">
|
{{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
|
</td>
|
<td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
|
<td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td>
|
<td colspan="3">
|
<span v-show="arrLength4 === true">{{
|
checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--'
|
}}</span>
|
<div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength4 === false">{{ item }}</div>
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td>租赁财产唯一标识码</td>
|
<td colspan="3">
|
{{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }}
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</Modal>
|
</div>
|
</template>
|
|
<script>
|
import axios from '@/libs/api.request'
|
import $ from 'jquery'
|
|
export default {
|
name: 'rentMarket',
|
props: {
|
componentsType: {
|
type: String,
|
default: ''
|
},
|
companyName: {
|
type: String,
|
default: ''
|
},
|
topInput: {
|
type: String,
|
default: ''
|
},
|
createTime: {
|
type: String,
|
default: ''
|
}
|
|
},
|
components: {},
|
data() {
|
return {
|
IsSubRentMan: false,
|
IsSubLeaser: false,
|
IsSubName: false,
|
pageSize: 30,
|
arrlength: 9,
|
clickend: true,
|
clickNum: 0,
|
loading_in: false,
|
optionsexpirationTime2: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsboardingTime2: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsexpirationTime: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsboardingTime: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
diffList: [],
|
rentMonitoring: false,
|
tabsec2: 'tab0',
|
searchLoading: false,
|
optionsList: [],
|
optionsList2: [],
|
optionsList3: [],
|
optionsList4: [],
|
optionsList5: [],
|
rentCheckDetail: false,
|
defaultassetsmode: false,
|
pageIndex: 1, // 当前页
|
TotalItems: 0, // 总条数
|
rentPeopleList: [], // 租赁数据
|
rentPeople: '', // 租赁model
|
rentSearch: '', // 租赁搜索框model
|
financingAmount: '', // 融资金额model
|
locationModel: '', // 位置model
|
sizeAll: '', // 类型
|
boardingTime: '', // 登记时间
|
expirationTime: '', // 全部时间
|
boardingTime2: '', // 登记时间
|
expirationTime2: '', // 全部时间
|
industry: '', // 全部行业
|
loadingRent: false,
|
rentList: [],
|
rentSeniorSearch: false,
|
seniorSearchBackup: {},
|
seniorSearch: {
|
rentMan: '',
|
leaser: '',
|
tenantAbode: '',
|
boardingSize: '',
|
financingAmount: 0,
|
boardingTime: '',
|
expirationTime: '',
|
boardingTime2: '',
|
expirationTime2: '',
|
regCerNumber: '',
|
desOfLeasedProperty: ''
|
|
},
|
checkTableLists: [],
|
seniorSearchValidate: {
|
rentMan: [
|
{ required: true, trigger: 'change' }
|
],
|
leaser: [
|
{ required: true, trigger: 'change' }
|
],
|
tenantAbode: [
|
{ required: true, trigger: 'change' }
|
],
|
regCerNumber: [
|
{ required: true, trigger: 'change' }
|
],
|
boardingSize: [
|
{ required: true, trigger: 'change' }
|
],
|
financingAmount: [
|
{ required: true, trigger: 'change' }
|
],
|
boardingTime: [
|
{ required: true, trigger: 'change', type: 'date' }
|
],
|
expirationTime: [
|
{ required: true, trigger: 'change', type: 'date' }
|
],
|
|
},
|
checkId: 0,
|
arrLength1: false,
|
arrLength2: false,
|
arrLength3: false,
|
arrLength4: false,
|
loading_report: false,
|
InitialRegT: false,
|
ChangeRegT: false,
|
OutlookRegT: false,
|
LogoutRegT: false,
|
TabList: [],
|
clickDownFile: '',
|
arrListLength: false,
|
opreateTime: 0,
|
TotalPages: 0,
|
firstBool: true,//是否第一次请求
|
searchChange: 1,
|
confirmSeniorFirst: 0,
|
searchClickFirst: 0,
|
getRentListFirst: 0,
|
}
|
},
|
mounted() {
|
if (this.componentsType == 'noTitle') {
|
this.rentPeople = '2'
|
this.rentSearch = this.companyName
|
this.pageSize = 10
|
} else {
|
this.rentPeople = '0'
|
}
|
this.getRentList()
|
},
|
watch: {
|
tabsec2(data) {
|
this.$nextTick(() => {
|
$('.rentScroll').animate({ scrollTop: 0 }, 'slow')
|
})
|
},
|
// checkTableLists(){
|
// if(this.checkTableLists.length>9){
|
// $('.timelong').css({'width':'720px'})
|
// }
|
// }
|
'seniorSearch.leaser': {
|
handler(newName, oldName) {
|
this.remoteleaserMethod()
|
},
|
}
|
},
|
created() {
|
this.$watch('rentSearch', this.debounce((newQuery) => {
|
// newQuery为输入的值
|
this.rentSearch = newQuery
|
this.remoteMethod()
|
}, 200))
|
this.$watch('seniorSearch.rentMan', this.debounce2((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.rentMa = newQuery
|
this.remoteManMethod()
|
}, 200))
|
// this.$watch('seniorSearch.leaser', this.debounce3((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.leaser = newQuery
|
// this.remoteleaserMethod()
|
// }, 200))
|
this.$watch('seniorSearch.tenantAbode', this.debounce4((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.tenantAbode = newQuery
|
this.tenantsResidence()
|
}, 200))
|
},
|
methods: {
|
rentPeopleChange(){
|
this.IsSubName = false
|
},
|
chooseFinancingAmount(value) {
|
console.log(value);
|
this.$nextTick(() => {
|
if (this.seniorSearch.financingAmount.indexOf(value.value)) {
|
if (this.seniorSearch.financingAmount.indexOf('全部') > -1 && value.value != '全部') {
|
for (let i = 0; i < this.seniorSearch.financingAmount.length; i++) {
|
if (this.seniorSearch.financingAmount[i] == '全部') {
|
this.seniorSearch.financingAmount.splice(i, 1)
|
return
|
}
|
}
|
}
|
if (value.value === '全部') {
|
this.seniorSearch.financingAmount = ['全部']
|
}
|
}
|
})
|
},
|
chooseBoardingSize(value) {
|
console.log(value);
|
this.$nextTick(() => {
|
if (this.seniorSearch.boardingSize.indexOf(value.value)) {
|
if (this.seniorSearch.boardingSize.indexOf('全部') > -1 && value.value != '全部') {
|
for (let i = 0; i < this.seniorSearch.boardingSize.length; i++) {
|
if (this.seniorSearch.boardingSize[i] == '全部') {
|
this.seniorSearch.boardingSize.splice(i, 1)
|
return
|
}
|
}
|
}
|
if (value.value === '全部') {
|
this.seniorSearch.boardingSize = ['全部']
|
}
|
}
|
})
|
},
|
modalLiclick(params) {
|
this.tabsec2 = params
|
$('.modalLi li').removeClass('modaltab')
|
$('.modalLi li').removeClass('modaltre')
|
$('.modal' + params).addClass('modaltab')
|
this.diffList = []
|
this.loading_in = true
|
let a = parseInt(this.tabsec2.split('tab')[1])
|
this.$nextTick(() => {
|
if (this.checkTableLists[a].title === '变更登记') {
|
this.differentRent(this.checkTableLists[a].Id)
|
console.log(this.diffList)
|
}
|
})
|
},
|
// left_event () {
|
// let a = 0
|
// a = this.checkTableLists.length - 9
|
// if (a != 1) {
|
// $('.modalLi li').css({'transform': 'translate(90px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// $('.jinduul li').css({'transform': 'translate(90px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// this.arrlength -= 1
|
// } else if (a === 1) {
|
// $('.modalLi li').css({'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// $('.jinduul li').css({'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// this.arrlength -= 1
|
// } else {
|
|
// }
|
// },
|
// right_event () {
|
// this.clickNum += 1
|
// let a = 0
|
// a = this.checkTableLists.length - this.arrlength
|
// if (a > 0) {
|
// $('.modalLi li').css({'transform': 'translate(-90px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// $('.jinduul li').css({'transform': 'translate(-90px,0)', 'transition': 'transform 0.5s linear 0s'})
|
// this.arrlength += 1
|
// } else {
|
// this.clickend = true
|
// }
|
// // $('.modalLi li').removeClass('left_click')
|
// // $('.modalLi li').addClass('right_click')
|
// },
|
left_event() {
|
if (this.arrlength == 9) {
|
return false
|
}
|
let a = 0
|
// console.log(this.arrlength,);
|
if (this.arrlength > 9) {
|
$('.modalLi li').css({ 'transform': `translate(${-90 * (this.arrlength - 10)}px,0)`, 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': `translate(${-90 * (this.arrlength - 10)}px,0)`, 'transition': 'transform 0.5s linear 0s' })
|
this.arrlength -= 1
|
} else {
|
$('.modalLi li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
}
|
// console.log(this.arrlength);
|
},
|
right_event() {
|
if (this.arrlength == this.checkTableLists.length) {
|
return false
|
}
|
let a = 0
|
a = this.checkTableLists.length - this.arrlength
|
if (a > 0) {
|
$('.modalLi li').css({ 'transform': `translate(${-90 * (this.arrlength - 8)}px,0)`, 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': `translate(${-90 * (this.arrlength - 8)}px,0)`, 'transition': 'transform 0.5s linear 0s' })
|
this.arrlength += 1
|
} else {
|
this.clickend = true
|
}
|
// console.log(a,this.arrlength,this.clickNum);
|
// $('.modalLi li').removeClass('left_click')
|
// $('.modalLi li').addClass('right_click')
|
},
|
tabclick() {
|
this.diffList = []
|
this.loading_in = true
|
let a = parseInt(this.tabsec2.split('tab')[1])
|
this.$nextTick(() => {
|
if (this.checkTableLists[a].title === '变更登记') {
|
this.differentRent(this.checkTableLists[a].Id)
|
}
|
})
|
},
|
differentRent(s) {
|
this.loading_in = true
|
this.diffList = []
|
let data = {
|
Id: s
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetChangeByRegistration',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.diffList = res.data.Data
|
this.loading_in = false
|
} else {
|
|
}
|
}, res => {
|
})
|
},
|
clickJumpPage2(value) {
|
localStorage.setItem('powerAccess', 'publicMessage_tool')
|
window.open(`#/publicMessage_tool?name=${value}`, '_blank')
|
},
|
clickJumpPage(value) {
|
localStorage.setItem('powerAccess', 'publicMessage_tool')
|
window.open(`#/publicMessage_tool?name=${value}`, '_blank')
|
},
|
downFile(params) {
|
this.clickDownFile = params
|
},
|
remoteleaserMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.leaser !== '') {
|
let data = { name: this.seniorSearch.leaser }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList3 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList3 = []
|
}
|
}, res => {
|
this.optionsList3 = []
|
})
|
} else {
|
this.optionsList3 = []
|
}
|
},
|
regCerNumber() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.regCerNumber !== '') {
|
let data = { name: this.seniorSearch.regCerNumber }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList5 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList5 = []
|
}
|
}, res => {
|
this.optionsList5 = []
|
})
|
} else {
|
this.optionsList5 = []
|
}
|
},
|
rentLeaserChange(item) {
|
this.seniorSearch.leaser = item.Name
|
},
|
tenantAbodeChange(item) {
|
|
this.seniorSearch.tenantAbode = item.Name
|
},
|
rentManChange(item) {
|
this.seniorSearch.rentMan = item.Name
|
},
|
debounce(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce2(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce3(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce4(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
remoteManMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.rentMan !== '') {
|
let data = { name: this.seniorSearch.rentMan }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList2 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList2 = []
|
}
|
}, res => {
|
this.optionsList2 = []
|
})
|
} else {
|
this.optionsList2 = []
|
}
|
},
|
//承租人住所
|
tenantsResidence() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.tenantAbode !== '') {
|
let data = { name: this.seniorSearch.tenantAbode }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList4 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList4 = []
|
}
|
}, res => {
|
this.optionsList4 = []
|
})
|
} else {
|
this.optionsList4 = []
|
}
|
},
|
/**
|
* 远程搜索主体名称
|
*/
|
remoteMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.rentSearch !== '') {
|
this.searchLoading = true
|
let data = { name: this.rentSearch }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList = []
|
}
|
this.searchLoading = false
|
}, res => {
|
this.optionsList = []
|
this.searchLoading = false
|
})
|
} else {
|
this.optionsList = []
|
}
|
},
|
rentSearchChange(item) {
|
this.rentSearch = item.Name
|
},
|
/**
|
* 一键清除事件
|
**/
|
clearAway() {
|
this.searchChange = 1
|
this.financingAmount = ''
|
// this.rentPeople=""
|
// this.rentSearch=""
|
this.locationModel = ''
|
this.industry = ''
|
this.sizeAll = ''
|
this.boardingTime = ''
|
this.expirationTime = ''
|
this.boardingTime2 = ''
|
this.expirationTime2 = ''
|
this.pageIndex = 1
|
this.amountSelect()
|
|
},
|
amountChange() {
|
this.pageIndex = 1
|
this.rentList = []
|
this.$nextTick(() => {
|
this.loadingRent = true
|
let data = {
|
Name: this.rentSearch,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
RentPeople: this.rentPeople,
|
financingAmount: this.financingAmount,
|
sizeAll: this.sizeAll,
|
boardingTime: this.boardingTime,
|
expirationTime: this.expirationTime,
|
boardingTime2: this.boardingTime2,
|
expirationTime2: this.expirationTime2,
|
tenantAbode: this.seniorSearch.tenantAbode,
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
})
|
},
|
/**
|
* 融资金额select事件
|
**/
|
amountSelect() {
|
this.rentList = []
|
this.pageIndex = 1
|
this.$nextTick(() => {
|
this.loadingRent = true
|
let data = {
|
Name: this.rentSearch,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
RentPeople: this.rentPeople,
|
financingAmount: this.financingAmount,
|
sizeAll: this.sizeAll,
|
boardingTime: this.boardingTime,
|
expirationTime: this.expirationTime,
|
boardingTime2: this.boardingTime2,
|
expirationTime2: this.expirationTime2,
|
tenantAbode: '',
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
})
|
},
|
/**
|
* 租赁下载点击事件
|
**/
|
downloadclick(params) {
|
this.$nextTick(() => {
|
let data = {
|
ReleRegCerNumber: params.ReleRegCerNumber
|
}
|
axios.request({
|
url: '/MkDownloadZip/GetDownloadZip',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
// this.downFile(res.data.Data)
|
// this.clickDownFile=res.data.Data
|
window.open(res.data.Data, '_blank')
|
} else {
|
|
}
|
}, res => {
|
})
|
})
|
},
|
duplicateTab(arr, type) {
|
if (type) {
|
let obj = {}
|
let newArr = arr.reduce((cur, next) => {
|
obj[next.name] ? '' : obj[next.name] = true && cur.push(next)
|
return cur
|
}, [])
|
return newArr
|
} else {
|
return Array.from(new Set(arr))
|
}
|
},
|
/**
|
* 租赁查看点击事件
|
**/
|
checkRentclick(params) {
|
this.diffList = []
|
let now = new Date().valueOf()
|
let timeList = []
|
let a = 0
|
this.arrlength = 9
|
if (now - this.opreateTime > 100) {
|
this.TabList = []
|
this.arrListLength = false
|
this.tabsec2 = 'tab0'
|
this.$nextTick(() => {
|
this.rentCheckDetail = true
|
this.loading_report = true
|
$('.rentScroll').animate({ scrollTop: 0 }, 'slow')
|
let a = []
|
this.checkId = params.Id
|
let data = {
|
Id: this.checkId
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseInfo',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.opreateTime = now
|
for (let i = 0; i < res.data.Data.length; i++) {
|
if (res.data.Data[i].title === '初始登记') {
|
if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) {
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) {
|
res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n')
|
}
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n')))
|
} else {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n')))
|
}
|
this.arrLength1 = false
|
} else {
|
this.arrLength1 = true
|
}
|
} else if (res.data.Data[i].title === '变更登记') {
|
if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) {
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) {
|
res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n')
|
}
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n')))
|
} else {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n')))
|
}
|
this.arrLength2 = false
|
} else {
|
this.arrLength2 = true
|
}
|
} else if (res.data.Data[i].title === '展期登记') {
|
if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) {
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) {
|
res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n')
|
}
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n')))
|
} else {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n')))
|
}
|
this.arrLength3 = false
|
} else {
|
this.arrLength3 = true
|
}
|
} else if (res.data.Data[i].title === '注销登记') {
|
if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) {
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) {
|
res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n')
|
}
|
if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n')))
|
} else {
|
res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n')))
|
}
|
this.arrLength4 = false
|
} else {
|
this.arrLength4 = true
|
}
|
}
|
}
|
$('.modalLi li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
this.modalLiclick('tab0')
|
let a = 876 - res.data.Data.length * 90
|
$('.borderwidth').css({
|
'width': `${a}px`,
|
'left': `${res.data.Data.length * 90}px`,
|
'top': '32px',
|
'height': '1px',
|
'background': '#dcdee2',
|
'position': 'absolute'
|
})
|
this.checkTableLists = res.data.Data
|
this.loading_report = false
|
} else {
|
this.loading_report = false
|
}
|
}, res => {
|
this.loading_report = false
|
})
|
})
|
} else {
|
this.$Message.warning('数据正在获取，请勿重复点击！')
|
}
|
},
|
/**
|
* 获取租赁数据
|
**/
|
getRentList() {
|
this.searchChange = 1
|
this.confirmSeniorFirst = 1
|
this.searchClickFirst = 1
|
if (this.getRentListFirst === 1) {
|
this.pageIndex = 1
|
this.$refs['pagesChange1'].currentPage = 1
|
this.confirmSeniorFirst = 0
|
}
|
|
this.loadingRent = true
|
let data = {
|
Name: this.rentSearch,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
RentPeople: parseInt(this.rentPeople),
|
financingAmount: this.financingAmount,
|
sizeAll: this.sizeAll,
|
boardingTime: this.boardingTime,
|
expirationTime: this.expirationTime,
|
boardingTime2: this.boardingTime2,
|
expirationTime2: this.expirationTime2,
|
|
IsSubName: this.IsSubName,
|
|
}
|
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
this.TotalPages = res.data.Data.TotalPages
|
this.loadingRent = false
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
},
|
endTimeDate() {
|
|
},
|
startTimeDate() {
|
|
},
|
/**
|
* 页面page的change事件
|
**/
|
changePageIndex(page) {
|
if (page > this.TotalPages) {
|
this.pageIndex = 1
|
} else {
|
this.pageIndex = page
|
}
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
if (this.searchChange === 1) {
|
this.getRentList()
|
} else if (this.searchChange === 2) {
|
this.confirmSenior()
|
} else if (this.searchChange === 3) {
|
this.searchClick()
|
}
|
this.pageIndex = 1
|
},
|
/**
|
* 高级搜索确认
|
**/
|
confirmSenior(seniorSearchValidate) {
|
this.searchChange = 2
|
this.searchClickFirst = 1
|
this.getRentListFirst = 1
|
if (this.confirmSeniorFirst === 1) {
|
this.pageIndex = 1
|
this.$refs['pagesChange1'].currentPage = 1
|
this.confirmSeniorFirst = 0
|
}
|
// this.$refs[seniorSearchValidate].validate((valid) => {
|
// if (valid) {
|
// alert('success')
|
// } else {
|
// alert('error')
|
// }
|
// })
|
this.rentList = []
|
// this.$nextTick(() => {
|
this.rentSeniorSearch = false
|
this.loadingRent = true
|
let data = {
|
IsSubRentMan: this.IsSubRentMan,
|
IsSubLeaser: this.IsSubLeaser,
|
rentMan: this.seniorSearch.rentMan,
|
leaser: this.seniorSearch.leaser,
|
tenantAbode: this.seniorSearch.tenantAbode,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
financingAmount: this.seniorSearch.financingAmount ? this.seniorSearch.financingAmount.join(' or ') : '',
|
sizeAll: this.seniorSearch.boardingSize ? this.seniorSearch.boardingSize.join(' or ') : '',
|
boardingTime: this.seniorSearch.boardingTime,
|
expirationTime: this.seniorSearch.expirationTime,
|
boardingTime2: this.seniorSearch.boardingTime2,
|
expirationTime2: this.seniorSearch.expirationTime2,
|
regCerNumber: this.seniorSearch.regCerNumber,
|
DesOfLeasedProperty: this.seniorSearch.desOfLeasedProperty
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
this.TotalPages = res.data.Data.TotalPages
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
// })
|
},
|
searchClick() {
|
this.searchChange = 3
|
this.confirmSeniorFirst = 1
|
this.getRentListFirst = 1
|
if (this.searchClickFirst === 1) {
|
this.pageIndex = 1
|
this.$refs['pagesChange1'].currentPage = 1
|
this.searchClickFirst = 0
|
}
|
// this.searchClickFirst=0
|
this.loadingRent = true
|
this.rentList = []
|
// this.pageIndex = 1
|
// this.clearAway()
|
let data = {
|
Name: this.rentSearch,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
RentPeople: parseInt(this.rentPeople),
|
financingAmount: this.financingAmount,
|
sizeAll: this.sizeAll,
|
boardingTime: this.boardingTime,
|
expirationTime: this.expirationTime,
|
boardingTime2: this.boardingTime2,
|
expirationTime2: this.expirationTime2,
|
tenantAbode: this.seniorSearch.tenantAbode,
|
// IsSubRentMan: this.IsSubRentMan,
|
// IsSubLeaser: this.IsSubLeaser,
|
IsSubName: this.IsSubName,
|
|
}
|
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
},
|
/**
|
* 高级搜索点击事件
|
**/
|
seniorSearchClick() {
|
this.rentSeniorSearch = true
|
if (this.seniorSearchBackup === '') {
|
this.IsSubLeaser = false
|
this.IsSubRentMan = false
|
this.seniorSearch = {
|
rentMan: '',
|
leaser: '',
|
tenantAbode: '',
|
startTime: '',
|
endTime: '',
|
boardingSize: '',
|
financingAmount: 0,
|
boardingTime: '',
|
expirationTime: '',
|
boardingTime2: '',
|
expirationTime2: '',
|
desOfLeasedProperty: ""
|
}
|
} else {
|
this.seniorSearch = this.seniorSearchBackup
|
}
|
}
|
},
|
computed: {
|
rentColumns() {
|
let columns = []
|
if (this.componentsType == 'noTitle') {
|
columns.push({
|
title: '序号',
|
key: 'Id',
|
render: (h, params) => {
|
return h('span', params.index + 1)
|
},
|
width: 80,
|
align: 'center',
|
fixed: 'left'
|
})
|
}
|
columns.push({
|
title: '承租人名称',
|
key: 'NameOfTenant',
|
align: 'center',
|
minWidth: 150,
|
slot: 'NameOfTenantSlot',
|
fixed: 'left'
|
})
|
columns.push({
|
title: '出租人名称',
|
key: 'NameOflessor',
|
align: 'center',
|
minWidth: 150,
|
fixed: 'left',
|
slot: 'NameOflessorSlot'
|
})
|
columns.push({
|
title: '租赁财产价值(元)',
|
key: 'ValueOfLeasedPro',
|
align: 'right',
|
minWidth: 150,
|
maxWidth: 160,
|
render: (h, params) => {
|
if (params.row.ValueOfLeasedPro != 0) {
|
return h('span', this.CustomMethods.numTo$(params.row.ValueOfLeasedPro))
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '租赁期限',
|
key: 'TermOfLease',
|
align: 'center',
|
width: 200,
|
render: (h, params) => {
|
if (params.row.TermOfLease) {
|
return h('span', params.row.TermOfLease)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '登记期限',
|
key: 'RegistrationDate',
|
align: 'center',
|
width: 240,
|
render: (h, params) => {
|
if (params.row.RegistrationType === '注销登记') {
|
if (params.row.RegistrationDate) {
|
return h('span', params.row.RegistrationDate)
|
} else {
|
return h('span', '--')
|
}
|
} else {
|
if (params.row.RegistrationDate && params.row.DateOfRegistrationTime) {
|
return h('span', params.row.RegistrationDate + ' ~ ' + params.row.DateOfRegistrationTime)
|
} else if ((params.row.RegistrationDate === null || params.row.RegistrationDate === '') && params.row.DateOfRegistrationTime) {
|
return h('span', '--' + ' ~ ' + params.row.DateOfRegistrationTime)
|
} else if (params.row.RegistrationDate && (params.row.DateOfRegistrationTime === null || params.row.DateOfRegistrationTime == '')) {
|
return h('span', params.row.RegistrationDate + ' ~ ' + '--')
|
} else {
|
return h('span', '--' + ' ~ ' + '--')
|
}
|
}
|
}
|
})
|
columns.push({
|
title: '登记类型',
|
key: 'RegistrationType',
|
align: 'center',
|
width: 150,
|
render: (h, params) => {
|
if (params.row.RegistrationType) {
|
return h('span', params.row.RegistrationType)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '登记证明编号',
|
key: 'RegCerNumber',
|
align: 'center',
|
width: 200,
|
render: (h, params) => {
|
if (params.row.RegCerNumber) {
|
return h('span', params.row.RegCerNumber)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
width: 50,
|
fixed: 'right'
|
})
|
return columns
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.modaltre:nth-child(1) {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modaltab {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modalLi_li {
|
border-right: 1px solid #dcdee2 !important;
|
/*border-right: 1px solid #dcdee2 !important;*/
|
border-top: 1px solid #dcdee2;
|
border-bottom: 1px solid #dcdee2;
|
background: #fff;
|
color: #515a6e;
|
width: 90px;
|
text-align: center;
|
display: block;
|
cursor: pointer;
|
padding: 5px 0;
|
}
|
|
.left_click {
|
transform: translate(90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.originli {
|
transform: translate(0, 0);
|
}
|
|
.right_click {
|
transform: translate(-90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.modalLi {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.modalLi .modalspan_01 {
|
display: inline-block;
|
}
|
|
.modalLi_li:nth-child(1) {
|
border-left: 1px solid #dcdee2 !important;
|
}
|
|
.timelong {
|
width: calc(100% - 66px);
|
margin: 0 auto;
|
}
|
|
.jinduul2 p {
|
white-space: nowrap;
|
font-weight: bold;
|
}
|
|
.jinduul2 {
|
justify-content: center;
|
}
|
|
.jinduul2 p:nth-child(1) {
|
text-align: center;
|
white-space: nowrap;
|
}
|
|
.jinduul {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.jinduul li {
|
width: 90px;
|
}
|
|
.uprent b {
|
display: block;
|
height: 2px;
|
width: 35px;
|
background: #ccc;
|
}
|
|
.jindubbehind {
|
/*display: none*/
|
}
|
|
.uprent span {
|
display: block;
|
width: 20px;
|
height: 20px;
|
border-radius: 50%;
|
}
|
|
.bclass2 {
|
margin-left: 35px;
|
}
|
|
.rentclass1 span {
|
border: 1px solid #2d8cf0;
|
background: #2d8cf0;
|
}
|
|
.rentclass2 span {
|
border: 1px solid #42b983;
|
background: #42b983
|
}
|
|
.sss {
|
background: #fff !important;
|
}
|
|
.kongxin {
|
background: #fff;
|
}
|
|
.uprent {
|
display: flex;
|
align-items: center;
|
}
|
|
.rentDiffClass {
|
width: 100%;
|
}
|
|
.rentDiffClass2 {
|
width: 100%;
|
}
|
|
.rentDiffClass td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2:nth-child(even) {
|
background: #f2f2f2;
|
}
|
|
.rentDiffClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentmanClass .ivu-poptip {
|
width: 100%;
|
}
|
|
.rentmanClass .ivu-poptip-rel {
|
width: 100%;
|
}
|
|
.rentThClass2 {
|
width: 100%;
|
}
|
|
.rentThClass2 td {
|
padding: 5px;
|
}
|
|
.rentThClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(2) {
|
width: 35%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(3) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(4) {
|
width: 35%;
|
box-sizing: border-box;
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
}
|
|
.rentThClass td {
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
padding: 5px;
|
}
|
|
.rentThClass td:first-child {
|
border-right: none;
|
width: 15%;
|
box-sizing: border-box;
|
border-top: 0px;
|
}
|
|
.rentThClass td:last-child {
|
width: 85%;
|
box-sizing: border-box;
|
border-top: 0px;
|
word-break: break-all;
|
}
|
|
.rentClass .lists_readAndEdit2 {
|
padding-top: 12px;
|
}
|
|
.rentTableClass .ivu-form-item {
|
margin-bottom: 0px;
|
}
|
|
.ivu-page-options-elevator input {
|
width: 70px !important;
|
}
|
</style>
|
