最新代码存档

mahuan@syspetro.com

2022-01-11 b54bc3eda711ea0d669be4946a1d19be8181dc9a

最新代码存档

 src/CustomMethods.js

@@ -48,7 +48,7 @@
  if(h<10){
    h='0'+h
  }
  if(s<0){
  if(s<10){
    s='0'+s
  }
  let currentdate = year + seperator1 + month + seperator1 + strDate + ' ' + h + ':' + m + ':' + s

 src/components/main/components/header-bar/sider-trigger/sider-trigger.vue

@@ -112,7 +112,7 @@
            <li><span class="ivu-icon custom custom-biaozhun"></span><span class="two_class" name="_home"
                                                                           @click="setVersionInfo('_home')">企业评估-专业版</span>
            </li>
            <li><span class="ivu-icon custom custom-shujuwajue"></span>
            <li><Icon type="ios-paper-outline" />
              <span class="two_class" name="rentExchangeCompany"  @click="setVersionInfo('rentExchange')">企业评估-租赁公司</span>
            </li>
            <li><span class="ivu-icon custom custom-shujuwajue"></span>

 src/view/diligenceTools/rentMarket.vue

@@ -1,288 +1,328 @@
<template>
    <div class="rentClass rentAddClass">
      <Card>
        <div class="customTitle">
          <Icon custom="custom custom-zulin-copy"></Icon>
          <span style="margin-left: 6px;">租赁融资</span>
  <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 class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px">
        <Select v-model="rentPeople" style="width:100px;padding-right: 12px" size="large">
          <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>
          <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=false 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=false 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>
      </Card>
      <Card style="margin-top: 12px">
          <div class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px">
            <Select v-model="rentPeople" style="width:100px;padding-right: 12px" size="large">
              <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>
      </div>
      <div class="rentScrollOut">
        <Table ref="rentList" border :columns="rentColumns" :data="rentList" :loading="loadingRent" max-height="600">
          <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-if="optionsList && optionsList.length == 0">无匹配结果</li>
                <li v-for="(item, index) in optionsList" :key="index" @click="rentSearchChange(item)"
                <li v-for="(item, index) in params.row.NameOfTenant.split('；')" :key="index"
                    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>
                    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>
            <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=false 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=false 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 @click="clickJumpPage(params.row.NameOfTenant)" v-else
                 style="cursor: pointer;text-align: left;width: 100%;margin: 8px 0;">{{ params.row.NameOfTenant }}
            </div>
          </div>
          <div class="rentScrollOut">
            <Table ref="rentList" border :columns="rentColumns" :data="rentList" :loading="loadingRent" max-height="600">
              <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="30"
                    style="text-align: right"
                    @on-change="changePageIndex"
                    show-elevator
              />
          </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>
          </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>
            </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>
            </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" 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"  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=false  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: 24px">
            <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=false :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="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;
          </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="30"
                style="text-align: right"
                @on-change="changePageIndex"
                show-elevator
          />
        </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>
          </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>
          </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" 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" 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=false 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: 24px">
          <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=false :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="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;
@@ -292,22 +332,25 @@
            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">
        <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>
                   <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;
            <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;
@@ -317,463 +360,656 @@
              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-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-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>
        <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>
            <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">
          <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">
            <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>
              <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">
          <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">
        <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: 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>
              <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>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
              <td style="border-top: none;border-right: none">登记到期日</td>
              <td style="border-top: none">{{checkTableList.DateOfRegistration?checkTableList.DateOfRegistration:'--'}}</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">
                {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">登记期限</td>
              <td style="border-top: none">{{checkTableList.RegistrationDeadline?checkTableList.RegistrationDeadline:'--'}}</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>
              <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>
              <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">
                {{ 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>
              <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">
                {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
              </td>
              <td style="border-top: none;border-right: none">租赁合同号码</td>
              <td style="border-top: none">{{checkTableList.LeaseContractNumber?checkTableList.LeaseContractNumber:'--'}}</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">
                {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
              </td>
              <td style="border-top: none;border-right: none">填表人证件类型</td>
              <td style="border-top: none">{{checkTableList.TypeOfPersonId?checkTableList.TypeOfPersonId:'--'}}</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">
                {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
              </td>
              <td style="border-top: none;border-right: none">填表人归档号</td>
              <td style="border-top: none">{{checkTableList.PreparerFileNo?checkTableList.PreparerFileNo:'--'}}</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">
                {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
              <td style="border-top: none">{{checkTableList.LesseeOrgCode?checkTableList.LesseeOrgCode:'--'}}</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">
                {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
              <td style="border-top: none">{{checkTableList.LesseeGlobalCorCode?checkTableList.LesseeGlobalCorCode:'--'}}</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">
                {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
              <td style="border-top: none">{{checkTableList.LegalRepOfLessee?checkTableList.LegalRepOfLessee:'--'}}</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">
                {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
              <td style="border-top: none">{{checkTableList.lessorOrgCode?checkTableList.lessorOrgCode:'--'}}</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">
                {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
              <td style="border-top: none">{{checkTableList.LessorGlobalCorCode?checkTableList.LessorGlobalCorCode:'--'}}</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">
                {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
              <td style="border-top: none">{{checkTableList.LessorLegalRep?checkTableList.LessorLegalRep:'--'}}</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>
                <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:'--'}}
                {{ 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">
        <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: 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>
              <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>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td>
              <td style="border-top: none;border-right: none">登记到期日</td>
              <td style="border-top: none">{{checkTableList.DateOfRegistration?checkTableList.DateOfRegistration:'--'}}</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">
                {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">登记期限</td>
              <td style="border-top: none">{{checkTableList.RegistrationDeadline?checkTableList.RegistrationDeadline:'--'}}</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>
              <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>
              <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">
                {{ 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>
              <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">
                {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }}
              </td>
              <td style="border-top: none;border-right: none">租赁合同号码</td>
              <td style="border-top: none">{{checkTableList.LeaseContractNumber?checkTableList.LeaseContractNumber:'--'}}</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">
                {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }}
              </td>
              <td style="border-top: none;border-right: none">填表人证件类型</td>
              <td style="border-top: none">{{checkTableList.TypeOfPersonId?checkTableList.TypeOfPersonId:'--'}}</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">
                {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }}
              </td>
              <td style="border-top: none;border-right: none">填表人归档号</td>
              <td style="border-top: none">{{checkTableList.PreparerFileNo?checkTableList.PreparerFileNo:'--'}}</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">
                {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td>
              <td style="border-top: none">{{checkTableList.LesseeOrgCode?checkTableList.LesseeOrgCode:'--'}}</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">
                {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td>
              <td style="border-top: none">{{checkTableList.LesseeGlobalCorCode?checkTableList.LesseeGlobalCorCode:'--'}}</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">
                {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }}
              </td>
              <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td>
              <td style="border-top: none">{{checkTableList.LegalRepOfLessee?checkTableList.LegalRepOfLessee:'--'}}</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">
                {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td>
              <td style="border-top: none">{{checkTableList.lessorOrgCode?checkTableList.lessorOrgCode:'--'}}</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">
                {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td>
              <td style="border-top: none">{{checkTableList.LessorGlobalCorCode?checkTableList.LessorGlobalCorCode:'--'}}</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">
                {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }}
              </td>
              <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td>
              <td style="border-top: none">{{checkTableList.LessorLegalRep?checkTableList.LessorLegalRep:'--'}}</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>
                <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:'--'}}
                {{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }}
              </td>
            </tr>
          </table>
        </div>
        </div>
      </Modal>
    </div>
      </div>
    </Modal>
  </div>
</template>

<script>
import axios from '@/libs/api.request'
import $ from 'jquery'

export default {
  name: 'rentMarket',
  components: {

  props: {
    componentsType: {
      type: String,
      default: ''
    }
  },
  components: {},
  data () {
    return {
      arrlength: 9,
@@ -1536,7 +1772,14 @@
              $('.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'})
              $('.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 {
@@ -1813,230 +2056,274 @@
</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;
  }
.modaltre:nth-child(1) {
  border-top: 1px solid #3399ff !important;
  color: #2d8cf0 !important;
  border-bottom: 1px solid #fff !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;
  }
.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;
}
</style>

 src/view/enterpriseControl/offSiteCheck.vue

@@ -9033,7 +9033,7 @@
            this.nothingData=false
            this.loading_go=false
          }else if(this.EventType==='深度信息-新三板上市信息-行情走势-交易行情-每日指标'){
            this.newdailyBasic=this.annualReportDetails
            this.newdailyBasic=this.annualReportDetails[0]
            this.tab1PopModal=true
            this.nothingData=false
            this.loading_go=false
@@ -9871,6 +9871,7 @@
      }).then(res => {
        if (res.data.Check) {
          this.judicialAssistanceDetail = res.data.Data
          this.judicialAssistanceDetail.Status = params[0].Status
          this.nothingData=false
        } else {
          this.judicialAssistanceDetail = {}

 src/view/rentExchange/rentExchangeCompany.vue

@@ -3,7 +3,7 @@
    <div>
      <Card class="customTitle">
        <div>
          <Icon custom="custom custom-hongguanjingjiyanjiu"></Icon>
          <Icon type="ios-paper-outline" />
          <span style="cursor: pointer;margin-left: 5px">企业评估-租赁公司</span>
        </div>
      </Card>
@@ -161,12 +161,12 @@
                <ul class="lists_read clearfix" style="margin-top: 0;">
                  <li class="list" style="width: 100%;padding-left: 20px;">
                    {{
                      `截至2021年11月30日，累计放款${detailMessage.ljfk ? CustomMethods.numTo$(detailMessage.ljfk) : '--'}元，租赁业务笔数${detailMessage.zlywbs ? CustomMethods.numTo$(detailMessage.zlywbs, 0) : 0}笔，承租人数量${detailMessage.czrsl ? CustomMethods.numTo$(detailMessage.czrsl) : 0}个，平均单笔业务放款金额为${detailMessage.pjfkje ? CustomMethods.numTo$(detailMessage.pjfkje) : '--'}元；`
                      `截至${detailMessage.jzrqStr}，累计放款${detailMessage.ljfk ? CustomMethods.numTo$(detailMessage.ljfk) : '--'}元，租赁业务笔数${detailMessage.zlywbs ? CustomMethods.numTo$(detailMessage.zlywbs, 0) : 0}笔，承租人数量${detailMessage.czrsl ? CustomMethods.numTo$(detailMessage.czrsl,0) : 0}个，平均单笔业务放款金额为${detailMessage.pjfkje ? CustomMethods.numTo$(detailMessage.pjfkje) : '--'}元；`
                    }}
                  </li>
                  <li class="list" style="width: 100%;padding-left: 20px;">
                    {{
                      `截至2021年11月30日，存量资产余额${detailMessage.clzc ? CustomMethods.numTo$(detailMessage.clzc) : '--'}元，存量业务${detailMessage.clywbs ? CustomMethods.numTo$(detailMessage.clywbs, 0) : 0}笔，平均单笔业务余额为${detailMessage.pjdbywye ? CustomMethods.numTo$(detailMessage.pjdbywye) : '--'}元；`
                      `截至${detailMessage.jzrqStr}，存量资产余额${detailMessage.clzc ? CustomMethods.numTo$(detailMessage.clzc) : '--'}元，存量业务${detailMessage.clywbs ? CustomMethods.numTo$(detailMessage.clywbs, 0) : 0}笔，平均单笔业务余额为${detailMessage.pjdbywye ? CustomMethods.numTo$(detailMessage.pjdbywye) : '--'}元；`
                    }}
                  </li>
                </ul>
@@ -219,40 +219,40 @@
            </TabPane>
            <TabPane label="承租人风险分析" name="tab2">
              <div v-show="detailTab == 'tab2'" class="noPadding">
                <Table border :columns="detailMessageTableColumns" :data="detailMessage.Table" max-height="400">
                  <template slot="Name" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.Name ? item.Name : '--' }}
                    </div>
                  </template>
                  <template slot="yj" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.yj ? item.yj : '--' }}
                    </div>
                  </template>
                  <template slot="zgyj" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.zgyj ? item.zgyj : '--' }}
                    </div>
                  </template>
                  <template slot="czrsl" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.czrsl ? item.czrsl : '--' }}
                    </div>
                  </template>
                  <template slot="hy" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.hy ? item.hy : '--' }}
                    </div>
                  </template>
                  <template slot="dq" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.dq ? item.dq : '--' }}
                    </div>
                  </template>
                </Table>
<!--                <Table border :columns="detailMessageTableColumns" :data="detailMessage.Table" max-height="400" style="margin-bottom: 12px;">-->
<!--                  <template slot="Name" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.Name ? item.Name : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                  <template slot="yj" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.yj ? item.yj : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                  <template slot="zgyj" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.zgyj ? item.zgyj : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                  <template slot="czrsl" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.czrsl ? item.czrsl : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                  <template slot="hy" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.hy ? item.hy : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                  <template slot="dq" slot-scope="{row,index}">-->
<!--                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">-->
<!--                      {{ item.dq ? item.dq : '&#45;&#45;' }}-->
<!--                    </div>-->
<!--                  </template>-->
<!--                </Table>-->
                <Table border :columns="detailMessageCzrfxTableColumns" :data="detailMessage.czrfxTable"
                       max-height="400" style="margin-top: 12px;">
                       max-height="400">
                  <template slot="Name" slot-scope="{row,index}">
                    <div v-for="item in row.czrInfo" style="height: 40px;border-bottom: 1px solid #e9e9e9;">
                      {{ item.Name ? item.Name : '--' }}
@@ -286,6 +286,11 @@
                </Table>
              </div>
            </TabPane>
            <TabPane label="租赁登记明细" name="tab3">
              <div v-if="detailTab == 'tab3'" class="noPadding">
                <rentMarket componentsType="noTitle"></rentMarket>
              </div>
            </TabPane>
          </Tabs>

        </div>
@@ -299,10 +304,13 @@
import $ from 'jquery'
import axios from '@/libs/api.request'
import echarts from 'echarts'
import rentMarket from '../diligenceTools/rentMarket'

export default {
  name: 'accessReportList',
  components: {},
  components: {
    rentMarket
  },
  data () {
    return {
      loading: true,//loading
@@ -707,7 +715,7 @@
      })
      columns.push({
        title: '评估日期',
        key: 'ReportDate',
        key: 'ReportDateStr',
        align: 'center',
        minWidth: 100
      })