政信评估20220616zfw

hailu

2022-06-16 58a364944a16fc4e874ff964578e4d01e4c15b29

政信评估20220616zfw

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

@@ -115,6 +115,9 @@
            <li><Icon type="ios-paper-outline" />
              <span class="two_class" name="rentExchangeCompany"  @click="setVersionInfo('rentExchange')">企业评估-租赁公司</span>
            </li>
            <li><Icon type="ios-keypad" />
              <span class="two_class" name="rentExchangeCompanyZF"  @click="setVersionInfo('rentExchangeZF')">企业评估-政信公司</span>
            </li>
            <li><span class="ivu-icon custom custom-shujuwajue"></span>
              <span class="two_class" name="enterpriseRelationshipMining"  @click="setVersionInfo('enterpriseRelationshipMining')">企业关系挖掘</span>
            </li>
@@ -215,6 +218,9 @@
        this.$router.push({path:'/shangShiInfo'})
      }else if(params==='xinSanBanInfos'){
        this.$router.push({path:'/xinSanBanInfo'})
      }else if(params=="rentExchangeZF"){
        console.log('zhengxin');
        this.$router.push({path:'/rentExchangeCompanyZF'})
      }
      this.$emit('givesomething','a')
      // this.$store.commit('companyRedirect', params)

 src/router/index.js

@@ -8,7 +8,17 @@

const {homeName} = config

 

Vue.use(Router)


const originalPush = Router.prototype.push
 
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

const router = new Router({
  routes
})

 src/router/routers.js

@@ -327,6 +327,31 @@
    ]
  },
  {
    path: '/rentExchangeZF',
    name: 'rentExchangeZF',
    redirect: '/rentExchangeCompanyZF',
    component: Main,
    meta: {
      notCache: true,
      access: ['no_admin', 'rentExchangeZF'],
      icon: 'custom custom-shujuwajue',
      title: '企业评估'
    },
    children: [
      {
        path: '/rentExchangeCompanyZF',
        name: 'rentExchangeCompanyZF',
        meta: {
          notCache: true,
          access: ['no_admin', 'rentExchangeZF'],
          icon: 'custom custom-shujuwajue',
          title: '政信公司'
        },
        component: () => import('@/view/rentExchangeZF/rentExchangeCompanyZF.vue')
      }
    ]
  },
  {
    path: '/enterpriseRelationship',
    name: 'enterpriseRelationship',
    redirect: '/enterpriseRelationshipMining',

 src/view/rentExchangeZF/components/detailTable.vue

New file
@@ -0,0 +1,169 @@
<template>
  <div id="detailTable">
    <Table border :columns="listColumns" :data="list"
           max-height="400">
      <template slot="WarnLevel" slot-scope="params">
        <div v-show="params.row.WarnLevel===1" style="color:#1afa29;">
          <Icon style="font-size: 30px" custom="custom custom-dui1"></Icon>
        </div>
        <div v-show="params.row.WarnLevel===2" style="color:#f4ea2a;">
          <Icon custom="custom custom-jinggao" style="font-size: 30px"></Icon>
        </div>
        <div v-show="params.row.WarnLevel===3" style="color:#d81e06;">
          <Icon style="font-size: 30px" custom="custom custom-cuo1"></Icon>
        </div>
      </template>
      <template slot="mainContent" slot-scope="params">
<!--        <Poptip trigger="hover" placement="bottom-start" transfer>-->
<!--          <div slot="content" style="max-height: 300px;overflow: auto;">-->
<!--            <div v-for="(item,index) in params.row.Content ? JSON.parse(params.row.Content) : []" style="padding:0 10px 0 0" :key="index">-->
<!--              <span style="display: inline-block;white-space: nowrap;">{{item.Name}}</span>-->
<!--              <span  style="display: inline-block">：</span>-->
<!--              <span style="display: inline-block" v-if="!item.Value">&#45;&#45;</span>-->
<!--              <span  style="display: inline-block;word-break: break-all;" v-if="item.Value">{{item.Value}}</span>-->
<!--            </div>-->
<!--          </div>-->
          <div v-for="(item,index) in params.row.Content ? JSON.parse(params.row.Content) : []" style="padding:0 10px 0 0" :key="index">
            <span style="display: inline-block;white-space: nowrap;">{{item.Name}}</span>
            <span style="display: inline-block">：</span>
<!--            <span style="display: inline-block;word-break: break-all;">{{item.Value ? item.Value : '&#45;&#45;'}}</span>-->
            <span v-html="item.Value" style="display: inline-block;word-break: break-all;">{{item.value}}</span>
          </div>
<!--        </Poptip>-->
      </template>
<!--      <template slot="action" slot-scope="params">-->
<!--        <div @click="actionparams(params)">-->
<!--          <Icon :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" custom="custom custom-chakan"></Icon>-->
<!--        </div>-->
<!--      </template>-->
    </Table>
<!--    <Table max-height="500" border :columns="listColumns"  :data="list">-->

<!--      -->

<!--    </Table>-->
  </div>
</template>

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

export default {
  name: 'detailTable',
  components: {//组件

  },
  props: {//传参
    list: {
      type: Array,
      default () {
        return []
      }
    }
  },
  data () {
    return {//数据
    br:'<br/>'
    }
  },
  created(){
  },
  mounted () {//挂载完毕

  },
  activated () {//激活页面

  },
  beforeRouteLeave (to, form, next) {//路由跳转
    next()
  },
  beforeDestroy () {//页面销毁

  },
  methods: {//页面函数

  },
  watch: {//数据监听

  },
  computed: {//计算属性
    listColumns () {
      let columns=[]
      columns.push({
        title: '序号',
        key: 'index',
        align: 'center',
        width:50,
        render:(h,params)=>{
          return h('span',params.index+1)
        }
      })
      columns.push({
        title: '公司名称',
        key: 'CompanyName',
        align: 'center',
        minWidth:200,
        maxWidth:320,
      })
      columns.push({
        title: '事件类别',
        key: 'EventType',
        align: 'center',
        minWidth:155,
        maxWidth:180
      })
      columns.push({
        title: '预警等级',
        key: 'WarnLevel',
        align: 'center',
        width:120,
        slot:'WarnLevel',
        renderHeader: (h, params) => {
          return h('div', [
            h('span', params.column.title),
            h('Tooltip', {
              props: {
                content: '绿色：正常类信息，指企业正常生产经营过程中发生的各类事件，一般无须特别关注\n' +
                  '黄色：一般风险信息，是指企业出现了值得关注，但程度较轻的负面事件\n' +
                  '红色：重大风险信息，是指企业出现了对其资信状况产生重大影响的负面事件',
                transfer: true,
                maxWidth: 550,
                theme: 'light',
                placement: 'top'
              }
            }, [
              h('Icon', {
                props: {
                  type: 'md-information-circle',
                  color: '#575656',
                  size: '20'
                },
                class: {iconClass: true}
              })
            ])
          ])
        },
      })
      columns.push({
        title: '内容',
        align: 'left',
        slot:'mainContent',
        minWidth:200,
      })
      // columns.push({
      //   title: '详情',
      //   key: 'index',
      //   align: 'center',
      //   slot:'action',
      //   width:60
      // })
      return columns
    }
  }
}
</script>
<style lang="less">
// #detailTable {

// }
</style>

 src/view/rentExchangeZF/rentExchangeCompanyZF.vue

New file
@@ -0,0 +1,2014 @@
<template>
  <div class="rentExchangeCompany" style="position: relative;">
    <Button v-show="warningShow" @click="warning">Display warning prompt</Button>
    <div>
      <Card class="customTitle">
        <div>
          <Icon type="ios-paper-outline"/>
          <span style="cursor: pointer;margin-left: 5px">企业评估-政信公司</span>
        </div>
      </Card>
      <Card style="margin-top: 12px">
        <div style="width: 280px;float: left">
          <!-- <Input v-model="listMessage.companyName" size="large" placeholder="请输入租赁公司名称"
                 @on-enter="search"/> -->
        </div>
        <!-- <div style="float: left">
          <Button size="large" style="margin-left: 15px" custom-icon="custom custom-sousuo" type="primary"
                  @click="search">搜索
          </Button>
          <Button size="large" style="margin-left: 15px" custom-icon="custom custom-sousuo" type="primary"
                  @click="reset">重置
          </Button>
        </div> -->
        <div style="float: right">
          <Button custom-icon="custom custom-chuangjian"
                  type="primary"
                  size="large"
                  :disabled="defaultmode" @click="add">新建评估
          </Button>
        </div>
        <div style="clear: both"></div>
        <!--        <Spin v-show="loading_report" fix>-->
        <!--          <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>-->
        <!--          <div>Loading</div>-->
        <!--        </Spin>-->
        <Table ref="accessList" border :columns="accessListColumns" :data="accessList" :loading="loading_report"
               style="margin-top: 12px" class="assessClass">
          <template slot="CreateTime" slot-scope="{row,index}">
            <div>
              <!-- {{ `${row.CreateTime} ~ ${row.FinishTime}` }} -->
              {{ row.CreateTimeRange }}
            </div>
          </template>
          <template slot="action" slot-scope="params">
            <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                     placement="top">
              <Icon v-if="params.row.State==='已完成' " custom="custom custom-chakanjindu" size="18"
                    class="actionIcon" @click="showDetail(params.row)"/>
              <Icon v-else custom="custom custom-chakanjindu" size="18"
                    :class="params.row.State==='已完成'?'':'disabledIcon'"/>
            </Tooltip>
            <Tooltip content="删除" theme="light" transfer max-width="200"
                     placement="top">
              <Icon custom="custom custom-delete_b" size="18"
                    @click="deleteRow(params.row)"
                    class="actionIcon"/>
            </Tooltip>
          </template>
        </Table>
        <div style="margin-top: 12px">
          <Page :current="listMessage.pageIndex"
                :total="accessListTotalItems"
                :page-size="6"
                show-total
                style="text-align: right"
                @on-change="changeAccessListPageIndex"
                show-elevator
          />
        </div>
      </Card>
      <Modal
        v-model="addModalNext"
        draggable
        sticky
        reset-drag-position
        :mask="true"
        footer-hide
        :mask-closable="false"
        class-name="vertical-center-modal"
        width="570">
        <p slot="header">
          <Icon custom="custom custom-tianjia" style="margin-right: 10px;"></Icon>
          <span>创建评估报告</span>
        </p>
        <ul v-if="addModalNext" class="lists_readAndEdit clearfix" style="margin-top: 0;" id="addModalNext">
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">被评估公司名称</span>
            <div class="list_value">
              <Poptip trigger="focus" placement="bottom-start" transfer
                      style="width: 400px;float: left;margin-right: 10px;">
                <Input v-model="addMessage.CompanyName"
                       size="large"
                       @on-change="remoteMethod"
                       :class="addMessage.CompanyName?'':'ErrorTip'"
                       placeholder="请输入租赁公司名称"></Input>
                <ul slot="content" style="width: 380px;">
                  <li v-if="optionsList && optionsList.length == 0">无匹配结果</li>
                  <li v-for="(item, index) in optionsList" :key="index" @click="changeBelongLtdId(item.Name)"
                      class="clearfix"
                      style="cursor:pointer;padding: 4px 2px;">
                    <span style="float: left;">{{ item.Name }}</span>
                  </li>
                </ul>
              </Poptip>
            </div>
          </li>
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">评估报告名称</span>
            <Input v-model="addMessage.ReportName"
                   size="large"
                   :class="addMessage.ReportName?'':'ErrorTip'"
                   placeholder="请输入评估报告名称"></Input>
          </li>
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">评估日期</span>
            <DatePicker :value="addMessage.ReportDate"
                        size="large"
                        @on-change="addMessage.ReportDate = $event"
                        :class="addMessage.ReportDate?'':'ErrorTip'"
                        type="date" placeholder="请选择评估日期"
                        :clearable="false"
                        style="width: 100%;"></DatePicker>
          </li>
        </ul>
        <div class="clearfix" style="width: 50px;margin:20px auto;">
          <Button size="large" type="primary"  style="margin:0 auto;"
                  :loading="addLoading" @click="addModalNext=false,addModal=true">下一步
          </Button>
          <!-- <Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
                  @click="addModal=false">取消
          </Button> -->
        </div>
      </Modal>
       <Modal
        v-model="addModal"
        draggable
        sticky
        reset-drag-position
        :mask="true"
        footer-hide
        :mask-closable="false"
        class-name="vertical-center-modal"
        width="570">
        <p slot="header">
          <Icon custom="custom custom-tianjia" style="margin-right: 10px;"></Icon>
          <span>创建评估报告</span>
        </p>
        <ul v-if="addModal" class="lists_readAndEdit clearfix" style="margin-top: 0;" id="addModal">
          <!-- <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">行政级别</span>
            <div class="list_value">
              <Poptip trigger="focus" placement="bottom-start" transfer
                      style="width: 400px;float: left;margin-right: 10px;">
                <Input v-model="addMessage.CompanyName"
                       size="large"
                       @on-change="remoteMethod"
                       :class="addMessage.CompanyName?'':'ErrorTip'"
                       placeholder="请输入租赁公司名称"></Input>
                <ul slot="content" style="width: 380px;">
                  <li v-if="optionsList && optionsList.length == 0">无匹配结果</li>
                  <li v-for="(item, index) in optionsList" :key="index" @click="changeBelongLtdId(item.Name)"
                      class="clearfix"
                      style="cursor:pointer;padding: 4px 2px;">
                    <span style="float: left;">{{ item.Name }}</span>
                  </li>
                </ul>
              </Poptip>
            </div>
          </li> -->
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">行政级别</span>
            <Select v-model="model" style="width:400px">
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li>
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">所属省份</span>
            <Select v-model="model" style="width:400px">
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li>
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">所属市</span>
            <Select v-model="model" style="width:400px" disabled>
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li><li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">所属区</span>
            <Select v-model="model" style="width:400px" disabled>
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li><li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">所属县</span>
            <Select v-model="model" style="width:400px" disabled>
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li><li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">专门经济区</span>
            <Select v-model="model" style="width:400px" disabled>
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li>
          <li class="list" style="padding-left: 130px;width: 100%;">
            <span class="list_name" style="width: 100px;">特别行业标签</span>
            <Select v-model="model" style="width:400px" disabled>
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
            </Select>
          </li>
        </ul>
        <div class="clearfix" style="width: 300px;margin:20px auto;">
           <Button size="large" custom-icon="custom custom-queding" type="primary"  style="float: left;;"
                  :loading="addLoading">确定
          </Button>
           <!-- @click="Previous" -->
          <Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
                  @click="addModalNext=true,addModal=false">上一步
          </Button>
        </div>
      </Modal>
      <Modal
        v-model="deleteModal"
        draggable
        footer-hide
        sticky
        reset-drag-position
        :mask="true"
        :mask-closable="false"
        class-name="vertical-center-modal"
        width="380">
        <p slot="header">
          <Icon custom="custom custom-delete_b" style="margin-right: 10px;"></Icon>
          <span>删除文件</span>
        </p>
        <div>
          <div>是否删除数据?</div>
          <div class="clearfix" style="width: 200px;margin:20px auto 0px;">
            <Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary"
                    :loading="deleteLoading"
                    @click="deleteAccessSubmit">确认
            </Button>
            <Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
                    @click="deleteModal=false">取消
            </Button>
          </div>
        </div>
      </Modal>
      <!--查看详情部分-->
      <Modal
        v-model="detailModal"
        id="detailModal"
        draggable
        footer-hide
        sticky
        reset-drag-position
        :mask="true"
        :mask-closable="false"
        class-name="vertical-center-modal"
        width="1300">
        <p slot="header">
          <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
          <!-- <span>{{ detailName }}</span> -->
          <span>政信公司评估</span>
        </p>
        <div v-if="detailModal">
          <Tabs v-model="detailTab" @on-click="changeDetailTab">
            <TabPane label="地区财政情况" name="tab1">
              <div v-if="detailTab == 'tab1'"
                   style="max-height: 460px;overflow-x:hidden;overflow-y: auto;padding-right: 20px;">    
              </div>
            </TabPane>
            <TabPane label="近三年重大事件" name="tab2">
              <div v-if="detailTab == 'tab2'"
                   style="max-height: 460px;overflow-x:hidden;overflow-y: auto;padding-right: 20px;">
                <div style="display: flex;flex-wrap: wrap">
                  <div style="width: 170px;" class="overclassipt">
                    <Select ref="tworef" id="twoid" transfer @on-open-change="opencloseColorSy" allow-create
                            class="overclass" :max-tag-count="1" @on-select="selectYJLevelSy" multiple filterable
                            :value="offSiteCheckModel.NameRisk" style="width: 200px;white-space: nowrap;" label="预警等级"
                            size="large">
                      <Option v-for="item in yujinColor" :value="item.value" @click.native="gogogoYJLevelsy"
                              :label="item.label" :key="item.label">{{ item.label }}
                      </Option>
                    </Select>
                  </div>
                  <div style="margin-left: 15px;margin-right: 15px;width:260px" class="overclassipt">

                    <Select transfer-class-name="gogogoTypeClass" ref="threeref" id="threeid" transfer
                            @on-open-change="eventTypeChange" class="overclass" :max-tag-count="1" multiple
                            @on-select="typeSelect" filterable v-model="offSiteCheckModel.type"
                            style="width: 100%;white-space: nowrap;margin-left:20px;" label="事件类别" size="large">
                      <Option v-for="item in typelist" :value="item.Id" @click.native="gogogo" :label="item.Name"
                              :key="item.Id">{{ item.Name }}
                      </Option>
                    </Select>
                  </div>
                </div>
                <div style="position: relative">
                  <div class="offsitescoll">
                    <Table max-height="500" :loading="loading2" border :columns="offSiteCheckCol"
                           :data="offSiteCheckList">
                      <template slot="contentparams" slot-scope="params">
                        <Poptip placement="right-start" transfer trigger="hover" word-wrap height="300" width="500">
                          <div slot="content" style="max-height: 300px;overflow: auto;">
                            <div v-for="(item,index) in params.row.Content" style="display: flex;padding:0 10px 0 0"
                                 :key="index">
                              <span style="display: inline-block;white-space: nowrap;" v-html="item.Name"></span>
                              <span style="display: inline-block">：</span>
                              <span style="display: inline-block" v-show="item.Value===''||item.Value===null">--</span>
                              <span style="display: inline-block;word-break: break-all;"
                                    v-if="item.Value!=''&&item.Value!=null"
                                    v-html="item.Name.indexOf('元')>-1||item.Name.indexOf('（元）')>-1?CustomMethods.numTo$(item.Value):item.Value"></span>
                            </div>
                          </div>
                          <div v-for="(item,index) in params.row.Content" style="display: flex" :key="index">
                            <span style="display: inline-block;white-space: nowrap;" v-html="item.Name"></span>
                            <span style="display: inline-block">：</span>
                            <span style="display: inline-block" v-show="item.Value===''||item.Value===null">--</span>
                            <span style="display: inline-block" v-if="item.Value!=''&&item.Value!=null"
                                  v-html="item.Name.indexOf('(元)')>-1||item.Name.indexOf('（元）')>-1?(item.Value?item.Value.length>150?`${item.Value.substring(0, 150)}...`:CustomMethods.numTo$(item.Value):'--'):(item.Value?item.Value.length>150?`${item.Value.substring(0, 150)}...`:item.Value:'--')"></span>
                          </div>
                        </Poptip>
                      </template>
                      <template slot="WarnLevel" slot-scope="params">
                        <div v-show="params.row.WarnLevel===1" style="color:#1afa29;">
                          <Icon style="font-size: 30px" custom="custom custom-dui1"></Icon>
                        </div>
                        <div v-show="params.row.WarnLevel===2" style="color:#f4ea2a;">
                          <Icon custom="custom custom-jinggao" style="font-size: 30px"></Icon>
                        </div>
                        <div v-show="params.row.WarnLevel===3" style="color:#d81e06;">
                          <Icon style="font-size: 30px" custom="custom custom-cuo1"></Icon>
                        </div>
                      </template>
                      <template slot="action" slot-scope="params">
                        <div @click="actionparams(params)">
                          <Icon :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
                                custom="custom custom-chakan"></Icon>
                        </div>
                      </template>
                    </Table>
                    <div style="margin-top: 12px">
                      <Page :current="pageIndex"
                            :total="TotalItems"
                            :page-size="15"
                            style="text-align: right"
                            @on-change="changePageIndex"
                            show-elevator/>
                    </div>
                  </div>
                </div>
              </div>
            </TabPane>
            <TabPane label="租赁业务概览" name="tab3">
              <div style="max-height: 460px;overflow-x:hidden;overflow-y: auto;padding-right: 20px;">
                <div style="position: relative;">
                  <Spin v-if="detailLoading" fix></Spin>
                  <ul class="lists_read clearfix" style="margin-top: 0;">
                    <li class="list" style="width: 100%;padding-left: 20px;font-weight:800;">
                      {{
                        `•    根据xx省xx市xx区xx开发区的中登网登记大数据分析，该地区的租赁业务基本情况如下：`
                      }}
                    </li>
                    <li class="list" style="width: 100%;padding-left: 20px;">
                      <!-- 截至${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) : '--'}元；  -->
                      {{
                      `•    截至2022-05-24，累计放款30,718,231,028.76元，租赁业务笔数258笔，承租人数量180个，平均单笔业务放款金额为119,062,910.96元；`
                      }}
                    </li>
                    <li class="list" style="width: 100%;padding-left: 20px;">
                      <!-- 截至${detailMessage.jzrqStr}，存量资产余额${detailMessage.clzc ? CustomMethods.numTo$(detailMessage.clzc) : '--'}元，存量业务${detailMessage.clywbs ? CustomMethods.numTo$(detailMessage.clywbs, 0) : 0}笔，承租人数量${detailMessage.clczrsl ? CustomMethods.numTo$(detailMessage.clczrsl, 0) : 0}个，平均单笔业务余额为${detailMessage.pjdbywye ? CustomMethods.numTo$(detailMessage.pjdbywye) : '--'}元。 -->
                      {{
                        
                     `•    截至2022-05-24，存量资产余额10,329,740,713.41元，存量业务188笔，承租人数量144个，平均单笔业务余额为54,945,429.33元。`
                      }}
                    </li>
                    <li class="list" style="width: 100%;padding-left: 20px;font-weight:400;font-size:14px;color:#999999;">
                      <!-- 注意：本分析报告根据${detailName}公开的中登网大数据生成，实际业务中由于可能发生错登、误登、漏登等情况而导致该公司的实际业务情况与本报告中的数据出现一定误差。 -->
                      {{ 
                      `•    注意：本分析报告根据xx省xx市xx区xx开发区公开的中登网大数据生成，实际业务中由于可能发生错登、误登、漏登等情况而导致该公司的实际业务情况与本报告中的数据出现一定误差。`
                      }}
                    </li>
                  </ul>
                </div>
                <Card style="margin-top: 12px;">
                  <p slot="title" class="title">
                    一、租赁资产风险分布图
                  </p>
                  <div style="position: relative;">
                    <Spin v-if="detailLoading" fix></Spin>
                    <Row type="flex" justify="center" align="middle" class="countto-page-row">
                      <Col span="12">
                        <div v-if="showEcharts1" id="echarts1" style="width: 100%;height: 350px;"></div>
                        <div v-if="!showEcharts1" style="width: 100%;">
                          <h3 style="text-align: center;color: black;">租赁资产风险分布图 - 按租赁项目数量</h3>
                          <div 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>
                      </Col>
                      <Col span="12">
                        <div v-if="showEcharts2" id="echarts2" style="width: 100%;height: 350px;"></div>
                        <div v-if="!showEcharts2" style="width: 100%;">
                          <h3 style="text-align: center;color: black;">租赁资产风险分布图 - 按资产余额</h3>
                          <div 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>
                      </Col>
                    </Row>
                  </div>
                </Card>
                <Card style="margin-top: 12px;">
                  <p slot="title" class="title">
                    二、租赁资产行业分布图
                  </p>
                  <div style="position: relative;">
                    <Spin v-if="detailLoading" fix></Spin>
                    <div id="echarts3" style="width: 100%;height: 400px;"></div>
                    <div id="echarts4" style="width: 100%;height: 400px;"></div>
                    <div id="echarts5" style="width: 100%;height: 400px;"></div>
                  </div>
                </Card>
              </div>
            </TabPane>
            <TabPane label="地区政信公司风险" name="tab4">
              <div style="width: 170px;" class="overclassipt">
                <Select transfer allow-create class="overclass" :max-tag-count="1" multiple filterable
                        @on-open-change="opencloseColor" ref="threeref" id="threeid" @on-select="selectYJLevel"
                        :value="offSiteCheckModel.Name"
                        style="width: 200px;white-space: nowrap;" label="预警等级" size="large">
                  <Option v-for="item in yujinColor" :value="item.value" :label="item.label"
                          @click.native="gogogoYJLevel" :key="item.label">
                    {{ item.label }}
                  </Option>
                </Select>
              </div>
              <div v-show="detailTab == 'tab4'" class="noPadding">
                <Table border :columns="detailMessageCzrfxTableColumns" :data="czrfxTable_current"
                       :loading="tab3Loading"
                       max-height="400">
                  <template slot="Name" slot-scope="{row,index}">
                    <Tooltip v-for="(item,index) in row.czrInfo "
                             :content="item.Name ? item.Name : '--'" class="tableActionMargin" theme="light" transfer
                             max-width="200" :key="index"
                             placement="top">
                      <div
                        class="ellipsisDiv"
                        :style="{width:'135px',height: '42px',lineHeight:'42px',padding: '0 8px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                        {{ item.Name ? item.Name : '--' }}
                      </div>
                    </Tooltip>
                  </template>
                  <template slot="hy" slot-scope="{row,index}">
                    <Tooltip v-for="(item,index) in row.czrInfo"
                             :content="item.hy ? item.hy : '--'" class="tableActionMargin" theme="light" transfer
                             max-width="200" :key="index"
                             placement="top">
                      <div
                        class="ellipsisDiv"
                        :style="{width:'135px',height: '42px',lineHeight:'42px',padding: '0 8px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                        {{ item.hy ? item.hy : '--' }}
                      </div>
                    </Tooltip>
                  </template>
                  <template slot="dq" slot-scope="{row,index}">
                    <Tooltip v-for="(item,index) in row.czrInfo" :key="index"
                             :content="item.dq ? item.dq : '--'" class="tableActionMargin" theme="light" transfer
                             max-width="200"
                             placement="top">
                      <div
                        class="ellipsisDiv"
                        :style="{width:'135px',height: '42px',lineHeight:'42px',padding: '0 8px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                        {{ item.dq ? item.dq : '--' }}
                      </div>
                    </Tooltip>
                  </template>
                  <template slot="jz" slot-scope="{row,index}">
                    <div>
                      {{ row.jz ? CustomMethods.numTo$(row.jz) : '--' }}
                    </div>
                  </template>
                  <template slot="ye" slot-scope="{row,index}">
                    <div>
                      {{ row.ye ? CustomMethods.numTo$(row.ye) : '--' }}
                    </div>
                  </template>
                  <template slot="sjkzr" slot-scope="{row,index}">
                    <div>
                      <Tooltip v-for="(item,index) in row.czrInfo"
                               :content="item.sjkzr ? item.sjkzr : '--'" class="tableActionMargin" theme="light" transfer
                               max-width="200" :key="index"
                               placement="top">
                        <div
                          class="ellipsisDiv"
                          :style="{width:'135px',height: '42px',lineHeight:'42px',padding: '0 8px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                          {{ item.sjkzr ? item.sjkzr : '--' }}
                        </div>
                      </Tooltip>
                    </div>
                  </template>
                  <template slot="sygf" slot-scope="{row,index}">
                    <div>
                      <Tooltip v-for="(item,index) in row.czrInfo"
                               :content="item.sygf ? item.sygf : '--'" class="tableActionMargin" theme="light" transfer
                               max-width="200" :key="index"
                               placement="top">
                        <div
                          class="ellipsisDiv"
                          :style="{width:'135px',height: '42px',lineHeight:'42px',padding: '0 8px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                          {{ item.sygf ? item.sygf : '--' }}
                        </div>
                      </Tooltip>
                    </div>
                  </template>
                  <template slot="zgyj" slot-scope="{row,index}">
                    <div v-if="row.zgyj == '3'"
                         style="width: 22px;height: 16px;border-radius:4px;background-color: #e66;margin: auto auto;"></div>
                    <div v-if="row.zgyj == '2'"
                         style="width: 22px;height: 16px;border-radius:4px;background-color: #fac858;margin: auto auto;"></div>
                    <div v-if="row.zgyj == '1'"
                         style="width: 22px;height: 16px;border-radius:4px;background-color: #91cc75;margin: auto auto;"></div>
                  </template>
                  <template slot="action" slot-scope="{row,index}">
                    <div v-for="(item,index) in row.czrInfo" :key="index"
                         :style="{height: '42px',borderBottom: '1px solid #e9e9e9',borderWidth:row.czrInfo.length > 1 && index != row.czrInfo.length - 1 ? '1px' : 0}">
                      <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                               placement="top">
                        <Icon custom="custom custom-chakanjindu" size="18"
                              @click="showDetailTable(item.Name,item.yjDetail)"
                              style="line-height: 42px;"
                              :class="item.yjDetail && item.yjDetail.length > 0 ? 'actionIcon' : 'disabledIcon'"/>
                      </Tooltip>
                    </div>
                  </template>
                </Table>
                <div style="margin-top: 12px">
                  <Page :current="czrfxTable_pageIndex"
                        :total="czrfxTable_total"
                        :page-size="10"
                        style="text-align: right"
                        @on-change="changePage"
                        show-elevator
                        show-total
                  />
                </div>
              </div>
            </TabPane>
            <TabPane label="地区租赁登记明细" name="tab5">
              <div v-if="!isRequest_tab5" class="noPadding">
                <rentMarket componentsType="noTitle" :companyName="detailName" :topInput="leaseShowNum"
                            :createTime='FinishTime'></rentMarket>
              </div>
            </TabPane>
          </Tabs>
        </div>
      </Modal>
      <!--查看详情部分-->
      <!--详情表格-->
      <Modal
        v-model="detailTableModal"
        id="detailTableModal"
        draggable
        footer-hide
        sticky
        reset-drag-position
        :mask="true"
        :mask-closable="false"
        class-name="vertical-center-modal"
        width="1300">
        <p slot="header">
          <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
          <span>{{ detailTableName }}</span>
        </p>
        <div v-if="detailTableModal">
          <detailTable :list="detailTableList"></detailTable>
        </div>
      </Modal>
      <!--详情表格-->
    </div>
  </div>
</template>

<script>
import $ from 'jquery'
import axios from '@/libs/api.request'
import * as echarts from 'echarts'
import rentMarket from '../diligenceTools/rentMarket'
import detailTable from './components/detailTable'

export default {
  name: 'accessReportList',
  components: {
    rentMarket,
    detailTable
  },
  data () {
    return {
      cityList: [
                    {
                        value: 'New York',
                        label: 'New York'
                    },
                    {
                        value: 'London',
                        label: 'London'
                    },
                    {
                        value: 'Sydney',
                        label: 'Sydney'
                    },
                    {
                        value: 'Ottawa',
                        label: 'Ottawa'
                    },
                    {
                        value: 'Paris',
                        label: 'Paris'
                    },
                    {
                        value: 'Canberra',
                        label: 'Canberra'
                    }
                ],
                model: '',
                Frontfalse:false,
      FinishTime: '',//报告创建时间
      paramsRow: {},
      leaseShowNum: '1',
      czrfxTableBackup: [],//备份
      ReportId: -1,//公司详情参数ID：getNewList
      nowCompanyName: [],//参数，公司名
      offSiteCheckList: [],//近三年数据
      TotalItems: 0,
      czrfxTable: [],//风险数据
      czrfxTable_current: [],//当前页风险数据
      czrfxTable_pageIndex: 1,//当前页面
      czrfxTable_total: 0,//总条数
      isnotzhixingYJLevel: false,
      clone1: [],
      offSiteCheckpop: [],
      pageIndex: 1,
      typelist: [],
      typeListpop: [],
      isnotZhixing: false,
      offSiteCheckModel: {
        Name: ['0'],
        NameRisk: ['0'],
        startTime: '',
        endTime: '',
        companyName: ['all'],
        type: ['999999']
      },

      yujinColor: [
        {
          value: '0',
          label: '预警等级全部',
        }, {
          value: '3',
          label: '红色',
        }, {
          value: '2',
          label: '黄色',
        }, {
          value: '1',
          label: '绿色'
        }],
      warningShow: false,//警告框
      loading: true,//loading
      detailLoading: false,//查看详情loading
      addMessage: {
        CompanyName: '',
        ReportName: '',
        ReportDate: '',
        CreateTime: '',
        State: ''

      },
      addModalNext:false,//政信新建评估下一步
      addModal: false,//新增modal
      addLoading: false,//添加loading
      deleteId: '',//删除的id
      deleteModal: false,//删除modal
      deleteLoading: false,//删除loading
      accessList: [], // 表格list
      listMessage: {//表格信息
        pageIndex: 1,
        pageSize: 6,
        companyName: '',//（选填，模糊查询，租赁公司名称）
        reportName: ''//（选填，模糊查询，报表名称）
      },
      accessListTotalItems: 0,//表格分页数据总条数

      isRequest_tab2: true,//详情tab2是否请求数据
      isRequest_tab3: true,//详情tab3是否请求数据
      isRequest_tab4: true,//详情tab4是否请求数据
      isRequest_tab5:true,//详情tab5是否请求数据
      tab3Loading: false,//tab3页面loading
      detailName: '',//查看详情的名称
      detailMessage: {},//详情信息
      detailModal: false,//查看详情modal
      detailTab: 'tab1',//详情选中tab
      showEcharts1: true,
      showEcharts2: true,
      echarts1: null,
      echarts2: null,
      echarts3: null,
      echarts4: null,
      echarts5: null,
      echarts6: null,
      echarts7: null,
      echarts8: null,
      option: {
        color: ['#e66', '#fac858', '#91cc75', '#5470c6', '#73c0de'],
        title: {
          text: '',
          left: 'center'
        },
        tooltip: {
          trigger: 'item',
        },
        legend: {
          // left: 'left',
          // top: '30px',
          type: 'scroll',
          orient: 'vertical',
          right: 10,
          top: 20,
          bottom: 20,
        },
        series: [
          {
            type: 'pie',
            radius: '50%',
            center: ['50%', '60%'],
            data: [
              {value: 1048, name: '行业1'},
              {value: 735, name: '行业2'},
              {value: 580, name: '行业3'},
              {value: 484, name: '行业4'},
              {value: 300, name: '行业5'}
            ],
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            },
            //minAngle: 10,  // 设置每块扇形的最小占比
            label: {
              normal: {
                show: true,
                formatter: '{b}' +
                  ' : ' +
                  ' {c} ( {d}% )'
              },
            }
          }
        ]
      },

      optionsList: [], // 模糊搜索的主体名称列表
      searchLoading: false, // 模糊搜索loading

      creatCopyConfirm: false,
      copyReportModal: false,
      copyReport: {
        reportName: ''
      },
      copyReportValidate: {
        reportName: [
          {required: true, trigger: 'blur'}
        ]
      },
      defaultassetsmode: false,
      searchIpt: '', // 搜索关键词

      defaultmode: false,
      checkbtn: false, // button 是否可点击
      ProjId: '',
      addAccessModel: {
        reportName: ''
      }, // 第一层 弹框绑定model
      addAccessModelValidate: {
        reportName: [
          {required: true, trigger: 'blur'}
        ]
      },
      isNotAorE: false, // 是否是添加还是编辑
      deleteDateAccess: '', // 删除弹框信息
      loading_report: true,
      creatConfirm: false,
      copy_idea: '',
      comfirmBtnLoading: false,

      detailTableName: '',//详情表格name
      detailTableModal: false,//详情表格modal
      detailTableList: [],//详情表格数据

      ChartIndustryNum:{},//按项目数量
      ChartIndustryAmount:{},//按投放金额
      ChartIndustryBalance:{},//按资产余额
      ChartAreaNum:{}, //按项目数量
      ChartAreaAmount:{}, //按投放金额
      ChartAreaBalance:{}, //按资产余额
    }
  },
  mounted () {
    this.getAccessList()
    this.getopenSelect()
    this.ProjId = localStorage.getItem('RiskProjectId')
    this.Btn_year('4')//三年
  },
  methods: {
    //上一步
    Previous(){
      setTimeout(function(){this.addModalNext=true},1000);
      this.addModal=false
      
      
    },
    /**
     * 年份选择
     **/
    Btn_year (params) {
      let newDate  //当前时间戳
      let timestamp //时间戳间隔
      let startTime  //开始时间
      let endTime  //最后时间
      if (params === '4') {
        newDate = new Date().getTime()
        timestamp = 365 * 24 * 60 * 60 * 1000 * 3
        startTime = newDate - timestamp
        endTime = new Date()
        startTime = new Date(startTime)
        $('.s').css({color: '#000'})
        $('.s1').css({color: '#000'})
        $('.s2').css({color: '#57a3f3'})
      }
      this.financialTime = [startTime, endTime]
      this.offSiteCheckModel.startTime = startTime
      this.offSiteCheckModel.endTime = endTime
      this.pageIndex = 1
      // this.getNewList()
    },
    //预警类型
    eventTypeChange (data) {
      let threeref = this.$refs.threeref
      if (data) {
        // this.storeType=this.offSiteCheckModel.type
        // this.offSiteCheckModel.type=[]
        $('#threeid .ivu-icon-ios-arrow-down').css({'opacity': '0'})
      } else {
        if (this.offSiteCheckModel.type.length === 0) {
          this.offSiteCheckModel.type = ['999999']
        }
        //  threeref.query=""
        $('#threeid .ivu-select-input').css({'width': '0'})
        $('#threeid .ivu-icon-ios-arrow-down').css({'opacity': '1'})
      }
    },
    changePageIndex (page) {
      this.pageIndex = page
      this.loading2 = true
      this.$nextTick(() => {
        this.getNewList()
      })
    },

    //预警模块
    typeSelect (row) {
      // if(this.initzhuangtai){
      this.$nextTick(() => {
        let a = []
        this.typeListpop = []
        this.typelist.forEach((val, index) => {
          if (val.Id != '999999') {
            a.push(val.Id)
          }
        })
        if (row.value === '999999' && (this.offSiteCheckModel.type.length != this.typelist.length || this.offSiteCheckModel.type.length === this.typelist.length)) {
          this.offSiteCheckModel.type = ['999999']
        } else if (this.offSiteCheckModel.type.indexOf('999999') > -1 && this.offSiteCheckModel.type.length != this.typelist.length) {
          this.offSiteCheckModel.type.splice(this.offSiteCheckModel.type.indexOf('999999'), 1)
        }
        // if(this.isnotZhixing){
        this.isnotZhixing = false
        for (let i = 0; i < this.offSiteCheckModel.type.length; i++) {
          for (let j = 0; j < this.typelist.length; j++) {
            if (this.offSiteCheckModel.type[i] === this.typelist[j].Id) {
              if (this.typelist[j].Name === '预警模块全部') {
                this.typeListpop.push('all')
              } else {
                this.typeListpop.push(this.typelist[j].Name)
              }
            }
          }
        }
        this.pageIndex = 1
        this.getNewList()
        // }
      })
      // }
    },
    /**
     * 近三年重大事件获取事件类别
     **/
    getopenSelect () {
      this.inittype = []
      let a = []
      let b = []
      let data = {
        CompanyId: this.CompanyId
      }
      axios.request({
        url: '/ComSiteSup/GetComSiteTypeList',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          if (res.data.Data) {
            a.push({
              Id: 999999,
              Name: '预警模块全部'
            })
            res.data.Data.forEach((val, index) => {
              a.push(val)
              b.push(val.Id.toString())
            })
            a.forEach((val, index) => {
              val.Id = val.Id.toString()
            })
          }
          this.typelist = a
          this.inittype = b
          this.offSiteCheckModel.type = ['999999']
        } else {

        }
      })
    },
    //颜色选择
    //风险
    opencloseColor (data) {
      let threeref = this.$refs.threeref
      if (data) {
        // this.cloneColor=this.offSiteCheckModel.Name
        // this.offSiteCheckModel.Name=[]
        $('#threeid .ivu-icon-ios-arrow-down').css({'opacity': '0'})
      } else if (data == false) {
        if (this.offSiteCheckModel.Name.length === 0) {
          this.offSiteCheckModel.Name = ['0']
        }
        //  tworef.query=""
        $('#threeid .ivu-icon-ios-arrow-down').css({'opacity': '1'})
        $('#threeid .ivu-select-input').css({'width': '0'})
      }
    },
    //近三年
    opencloseColorSy (data) {
      let tworef = this.$refs.tworef
      if (data) {
        // this.cloneColor=this.offSiteCheckModel.Name
        // this.offSiteCheckModel.Name=[]
        $('#twoid .ivu-icon-ios-arrow-down').css({'opacity': '0'})
      } else if (data == false) {
        if (this.offSiteCheckModel.NameRisk.length === 0) {
          this.offSiteCheckModel.NameRisk = ['0']
        }
        //  tworef.query=""
        $('#twoid .ivu-icon-ios-arrow-down').css({'opacity': '1'})
        $('#twoid .ivu-select-input').css({'width': '0'})
      }
    },
    gogogoYJLevel () {
      // this.isnotzhixingYJLevel=true
      // this.initzhuangtai=true
    },
    gogogoYJLevelsy () {
      // this.isnotzhixingYJLevel=true
      // this.initzhuangtai=true
    },
    //近三年预警等级
    selectYJLevelSy (row) {
      this.changePageIndex(1)
      let list = []
      if (row.value === '0') { //选择全部预警等级
        this.offSiteCheckModel.NameRisk = ['0']
      } else if (this.offSiteCheckModel.NameRisk.indexOf('0') > -1) {
        this.offSiteCheckModel.NameRisk = [row.value]
      } else {
        let index = this.offSiteCheckModel.NameRisk.indexOf(row.value)
        if (index == -1) {
          this.offSiteCheckModel.NameRisk.push(row.value)
        } else {
          this.offSiteCheckModel.NameRisk.splice(index, 1)
        }
      }
      this.offSiteCheckModel.NameRisk = JSON.parse(JSON.stringify(this.offSiteCheckModel.NameRisk))
      for (let i = 0, item; item = this.offSiteCheckList[i]; i++) {
        if (this.offSiteCheckModel.NameRisk.indexOf('0') > -1 || this.offSiteCheckModel.NameRisk.indexOf(item.WarnLevel.toString()) > -1) {
          list.push(JSON.parse(JSON.stringify(item)))
        }
      }
      this.offSiteCheckList = list
    },
    //风险
    selectYJLevel (row) {
      this.czrfxTable = this.czrfxTableBackup
      let list = []
      if (row.value === '0') { //选择全部预警等级
        this.offSiteCheckModel.Name = ['0']
      } else if (this.offSiteCheckModel.Name.indexOf('0') > -1) {
        this.offSiteCheckModel.Name = [row.value]
      } else {
        let index = this.offSiteCheckModel.Name.indexOf(row.value)
        if (index == -1) {
          this.offSiteCheckModel.Name.push(row.value)
        } else {
          this.offSiteCheckModel.Name.splice(index, 1)
        }
      }
      this.offSiteCheckModel.Name = JSON.parse(JSON.stringify(this.offSiteCheckModel.Name))
      for (let i = 0, item; item = this.czrfxTable[i]; i++) {
        if (this.offSiteCheckModel.Name.indexOf('0') > -1 || this.offSiteCheckModel.Name.indexOf(item.zgyj.toString()) > -1) {
          list.push(JSON.parse(JSON.stringify(item)))
        }
      }
      this.czrfxTable = list
      this.changePage(1)
    },
    /**
     * detailMessageCzrfxTableColumns 翻页
     */
    changePage (pageIndex) {
      this.czrfxTable_pageIndex = pageIndex
      this.czrfxTable_total = this.czrfxTable.length
      this.czrfxTable_current = this.czrfxTable.slice((this.czrfxTable_pageIndex - 1) * 10, this.czrfxTable_pageIndex * 10)
    },
    gogogo () {
      this.initzhuangtai = true
      this.isnotZhixing = true
    },
    /**
     * 获取accessList
     **/
    getAccessList () {
      this.loading_report = true
      let data = this.listMessage
      axios.request({
        url: '/MkFinanceLease/GetPages',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.accessList = res.data.Data.Items
          this.accessListTotalItems = res.data.Data.TotalItems
        } else {
          this.accessList = []
        }
        this.loading_report = false
      }, res => {
        this.accessList = []
        this.loading_report = false
      })
    },
    /**
     * accessList翻页
     * @param page
     */
    changeAccessListPageIndex (page) {
      this.listMessage.pageIndex = page
      this.getAccessList()

    },
    /**
     * 警告框
     **/
    warning () {
      this.$Message.warning('暂无数据')
    },
    /**
     *  搜索
     **/
    search () {
      this.listMessage.pageIndex = 1
      this.getAccessList()
    },
    /**
     *  重置
     **/
    reset () {
      this.listMessage.companyName = ''
      this.listMessage.pageIndex = 1
      this.getAccessList()
    },
    /**
     * 点击添加按钮
     */
    add () {
      this.addMessage = {
        CompanyName: '',
        ReportName: '',
        ReportDate: this.CustomMethods.getNowDate()
      }
      this.addModalNext = true
    },
    /**
     * 确认添加
     */
    addSubmit () {
      if ($('#addModal .ErrorTip').length > 0) {
        this.$Message.error('请正确填写评估报告信息！')
        return false
      }
      this.addLoading = true
      let data = this.addMessage
      axios.request({
        url: '/MkFinanceLease/AddAsync',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.getAccessList()
          this.addModal = false
        } else {

        }
        this.addLoading = false
      }, res => {
        this.addLoading = false
      })
    },
    /**
     * 远程搜索主体名称
     */
    remoteMethod () {
      this.searchLoading = true
      let data = {keyword: this.addMessage.CompanyName}
      axios.request({
        url: '/qichacha/FuzzySearch',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.optionsList = JSON.parse(JSON.stringify(res.data.Data))
        } else {
          this.optionsList = []
        }
        this.searchLoading = false
      }, res => {
        this.optionsList = []
        this.searchLoading = false
      })
    },
    /**
     * 修改belongLtdId
     */
    changeBelongLtdId (item) {
      this.addMessage.CompanyName = item
    },
    /**
     * 点击删除按钮
     * @param row
     */
    deleteRow (row) {
      this.deleteId = row.Id
      this.deleteModal = true
      this.deleteLoading = false
    },
    /**
     * 确认删除
     */
    deleteAccessSubmit () {
      let data = {
        reportId: this.deleteId
      }
      this.deleteLoading = true
      axios.request({
        url: '/MkFinanceLease/Delete',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.listMessage.pageIndex = 1
          this.getAccessList()
          this.deleteModal = false
        } else {

        }
        this.deleteLoading = false
      }, res => {
        this.deleteLoading = false
      })
    },
    /**
     * 点击删除按钮
     * @param row
     */
    showDetail (row) {
      this.detailTab = 'tab1'
      this.FinishTime = row.FinishTime
      this.isRequest_tab2 = true
      this.isRequest_tab3 = true
      this.isRequest_tab4 = true
      this.isRequest_tab5 = true
      this.offSiteCheckModel.Name = ['0']
      this.offSiteCheckModel.NameRisk = ['0']
      this.paramsRow = row
      this.detailName = row.CompanyName
      this.ReportId = row.Id
      this.nowCompanyName = [row.CompanyName]
      // this.getNewList()
      this.detailModal = true
    },
    /**
     * 获取业务概览
     * @param row
     */
     getReport () {
      this.isRequest_tab3 = false
      this.detailLoading = true
      let data = {
        reportId: this.ReportId
      }
      axios.request({
        url: '/MkFinanceLease/GetReport',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          if (res.data.Data === null || res.data.Data === '') {
            this.warning()
          } else {
            this.detailMessage = res.data.Data
            this.initEcharts()
            console.log(1);
          }

        } else {

        }
        this.detailLoading = false
      }, res => {
        this.detailLoading = false
      })
    },
    /**
     * 获取承租人风险分析
     * @param row
     */
    getReportByRiskEva () {
      this.isRequest_tab4 = false
      this.tab3Loading = true
      let data = {
        reportId: this.ReportId
      }
      axios.request({
        url: '/MkFinanceLease/GetReportByRiskEva',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.czrfxTable = res.data.Data
          this.changePage(1)
          this.czrfxTableBackup = res.data.Data
        } else {

        }
        this.tab3Loading = false
      }, res => {
        this.tab3Loading = false
      })
    },
    /**
     *  获取公司评估列表；近三年
     **/
    getNewList () {
      this.isRequest_tab2 = false
      this.loading2 = true
      if (this.offSiteCheckModel.type[0] === '999999') {
        this.typeListpop = ['all']
      }
      let data = {
        ReportId: this.ReportId,
        ComPanyName: this.nowCompanyName,
        WarnLevel: this.offSiteCheckModel.NameRisk,
        StartAndEndTime: this.financialTime,
        PageSize: 15,
        PageIndex: this.pageIndex,
        EventType: this.typeListpop,
      }
      axios.request({
        url: '/ComSiteSup/GetComDynamicEvaList',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          // this.detailTab = 'tab1'
          this.TotalItems = res.data.Data.TotalItems
          if (res.data.Data.Data) {
            for (let i = 0; i < res.data.Data.Data.length; i++) {
              if (res.data.Data.Data[i].Content) {
                res.data.Data.Data[i].Content = JSON.parse(res.data.Data.Data[i].Content)
              }
              if (res.data.Data.Data[i].Detail) {
                res.data.Data.Data[i].Detail = JSON.parse(res.data.Data.Data[i].Detail)
              }
            }
          }
          this.offSiteCheckList = JSON.parse(JSON.stringify(res.data.Data.Data))
          this.czrfxTableBackup = this.offSiteCheckList
          this.loading2 = false
        } else {
          this.loading2 = false
          this.offSiteCheckList = []
        }
        $('.offsitescoll .ivu-table-body').animate({scrollTop: 0}, 'slow')
      }, res => {
        this.loading2 = false
      })
    },
    /**
     *  初始化echarts
     **/
    initEcharts () {
      this.$nextTick(() => {
        //图1和图2
        let data_echarts1 = [
          {name: '红色', value: this.detailMessage.ChartCzrCount.red},//zgyj:3
          {name: '黄色', value: this.detailMessage.ChartCzrCount.yellow},//zgyj:2
          {name: '绿色', value: this.detailMessage.ChartCzrCount.green},//zgyj:1
        ]
        let data_echarts2 = [
          {name: '红色', value: this.detailMessage.ChartYeCount.red},//zgyj:3
          {name: '黄色', value: this.detailMessage.ChartYeCount.yellow},//zgyj:2
          {name: '绿色', value: this.detailMessage.ChartYeCount.green},//zgyj:1
        ]
        let echarts1 = []
        let echarts2 = []
        let color1 = []
        let color2 = []
        this.showEcharts1 = false
        this.showEcharts2 = false
        if (data_echarts1[0].value) {
          this.showEcharts1 = true
          echarts1.push(data_echarts1[0])
          color1.push('#e66')
        }
        if (data_echarts1[1].value) {
          this.showEcharts1 = true
          echarts1.push(data_echarts1[1])
          color1.push('#fac858')
        }
        if (data_echarts1[2].value) {
          this.showEcharts1 = true
          echarts1.push(data_echarts1[2])
          color1.push('#91cc75')
        }
        if (data_echarts2[0].value) {
          this.showEcharts2 = true
          echarts2.push(data_echarts2[0])
          color2.push('#e66')
        }
        if (data_echarts2[1].value) {
          this.showEcharts2 = true
          echarts2.push(data_echarts2[1])
          color2.push('#fac858')
        }
        if (data_echarts2[2].value) {
          this.showEcharts2 = true
          echarts2.push(data_echarts2[2])
          color2.push('#91cc75')
        }
        for (let i = 0, item; item = echarts2[i]; i++) {
          item.value = item.value.toFixed(2)
        }
        //图1和图2
        //图3、图4、图5、图6、图7、图8
        let nameList1 = []
        let data_echarts3 = []
        let data_echarts4 = []
        let data_echarts5 = []
        let nameList2 = []
        let data_echarts6 = []
        let data_echarts7 = []
        let data_echarts8 = []
        //新版代码
        // this.detailMessage
        for (let key in this.detailMessage.ChartIndustryNum){
          data_echarts3.push({name: key, value: this.detailMessage.ChartIndustryNum[key]})
        }
        for (let key in this.detailMessage.ChartIndustryAmount){
          data_echarts4.push({name: key, value: this.detailMessage.ChartIndustryAmount[key]})
        }
        for (let key in this.detailMessage.ChartIndustryBalance){
          data_echarts5.push({name: key, value: this.detailMessage.ChartIndustryBalance[key]})
        }
        for (let key in this.detailMessage.ChartAreaNum){
          data_echarts6.push({name: key, value: this.detailMessage.ChartAreaNum[key]})
        }
        for (let key in this.detailMessage.ChartAreaAmount){
          data_echarts7.push({name: key, value: this.detailMessage.ChartAreaAmount[key]})
        }
        for (let key in this.detailMessage.ChartAreaBalance){
          data_echarts8.push({name: key, value: this.detailMessage.ChartAreaBalance[key]})
        }
        //新版代码
        for (let i = 0, item; item = this.detailMessage.Table[i]; i++) {
          for (let k = 0, innerItem; innerItem = item.czrInfo[k]; k++) {
            let index1 = nameList1.indexOf(innerItem.hy)
            if (index1 == -1) {
              nameList1.push(innerItem.hy)
              // if (item.ye) {
              //   data_echarts3.push({
              //     name: innerItem.hy || '其他行业', value: 1
              //   })
              // }
              // data_echarts4.push({
              //   name: innerItem.hy || '其他行业', value: innerItem.zyjz
              // })
              // data_echarts5.push({
              //   name: innerItem.hy || '其他行业', value: innerItem.zyye
              // })
            } else {
              // if (item.ye) {
              //   data_echarts3[index1].value++
              // }
              // data_echarts4[index1].value = data_echarts4[index1].value + innerItem.zyjz
              // data_echarts5[index1].value = data_echarts5[index1].value + innerItem.zyye
            }
          }
          for (let k = 0, innerItem; innerItem = item.czrInfo[k]; k++) {
            let index2 = nameList2.indexOf(innerItem.dq)
            if (index2 == -1) {
              nameList2.push(innerItem.dq)
              // if (item.ye) {
              //   data_echarts6.push({
              //     name: innerItem.dq || '其他地区', value: 1
              //   })
              // }
              // data_echarts7.push({
              //   name: innerItem.dq || '其他地区', value: innerItem.zyjz
              // })
              // data_echarts8.push({
              //   name: innerItem.dq || '其他地区', value: innerItem.zyye
              // })
            } else {
              // if (item.ye) {
              //   data_echarts6[index2].value++
              // }
              // data_echarts7[index2].value = data_echarts7[index2].value + innerItem.zyjz
              // data_echarts8[index2].value = data_echarts8[index2].value + innerItem.zyye
            }
          }
        }
        for (let i = 0, item; item = data_echarts4[i]; i++) {
          item.value = item.value.toFixed(2)
        }
        for (let i = 0, item; item = data_echarts5[i]; i++) {
          item.value = item.value.toFixed(2)
        }
        for (let i = 0, item; item = data_echarts7[i]; i++) {
          item.value = item.value.toFixed(2)
        }
        for (let i = 0, item; item = data_echarts8[i]; i++) {
          item.value = item.value.toFixed(2)
        }
        data_echarts3.sort((a, b) => {
          return b.value - a.value
        })
        data_echarts4.sort((a, b) => {
          return b.value - a.value
        })
        data_echarts5.sort((a, b) => {
          return b.value - a.value
        })
        data_echarts6.sort((a, b) => {
          return b.value - a.value
        })
        data_echarts7.sort((a, b) => {
          return b.value - a.value
        })
        data_echarts8.sort((a, b) => {
          return b.value - a.value
        })
        //图3、图4、图5、图6、图7、图8
        this.echarts3 = echarts.init(document.getElementById('echarts3'))
        this.echarts4 = echarts.init(document.getElementById('echarts4'))
        this.echarts5 = echarts.init(document.getElementById('echarts5'))
        // this.echarts6 = echarts.init(document.getElementById('echarts6'))
        // this.echarts7 = echarts.init(document.getElementById('echarts7'))
        // this.echarts8 = echarts.init(document.getElementById('echarts8'))
        let option1 = JSON.parse(JSON.stringify(this.option))
        let option2 = JSON.parse(JSON.stringify(this.option))
        let option3 = JSON.parse(JSON.stringify(this.option))
        let option4 = JSON.parse(JSON.stringify(this.option))
        let option5 = JSON.parse(JSON.stringify(this.option))
        let option6 = JSON.parse(JSON.stringify(this.option))
        let option7 = JSON.parse(JSON.stringify(this.option))
        let option8 = JSON.parse(JSON.stringify(this.option))
        option1.title.text = '租赁资产风险分布图 - 按租赁项目数量'
        option2.title.text = '租赁资产风险分布图 - 按资产余额(单位:元)'
        option3.title.text = '租赁资产行业分布图 - 按租赁项目数量'
        option4.title.text = '租赁资产行业分布图 - 按投放金额(单位:元)'
        option5.title.text = '租赁资产行业分布图 - 按资产余额(单位:元)'
        option6.title.text = '租赁资产地区分布图 - 按租赁项目数量'
        option7.title.text = '租赁资产地区分布图 - 按投放金额(单位:元)'
        option8.title.text = '租赁资产地区分布图 - 按资产余额(单位:元)'
        option1.series[0].data = echarts1
        option2.series[0].data = echarts2
        option3.series[0].data = data_echarts3
        option4.series[0].data = data_echarts4
        option5.series[0].data = data_echarts5
        // option6.series[0].data = data_echarts6
        // option7.series[0].data = data_echarts7
        // option8.series[0].data = data_echarts8
        console.log(this.showEcharts1);

        let formatter = (params) => {
          return `${params.name} : ${this.CustomMethods.numTo$(params.value)}( ${params.percent}% )`
        }
               console.log(this.showEcharts1);
        option2.series[0].label.normal.formatter = formatter
        option4.series[0].label.normal.formatter = formatter
        option5.series[0].label.normal.formatter = formatter
        option7.series[0].label.normal.formatter = formatter
        option8.series[0].label.normal.formatter = formatter
        let color = ['#37a2da', '#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293', '#e062ae', '#e690d1', '#e7bcf3', '#9d96f5', '#8378ea', '#96bfff']
        option1.color = color1
        option2.color = color2
        option3.color = color
        option4.color = color
        option5.color = color
        // option6.color = color
        // option7.color = color
        // option8.color = color
 

        if (this.showEcharts1) {
          this.$nextTick(() => {
            this.echarts1 = echarts.init(document.getElementById('echarts1'))
            this.echarts1.setOption(option1)
          })
        }
        if (this.showEcharts2) {
          this.$nextTick(() => {
            this.echarts2 = echarts.init(document.getElementById('echarts2'))
            this.echarts2.setOption(option2)
          })
        }
        this.echarts3.setOption(option3)
        this.echarts4.setOption(option4)
        this.echarts5.setOption(option5)
        // this.echarts6.setOption(option6)
        // this.echarts7.setOption(option7)
        // this.echarts8.setOption(option8)
      })
    },
    changeDetailTab (name) {
      // if (name == 'tab2' && this.isRequest_tab2) {
      //   this.getReport()
      // } else if (name == 'tab3' && this.isRequest_tab3) {
      //   this.getReportByRiskEva()
      // } else if (name == 'tab4') {
      //   this.isRequest_tab4 = false
      // }
      if (name == 'tab2' && this.isRequest_tab2) {
        this.getNewList()
      } else if (name == 'tab3' && this.isRequest_tab3) {
        this.getReport()
      } else if (name == 'tab4' && this.isRequest_tab4) {
        this.getReportByRiskEva()
      } else if (name == 'tab5') {
        this.isRequest_tab5 = false
      }


    },
    /**
     *  点击查看报告
     **/
    CheckAccessColumns (params) {

    },

    /**
     * 删除评估报告
     **/
    deleteAccessColumns (params) {
      this.deleteAccessModal = true
      this.deleteDateAccess = params.ReportName
      this.deleteTableAccessId = params.Id
    },
    /**
     * 编辑评估报告
     **/
    editAccessColumns (params) {
      this.$router.push({name: 'chooseAssess', query: {pid: params.ProjectId, FlowId: params.FlowId, Id: params.Id}})
    },
    /**
     * 添加报告
     **/
    accessConfirm (addAccessModelValidate) {
      this.creatConfirm = true
      let data = {
        ProjectId: this.ProjId,
        ReportName: this.addAccessModel.reportName
      }
      this.$refs[addAccessModelValidate].validate((valid) => {
        if (valid) {
          axios.request({
            url: '/EvaReportEx/AddEvaReportEx',
            data,
            method: 'post'
          }).then(res => {
            if (res.data.Check) {
              this.getAccessList()
              this.addModal = false
              this.creatConfirm = false
              this.loading_report = false
              this.$router.push({path: '/chooseAssess', query: {pid: this.ProjId, FlowId: 0, Id: res.data.Data}})
            } else {
              this.creatConfirm = false
            }
          }, res => {
            this.creatConfirm = false
          })
        } else {
          this.creatConfirm = false
          this.$Message.error('请填写相关选项')
        }
      })
    },

    /**
     * 第一层搜索框change事件
     **/
    searchAccess () {

    },
    /**
     * 第一层数据添加按钮
     **/
    addAccessBtn () {
      this.addAccessModel.reportName = ''
      this.addModal = true
    },
    /**
     * 查看详情表格
     * @param name
     * @param list
     */
    showDetailTable (name, list) {
      if (list && list.length > 0) {
        this.detailTableName = name

        this.detailTableList = list
        // let item=JSON.parse(this.detailTableList[12].Content);
        let br = '<br/>'
        // let item=  this.detailTableList[12].Content.replace(new RegExp(br,'g') ,';')
        // for(let i=0;i<item.length;i++){
        // }

        for (let i = 0; i < this.detailTableList.length; i++) {
          // let item=JSON.parse(this.detailTableList [i].Content)
          // for(let k=0;k< item.length;k++){
          //   // item[k].value.replace('<br/>',';')
          // }
          // this.detailTableList[i].Content= this.detailTableList[i].Content.replace(new RegExp(br,'g') ,'; ')
          //  this.detailTableList.push()
          // JSON.parse(list[i].Content)
        }
        //  this.detailTableList = list
        this.detailTableModal = true
      }
    }
  },
  // watch:{
  //   detailTab(newValue,old){
  //   }
  // },
  computed: {
    offSiteCheckCol () {
      let columns = []
      columns.push({
        title: '序号',
        key: 'index',
        align: 'center',
        width: 50,
        render: (h, params) => {
          return h('span', params.index + 1)
        }
      })
      columns.push({
        title: '公司名称',
        key: 'CompanyName',
        align: 'center',
        minWidth: 200,
        maxWidth: 320,
      })
      columns.push({
        title: '事件类别',
        key: 'EventType',
        align: 'center',
        minWidth: 155,
        maxWidth: 180
      })
      columns.push({
        title: '预警等级',
        key: 'WarnLevel',
        align: 'center',
        width: 120,
        slot: 'WarnLevel',
        renderHeader: (h, params) => {
          return h('div', [
            h('span', params.column.title),
            h('Tooltip', {
              props: {
                content: '绿色：正常类信息，指企业正常生产经营过程中发生的各类事件，一般无须特别关注\n' +
                  '黄色：一般风险信息，是指企业出现了值得关注，但程度较轻的负面事件\n' +
                  '红色：重大风险信息，是指企业出现了对其资信状况产生重大影响的负面事件',
                transfer: true,
                maxWidth: 550,
                theme: 'light',
                placement: 'top'
              }
            }, [
              h('Icon', {
                props: {
                  type: 'md-information-circle',
                  color: '#575656',
                  size: '20'
                },
                class: {iconClass: true}
              })
            ])
          ])
        },
      })
      columns.push({
        title: '内容',
        key: 'Content',
        align: 'left',
        slot: 'contentparams',
        minWidth: 200,
      })
      return columns
    },
    accessListColumns () {
      let columns = []
      columns.push({
        title: '序号',
        key: 'Id',
        align: 'center',
        width: 50,
        render: (h, params) => {
          return h('span', params.index + 1 + (this.listMessage.pageIndex - 1) * 6)
        }
      })
      columns.push({
        title: '租赁公司名称',
        key: 'CompanyName',
        align: 'center',
        minWidth: 100
      })
      columns.push({
        title: '评估报告名称',
        key: 'ReportName',
        align: 'center',
        minWidth: 100
      })
      columns.push({
        title: '评估日期',
        key: 'ReportDateStr',
        align: 'center',
        minWidth: 50,
        maxWidth: 100
      })
      columns.push({
        title: '报告创建时间',
        slot: 'CreateTime',
        align: 'center',
        minWidth: 120
      })
      columns.push({
        title: ' 报告状态',
        key: 'State',
        align: 'center',
        minWidth: 50,
        maxWidth: 100
      })

      columns.push({
        title: '操作',
        key: 'action',
        slot: 'action',
        align: 'center',
        minWidth: 100,
        maxWidth: 150
      })
      return columns
    },
    detailMessageTableColumns () {
      let columns = []
      columns.push({
        title: '序号',
        key: 'Id',
        align: 'center',
        width: 50,
        render: (h, params) => {
          return h('span', params.index + 1)
        }
      })
      columns.push({
        title: '租赁资产余额(元)',
        key: 'ye',
        align: 'center',
        minWidth: 100,
        render: (h, params) => {
          return h('span', params.row.ye ? this.CustomMethods.numTo$(params.row.ye) : '--')
        }
      })
      columns.push({
        title: '初始登记的租赁财产价值(元)',
        key: 'jz',
        align: 'center',
        minWidth: 100,
        render: (h, params) => {
          return h('span', params.row.jz ? this.CustomMethods.numTo$(params.row.jz) : '--')
        }
      })
      columns.push({
        title: '承租人',
        slot: 'Name',
        align: 'center',
        minWidth: 120,
      })
      columns.push({
        title: '每个承租人发生的预警等级',
        slot: 'yj',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '该笔租赁确认的最高预警等级',
        slot: 'zgyj',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '承租人数量',
        slot: 'czrsl',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '行业',
        slot: 'hy',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '地区',
        slot: 'dq',
        align: 'center',
        minWidth: 100,
      })
      return columns
    },
    detailMessageCzrfxTableColumns () {
      let columns = []
      columns.push({
        title: '序号',
        key: 'Id',
        align: 'center',
        width: 50,
        render: (h, params) => {
          return h('span', params.index + 1 + (this.czrfxTable_pageIndex - 1) * 10)
        }
      })
      columns.push({
        title: '承租人名称',
        slot: 'Name',
        align: 'left',
        minWidth: 100,
      })
      columns.push({
        title: '所属行业',
        slot: 'hy',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '地区',
        slot: 'dq',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '累计投放金额(元)',
        slot: 'jz',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '资产余额(元)',
        slot: 'ye',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '实际控制人',
        slot: 'sjkzr',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '受益股份',
        slot: 'sygf',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '风险等级',
        slot: 'zgyj',
        align: 'center',
        minWidth: 100,
      })
      columns.push({
        title: '操作',
        key: 'action',
        slot: 'action',
        align: 'center',
        width: 100
      })
      return columns
    },
  }
}
</script>

<style>
.rentExchangeCompany .tableActionMargin {
  margin-right: 15px;
}

.tableEclass {
  padding: 8px 0;
}

.tableEclass:nth-child(n+2) {
  border-top: 1px solid #e8eaec;
}

.assessClass .ivu-table td, .ivu-table-cell {
  padding: 0;
}

.rentExchangeCompany .ivu-table-header thead tr th {
  padding: 8px 0;
}

.tableTclass:nth-child(n+2) {
  border-top: 1px solid #e8eaec;
}

.tableTclass {
  padding: 8px 0;
}

.accessTableClass .ipt_form_style {
  margin-bottom: 0px;
}

.accessTableClass .ipt_form_style[data-v-585cded2] {
  display: flex;
}

.accessTableClass .ipt_form_style {
  margin-bottom: 0px;
  display: flex;
}

.noPadding td {
  padding-left: 0;
  padding-right: 0;
}

#detailModal .ivu-modal {
  top: 50px;
}

.ellipsisDiv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overclassipt {
  margin-bottom: 10px;
  position: relative;
  left: 0px;
}

.title {
  text-align: center !important;
  font-size: 20px !important;
  font-weight: bold !important;
}
</style>