深度信息tab

hailu

2023-06-20 7fa8375117a619e60262eef131b2f613f00f8adf

深度信息tab

 src/router/routers.js

@@ -411,7 +411,7 @@
    component: Main,
    meta: {
        notCache: true,
        access: ['no_admin', 'piaoDetail', 'piaoDelayInfo', 'piaoOverAlways', 'piaoNoInfo','piaoNotice','piaoOverdue'],
        access: ['no_admin', 'piaoDetail', 'piaoDelayInfo', 'piaoOverAlways', 'piaoNoInfo', 'piaoNotice', 'piaoOverdue'],
        icon: 'custom custom-kaishifenxi',
        title: '票据融资'
    },
@@ -438,7 +438,7 @@
                title: '承兑人逾期'
            },
            component: () =>
                import ('@/view/diligenceTools/piaoOverdue.vue')
                import('@/view/diligenceTools/piaoOverdue.vue')
        },
        {
            path: '/piaoOverAlways',
@@ -450,7 +450,7 @@
                title: '持续逾期'
            },
            component: () =>
                import ('@/view/diligenceTools/piaoOverAlways.vue')
                import('@/view/diligenceTools/piaoOverAlways.vue')
        },
        {
            path: '/piaoNoInfo',
@@ -462,7 +462,7 @@
                title: '信息未披露'
            },
            component: () =>
                import ('@/view/diligenceTools/piaoNolnfo.vue')
                import('@/view/diligenceTools/piaoNolnfo.vue')
        },
        {
            path: '/piaoDelayInfo',
@@ -474,7 +474,7 @@
                title: '信息延迟披露'
            },
            component: () =>
                import ('@/view/diligenceTools/piaoDelayInfo.vue')
                import('@/view/diligenceTools/piaoDelayInfo.vue')
        },
        {
            path: '/piaoNotice',
@@ -486,7 +486,7 @@
                title: '承兑人公告'
            },
            component: () =>
                import ('@/view/diligenceTools/piaoNotice.vue')
                import('@/view/diligenceTools/piaoNotice.vue')
        },

    ]
@@ -819,7 +819,7 @@
    redirect: '/publicMessage_tool',
    meta: {
        notCache: true,
        access: ['no_admin', 'menuPublicInfo', 'attribute_report'],
        access: ['no_admin', 'menuPublicInfo', 'attribute_report','publicSifa','publicJinyin','publicJinyinFengx'],
        icon: 'custom custom-waiBu',
        title: '深度信息'
    },
@@ -831,10 +831,50 @@
            access: ['no_admin', 'menuPublicInfo'],
            notCache: true,
            icon: 'custom custom-gongkaixinxi2',
            title: '深度信息'
            title: '工商信息'
        },
        component: () =>
            import('@/view/diligenceTools/publicMessage.vue')
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    {
        path: '/publicSifa',
        name: 'publicSifa',
        meta: {
            access: ['no_admin', 'publicSifa'],
            notCache: true,
            icon: 'custom custom-gongkaixinxi2',
            title: '司法风险'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    {
        path: '/publicJinyin',
        name: 'publicJinyin',
        meta: {
            access: ['no_admin', 'publicJinyin'],
            notCache: true,
            icon: 'custom custom-gongkaixinxi2',
            title: '经营信息'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    {
        path: '/publicJinyinFengx',
        name: 'publicJinyinFengx',
        meta: {
            access: ['no_admin', 'publicJinyinFengx'],
            notCache: true,
            icon: 'custom custom-gongkaixinxi2',
            title: '经营风险'
        },
        component: () =>
            import('@/view/diligenceTools/gongkaixinxi/gongshang.vue')
        // import('@/view/diligenceTools/publicMessage.vue')
    },
    // {
    //   path: '/basicAttributes_tool',

 src/view/diligenceTools/gongkaixinxi/gongshang.vue

New file
@@ -0,0 +1,220 @@
<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()
        },
        // historyList()
        remoteMethod() {

        },
        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>