RiskControl_Vue_Fast.git

parent: 7fa83751 | 补丁 | 提交 | ignore whitespace

hailu

2023-06-21 de7158a178fb66b9a1f1d2e0949675e805c6497f

工商数据tab

2个文件已修改

3个文件已添加

	src/router/routers.js	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/view/diligenceTools/gongkaixinxi/gongshang.vue	127 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/view/diligenceTools/gongkaixinxi/publicJinyin.vue	243 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/view/diligenceTools/gongkaixinxi/publicJinyinFengx.vue	243 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/view/diligenceTools/gongkaixinxi/publicSifa.vue	2650 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 src/router/routers.js

@@ -847,7 +847,7 @@
            title: '司法风险'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
            import('@/view/diligenceTools/gongkaixinxi/publicSifa.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    {
@@ -860,7 +860,7 @@
            title: '经营信息'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
            import('@/view/diligenceTools/gongkaixinxi/publicJinyin.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    {
@@ -873,7 +873,7 @@
            title: '经营风险'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
            import('@/view/diligenceTools/gongkaixinxi/publicJinyinFengx.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    // {

 src/view/diligenceTools/gongkaixinxi/gongshang.vue

@@ -50,41 +50,7 @@
                <TabPane label="企业基本信息" name="tab1" :index="1"></TabPane>
                <TabPane label="企业股东" name="tab2" :index="2"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
                <TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
                <TabPane label="法院公告" name="tab3" :index="3"></TabPane>
                <TabPane label="送达公告" name="tab4" :index="4"></TabPane>
                <TabPane label="立案信息" name="tab5" :index="5"></TabPane>
                <TabPane label="司法协助" name="tab6" :index="6"></TabPane>
                <TabPane label="破产重整" name="tab7" :index="7"></TabPane>
                <TabPane label="被执行人" name="tab8" :index="8"></TabPane>
                <TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
                <TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
                <TabPane label="终本案件" name="tab11" :index="11"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="税务评级" name="tab1" :index="1"></TabPane>
                <TabPane label="购地信息" name="tab2" :index="2"></TabPane>
                <TabPane label="企业招投标信息" name="tab3" :index="3"></TabPane>
                <TabPane label="地块公示" name="tab4" :index="4"></TabPane>
                <TabPane label="土地转让" name="tab5" :index="5"></TabPane>
                <TabPane label="新闻舆情" name="tab6" :index="6"></TabPane>
               
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="行政处罚" name="tab1" :index="1"></TabPane>
                <TabPane label="欠税公告" name="tab2" :index="2"></TabPane>
                <TabPane label="税收违法" name="tab3" :index="3"></TabPane>
                <TabPane label="经营异常" name="tab4" :index="4"></TabPane>
                <TabPane label="严重违法" name="tab5" :index="5"></TabPane>
                <TabPane label="清算信息" name="tab6" :index="6"></TabPane>
                <TabPane label="动产抵押" name="tab7" :index="7"></TabPane>
                <TabPane label="土地抵押" name="tab8" :index="8"></TabPane>
                <TabPane label="知识产权出质" name="tab9" :index="9"></TabPane>
                <TabPane label="股权出质" name="tab10" :index="10"></TabPane>
                <TabPane label="质押明细" name="tab11" :index="11"></TabPane>
            </Tabs>

        </Card>

    </div>
@@ -110,7 +76,7 @@
            topTrue: false,
            tab: 'tab1',
            searchName: '',
            selectedName:'',
            selectedName: '',
            optionsList: [],
            historyList: [],
            loading: false,
@@ -152,49 +118,74 @@
        backTop() {
            document.getElementById('backTop').scrollIntoView()
        },
        // historyList()
        /**
    * 远程搜索主体名称
    */
        remoteMethod() {

            // this.TypeAdd = 1
            if (this.searchName !== '') {
                this.searchLoading = true
                let data = { keyword: this.searchName }
                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
                })
            } else {
                this.optionsList = []
            }
        },
        mergeRequest() {

            this.changeTab('tab1') 
        },
        changeBelongLtdId() {

        changeBelongLtdId(item) {
            // this.showTab4 = false
            this.searchName = item
        },
        quickSearch() {

        },
        changeTab() {

        changeTab(e) {
            this.tab = e
        },
         /**
     * 获取历史记录
     */
    getSearchInfoList () {
      axios.request({
        url: '/SearchInfo/GetSearchInfoList',
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.historyList = res.data.Data
          if (this.historyList.length > 0 && this.selectedName === '') {
            this.searchName = this.historyList[0]
            this.selectedName = this.historyList[0]
            // if (this.optionsList.length == 0) {
            //   this.remoteMethod()
            // }
            // this.mergeRequest(this.selectedName)
          } else {
            this.loading = false
          }
        } else {
        /**
    * 获取历史记录
    */
        getSearchInfoList() {
            axios.request({
                url: '/SearchInfo/GetSearchInfoList',
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.historyList = res.data.Data
                    if (this.historyList.length > 0 && this.selectedName === '') {
                        this.searchName = this.historyList[0]
                        this.selectedName = this.historyList[0]
                        if (this.optionsList.length == 0) {
                            this.remoteMethod()
                        }
                        // this.mergeRequest(this.selectedName)
                    } else {
                        this.loading = false
                    }
                } else {

        }
      }, res => {
                }
            }, res => {

      })
    },
            })
        },
        //




 src/view/diligenceTools/gongkaixinxi/publicJinyin.vue

New file
@@ -0,0 +1,243 @@
<template>
    <div id="topId">
        <div v-show="scrollTop < -200" @click="backTop"
            style="width: 20px;height: 20px;position: fixed;bottom: 45px;right: 22px;
            z-index: 99999;cursor: pointer;text-align: center;line-height: 18px;background-color: darkgray;color: white;">
            <Icon type="md-arrow-round-up" size="18" />
        </div>
        <Card id="backTop">
            <div class="customTitle">
                <Icon custom="custom custom-gongkaixinxi2"></Icon>
                <span style="margin-left: 6px;">工商信息</span>
            </div>
        </Card>
        <Card style="position: relative;margin-top: 12px;">
            <Spin v-show="loading" fix></Spin>
            <ul class="lists_readAndEdit clearfix" style="margin-top: 0;padding-bottom: 6px;">
                <li class="list" style="width: 100%;">
                    <span class="list_name">企业名称</span>
                    <div class="list_value">
                        <Poptip trigger="focus" placement="bottom-start" transfer
                            style="width: 400px;float: left;margin-right: 10px;">
                            <Input v-model="searchName" size="large" @on-change="remoteMethod" @on-enter="mergeRequest"
                                placeholder="请输入企业名称"></Input>
                            <ul slot="content" style="width: 500px;">
                                <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>
                                    <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" style="float: left;" type="primary" @click="mergeRequest">搜索
                        </Button>
                    </div>
                </li>
                <li v-if="historyList.length > 0" class="list" style="width: 100%;margin-top: 2px;">
                    <span class="list_name" style="top: 5px;">历史记录</span>
                    <div class="list_value">
                        <Tag v-for="(item, index) in historyList" type="border" style="cursor:pointer;"
                            @click.native="quickSearch(item)">{{ item }}
                        </Tag>
                    </div>
                </li>
            </ul>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="企业基本信息" name="tab1" :index="1"></TabPane>
                <TabPane label="企业股东" name="tab2" :index="2"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
                <TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
                <TabPane label="法院公告" name="tab3" :index="3"></TabPane>
                <TabPane label="送达公告" name="tab4" :index="4"></TabPane>
                <TabPane label="立案信息" name="tab5" :index="5"></TabPane>
                <TabPane label="司法协助" name="tab6" :index="6"></TabPane>
                <TabPane label="破产重整" name="tab7" :index="7"></TabPane>
                <TabPane label="被执行人" name="tab8" :index="8"></TabPane>
                <TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
                <TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
                <TabPane label="终本案件" name="tab11" :index="11"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="税务评级" name="tab1" :index="1"></TabPane>
                <TabPane label="购地信息" name="tab2" :index="2"></TabPane>
                <TabPane label="企业招投标信息" name="tab3" :index="3"></TabPane>
                <TabPane label="地块公示" name="tab4" :index="4"></TabPane>
                <TabPane label="土地转让" name="tab5" :index="5"></TabPane>
                <TabPane label="新闻舆情" name="tab6" :index="6"></TabPane>

            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="行政处罚" name="tab1" :index="1"></TabPane>
                <TabPane label="欠税公告" name="tab2" :index="2"></TabPane>
                <TabPane label="税收违法" name="tab3" :index="3"></TabPane>
                <TabPane label="经营异常" name="tab4" :index="4"></TabPane>
                <TabPane label="严重违法" name="tab5" :index="5"></TabPane>
                <TabPane label="清算信息" name="tab6" :index="6"></TabPane>
                <TabPane label="动产抵押" name="tab7" :index="7"></TabPane>
                <TabPane label="土地抵押" name="tab8" :index="8"></TabPane>
                <TabPane label="知识产权出质" name="tab9" :index="9"></TabPane>
                <TabPane label="股权出质" name="tab10" :index="10"></TabPane>
                <TabPane label="质押明细" name="tab11" :index="11"></TabPane>
            </Tabs>
        </Card>

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


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

    },
    props: {

    },

    data() {
        return {
            scrollTop: 0,// 距离顶部距离
            topTrue: false,
            tab: 'tab1',
            searchName: '',
            selectedName: '',
            optionsList: [],
            historyList: [],
            loading: false,
        }
    },
    mounted() {
        window.addEventListener('scroll', this.scrollListen, true)
        this.getSearchInfoList()
    },
    beforeRouteLeave(to, from, next) {
        this.clearMyInterval = true
        window.removeEventListener('scroll', this.scrollListen, true)
        next()
    },
    deactivated() {

    },
    watch: {
        '$route': {
            handler(to, from) {
                if (to.name === 'publicMessage_tool') {
                    this.topTrue = true
                } else {
                    this.topTrue = false
                }
            },
            deep: true, // 深度监听
            immediate: true, // 第一次初始化渲染就可以监听到
        }
    },
    methods: {
        scrollListen() {
            if (this.topTrue) {
                if ($('#topId').offset().top) {
                    this.scrollTop = $('#topId').offset().top
                }
            }
        },
        backTop() {
            document.getElementById('backTop').scrollIntoView()
        },
        /**
    * 远程搜索主体名称
    */
        remoteMethod() {
            // this.TypeAdd = 1
            if (this.searchName !== '') {
                this.searchLoading = true
                let data = { keyword: this.searchName }
                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
                })
            } else {
                this.optionsList = []
            }
        },
        mergeRequest() {

        },
        changeBelongLtdId() {

        },
        quickSearch() {

        },
        changeTab() {

        },
        /**
    * 获取历史记录
    */
        getSearchInfoList() {
            axios.request({
                url: '/SearchInfo/GetSearchInfoList',
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.historyList = res.data.Data
                    if (this.historyList.length > 0 && this.selectedName === '') {
                        this.searchName = this.historyList[0]
                        this.selectedName = this.historyList[0]
                        if (this.optionsList.length == 0) {
                            this.remoteMethod()
                        }
                        // this.mergeRequest(this.selectedName)
                    } else {
                        this.loading = false
                    }
                } else {

                }
            }, res => {

            })
        },









    },
    computed: {},
    destroyed() {
        this.checkCityInvestmentZone = ''
    }
}
</script>
  
<style>
[v-cloak] {
    display: none !important;
}
</style>
  

 src/view/diligenceTools/gongkaixinxi/publicJinyinFengx.vue

New file
@@ -0,0 +1,243 @@
<template>
    <div id="topId">
        <div v-show="scrollTop < -200" @click="backTop"
            style="width: 20px;height: 20px;position: fixed;bottom: 45px;right: 22px;
            z-index: 99999;cursor: pointer;text-align: center;line-height: 18px;background-color: darkgray;color: white;">
            <Icon type="md-arrow-round-up" size="18" />
        </div>
        <Card id="backTop">
            <div class="customTitle">
                <Icon custom="custom custom-gongkaixinxi2"></Icon>
                <span style="margin-left: 6px;">工商信息</span>
            </div>
        </Card>
        <Card style="position: relative;margin-top: 12px;">
            <Spin v-show="loading" fix></Spin>
            <ul class="lists_readAndEdit clearfix" style="margin-top: 0;padding-bottom: 6px;">
                <li class="list" style="width: 100%;">
                    <span class="list_name">企业名称</span>
                    <div class="list_value">
                        <Poptip trigger="focus" placement="bottom-start" transfer
                            style="width: 400px;float: left;margin-right: 10px;">
                            <Input v-model="searchName" size="large" @on-change="remoteMethod" @on-enter="mergeRequest"
                                placeholder="请输入企业名称"></Input>
                            <ul slot="content" style="width: 500px;">
                                <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>
                                    <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" style="float: left;" type="primary" @click="mergeRequest">搜索
                        </Button>
                    </div>
                </li>
                <li v-if="historyList.length > 0" class="list" style="width: 100%;margin-top: 2px;">
                    <span class="list_name" style="top: 5px;">历史记录</span>
                    <div class="list_value">
                        <Tag v-for="(item, index) in historyList" type="border" style="cursor:pointer;"
                            @click.native="quickSearch(item)">{{ item }}
                        </Tag>
                    </div>
                </li>
            </ul>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="企业基本信息" name="tab1" :index="1"></TabPane>
                <TabPane label="企业股东" name="tab2" :index="2"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
                <TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
                <TabPane label="法院公告" name="tab3" :index="3"></TabPane>
                <TabPane label="送达公告" name="tab4" :index="4"></TabPane>
                <TabPane label="立案信息" name="tab5" :index="5"></TabPane>
                <TabPane label="司法协助" name="tab6" :index="6"></TabPane>
                <TabPane label="破产重整" name="tab7" :index="7"></TabPane>
                <TabPane label="被执行人" name="tab8" :index="8"></TabPane>
                <TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
                <TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
                <TabPane label="终本案件" name="tab11" :index="11"></TabPane>
            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="税务评级" name="tab1" :index="1"></TabPane>
                <TabPane label="购地信息" name="tab2" :index="2"></TabPane>
                <TabPane label="企业招投标信息" name="tab3" :index="3"></TabPane>
                <TabPane label="地块公示" name="tab4" :index="4"></TabPane>
                <TabPane label="土地转让" name="tab5" :index="5"></TabPane>
                <TabPane label="新闻舆情" name="tab6" :index="6"></TabPane>

            </Tabs>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="行政处罚" name="tab1" :index="1"></TabPane>
                <TabPane label="欠税公告" name="tab2" :index="2"></TabPane>
                <TabPane label="税收违法" name="tab3" :index="3"></TabPane>
                <TabPane label="经营异常" name="tab4" :index="4"></TabPane>
                <TabPane label="严重违法" name="tab5" :index="5"></TabPane>
                <TabPane label="清算信息" name="tab6" :index="6"></TabPane>
                <TabPane label="动产抵押" name="tab7" :index="7"></TabPane>
                <TabPane label="土地抵押" name="tab8" :index="8"></TabPane>
                <TabPane label="知识产权出质" name="tab9" :index="9"></TabPane>
                <TabPane label="股权出质" name="tab10" :index="10"></TabPane>
                <TabPane label="质押明细" name="tab11" :index="11"></TabPane>
            </Tabs>
        </Card>

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


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

    },
    props: {

    },

    data() {
        return {
            scrollTop: 0,// 距离顶部距离
            topTrue: false,
            tab: 'tab1',
            searchName: '',
            selectedName: '',
            optionsList: [],
            historyList: [],
            loading: false,
        }
    },
    mounted() {
        window.addEventListener('scroll', this.scrollListen, true)
        this.getSearchInfoList()
    },
    beforeRouteLeave(to, from, next) {
        this.clearMyInterval = true
        window.removeEventListener('scroll', this.scrollListen, true)
        next()
    },
    deactivated() {

    },
    watch: {
        '$route': {
            handler(to, from) {
                if (to.name === 'publicMessage_tool') {
                    this.topTrue = true
                } else {
                    this.topTrue = false
                }
            },
            deep: true, // 深度监听
            immediate: true, // 第一次初始化渲染就可以监听到
        }
    },
    methods: {
        scrollListen() {
            if (this.topTrue) {
                if ($('#topId').offset().top) {
                    this.scrollTop = $('#topId').offset().top
                }
            }
        },
        backTop() {
            document.getElementById('backTop').scrollIntoView()
        },
        /**
    * 远程搜索主体名称
    */
        remoteMethod() {
            // this.TypeAdd = 1
            if (this.searchName !== '') {
                this.searchLoading = true
                let data = { keyword: this.searchName }
                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
                })
            } else {
                this.optionsList = []
            }
        },
        mergeRequest() {

        },
        changeBelongLtdId() {

        },
        quickSearch() {

        },
        changeTab() {

        },
        /**
    * 获取历史记录
    */
        getSearchInfoList() {
            axios.request({
                url: '/SearchInfo/GetSearchInfoList',
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.historyList = res.data.Data
                    if (this.historyList.length > 0 && this.selectedName === '') {
                        this.searchName = this.historyList[0]
                        this.selectedName = this.historyList[0]
                        if (this.optionsList.length == 0) {
                            this.remoteMethod()
                        }
                        // this.mergeRequest(this.selectedName)
                    } else {
                        this.loading = false
                    }
                } else {

                }
            }, res => {

            })
        },









    },
    computed: {},
    destroyed() {
        this.checkCityInvestmentZone = ''
    }
}
</script>
  
<style>
[v-cloak] {
    display: none !important;
}
</style>
  

 src/view/diligenceTools/gongkaixinxi/publicSifa.vue

New file
@@ -0,0 +1,2650 @@
<template>
    <div id="topId">
        <div v-show="scrollTop < -200" @click="backTop"
            style="width: 20px;height: 20px;position: fixed;bottom: 45px;right: 22px;
            z-index: 99999;cursor: pointer;text-align: center;line-height: 18px;background-color: darkgray;color: white;">
            <Icon type="md-arrow-round-up" size="18" />
        </div>
        <Card id="backTop">
            <div class="customTitle">
                <Icon custom="custom custom-gongkaixinxi2"></Icon>
                <span style="margin-left: 6px;">工商信息</span>
            </div>
        </Card>
        <Card style="position: relative;margin-top: 12px;">
            <Spin v-show="loading" fix></Spin>
            <ul class="lists_readAndEdit clearfix" style="margin-top: 0;padding-bottom: 6px;">
                <li class="list" style="width: 100%;">
                    <span class="list_name">企业名称</span>
                    <div class="list_value">
                        <Poptip trigger="focus" placement="bottom-start" transfer
                            style="width: 400px;float: left;margin-right: 10px;">
                            <Input v-model="searchName" size="large" @on-change="remoteMethod" @on-enter="mergeRequest"
                                placeholder="请输入企业名称"></Input>
                            <ul slot="content" style="width: 500px;">
                                <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>
                                    <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" style="float: left;" type="primary" @click="mergeRequest">搜索
                        </Button>
                    </div>
                </li>
                <li v-if="historyList.length > 0" class="list" style="width: 100%;margin-top: 2px;">
                    <span class="list_name" style="top: 5px;">历史记录</span>
                    <div class="list_value">
                        <Tag v-for="(item, index) in historyList" type="border" style="cursor:pointer;"
                            @click.native="quickSearch(item)">{{ item }}
                        </Tag>
                    </div>
                </li>
            </ul>
            <Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
                <TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
                <TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
                <TabPane label="法院公告" name="tab3" :index="3"></TabPane>
                <TabPane label="送达公告" name="tab4" :index="4"></TabPane>
                <TabPane label="立案信息" name="tab5" :index="5"></TabPane>
                <TabPane label="司法协助" name="tab6" :index="6"></TabPane>
                <TabPane label="破产重整" name="tab7" :index="7"></TabPane>
                <TabPane label="被执行人" name="tab8" :index="8"></TabPane>
                <TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
                <TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
                <TabPane label="终本案件" name="tab11" :index="11"></TabPane>
            </Tabs>
            <div style="margin-top: 12px" class="tag_class receivablesScrollOut">
                <!-- //法律诉讼 -->
                <Table ref="rentList" border :columns="FLSSColumns" max-height="600" :data="tableList" v-if="tab == 'tab1'"
                    :loading="loadingTable">
                    <template slot="casePersons" slot-scope="params">
                        <p v-if="!params.row.casePersons">--</p>
                        <div v-for="item in params.row.casePersons">
                            <div>{{
                                `${item.role ? item.role + '-' : ''}${item.name ? item.name + '-' : ''}${item.type ?
                                    item.type == 1 ? '人员-' : '公司-' : ''}${item.emotion == 0 ? '中性' : item.emotion == 1 ? '正⾯' :
                                        '负面'}`
                            }}</div>
                        </div>

                    </template>
                    <template slot="url" slot-scope="params">
                        <div @click="goFLSSlawsuitUrl(params.row.lawsuitUrl)" style="color:#2D8CF0 ;cursor: pointer;">
                            {{ params.row.lawsuitUrl }}
                        </div>

                    </template>

                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="openFLSSdetail(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- 开庭公告 -->
                <Table ref="rentList" border :columns="courtNoticeListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab2'" :loading="loadingTable">
                    <template slot="plaintiff" slot-scope="params">
                        <p v-if="params.row.plaintiff.length == 0">--</p>
                        <div v-for="item in params.row.plaintiff">
                            <div>{{ item.name }}</div>
                        </div>
                    </template>
                    <template slot="defendant" slot-scope="params">
                        <p v-if="params.row.defendant.length == 0">--</p>
                        <div v-for="item in params.row.defendant">
                            <div>{{ item.name }}</div>
                        </div>
                    </template>
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="getCourtNoticeInfo(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //法院公告 -->
                <Table ref="rentList" border :columns="courtAnnouncementColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab3'" :loading="loadingTable">
                    <!-- <template slot="plaintiff" slot-scope="params">
                        <p v-if="params.row.plaintiff.length == 0">--</p>
                        <div v-for="item in params.row.plaintiff">
                            <div>{{ item.name }}</div>
                        </div>
                    </template>
                    <template slot="defendant" slot-scope="params">
                        <p v-if="params.row.defendant.length == 0">--</p>
                        <div v-for="item in params.row.defendant">
                            <div>{{ item.name }}</div>
                        </div>
                    </template> -->
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="getCourtAnnouncementDetail(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //送达公告 -->
                <Table ref="rentList" border :columns="DeliveryNoticeCheckListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab4'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="getDeliveryNoticeCheckListDetail(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- /立案信息 -->
                <Table ref="rentList" border :columns="caseFilingListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab5'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="getCaseFilingListDetail(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //司法协助 -->
                <Table ref="rentList" border :columns="judicialListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab6'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="getJudicialDetail(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //破产重整 -->
                <Table ref="rentList" border :columns="pochanListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab7'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="openPCCZModal(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //被执行人 -->
                <Table ref="rentList" border :columns="zhiXingColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab8'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="openPCCZModal(params)" />
                        </Tooltip>
                    </template>
                </Table>
                <!-- //失信被执行人 -->
                <!-- <Table ref="rentList" border :columns="shixinListColumns" max-height="600" :data="tableList"
                    v-if="tab == 'tab9'" :loading="loadingTable">
                    <template slot="action" slot-scope="params">
                        <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
                            placement="top">
                            <Icon class="action_class actionIcon" custom="custom custom-chakan" size="18"
                                @click="openPCCZModal(params)" />
                        </Tooltip>
                    </template>
                </Table> -->
                <div style="margin-top: 12px">
                    <Page :current="pageIndex" :total="TotalItems" :page-size="pageSize" style="text-align: right"
                        @on-change="changePageIndex" ref="pagesChange1" show-elevator />
                </div>
            </div>
        </Card>
        <!-- //法律诉讼详情 -->
        <Modal v-model="FLSSdetailModal" draggable footer-hide :mask-closable="false" sticky reset-drag-position
            :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>法律诉讼详情</span>
            </p>
            <div style="max-height: 600px;overflow-y: auto;">
                <table class="customTable" width="100%" cellspacing="0">
                    <tbody>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;border-top: 1px solid #dcdee2;">标题</td>
                            <td colspan="3" style="border-top: 1px solid #dcdee2;">{{
                                FLSSdetail.title ?
                                FLSSdetail.title : '--'
                            }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">裁判日期
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.judgeDate ? FLSSdetail.judgeDate : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">相关公司
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <!-- {{ FLSSdetail.companies ? FLSSdetail.companies : '--' }} -->
                                <p v-if="FLSSdetail.companies && FLSSdetail.companies.length == 0">--</p>
                                <p v-else v-for="item in FLSSdetail.companies">{{ item.title ? item.title : '--' }}</p>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案号
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">

                                {{ FLSSdetail.caseno ? FLSSdetail.caseno : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">相关律所
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <!-- {{ FLSSdetail.lawFirms ? FLSSdetail.lawFirms : '--' }} -->
                                <p v-if="FLSSdetail.lawFirms && FLSSdetail.lawFirms.length == 0">--</p>
                                <p v-else v-for="item in FLSSdetail.lawFirms">{{ item.title ? item.title : '--' }}</p>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                一审原告诉称</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.plaintiffRequestOfFirst ? FLSSdetail.plaintiffRequestOfFirst : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                一审被告辩称</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.defendantReplyOfFirst ? FLSSdetail.defendantReplyOfFirst : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">源路径
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.url ? FLSSdetail.url : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                一审法院认为</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.courtConsiderOfFirst ? FLSSdetail.courtConsiderOfFirst : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">文书类型
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.doctype ? FLSSdetail.doctype : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                审判辅助人员</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.trialAssistPerson ? FLSSdetail.trialAssistPerson : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案件类型
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.casetype ? FLSSdetail.casetype : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">上诉人诉称
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.appellantRequest ? FLSSdetail.appellantRequest : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法院
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.court ? FLSSdetail.court : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                一审法院查明</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.courtInspectOfFirst ? FLSSdetail.courtInspectOfFirst : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">审判人员
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ FLSSdetail.trialPerson ? FLSSdetail.trialPerson : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                被上诉人辩称</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">

                                <p v-if="!FLSSdetail.appelleeArguing">--</p>
                                <div v-else v-html="FLSSdetail.appelleeArguing"></div>
                            </td>

                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">当事人信息</td>
                            <td colspan="3">
                                <p v-if="!FLSSdetail.appellor">--</p>
                                <div v-else v-html="FLSSdetail.appellor"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">被告辩称</td>
                            <td colspan="3">
                                <p v-if="!FLSSdetail.defendantReply">--</p>
                                <div v-else v-html="FLSSdetail.defendantReply"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">本院认为</td>
                            <td colspan="3">
                                <p v-if="!FLSSdetail.courtConsider">--</p>
                                <div v-else v-html="FLSSdetail.courtConsider"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">本案裁判结果</td>
                            <td colspan="3">
                                <!-- {{ FLSSdetail.courtConsider ? FLSSdetail.courtConsider : '--' }} -->
                                <p v-if="!FLSSdetail.judgeResult">--</p>
                                <div v-else v-html="FLSSdetail.judgeResult"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">原告诉称</td>
                            <td colspan="3">
                                <!-- {{ FLSSdetail.plaintiffRequest ? FLSSdetail.plaintiffRequest : '--' }} -->
                                <p v-if="!FLSSdetail.plaintiffRequest">--</p>
                                <div v-else v-html="FLSSdetail.plaintiffRequest"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">本院查明</td>
                            <td colspan="3">
                                <p v-if="!FLSSdetail.courtInspect">--</p>
                                <div v-else v-html="FLSSdetail.courtInspect"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">审理经过</td>
                            <td colspan="3">
                                <p v-if="!FLSSdetail.trialProcedure">--</p>
                                <div v-else v-html="FLSSdetail.trialProcedure"></div>
                            </td>
                        </tr>


                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">诉讼正文</td>
                            <td colspan="3">
                                {{ FLSSdetail.plaintext ? FLSSdetail.plaintext : '--' }}
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </Modal>
        <!--开庭公告详情-->
        <Modal v-model="courtNoticeListDetailModal" draggable footer-hide :mask-closable="false" sticky reset-drag-position
            :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>开庭公告详情</span>
            </p>
            <div>
                <table class="customTable" width="100%" cellspacing="0">
                    <tbody>
                        <tr>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                案号
                            </td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                {{ courtNoticeListDetail.caseNo ? courtNoticeListDetail.caseNo : '--' }}
                            </td>
                            <td style="background-color: #f8f8f9;text-align: center;border-top: 1px solid #dcdee2;">案由</td>
                            <td style="border-top: 1px solid #dcdee2;">{{
                                courtNoticeListDetail.caseReason ?
                                courtNoticeListDetail.caseReason : '--'
                            }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">当事人</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <span v-if="!courtNoticeListDetail.litigant">--</span>
                                <div v-else>
                                    <div>原告-{{ courtNoticeListDetail.litigant.split(',')[0] }}</div>
                                    <div>被告-{{ courtNoticeListDetail.litigant.split(',')[1] }}</div>
                                </div>
                            </td>

                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                审判长/主审人
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtNoticeListDetail.judge ? courtNoticeListDetail.judge : '--' }}
                            </td>

                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                公诉人/原告/上诉人/申请人
                            </td>
                            <td colspan="3"
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <p v-if="!courtNoticeListDetail.plaintiff">--</p>
                                <div v-for="item in courtNoticeListDetail.plaintiff">
                                    <div>{{ item.name }}</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                被告人/被告/被上诉人/被申请人
                            </td>
                            <td colspan="3"
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <p v-if="!courtNoticeListDetail.defendant">--</p>
                                <div v-for="item in courtNoticeListDetail.defendant">
                                    <div>{{ item.name }}</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法院
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtNoticeListDetail.court ? courtNoticeListDetail.court : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法庭
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtNoticeListDetail.courtroom ? courtNoticeListDetail.courtroom : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">承办部门
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtNoticeListDetail.contractors ? courtNoticeListDetail.contractors : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">开庭日期
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{
                                    courtNoticeListDetail.startDate && courtNoticeListDetail.startDate != '0001-01-01' ?
                                    this.getDate(courtNoticeListDetail.startDate) : '--'
                                }}
                            </td>
                        </tr>


                    </tbody>
                </table>
            </div>
        </Modal>
        <!--法院公告详情-->
        <Modal v-model="courtAnnouncementDetailModal" draggable footer-hide :mask-closable="false" sticky
            reset-drag-position :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>法院公告详情</span>
            </p>
            <div>
                <table class="customTable" width="100%" cellspacing="0">
                    <tbody>
                        <tr>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                公告号
                            </td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                <!-- <p v-for="item in courtAnnouncementDetail.ProsecutorList">{{ item.Name }}</p> -->
                                {{ courtAnnouncementDetail.bltnno ? courtAnnouncementDetail.bltnno : '--' }}
                            </td>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                公告状态号
                            </td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                <!-- <p v-for="item in courtAnnouncementDetail.DefendantList">{{ item.Name }}</p> -->

                                {{ courtAnnouncementDetail.bltnstate ? courtAnnouncementDetail.bltnstate : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">公告类型
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.bltntypename ? courtAnnouncementDetail.bltntypename : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                公告类型名称
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.bltntypename ? courtAnnouncementDetail.bltntypename : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案件号
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.caseno ? courtAnnouncementDetail.caseno : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">省份
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.province ? courtAnnouncementDetail.province : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案由
                            </td>
                            <td colspan="3" style="font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.reason ? courtAnnouncementDetail.reason : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">案件内容</td>
                            <td colspan="3"
                                v-html="courtAnnouncementDetail.content ? courtAnnouncementDetail.content : '--'"
                                class="contentClass">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法院
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.courtcode ? courtAnnouncementDetail.courtcode : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法官
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.judge ? courtAnnouncementDetail.judge : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法官电话
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.judgephone ? courtAnnouncementDetail.judgephone : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">手机号
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.mobilephone ? courtAnnouncementDetail.mobilephone : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">处理等级
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.dealgrade ? courtAnnouncementDetail.dealgrade : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                处理等级名称
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.dealgradename ? courtAnnouncementDetail.dealgradename : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">原告
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.party1 ? courtAnnouncementDetail.party1 : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">当事人
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.party2 ? courtAnnouncementDetail.party2 : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">刊登版面
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.publishpage ? courtAnnouncementDetail.publishpage : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">刊登日期
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ courtAnnouncementDetail.publishdate ? courtAnnouncementDetail.publishdate : '--' }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </Modal>
        <!--送达公告详情-->
        <Modal v-model="DeliveryNoticeCheckListModal" draggable footer-hide :mask-closable="false" sticky
            reset-drag-position :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>送达公告详情</span>
            </p>
            <!-- <div style="max-height: 600px;overflow-y: auto;">
                <div v-html="DeliveryNoticeCheckListDetail.content" class="deliverNoticeClass"></div>
            </div> -->
            <table class="customTable" width="100%" cellspacing="0">
                <tbody>
                    <tr>
                        <td
                            style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                            公告名称
                        </td>
                        <td colspan="3"
                            style="font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                            {{ courtAnnouncementDetail.title ? courtAnnouncementDetail.title : '--' }}
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                            法院名称
                        </td>
                        <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                            <!-- <p v-for="item in courtAnnouncementDetail.ProsecutorList">{{ item.Name }}</p> -->
                            {{ courtAnnouncementDetail.court ? courtAnnouncementDetail.court : '--' }}
                        </td>
                        <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                            发布日期
                        </td>
                        <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                            <!-- <p v-for="item in courtAnnouncementDetail.DefendantList">{{ item.Name }}</p> -->

                            {{ courtAnnouncementDetail.startDate ? this.getDate(courtAnnouncementDetail.startDate) : '--' }}
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">内容
                        </td>
                        <td colspan="3" style="font-weight: normal;text-align: left;background-color: #fff;">
                            <div v-if="courtAnnouncementDetail.content" v-html="courtAnnouncementDetail.content"></div>
                            <div v-else>--</div>
                            <!-- {{ courtAnnouncementDetail.content ? courtAnnouncementDetail.reason : '--' }} -->
                        </td>
                    </tr>






                </tbody>
            </table>
        </Modal>
        <!--立案信息详情-->
        <Modal v-model="caseFilingListDetailModal" draggable footer-hide :mask-closable="false" sticky reset-drag-position
            :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>立案信息详情</span>
            </p>
            <div>
                <table class="customTable" width="100%" cellspacing="0">
                    <tbody>
                        <!-- <tr>
                            <td style="background-color: #f8f8f9;text-align: center;border-top: 1px solid #dcdee2;">案由</td>
                            <td colspan="3" style="border-top: 1px solid #dcdee2;">{{
                                caseFilingListDetail.caseReason ?
                                caseFilingListDetail.caseReason : '--'
                            }}
                            </td>
                        </tr> -->
                        <tr>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                案号
                            </td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                {{ caseFilingListDetail.caseNo ? caseFilingListDetail.caseNo : '--' }}
                            </td>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                案件状态
                            </td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                {{ caseFilingListDetail.caseStatus ? this.getDate(caseFilingListDetail.caseStatus) : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案件类型
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.caseType ? caseFilingListDetail.caseType : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">案由
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.caseReason ? caseFilingListDetail.caseReason : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">当事人</td>
                            <td colspan="3">{{
                                caseFilingListDetail.litigant ?
                                caseFilingListDetail.litigant : '--'
                            }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">第三人</td>
                            <td colspan="3">{{
                                caseFilingListDetail.third ?
                                caseFilingListDetail.third : '--'
                            }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">公诉人/原告/上诉人/申请人</td>
                            <td colspan="3">
                                {{ caseFilingListDetail.plaintiff ? caseFilingListDetail.plaintiff : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">被告人/被告/被上诉人/被申请人</td>
                            <td colspan="3">
                                {{ caseFilingListDetail.defendant ? caseFilingListDetail.defendant : '--' }}

                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">案件详情</td>
                            <td colspan="3">{{
                                caseFilingListDetail.content ?
                                caseFilingListDetail.content : '--'
                            }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">地区
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.area ? caseFilingListDetail.area : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法院
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.court ? caseFilingListDetail.court : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">承办部门
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.department ? caseFilingListDetail.department : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">承办法官
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.juge ? caseFilingListDetail.juge : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法官助理
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.assistant ? caseFilingListDetail.assistant : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">来源
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.caseStatus ? caseFilingListDetail.caseStatus : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f8f9;text-align: center;">源链接</td>
                            <td colspan="3">
                                <div v-if="caseFilingListDetail.sourceUrl"
                                    @click="goSourceUrl(caseFilingListDetail.sourceUrl)"
                                    style="color: #2D8CF0;cursor:pointer">{{ caseFilingListDetail.sourceUrl }}</div>
                                <div v-else>--</div>
                                <!-- {{
                                caseFilingListDetail.sourceUrl ?
                                caseFilingListDetail.sourceUrl : '--'
                            }} -->
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">立案时间
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.filingDate ? this.getDate(caseFilingListDetail.filingDate) : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">结案时间
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.closeDate ? this.getDate(caseFilingListDetail.closeDate) : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">开始时间
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.startTime ? this.getDate(caseFilingListDetail.startTime) : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">创建时间
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ caseFilingListDetail.createTime ? caseFilingListDetail.createTime : '--' }}
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </Modal>
        <!--司法协助详情-->
        <Modal v-model="judicialDetailModal" draggable footer-hide :mask-closable="false" sticky reset-drag-position
            :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>司法协助详情</span>
            </p>
            <div style="max-height: 600px;overflow-y: auto;">
                <div v-if="assDetailShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        司法协助详情
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    被执行人
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.assDetail.executedPerson ?
                                        judicialDetail.assDetail.executedPerson : '--'
                                    }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    股权数额
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.assDetail.equityAmount ?
                                        judicialDetail.assDetail.equityAmount : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行法院
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.assDetail.executiveCourt ?
                                        judicialDetail.assDetail.executiveCourt : '--'
                                    }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行通知书文号
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.assDetail.executeNoticeNum ?
                                        judicialDetail.assDetail.executeNoticeNum : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    股权被执行的企业
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.assDetail.stockExecutedCompany ?
                                        judicialDetail.assDetail.stockExecutedCompany : '--'
                                    }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    类型/状态
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.assDetail.typeState ?
                                        judicialDetail.assDetail.typeState : '--'
                                    }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div v-if="frozenShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        股权冻结
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行通知书文号
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{ judicialDetail.frozen.executeNoticeNum ? judicialDetail.frozen.executeNoticeNum :
                                        '--' }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行事项
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{ judicialDetail.frozen.implementationMatters ?
                                        judicialDetail.frozen.implementationMatters : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行法院</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.executiveCourt ? judicialDetail.frozen.executiveCourt : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行裁定书文号</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.executeOrderNum ? judicialDetail.frozen.executeOrderNum : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.executedPerson ? judicialDetail.frozen.executedPerson : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人持有股权、其他投资权益的数额
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.equityAmountOther ? judicialDetail.frozen.equityAmountOther :
                                        '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照号码</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.licenseNum ? judicialDetail.frozen.licenseNum : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照种类</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.licenseType ? judicialDetail.frozen.licenseType : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    冻结期限自</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.fromDate ?
                                        CustomMethods.getNowDate(judicialDetail.frozen.fromDate) : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    冻结期限至</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.toDate ? CustomMethods.getNowDate(judicialDetail.frozen.toDate)
                                        : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    冻结期限</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.period ? judicialDetail.frozen.period : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    公示日期</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.frozen.publicityAate ?
                                        CustomMethods.getNowDate(judicialDetail.frozen.publicityAate) :
                                        '--' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div v-if="removeFrozenShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        解除冻结
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行通知书文号
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{ judicialDetail.removeFrozen.executeNoticeNum ?
                                        judicialDetail.removeFrozen.executeNoticeNum : '--' }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行事项
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.removeFrozen.implementationMatters ?
                                        judicialDetail.removeFrozen.implementationMatters
                                        : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行法院</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.executiveCourt ?
                                        judicialDetail.removeFrozen.executiveCourt : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行裁定书文号</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.executeOrderNum ?
                                        judicialDetail.removeFrozen.executeOrderNum : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.executedPerson ?
                                        judicialDetail.removeFrozen.executedPerson : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人持有股权、其他投资权益的数额
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.removeFrozen.equityAmountOther ?
                                        judicialDetail.removeFrozen.equityAmountOther : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照号码</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.licenseNum ? judicialDetail.removeFrozen.licenseNum :
                                        '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照种类</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.licenseType ? judicialDetail.removeFrozen.licenseType :
                                        '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    解除冻结日期</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.frozenRemoveDate ?
                                        this.CustomMethods.getNowDate(parseInt(judicialDetail.removeFrozen.frozenRemoveDate)) :
                                        '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    公示日期</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.removeFrozen.publicityDate ?
                                        this.CustomMethods.getNowDate(parseInt(judicialDetail.removeFrozen.publicityDate)) :
                                        '--' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div v-if="keepFrozenShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        司法协助续行
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行通知书文号
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{ judicialDetail.keepFrozen.executeNoticeNum ?
                                        judicialDetail.keepFrozen.executeNoticeNum : '--' }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行事项
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.keepFrozen.implementationMatters ?
                                        judicialDetail.keepFrozen.implementationMatters :
                                        '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行法院</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.executiveCourt ? judicialDetail.keepFrozen.executiveCourt :
                                        '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行裁定书文号</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.executeOrderNum ? judicialDetail.keepFrozen.executeOrderNum
                                        : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.executedPerson ? judicialDetail.keepFrozen.executedPerson :
                                        '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人持有股权、其他投资权益的数额
                                </td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.equityAmountOther ?
                                        judicialDetail.keepFrozen.equityAmountOther : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照号码</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.licenseNum ? judicialDetail.keepFrozen.licenseNum : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照种类</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.licenseType ? judicialDetail.keepFrozen.licenseType : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    续行冻结期限自</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.fromDate ? judicialDetail.keepFrozen.fromDate : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    续行冻结期限至</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.toDate ? judicialDetail.keepFrozen.toDate : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    续行冻结期限</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.period ? judicialDetail.keepFrozen.period : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    公示日期</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.keepFrozen.publicityAate ? judicialDetail.keepFrozen.publicityAate :
                                        '--' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div v-if="shareholderChangeShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        股权变更
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行通知书文号
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.shareholderChange.executeNoticeNum ?
                                        judicialDetail.shareholderChange.executeNoticeNum
                                        : '--'
                                    }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    执行事项
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.shareholderChange.implementationMatters ?
                                        judicialDetail.shareholderChange.implementationMatters : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行法院</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.executiveCourt ?
                                        judicialDetail.shareholderChange.executiveCourt :
                                        '--'
                                    }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    执行裁定书文号</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.executeOrderNum ?
                                        judicialDetail.shareholderChange.executeOrderNum :
                                        '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.executedPerson ?
                                        judicialDetail.shareholderChange.executedPerson :
                                        '--'
                                    }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人持有股权数额</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.equityAmountOther ?
                                        judicialDetail.shareholderChange.equityAmountOther : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照号码</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.shareholderChange.licenseNum ?
                                        judicialDetail.shareholderChange.licenseNum : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    被执行人证照种类</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.shareholderChange.licenseType ?
                                        judicialDetail.shareholderChange.licenseType : '--' }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    受让人</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{ judicialDetail.shareholderChange.assignee ? judicialDetail.shareholderChange.assignee
                                        : '--' }}
                                </td>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    受让人证照号码</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.assigneeLicenseNum ?
                                        judicialDetail.shareholderChange.assigneeLicenseNum : '--'
                                    }}
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                    受让人证照种类</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.assigneeLicenseType ?
                                        judicialDetail.shareholderChange.assigneeLicenseType : '--'
                                    }}
                                </td>
                                <!--              <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">执行人</td>-->
                                <!--              <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">-->
                                <!--                字段未知-->
                                <!--              </td>-->
                                <td style="background-color: #f8f8f9;text-align: center;">协助执行日期</td>
                                <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                    {{
                                        judicialDetail.shareholderChange.executionDate ?
                                        judicialDetail.shareholderChange.executionDate :
                                        '--'
                                    }}
                                </td>
                            </tr>
                            <!--            <tr>-->
                            <!--              <td style="background-color: #f8f8f9;text-align: center;">协助执行日期</td>-->
                            <!--              <td colspan="3">-->
                            <!--                {{-->
                            <!--                  judicialDetail.shareholderChange.executionDate ? judicialDetail.shareholderChange.executionDate :-->
                            <!--                    '&#45;&#45;'-->
                            <!--                }}-->
                            <!--              </td>-->
                            <!--            </tr>-->
                        </tbody>
                    </table>
                </div>
                <div v-if="invalidationFrozenShow" style="margin-bottom: 12px;">
                    <div style="padding: 4px 0;">
                        司法冻结失效
                    </div>
                    <table class="customTable" width="100%" cellspacing="0">
                        <tbody>
                            <tr>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    失效日期
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.invalidationFrozen.invalidationDate ?
                                        CustomMethods.getNowDate(judicialDetail.invalidationFrozen.invalidationDate) : '--'
                                    }}
                                </td>
                                <td
                                    style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                    失效原因
                                </td>
                                <td
                                    style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                    {{
                                        judicialDetail.invalidationFrozen.invalidationReason ?
                                        judicialDetail.invalidationFrozen.invalidationReason : '--'
                                    }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </Modal>
        <!--破产重整详情-->
        <Modal v-model="GetAnnouncementModal" draggable footer-hide :mask-closable="false" sticky reset-drag-position
            :mask="true" class-name="vertical-center-modal" width="900">
            <p slot="header">
                <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
                <span>破产重整详情</span>
            </p>
            <div>
                <table class="customTable" width="100%" cellspacing="0">
                    <tbody>

                        <tr>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                案号</td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                {{ pochanListDetail.caseNo ? pochanListDetail.caseNo : '--' }}
                            </td>
                            <td
                                style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;border-top: 1px solid #dcdee2;">
                                案件类型</td>
                            <td
                                style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;border-top: 1px solid #dcdee2;">
                                {{ pochanListDetail.caseType ? pochanListDetail.caseType : '--' }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">被申请人
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ pochanListDetail.respondent ? pochanListDetail.respondent : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">申请人
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                <!-- {{ pochanListDetail.applicantName ? pochanListDetail.applicantName : '--' }} -->
                                <p v-if="pochanListDetail.applicant && pochanListDetail.applicant.length == 0">--</p>
                                <span v-else v-for="item in pochanListDetail.applicant">{{ item.applicantName ?
                                    item.applicantName + ';' : '--' }}</span>
                            </td>
                        </tr>

                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">管理人机构
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ pochanListDetail.managerialAgency ? pochanListDetail.managerialAgency : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">
                                管理人主要负责人</td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ pochanListDetail.managerPrincipal ? pochanListDetail.managerPrincipal : '--' }}

                                <!-- <p v-if="pochanListDetail.applicant && pochanListDetail.applicant.length == 0">--</p>
                                <p v-else v-for="item in pochanListDetail.applicant">{{ item.applicantName ?
                                    item.applicantName : '--' }}</p> -->
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">法院
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ pochanListDetail.court ? pochanListDetail.court : '--' }}
                            </td>
                            <td style="width: 160px;font-weight: normal;text-align: center;background-color: #f8f8f9;">公开时间
                            </td>
                            <td style="width: 270px;font-weight: normal;text-align: left;background-color: #fff;">
                                {{ pochanListDetail.submitTime ? pochanListDetail.submitTime : '--' }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </Modal>
    </div>
</template>
  
<script>
import $ from 'jquery'
import axios from '@/libs/api.request'


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

    },
    props: {

    },

    data() {
        return {
            scrollTop: 0,// 距离顶部距离
            topTrue: false,
            tab: 'tab1',
            searchName: '',
            selectedName: '',
            optionsList: [],
            historyList: [],
            loading: false,
            pageIndex: 1,
            TotalItems: 0,
            pageSize: 10,
            loadingTable: false,
            tableList: [],
            detail: {},
            //法律诉讼
            FLSSdetail: {},
            FLSSdetailModal: false,
            // 开庭公告
            courtNoticeListDetail: [],
            courtNoticeListDetailModal: false,

            courtAnnouncementDetail: {}, // 法院公告详情
            courtAnnouncementDetailModal: false, // 法院公告详情modal
            DeliveryNoticeCheckListDetail: {}, // 送达公告详情
            DeliveryNoticeCheckListModal: false, // 送达公告详情modal

            caseFilingListDetail: {}, // 立案信息详情
            caseFilingListDetailModal: false, // 立案信息详情modal

            removeFrozenShow: false,
            assDetailShow: false,
            frozenShow: false,
            invalidationFrozenShow: false,
            keepFrozenShow: false,
            shareholderChangeShow: false,
            sifajiexiListDetail: {},
            judicialDetailModal: false,
            // 破产重整 
            GetAnnouncementModal: false,
            pochanListDetail: {},
        }
    },
    mounted() {
        window.addEventListener('scroll', this.scrollListen, true)
        this.getSearchInfoList()
        console.log(this.searchName, this.selectedName, this.$route.query.name);
        // this.changeTab('tab1')
    },
    beforeRouteLeave(to, from, next) {
        this.clearMyInterval = true
        window.removeEventListener('scroll', this.scrollListen, true)
        next()
    },
    deactivated() {

    },
    watch: {
        '$route': {
            handler(to, from) {
                if (to.name === 'publicMessage_tool') {
                    this.topTrue = true
                } else {
                    this.topTrue = false
                }
            },
            deep: true, // 深度监听
            immediate: true, // 第一次初始化渲染就可以监听到
        }
    },
    methods: {
        scrollListen() {
            if (this.topTrue) {
                if ($('#topId').offset().top) {
                    this.scrollTop = $('#topId').offset().top
                }
            }
        },
        backTop() {
            document.getElementById('backTop').scrollIntoView()
        },
        /**
    * 远程搜索主体名称
    */
        remoteMethod() {
            // this.TypeAdd = 1
            if (this.searchName !== '') {
                this.searchLoading = true
                let data = { keyword: this.searchName }
                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
                })
            } else {
                this.optionsList = []
            }
        },
        mergeRequest() {
            this.pageIndex = 1
            this.changeTab('tab1')
        },
        changeBelongLtdId(item) {
            this.searchName = item
        },
        quickSearch(item) {
            this.searchName = item
            this.selectedName = item
            this.pageIndex = 1
            this.changeTab('tab1')

        },
        changeTab(e) {
            this.tab = e
            this.pageIndex = 1
            if (this.tab == 'tab1') {
                this.GetTycJrLawSuit()
            } else if (this.tab == 'tab2') {
                this.getCourtNoticeList()
            } else if (this.tab == 'tab3') {
                this.getCourtAnnouncement()
            } else if (this.tab == 'tab4') {
                this.getDeliveryNoticeCheckList()
            } else if (this.tab == 'tab5') {
                this.getCaseFilingList()
            } else if (this.tab == 'tab6') {
                this.getJudicialList()
            } else if (this.tab == 'tab7') {
                this.GetTycJrBankruptcy()
            } else if (this.tab == 'tab8') {
                this.getZhiXing()
            }
        },
        changePageIndex(e) {
            this.pageIndex = e
            if (this.tab == 'tab1') {
                this.GetTycJrLawSuit()
            } else if (this.tab == 'tab2') {
                this.getCourtNoticeList()
            } else if (this.tab == 'tab3') {
                this.getCourtAnnouncement()
            } else if (this.tab == 'tab4') {
                this.getDeliveryNoticeCheckList()
            } else if (this.tab == 'tab5') {
                this.getCaseFilingList()
            } else if (this.tab == 'tab6') {
                this.getJudicialList()
            } else if (this.tab == 'tab7') {
                this.GetTycJrBankruptcy()
            } else if (this.tab == 'tab8') {
                this.getZhiXing()
            }
        },
        //  获取历史记录
        getSearchInfoList() {
            axios.request({
                url: '/SearchInfo/GetSearchInfoList',
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.historyList = res.data.Data
                    if (this.historyList.length > 0 && this.selectedName === '') {
                        this.searchName = this.historyList[0]
                        this.selectedName = this.historyList[0]
                        console.log(this.searchName, this.selectedName, this.$route.query.name);
                        if (this.optionsList.length == 0) {
                            this.remoteMethod()
                        }
                        this.changeTab('tab1')
                        // this.mergeRequest(this.selectedName)
                    } else {
                        this.loading = false
                    }
                } else {

                }
            }, res => {

            })
        },

        // 获取法律诉讼
        GetTycJrLawSuit() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetTycJrLawSuit',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false

            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        //法律诉讼文书详情
        goFLSSlawsuitUrl(item) {
            window.open(item)
        },
        // 法律诉讼详情
        openFLSSdetail(params) {
            let data = {
                uuid: params.row.uuid
            }
            axios.request({
                url: '/QiChaCha/GetJrLawSuitDetail',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.FLSSdetail = res.data.Data
                    this.FLSSdetailModal = true
                } else {
                    this.FLSSdetail = {}
                }
                this.loading = false
            }, res => {
                this.FLSSdetail = {}
                this.loading = false
            })
        },
        // 获取开庭公告
        getCourtNoticeList() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetKtannouncement',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false

            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        //获取开庭公告详情
        getCourtNoticeInfo(params) {
            this.courtNoticeListDetail = params.row
            console.log(this.courtNoticeListDetail.plaintiff.length);
            this.$nextTick(() => {
                $('.contentClass2 a').removeAttr('href')
                $('.contentClass2 a').css({ cursor: 'auto', color: '#515a6e' })
            })
            this.courtNoticeListDetailModal = true
        },
        //获取法院公告
        getCourtAnnouncement() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetTycCourtAnnouncement',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },

        //获取法院公告详情

        getCourtAnnouncementDetail(params) {
            this.courtAnnouncementDetail = params.row
            this.$nextTick(() => {
                $('.contentClass a').removeAttr('href')
                $('.contentClass a').css({ cursor: 'auto', color: '#515a6e' })
            })
            this.courtAnnouncementDetailModal = true
        },
        //获取送达公告
        getDeliveryNoticeCheckList() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetSendAnnouncement',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        /**
            * 获取送达公告详情
            */
        getDeliveryNoticeCheckListDetail(params) {

            this.DeliveryNoticeCheckListDetail = params.row
            this.$nextTick(() => {
                $('.deliverNoticeClass a').removeAttr('href')
                $('.deliverNoticeClass a').css({ cursor: 'auto', color: '#515a6e' })
            })
            this.DeliveryNoticeCheckListModal = true

        },
        // 获取立案信息
        getCaseFilingList() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetCourtRegister',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        getCaseFilingListDetail(params) {
            this.caseFilingListDetail = params.row
            this.caseFilingListDetailModal = true
        },
        /**
    * 司法协助
    */
        getJudicialList() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetJudicialList',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        /**
    * 获取司法协助详情
    */
        getJudicialDetail(params) {
            let data = {
                assistanceId: params.row.AssId
            }
            axios.request({
                url: '/QiChaCha/GetJudicialDetail',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.judicialDetail = JSON.parse(res.data.Data.ResultData)
                    if (Object.keys(this.judicialDetail.removeFrozen).length > 0) {
                        this.removeFrozenShow = true
                    } else {
                        this.removeFrozenShow = false
                    }
                    if (Object.keys(this.judicialDetail.assDetail).length > 0) {
                        this.assDetailShow = true
                    } else {
                        this.assDetailShow = false
                    }
                    if (Object.keys(this.judicialDetail.frozen).length > 0) {
                        this.frozenShow = true
                    } else {
                        this.frozenShow = false
                    }
                    if (Object.keys(this.judicialDetail.invalidationFrozen).length > 0) {
                        this.invalidationFrozenShow = true
                    } else {
                        this.invalidationFrozenShow = false
                    }
                    if (Object.keys(this.judicialDetail.keepFrozen).length > 0) {
                        this.keepFrozenShow = true
                    } else {
                        this.keepFrozenShow = false
                    }
                    if (Object.keys(this.judicialDetail.shareholderChange).length > 0) {
                        this.shareholderChangeShow = true
                    } else {
                        this.shareholderChangeShow = false
                    }
                    this.judicialDetailModal = true
                } else {
                    this.judicialDetail = {}
                }
                this.loading = false
            }, res => {
                this.judicialDetail = {}
                this.loading = false
            })
        },
        // 获取破产重整
        GetTycJrBankruptcy() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetTycJrBankruptcy',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },
        // 破产重整详情
        openPCCZModal(params) {
            let data = {
                gid: params.row.gid,
                uuid: params.row.uuid
            }
            axios.request({
                url: '/QiChaCha/GetTycJrBankruptcyDetail',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.pochanListDetail = res.data.Data
                    this.GetAnnouncementModal = true
                } else {
                    this.pochanListDetail = {}
                }
                this.loading = false
            }, res => {
                this.pochanListDetail = {}
                this.loading = false
            })
        },
        getZhiXing() {
            this.loadingTable = true
            let data = {
                name: this.searchName,
                pageIndex: this.pageIndex,
                pageSize: this.pageSize
            }
            axios.request({
                url: '/QiChaCha/GetTycJrZhixinginfo',
                data,
                method: 'post'
            }).then(res => {
                if (res.data.Check) {
                    this.tableList = res.data.Data.Items
                    this.TotalItems = res.data.Data.TotalItems
                } else {
                    this.tableList = []
                    this.TotalItems = 0
                }
                this.loadingTable = false
            }, res => {
                this.tableList = []
                this.TotalItems = 0
                this.loadingTable = false
            })
        },




        // 获取当前日期
        getDate(date1) {
            if (date1 == 0) {
                return '--'
            } else {
                var myDate = new Date(Number(date1));
                var year = myDate.getFullYear(); //获取当前年
                var mon = myDate.getMonth() + 1; //获取当前月
                var date = myDate.getDate(); //获取当前日
                var now = year + "-" + mon + "-" + date
                return now;
            }
        },


    },
    computed: {
        FLSSColumns() { // 法律诉讼
            let columns = []
            columns.push({
                title: '序号',
                width: 80,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                },
                fixed: 'left'
            })
            columns.push({
                title: '案号',
                key: 'caseNo',
                render: (h, params) => {
                    return h('span', params.row.caseNo ? params.row.caseNo : '--')
                },
                align: 'left',
                minWidth: 200
            })
            columns.push({
                title: '案件名称',
                key: 'title',
                render: (h, params) => {
                    return h('span', params.row.title ? params.row.title : '--')
                },
                align: 'left',
                minWidth: 200
            })
            columns.push({
                title: '案件类型',
                key: 'caseType',
                render: (h, params) => {
                    return h('span', params.row.caseType ? params.row.caseType : '--')
                },
                align: 'center',
                width: 120
            })
            columns.push({
                title: '文书类型',
                key: 'docType',
                render: (h, params) => {
                    return h('span', params.row.docType ? params.row.docType : '--')
                },
                width: 120,
                align: 'center',
            })
            columns.push({
                title: '涉案主体',
                slot: 'casePersons',
                align: 'left',
                minWidth: 250
            })
            columns.push({
                title: '案由',
                key: 'caseReason',
                render: (h, params) => {
                    return h('span', params.row.caseReason ? params.row.caseReason : '--')
                },
                minWidth: 120
            })
            columns.push({
                title: '案件金额',
                key: 'caseMoney ',
                render: (h, params) => {
                    return h('span', params.row.caseMoney ? params.row.caseMoney : '--')
                },
                minWidth: 120
            })
            columns.push({
                title: '审理法院',
                key: 'court',
                render: (h, params) => {
                    return h('span', params.row.court ? params.row.court : '--')
                },
                minWidth: 120
            })

            columns.push({
                title: '裁判日期',
                key: 'judgeTime',
                render: (h, params) => {
                    return h('span', params.row.judgeTime ? params.row.judgeTime : '--')
                },
                minWidth: 120
            })
            columns.push({
                title: '发布日期',
                key: 'submitTime',
                render: (h, params) => {
                    return h('span', params.row.submitTime ? this.getDate(params.row.submitTime) : '--')
                },
                minWidth: 120
            })


            columns.push({
                title: '文书详情',
                slot: 'url',
                minWidth: 200,
                align: 'left',
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        courtNoticeListColumns() { // 开庭公告
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })

            columns.push({
                title: '案号',
                key: 'caseNo',
                render: (h, params) => {
                    return h('span', params.row.caseNo ? params.row.caseNo : '--')
                },
                align: 'center',
                width: 130
            })

            columns.push({
                title: '案由',
                key: 'caseReason',
                render: (h, params) => {
                    return h('span', params.row.caseReason ? params.row.caseReason : '--')
                },
                align: 'center',
                width: 130

            })

            columns.push({
                title: '公诉人/原告/上诉人/申请人',
                slot: 'plaintiff',
                // render: (h, params) => {
                //     return h('span', params.row.plaintiff&&params.row.plaintiff.name ? params.row.plaintiff.name : '--')
                // }
                minWidth: 200
            })
            columns.push({
                title: '被告人/被告/被上诉人/被申请人',
                slot: 'defendant',
                // render: (h, params) => {
                //     return h('span', params.row.defendant && params.row.defendant.name ? params.row.defendant.name : '--')
                // }
                minWidth: 200

            })
            columns.push({
                title: '开庭日期',
                key: 'startDate',
                render: (h, params) => {
                    return h('span', params.row.startDate ? this.getDate(params.row.startDate) : '--')
                },
                align: 'center',
                width: 130
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        courtAnnouncementColumns() { // 法院公告
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })

            columns.push({
                title: '上诉方',
                key: 'party1',
                render: (h, params) => {
                    return h('span', params.row.party1 ? params.row.party1 : '--')
                }
            })
            columns.push({
                title: '被诉方',
                key: 'party2',
                render: (h, params) => {
                    return h('span', params.row.party2 ? params.row.party2 : '--')
                }
            })
            columns.push({
                title: '公告类型',
                slot: 'bltntype',
                render: (h, params) => {
                    return h('span', params.row.bltntype ? params.row.bltntype : '--')
                }
            })
            columns.push({
                title: '法院',
                key: 'courtcode',
                render: (h, params) => {
                    return h('span', params.row.courtcode ? params.row.courtcode : '--')
                },
                width: 130
            })
            columns.push({
                title: '刊登日期',
                key: 'publishdate',
                render: (h, params) => {
                    return h('span', params.row.publishdate ? params.row.publishdate : '--')
                }
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        DeliveryNoticeCheckListColumns() { // 送达公告
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '发布日期',
                key: 'startDate',
                render: (h, params) => {
                    return h('span', params.row.startDate ? this.getDate(params.row.startDate) : '--')
                }
            })
            columns.push({
                title: '公告名称',
                key: 'title',
                render: (h, params) => {
                    return h('span', params.row.title ? params.row.title : '--')
                },
                minWidth: 130
            })
            columns.push({
                title: '法院名称',
                key: 'court',
                render: (h, params) => {
                    return h('span', params.row.court ? params.row.court : '--')
                },
                minWidth: 130
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        caseFilingListColumns() { // 立案信息
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '案号',
                key: 'caseNo',
                render: (h, params) => {
                    return h('span', params.row.caseNo ? params.row.caseNo : '--')
                }
            })
            columns.push({
                title: '案由',
                key: 'caseReason',
                render: (h, params) => {
                    return h('span', params.row.caseReason ? params.row.caseReason : '--')
                }
            })

            columns.push({
                title: '公诉人/原告/上诉人/申请人',
                key: 'plaintiff'
            })
            columns.push({
                title: '被告人/被告/被上诉人/被申请人',
                key: 'defendant'
            })
            columns.push({
                title: '立案日期',
                key: 'filingDate',
                render: (h, params) => {
                    return h('span', params.row.filingDate ? this.getDate(params.row.filingDate) : '--')
                },
                width: 130
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        judicialListColumns() { // 司法协助
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '被执行人',
                key: 'ExecutedPerson',
                render: (h, params) => {
                    return h('span', params.row.ExecutedPerson ? params.row.ExecutedPerson : '--')
                }
            })
            columns.push({
                title: '股权数额',
                key: 'EquityAmount',
                render: (h, params) => {
                    return h('span', params.row.EquityAmount ? this.CustomMethods.numTo$_NaN(params.row.EquityAmount) : '--')
                },
                align: 'right',
                minWidth: 50
            })
            columns.push({
                title: '执行法院',
                key: 'ExecutiveCourt',
                render: (h, params) => {
                    return h('span', params.row.ExecutiveCourt ? params.row.ExecutiveCourt : '--')
                }
            })
            columns.push({
                title: '执行通知书文号',
                key: 'ExecuteNoticeNum',
                render: (h, params) => {
                    return h('span', params.row.ExecuteNoticeNum ? params.row.ExecuteNoticeNum : '--')
                }
            })
            columns.push({
                title: '类型 | 状态',
                key: 'TypeState',
                render: (h, params) => {
                    return h('span', params.row.TypeState ? params.row.TypeState : '--')
                }
            })
            columns.push({
                title: '股权被执行的企业',
                key: 'StockExecutedCompany',
                render: (h, params) => {
                    return h('span', params.row.StockExecutedCompany ? params.row.StockExecutedCompany : '--')
                }
            })
            columns.push({
                title: '公示日期',
                key: 'publicityDate',
                render: (h, params) => {
                    return h('span', params.row.publicityDate ? params.row.publicityDate : '--')
                }
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        pochanListColumns() { // 破产重整
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '案号',
                key: 'caseNo',
                render: (h, params) => {
                    return h('span', params.row.caseNo ? params.row.caseNo : '--')
                }
            })
            columns.push({
                title: '案件类型',
                key: 'caseType',
                render: (h, params) => {
                    return h('span', params.row.caseType ? params.row.caseType : '--')
                }
            })
            columns.push({
                title: '被申请人',
                key: 'respondent',
                render: (h, params) => {
                    return h('span', params.row.respondent ? params.row.respondent : '--')
                }
            })
            columns.push({
                title: '公开时间',
                key: 'submitTime',
                render: (h, params) => {
                    return h('span', params.row.submitTime ? params.row.submitTime : '--')
                }
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
        zhiXingColumns() { // 被执行人
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '案号',
                key: 'caseCode',
                render: (h, params) => {
                    return h('span', params.row.caseCode ? params.row.caseCode : '--')
                }
            })
            columns.push({
                title: '被执行人',
                key: 'pname',
                render: (h, params) => {
                    return h('span', params.row.pname ? params.row.pname : '--')
                }
            })
            columns.push({
                title: '身份证号/组织机构代码',
                key: 'partyCardNum',
                render: (h, params) => {
                    return h('span', params.row.partyCardNum ? params.row.partyCardNum : '--')
                }
            })


            columns.push({
                title: '执行标的(元)',
                key: 'execMoney',
                render: (h, params) => {
                    return h('span', params.row.execMoney ? this.CustomMethods.numTo$(params.row.execMoney) : '--')
                },
                align: 'right'
            })
            columns.push({
                title: '执行法院',
                key: 'execCourtName',
                render: (h, params) => {
                    return h('span', params.row.execCourtName ? params.row.execCourtName : '--')
                }
            })
            columns.push({
                title: '立案日期',
                key: 'caseCreateTime',
                render: (h, params) => {
                    return h('span', params.row.caseCreateTime ? this.getDate(params.row.caseCreateTime) : '--')
                },
                width: 130
            })
            return columns
        },
        shixinListColumns() { //失信被执行
            let columns = []
            columns.push({
                title: '序号',
                width: 90,
                align: 'center',
                render: (h, params) => {
                    return h(
                        'span',
                        params.row.ItemIndex
                    )
                }
            })
            columns.push({
                title: '发布日期',
                key: 'publishdate',
                render: (h, params) => {
                    return h('span', params.row.publishdate ? this.getDate(params.row.publishdate) : '--')
                }
            })
            columns.push({
                title: '立案日期',
                key: 'regdate',
                render: (h, params) => {
                    return h('span', params.row.regdate ? this.getDate(params.row.regdate) : '--')
                }
            })


            columns.push({
                title: '案号',
                key: 'casecode',
                render: (h, params) => {
                    return h('span', params.row.casecode ? params.row.casecode : '--')
                }
            })
            columns.push({
                title: '执行法院',
                key: 'courtname',
                render: (h, params) => {
                    return h('span', params.row.courtname ? params.row.courtname : '--')
                }
            })
            columns.push({
                title: '履行情况',
                key: 'performance',
                render: (h, params) => {
                    return h('span', params.row.performance ? params.row.performance : '--')
                }
            })
            columns.push({
                title: '执行依据文号',
                key: 'gistid',
                render: (h, params) => {
                    return h('span', params.row.gistid ? params.row.gistid : '--')
                }
            })
            columns.push({
                title: '操作',
                slot: 'action',
                width: 100,
                align: 'center'
            })
            return columns
        },
    },
    destroyed() {
        this.checkCityInvestmentZone = ''
    }
}
</script>
  
<style>
[v-cloak] {
    display: none !important;
}
</style>

			@@ -847,7 +847,7 @@
			title: '司法风险'
			},
			component: () =>
			import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
			import('@/view/diligenceTools/gongkaixinxi/publicSifa.vue')
			// import('@/view/diligenceTools/publicMessage.vue')
			},
			{
			@@ -860,7 +860,7 @@
			title: '经营信息'
			},
			component: () =>
			import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
			import('@/view/diligenceTools/gongkaixinxi/publicJinyin.vue')
			// import('@/view/diligenceTools/publicMessage.vue')
			},
			{
			@@ -873,7 +873,7 @@
			title: '经营风险'
			},
			component: () =>
			import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
			import('@/view/diligenceTools/gongkaixinxi/publicJinyinFengx.vue')
			// import('@/view/diligenceTools/publicMessage.vue')
			},
			// {

			@@ -50,41 +50,7 @@
			<TabPane label="企业基本信息" name="tab1" :index="1"></TabPane>
			<TabPane label="企业股东" name="tab2" :index="2"></TabPane>
			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
			<TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
			<TabPane label="法院公告" name="tab3" :index="3"></TabPane>
			<TabPane label="送达公告" name="tab4" :index="4"></TabPane>
			<TabPane label="立案信息" name="tab5" :index="5"></TabPane>
			<TabPane label="司法协助" name="tab6" :index="6"></TabPane>
			<TabPane label="破产重整" name="tab7" :index="7"></TabPane>
			<TabPane label="被执行人" name="tab8" :index="8"></TabPane>
			<TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
			<TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
			<TabPane label="终本案件" name="tab11" :index="11"></TabPane>
			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="税务评级" name="tab1" :index="1"></TabPane>
			<TabPane label="购地信息" name="tab2" :index="2"></TabPane>
			<TabPane label="企业招投标信息" name="tab3" :index="3"></TabPane>
			<TabPane label="地块公示" name="tab4" :index="4"></TabPane>
			<TabPane label="土地转让" name="tab5" :index="5"></TabPane>
			<TabPane label="新闻舆情" name="tab6" :index="6"></TabPane>

			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="行政处罚" name="tab1" :index="1"></TabPane>
			<TabPane label="欠税公告" name="tab2" :index="2"></TabPane>
			<TabPane label="税收违法" name="tab3" :index="3"></TabPane>
			<TabPane label="经营异常" name="tab4" :index="4"></TabPane>
			<TabPane label="严重违法" name="tab5" :index="5"></TabPane>
			<TabPane label="清算信息" name="tab6" :index="6"></TabPane>
			<TabPane label="动产抵押" name="tab7" :index="7"></TabPane>
			<TabPane label="土地抵押" name="tab8" :index="8"></TabPane>
			<TabPane label="知识产权出质" name="tab9" :index="9"></TabPane>
			<TabPane label="股权出质" name="tab10" :index="10"></TabPane>
			<TabPane label="质押明细" name="tab11" :index="11"></TabPane>
			</Tabs>

			</Card>

			</div>
			@@ -110,7 +76,7 @@
			topTrue: false,
			tab: 'tab1',
			searchName: '',
			selectedName:'',
			selectedName: '',
			optionsList: [],
			historyList: [],
			loading: false,
			@@ -152,49 +118,74 @@
			backTop() {
			document.getElementById('backTop').scrollIntoView()
			},
			// historyList()
			/**
			* 远程搜索主体名称
			*/
			remoteMethod() {

			// this.TypeAdd = 1
			if (this.searchName !== '') {
			this.searchLoading = true
			let data = { keyword: this.searchName }
			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
			})
			} else {
			this.optionsList = []
			}
			},
			mergeRequest() {

			this.changeTab('tab1')
			},
			changeBelongLtdId() {

			changeBelongLtdId(item) {
			// this.showTab4 = false
			this.searchName = item
			},
			quickSearch() {

			},
			changeTab() {

			changeTab(e) {
			this.tab = e
			},
			/**
			* 获取历史记录
			*/
			getSearchInfoList () {
			axios.request({
			url: '/SearchInfo/GetSearchInfoList',
			method: 'post'
			}).then(res => {
			if (res.data.Check) {
			this.historyList = res.data.Data
			if (this.historyList.length > 0 && this.selectedName === '') {
			this.searchName = this.historyList[0]
			this.selectedName = this.historyList[0]
			// if (this.optionsList.length == 0) {
			// this.remoteMethod()
			// }
			// this.mergeRequest(this.selectedName)
			} else {
			this.loading = false
			}
			} else {
			/**
			* 获取历史记录
			*/
			getSearchInfoList() {
			axios.request({
			url: '/SearchInfo/GetSearchInfoList',
			method: 'post'
			}).then(res => {
			if (res.data.Check) {
			this.historyList = res.data.Data
			if (this.historyList.length > 0 && this.selectedName === '') {
			this.searchName = this.historyList[0]
			this.selectedName = this.historyList[0]
			if (this.optionsList.length == 0) {
			this.remoteMethod()
			}
			// this.mergeRequest(this.selectedName)
			} else {
			this.loading = false
			}
			} else {

			}
			}, res => {
			}
			}, res => {

			})
			},
			})
			},
			//

New file
			@@ -0,0 +1,243 @@
			<template>
			<div id="topId">
			<div v-show="scrollTop < -200" @click="backTop"
			style="width: 20px;height: 20px;position: fixed;bottom: 45px;right: 22px;
			z-index: 99999;cursor: pointer;text-align: center;line-height: 18px;background-color: darkgray;color: white;">
			<Icon type="md-arrow-round-up" size="18" />
			</div>
			<Card id="backTop">
			<div class="customTitle">
			<Icon custom="custom custom-gongkaixinxi2"></Icon>
			<span style="margin-left: 6px;">工商信息</span>
			</div>
			</Card>
			<Card style="position: relative;margin-top: 12px;">
			<Spin v-show="loading" fix></Spin>
			<ul class="lists_readAndEdit clearfix" style="margin-top: 0;padding-bottom: 6px;">
			<li class="list" style="width: 100%;">
			<span class="list_name">企业名称</span>
			<div class="list_value">
			<Poptip trigger="focus" placement="bottom-start" transfer
			style="width: 400px;float: left;margin-right: 10px;">
			<Input v-model="searchName" size="large" @on-change="remoteMethod" @on-enter="mergeRequest"
			placeholder="请输入企业名称"></Input>
			<ul slot="content" style="width: 500px;">
			<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>
			<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" style="float: left;" type="primary" @click="mergeRequest">搜索
			</Button>
			</div>
			</li>
			<li v-if="historyList.length > 0" class="list" style="width: 100%;margin-top: 2px;">
			<span class="list_name" style="top: 5px;">历史记录</span>
			<div class="list_value">
			<Tag v-for="(item, index) in historyList" type="border" style="cursor:pointer;"
			@click.native="quickSearch(item)">{{ item }}
			</Tag>
			</div>
			</li>
			</ul>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="企业基本信息" name="tab1" :index="1"></TabPane>
			<TabPane label="企业股东" name="tab2" :index="2"></TabPane>
			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="法律诉讼" name="tab1" :index="1"></TabPane>
			<TabPane label="开庭公告" name="tab2" :index="2"></TabPane>
			<TabPane label="法院公告" name="tab3" :index="3"></TabPane>
			<TabPane label="送达公告" name="tab4" :index="4"></TabPane>
			<TabPane label="立案信息" name="tab5" :index="5"></TabPane>
			<TabPane label="司法协助" name="tab6" :index="6"></TabPane>
			<TabPane label="破产重整" name="tab7" :index="7"></TabPane>
			<TabPane label="被执行人" name="tab8" :index="8"></TabPane>
			<TabPane label="失信被执行人" name="tab9" :index="9"></TabPane>
			<TabPane label="限制消费令" name="tab10" :index="10"></TabPane>
			<TabPane label="终本案件" name="tab11" :index="11"></TabPane>
			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="税务评级" name="tab1" :index="1"></TabPane>
			<TabPane label="购地信息" name="tab2" :index="2"></TabPane>
			<TabPane label="企业招投标信息" name="tab3" :index="3"></TabPane>
			<TabPane label="地块公示" name="tab4" :index="4"></TabPane>
			<TabPane label="土地转让" name="tab5" :index="5"></TabPane>
			<TabPane label="新闻舆情" name="tab6" :index="6"></TabPane>

			</Tabs>
			<Tabs :value="tab" @on-click="changeTab" type="card" style="margin-top:8px;">
			<TabPane label="行政处罚" name="tab1" :index="1"></TabPane>
			<TabPane label="欠税公告" name="tab2" :index="2"></TabPane>
			<TabPane label="税收违法" name="tab3" :index="3"></TabPane>
			<TabPane label="经营异常" name="tab4" :index="4"></TabPane>
			<TabPane label="严重违法" name="tab5" :index="5"></TabPane>
			<TabPane label="清算信息" name="tab6" :index="6"></TabPane>
			<TabPane label="动产抵押" name="tab7" :index="7"></TabPane>
			<TabPane label="土地抵押" name="tab8" :index="8"></TabPane>
			<TabPane label="知识产权出质" name="tab9" :index="9"></TabPane>
			<TabPane label="股权出质" name="tab10" :index="10"></TabPane>
			<TabPane label="质押明细" name="tab11" :index="11"></TabPane>
			</Tabs>
			</Card>

			</div>
			</template>

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


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

			},
			props: {

			},

			data() {
			return {
			scrollTop: 0,// 距离顶部距离
			topTrue: false,
			tab: 'tab1',
			searchName: '',
			selectedName: '',
			optionsList: [],
			historyList: [],
			loading: false,
			}
			},
			mounted() {
			window.addEventListener('scroll', this.scrollListen, true)
			this.getSearchInfoList()
			},
			beforeRouteLeave(to, from, next) {
			this.clearMyInterval = true
			window.removeEventListener('scroll', this.scrollListen, true)
			next()
			},
			deactivated() {

			},
			watch: {
			'$route': {
			handler(to, from) {
			if (to.name === 'publicMessage_tool') {
			this.topTrue = true
			} else {
			this.topTrue = false
			}
			},
			deep: true, // 深度监听
			immediate: true, // 第一次初始化渲染就可以监听到
			}
			},
			methods: {
			scrollListen() {
			if (this.topTrue) {
			if ($('#topId').offset().top) {
			this.scrollTop = $('#topId').offset().top
			}
			}
			},
			backTop() {
			document.getElementById('backTop').scrollIntoView()
			},
			/**
			* 远程搜索主体名称
			*/
			remoteMethod() {
			// this.TypeAdd = 1
			if (this.searchName !== '') {
			this.searchLoading = true
			let data = { keyword: this.searchName }
			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
			})
			} else {
			this.optionsList = []
			}
			},
			mergeRequest() {

			},
			changeBelongLtdId() {

			},
			quickSearch() {

			},
			changeTab() {

			},
			/**
			* 获取历史记录
			*/
			getSearchInfoList() {
			axios.request({
			url: '/SearchInfo/GetSearchInfoList',
			method: 'post'
			}).then(res => {
			if (res.data.Check) {
			this.historyList = res.data.Data
			if (this.historyList.length > 0 && this.selectedName === '') {
			this.searchName = this.historyList[0]
			this.selectedName = this.historyList[0]
			if (this.optionsList.length == 0) {
			this.remoteMethod()
			}
			// this.mergeRequest(this.selectedName)
			} else {
			this.loading = false
			}
			} else {

			}
			}, res => {

			})
			},









			},
			computed: {},
			destroyed() {
			this.checkCityInvestmentZone = ''
			}
			}
			</script>

			<style>
			[v-cloak] {
			display: none !important;
			}
			</style>