登陆界面加微信扫码

hailu

2021-11-02 a57eb32aab843318cf92d547dac3d441d2712096

登陆界面加微信扫码

 src/view/enterpriseControl/offSiteCheck.vue

@@ -1093,7 +1093,28 @@
            </table>
          </div>
          <div v-show="EventType==='深度信息-基本信息-对外投资'">
            <div class="clearfix">
            <Tabs v-model="duiwaitouzitab" @on-click="duiwaitouzi" type="card">
              <TabPane label="变更信息" name="tab1"></TabPane>
              <TabPane label="变更后信息" name="tab2"></TabPane>
            </Tabs>
            <div class="clearfix" v-if="duiwaitouzitab==='tab1'">
              <Table :data="ECIInvestmentList"
                     :columns="ECIInvestmentListColumnstab2"
                     border style="margin-top: 12px;">
<!--                <template slot="name" slot-scope="{row,index}">-->
<!--                  <div class="clearfix">-->
<!--                    <img v-if="row.ImageUrl" style="float: left;width: 40px;height: 40px;" :src="row.ImageUrl" alt="">-->
<!--                    <div style="text-align:center;">{{ row.Name }}</div>-->
<!--                  </div>-->
<!--                </template>-->
              </Table>
              <Page :current="ECIInvestmentListPageIndex"
                    :total="ECIInvestmentListTotalItem"
                    :page-size="5"
                    @on-change="changeECIInvestmentListPageIndex"
                    show-elevator style="float: right;margin-top: 12px;"/>
            </div>
            <div class="clearfix" v-if="duiwaitouzitab==='tab2'">
              <Table :data="ECIInvestmentList"
                     :columns="ECIInvestmentListColumns"
                     border style="margin-top: 12px;">
@@ -1112,11 +1133,24 @@
            </div>
          </div>
          <div v-show="EventType==='深度信息-基本信息-分支机构'">
            <div  style="margin-top: 12px;">
              <!--            <div class="newTitle" id="fenZhiJiGou">-->
              <!--              分支机构-->
              <!--              <span style="color:#2d8bef;font-size:14px;margin-left: 8px;">{{ ECIBranchListTotalItem }}</span>-->
              <!--            </div>-->
            <Tabs v-model="fenzhijiegoutab" @on-click="fenzhijiegou" type="card">
              <TabPane label="变更信息" name="tab1"></TabPane>
              <TabPane label="变更后信息" name="tab2"></TabPane>
            </Tabs>
            <div  style="margin-top: 12px;" v-show="fenzhijiegoutab==='tab1'">
              <div class="clearfix">
                <Table :data="ECIBranchList"
                       :columns="ECIBranchListColumnstab1"
                       border style="margin-top: 12px;">
                </Table>
                <Page :current="ECIBranchListPageIndex"
                      :total="ECIBranchListTotalItem"
                      :page-size="5"
                      @on-change="changeECIBranchListPageIndex"
                      show-elevator style="float: right;margin-top: 12px;"/>
              </div>
            </div>
            <div  style="margin-top: 12px;" v-show="fenzhijiegoutab==='tab2'">
              <div class="clearfix">
                <Table :data="ECIBranchList"
                       :columns="ECIBranchListColumns"
@@ -1131,16 +1165,43 @@
            </div>
          </div>
          <div v-show="EventType==='深度信息-基本信息-控制企业'">
            <div style="margin-top: 12px;">
              <!--            <div class="newTitle" id="kongZhiQiYe">-->
              <!--              控制企业-->
              <!--              <span style="color:#2d8bef;font-size:14px;margin-left: 8px;">{{ HoldingCompanyListTotalItem }}</span>-->
              <!--              <Tooltip content="控制企业为企业或自然人直接或间接拥有其疑似实际控制权的企业，仅供参考（最多显示1000家）"-->
              <!--                       max-width="200"-->
              <!--                       theme="light" transfer placement="top-start" style="margin-left: 10px;">-->
              <!--                <Icon type="md-help-circle" size="16"/>-->
              <!--              </Tooltip>-->
              <!--            </div>-->
            <Tabs v-model="kongzhiqiyetab" type="card" @on-click="kongzhiqiye">
              <TabPane label="变更信息" name="tab1"></TabPane>
              <TabPane label="变更后信息" name="tab2"></TabPane>
            </Tabs>
            <div style="margin-top: 12px;" v-show="kongzhiqiyetab=='tab1'">
              <div class="clearfix">
                <Table :data="HoldingCompanyList"
                       :columns="HoldingCompanyListColumnstab1"
                       border style="margin-top: 12px;">
<!--                  <template slot="Paths" slot-scope="{row,index}">-->
<!--                    <div v-for="(item,index) in row.Paths" v-if="row.Paths && row.Paths.length > 0 && index < 10" :key="index"-->
<!--                         class="clearfix">-->
<!--                      <p style="font-weight: bold;">{{ `路径${index + 1} (占比约 ${row.PercentTotal})` }}</p>-->
<!--                      <div class="clearfix">-->
<!--                        <div v-if="item.length > 0" style="display: inline-block;">-->
<!--                          <span style="float: left;margin-right: 8px;line-height: 30px;">{{ row.CompanyName }}</span>-->
<!--                        </div>-->
<!--                        <div v-for="(innerItem,innerIndex) in item" :key="innerIndex" style="display: inline-block;">-->
<!--                          <div style="width: 80px;float: left;margin-right: 8px;position: relative;text-align: center;">-->
<!--                            <div style="height: 12px;color: #2d8cf0;">{{ innerItem.Percent }}</div>-->
<!--                            <div style="height: 6px;">&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&ndash;&gt;</div>-->
<!--                          </div>-->
<!--                          <span style="float: left;margin-right: 8px;line-height: 30px;">{{ innerItem.Name }}</span>-->
<!--                        </div>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                    <div v-if="!row.Paths || row.Paths.length == 0">&#45;&#45;</div>-->
<!--                  </template>-->
                </Table>
                <Page :current="HoldingCompanyListPageIndex"
                      :total="HoldingCompanyListTotalItem"
                      :page-size="5"
                      @on-change="changeHoldingCompanyListPageIndex"
                      show-elevator style="float: right;margin-top: 12px;"/>
              </div>
            </div>
            <div style="margin-top: 12px;" v-show="kongzhiqiyetab=='tab2'">
              <div class="clearfix">
                <Table :data="HoldingCompanyList"
                       :columns="HoldingCompanyListColumns"
@@ -1174,11 +1235,19 @@
            </div>
          </div>
          <div v-show="EventType==='深度信息-基本信息-总公司'">
            <div style="margin-top: 12px;">
              <!--            <div class="newTitle" id="zongGongSi">-->
              <!--              总公司-->
              <!--              <span style="color:#2d8bef;font-size:14px;margin-left: 8px;">{{ ECIParentInfo.length }}</span>-->
              <!--            </div>-->
            <Tabs v-model="zonggongsitab" type="card" @on-click="zonggongsi">
              <TabPane label="变更信息" name="tab1"></TabPane>
              <TabPane label="变更后信息" name="tab2"></TabPane>
            </Tabs>
            <div style="margin-top: 12px;" v-show="zonggongsitab==='tab1'">
              <div class="clearfix">
                <Table :data="ECIParentInfo"
                       :columns="ECIParentInfoColumnstab1"
                       border style="margin-top: 12px;max-height: 500px">
                </Table>
              </div>
            </div>
            <div style="margin-top: 12px;" v-show="zonggongsitab==='tab2'">
              <div class="clearfix">
                <Table :data="ECIParentInfo"
                       :columns="ECIParentInfoColumns"
@@ -1189,8 +1258,8 @@
          </div>
          <div v-show="EventType==='深度信息-基本信息-主要人员'">
            <Tabs v-model="zhuyaotab" @on-click="changeTabzhuyao" type="card" style="margin-top: 12px;">
                        <TabPane label="变更情况" name="tab1"></TabPane>
                        <TabPane label="变更后信息" name="tab2"></TabPane>
                <TabPane label="变更情况" name="tab1"></TabPane>
                <TabPane label="变更后信息" name="tab2"></TabPane>
            </Tabs>
            <div style="max-height:420px;overflow-y: auto;">
              <div v-show="zhuyaotab==='tab1'">
@@ -6359,6 +6428,10 @@
  },
  data () {
    return {
      fenzhijiegoutab:'tab1', //分支结构tab控制
      zonggongsitab:'tab1', //总公司tab控制
      kongzhiqiyetab:'tab1', //控制企业tab控制
      duiwaitouzitab:'tab1', //对外投资tab控制
      removeFrozenShow:false,
      assDetailShow:false,
      frozenShow:false,
@@ -6650,6 +6723,72 @@
    this.Btn_year('4')
  },
  methods: {
    zonggongsi(){
      if( this.zonggongsitab==='tab1'){
        this.loading_go=true
        this.getkzonggongsi(this.annualReportDetails)
      }else{
        if(this.annualReportDetails){
          this.loading_go=true
         // this.HoldingCompanyList =  this.annualReportDetails.slice((this.HoldingCompanyListPageIndex- 1) * 5, this.HoldingCompanyListPageIndex * 5)
          this.ECIParentInfo =  this.annualReportDetails
        }else{
          this.ECIParentInfo=[]
        }
        this.nothingData=false
        this.loading_go=false
      }
    },
    fenzhijiegou(){
      if(this.fenzhijiegoutab==='tab1'){
        this.loading_go=true
        this.getfenzhijiegou(this.annualReportDetails)
      }else{
        if(this.annualReportDetails){
          this.loading_go=true
          // this.HoldingCompanyList =  this.annualReportDetails.slice((this.HoldingCompanyListPageIndex- 1) * 5, this.HoldingCompanyListPageIndex * 5)
          this.ECIBranchList =  this.annualReportDetails
        }else{
          this.ECIBranchList=[]
        }
        this.nothingData=false
        this.loading_go=false
      }
    },
    kongzhiqiye(){
      if(this.kongzhiqiyetab==='tab1'){
        this.loading_go=true
        this.getkongzhiqiye(this.annualReportDetails)
      }else{
        if(this.annualReportDetails){
          this.loading_go=true
          this.HoldingCompanyList =  this.annualReportDetails.slice((this.HoldingCompanyListPageIndex- 1) * 5, this.HoldingCompanyListPageIndex * 5)
        }else{
          this.HoldingCompanyList=[]
        }
        this.nothingData=false
        this.loading_go=false
      }
    },
    /**
     * 对外投资tab的click事件
     **/
    duiwaitouzi(){
     if(this.duiwaitouzitab==="tab1"){
       this.loading_go=true
       this.getduiwaitouzi(this.annualReportDetails)
     }else{
       if(this.annualReportDetails){
         this.loading_go=true
         this.ECIInvestmentList =  this.annualReportDetails.slice((this.ECIInvestmentListPageIndex- 1) * 5, this.ECIInvestmentListPageIndex * 5)
       }else{
         this.ECIInvestmentList=[]
      }
       this.nothingData=false
       this.loading_go=false
     }

    },
    changebeizhiXingpeoplePageIndex(page){
      this.beizhiXingpeoplePageIndex = page
      this.beizhiXingpeople = this.annualReportDetails.slice((this.beizhiXingpeoplePageIndex - 1) * 5, this.beizhiXingpeoplePageIndex * 5)
@@ -7874,40 +8013,68 @@
            this.loading_go=false
          }else if(this.EventType==='深度信息-基本信息-对外投资'){
            this.tab1PopModal=true
            if(this.annualReportDetails){
              this.ECIInvestmentList =  this.annualReportDetails.slice((this.ECIInvestmentListPageIndex- 1) * 5, this.ECIInvestmentListPageIndex * 5)
            }else{
              this.ECIInvestmentList=[]
            }
            this.annualReportDetails[0].Id=params.row.Id
            this.duiwaitouzitab='tab1'
            this.nothingData=false
            this.loading_go=false
            this.loading_go=true
            this.getduiwaitouzi(this.annualReportDetails)
            // if(){
            //   this.ECIInvestmentList =  this.annualReportDetails.slice((this.ECIInvestmentListPageIndex- 1) * 5, this.ECIInvestmentListPageIndex * 5)
            // }else{
            //   this.ECIInvestmentList=[]
            // // }
            // this.nothingData=false
            // this.loading_go=false
          }else if(this.EventType==='深度信息-基本信息-分支机构'){
            if(this.annualReportDetails){
              this.ECIBranchList =  this.annualReportDetails.slice((this.ECIBranchListPageIndex- 1) * 5, this.ECIBranchListPageIndex * 5)
            }else{
              this.ECIBranchList=[]
            }
            // if(this.annualReportDetails){
            //   this.ECIBranchList =  this.annualReportDetails.slice((this.ECIBranchListPageIndex- 1) * 5, this.ECIBranchListPageIndex * 5)
            // }else{
            //   this.ECIBranchList=[]
            // }
            this.annualReportDetails[0].Id=params.row.Id
            this.fenzhijiegoutab='tab1'
            this.nothingData=false
            this.loading_go=false
            this.loading_go=true
            this.tab1PopModal=true
            this.getfenzhijiegou(this.annualReportDetails)
          }else if(this.EventType==='深度信息-基本信息-控制企业'){
            if(this.annualReportDetails){
              this.HoldingCompanyList =  this.annualReportDetails.slice((this.HoldingCompanyListPageIndex- 1) * 5, this.HoldingCompanyListPageIndex * 5)
            }else{
              this.HoldingCompanyList=[]
            }

            // if(this.annualReportDetails){
            //   this.HoldingCompanyList =  this.annualReportDetails.slice((this.HoldingCompanyListPageIndex- 1) * 5, this.HoldingCompanyListPageIndex * 5)
            // }else{
            //   this.HoldingCompanyList=[]
            // }
            this.kongzhiqiyetab="tab1"
            this.nothingData=false
            this.loading_go=false
            this.loading_go=true
            this.tab1PopModal=true
            this.annualReportDetails[0].Id=params.row.Id
            this.getkongzhiqiye(this.annualReportDetails)
          }else if(this.EventType==='深度信息-基本信息-总公司'){
            this.ECIParentInfo = this.annualReportDetails
            this.zonggongsitab="tab1"
            this.tab1PopModal=true
            this.nothingData=false
            this.loading_go=false
            this.loading_go=true
            this.annualReportDetails[0].Id=params.row.Id
            this.getkzonggongsi(this.annualReportDetails)
          }else if(this.EventType==='深度信息-企业图谱-股权结构图') {
            Area=0
            window.open(`#/offSiteCheckQYTP?name=${params.row.CompanyName}&Area=${Area}`, '_blank')
            this.tab1PopModal=false
            let data = {
              Id:params.row.Id,
              EventType:'深度信息-企业图谱-股权结构图',
              TABId:1,
            }
            axios.request({
              url: '/ComSiteSup/GetComDynamicDetail',
              data,
              method: 'post'
            }).then(res => {
              if (res.data.Check) {
                this.annualReportDetails=res.data.Data
                Area=0
                window.open(`#/offSiteCheckQYTP?name=${params.row.CompanyName}&Area=${Area}&params=${JSON.stringify(this.annualReportDetails)}`, '_blank')
                this.tab1PopModal=false
              }
            })
          }else if(this.EventType==='深度信息-基本信息-主要人员') {
            //this.EmployeeList=this.annualReportDetails
            this.zhuyaoParams=params.row.Id
@@ -7917,9 +8084,24 @@
            this.zhuyaotab='tab1'
            this.getcontrastzhuyao()
          }else if(this.EventType==='深度信息-企业图谱-股权穿透图') {
            Area=2
            window.open(`#/offSiteCheckQYTP?name=${params.row.CompanyName}&Area=${Area}`, '_blank')
            this.tab1PopModal=false
            let data = {
              Id:params.row.Id,
              EventType:'深度信息-企业图谱-股权穿透图',
              TABId:1,
            }
            axios.request({
              url: '/ComSiteSup/GetComDynamicDetail',
              data,
              method: 'post'
            }).then(res => {
              if (res.data.Check) {
                this.annualReportDetails=res.data.Data
                Area=2
                window.open(`#/offSiteCheckQYTP?name=${params.row.CompanyName}&Area=${Area}&params=${JSON.stringify(this.annualReportDetails)}`, '_blank')
                this.tab1PopModal=false
              }
            })

          }else if(this.EventType==='深度信息-经营信息-招投标'){
            this.getTenderDetail (this.annualReportDetails)
            this.tab1PopModal=true
@@ -8505,6 +8687,120 @@
    },
    listenGOs(data){
      this.loading_go=data
    },
    getfenzhijiegou(params){
      console.log(params)
      this.ECIBranchList=[]
      let data = {
        Id:params[0].Id,
        EventType:'深度信息-基本信息-控制企业',
        TABId:1,
      }
      axios.request({
        url: '/ComSiteSup/GetComDynamicDetail',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.ECIBranchList=JSON.parse(res.data.Data.Detail)
          console.log( this.ECIBranchList)
          this.nothingData=false
        } else {
          this.ECIBranchList = []
          this.nothingData=true
        }
        this.loading_go=false
      }, res => {
        this.ECIBranchList = []
        this.nothingData=true
        this.loading_go=false
      })
    },
    getkongzhiqiye(params){
      console.log(params)
      this.HoldingCompanyList=[]
      let data = {
        Id:params[0].Id,
        EventType:'深度信息-基本信息-控制企业',
        TABId:1,
      }
      axios.request({
        url: '/ComSiteSup/GetComDynamicDetail',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.HoldingCompanyList=JSON.parse(res.data.Data.Detail)
          console.log( this.HoldingCompanyList)
          this.nothingData=false
        } else {
          this.HoldingCompanyList = []
          this.nothingData=true
        }
        this.loading_go=false
      }, res => {
        this.HoldingCompanyList = []
        this.nothingData=true
        this.loading_go=false
      })
    },
    getkzonggongsi(params){
      console.log(params)
      this.ECIParentInfo=[]
      let data = {
        Id:params[0].Id,
        EventType:'深度信息-基本信息-对外投资',
        TABId:1,
      }
      axios.request({
        url: '/ComSiteSup/GetComDynamicDetail',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.ECIParentInfo =JSON.parse(res.data.Data.Detail)
          console.log( this.ECIParentInfo)
          this.nothingData=false
        } else {
          this.ECIParentInfo = []
          this.nothingData=true
        }
        this.loading_go=false
      }, res => {
        this.ECIParentInfo = []
        this.nothingData=true
        this.nothingData=true
        this.loading_go=false
      })
    },
    getduiwaitouzi(params){
      console.log(params)
      this.ECIInvestmentList=[]
      let data = {
        Id:params[0].Id,
        EventType:'深度信息-基本信息-对外投资',
        TABId:1,
      }
      axios.request({
        url: '/ComSiteSup/GetComDynamicDetail',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.ECIInvestmentList =JSON.parse(res.data.Data.Detail)
          console.log( this.ECIInvestmentList)
          this.nothingData=false
        } else {
          this.ECIInvestmentList = []
          this.nothingData=true
        }
        this.loading_go=false
      }, res => {
        this.ECIInvestmentList = []
        this.nothingData=true
        this.nothingData=true
        this.loading_go=false
      })
    },
    /**
     * 获取司法拍卖详情
@@ -11088,13 +11384,38 @@
      })
      return columns
    },
    HoldingCompanyListColumns () { // 控制企业
    ECIParentInfoColumnstab1 () { // 总公司
      let columns = []
      columns.push({
        title: '序号',
        key: 'ItemIndex',
        width: 90,
        align: 'center'
        align: 'center',
        render: (h, params) => {
          return h('span', params.index + 1)
        }
      })
      columns.push({
        title: '变更类型',
        key: 'Type',
        minWidth: 200,
        align: 'center',
      })
      columns.push({
        title: '变更内容',
        key: 'Content',
        minWidth: 200,
        align: 'center',
      })
      return columns
    },
    HoldingCompanyListColumns () { // 控制企业
      let columns = []
      columns.push({
        title: '序号',
        key: 'ItemIndex',
        width: 150,
        align: 'center',
      })
      columns.push({
        title: '控制企业名称',
@@ -11115,6 +11436,31 @@
      columns.push({
        title: '投资链',
        slot: 'Paths'
      })
      return columns
    },
    HoldingCompanyListColumnstab1 () { // 控制企业
      let columns = []
      columns.push({
        title: '序号',
        key: 'ItemIndex',
        width: 150,
        align: 'center',
        render: (h, params) => {
          return h('span', params.index + 1)
        }
      })
      columns.push({
        title: '变更类型',
        key: 'Type',
        minWidth: 200,
        align: 'center',
      })
      columns.push({
        title: '变更内容',
        key: 'Content',
        minWidth: 200,
        align: 'center',
      })
      return columns
    },
@@ -11146,6 +11492,34 @@
        render: (h, params) => {
          return h('span', params.row.Status ? params.row.Status : '--')
        }
      })
      return columns
    },
    ECIBranchListColumnstab1 () { // 分支机构
      let columns = []
      columns.push({
        title: '序号',
        key: 'ItemIndex',
        width:150,
        align: 'center',
        render: (h, params) => {
          return h(
            'span',
            params.index + 1
          )
        }
      })
      columns.push({
        title: '变更类型',
        key: 'Type',
        minWidth: 200,
        align: 'center',
      })
      columns.push({
        title: '变更内容',
        key: 'Content',
        minWidth: 200,
        align: 'center',
      })
      return columns
    },
@@ -11214,6 +11588,34 @@
        render: (h, params) => {
          return h('span', params.row.Status ? params.row.Status : '--')
        }
      })
      return columns
    },
    ECIInvestmentListColumnstab2 () { // 对外投资
      let columns = []
      columns.push({
        title: '序号',
        key: 'index',
        width: 150,
        align: 'center',
        render: (h, params) => {
          return h(
            'span',
            params.index + 1
          )
        }
      })
      columns.push({
        title: '变更类型',
        key: 'Type',
        minWidth: 200,
        align: 'center',
      })
      columns.push({
        title: '变更内容',
        key: 'Content',
        minWidth: 200,
        align: 'center',
      })
      return columns
    },
@@ -12258,4 +12660,7 @@
    border-top: 1px solid #dcdee2;
  }
}
.flowAnaClassTab1 .ivu-table th, .ivu-table td{
  height: 35px;
}
</style>

 src/view/enterpriseControl/offSiteCheckQYTP.vue

@@ -8,19 +8,68 @@
        <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
        加载中,请稍后...
      </p>
      <div class="newTitle clearfix" style="line-height: 40px;" id="jieGou">
        股权结构图
        <Button style="float: right;" @click="toFcreenfull">全屏</Button>
      <div class="clearfix" style="line-height: 40px;" id="jieGou">
        <Tabs v-model="guquanjiegoututab" type="card">
          <TabPane label="变更情况" name="tab1"></TabPane>
          <TabPane label="变更前股权结构图" name="tab2"></TabPane>
          <TabPane label="变更后股权结构图" name="tab3"></TabPane>
        </Tabs>
        <div v-show="guquanjiegoututab==='tab1'">
          <div class="clearfix">
            <Table :data="guquanjiegouList"
                   :columns="guquanjiegouColumnstab1"
                   border style="margin-top: 12px;">
            </Table>
            <Page :current="guquanjiegouPageIndex"
                  :total="guquanjiegouTotalItem"
                  :page-size="5"
                  @on-change="changeguquanjiegouPageIndex"
                  show-elevator style="float: right;margin-top: 12px;"/>
          </div>
        </div>
        <Button style="float: right;margin-top: 12px" @click="toFcreenfull">全屏</Button>
      </div>
      <div class="itemTitle">
        {{ this.name }}
      </div>
      <div id="d3FullScreen" style="position: relative;background-color: #fff;">
        <span v-if="isFullscreen" style="position: absolute;top: 0;right: 0;padding: 8px;font-size: 16px;z-index: 9;">按ESC退出全屏</span>
        <div id="textBox_1" style="background-color:white;"></div>
      <div v-if="guquanjiegoututab==='tab1'">
        <div id="d3FullScreen" style="position: relative;background-color: #fff;">
          <span v-if="isFullscreen" style="position: absolute;top: 0;right: 0;padding: 8px;font-size: 16px;z-index: 9;">按ESC退出全屏</span>
          <div id="textBox_1" style="background-color:white;"></div>
        </div>
      </div>
      <div v-if="guquanjiegoututab==='tab2'">
        <div>
          tab2
          tab2
        </div>
      </div>
      <div v-if="guquanjiegoututab==='tab3'">
        <div>
          tab3
          tab3
        </div>
      </div>
    </Card>
    <Card v-show="Area===2">
      <Tabs v-model="guquanjiegoututab" type="card">
        <TabPane label="变更情况" name="tab1"></TabPane>
        <TabPane label="变更前股权穿透图" name="tab2"></TabPane>
        <TabPane label="变更后股权穿透图" name="tab3"></TabPane>
      </Tabs>
      <div v-show="guquanjiegoututab==='tab1'">
        <div class="clearfix">
          <Table :data="guquanjiegouList"
                 :columns="guquanjiegouColumnstab1"
                 border style="margin-top: 12px;">
          </Table>
          <Page :current="guquanjiegouPageIndex"
                :total="guquanjiegouTotalItem"
                :page-size="5"
                @on-change="changeguquanjiegouPageIndex"
                show-elevator style="float: right;margin-top: 12px;"/>
        </div>
      </div>
      <GQCTT :name="searchName"></GQCTT>
    </Card>
  </div>
@@ -48,6 +97,7 @@
  name: "offSiteCheckQYTP",
  data(){
    return{
      guquanjiegoututab:'tab1',
      searchName:'',
      name:'',
      loading: false, // loading
@@ -69,12 +119,22 @@
      ratio: 1, // 浏览器缩放比例
      isFullscreen: false,// 是否全屏
      Area:0,
      guquanjiegouList:[],
      guquanjiegouPageIndex:1,
      guquanjiegouTotalItem:0,
      annualReportDetails:[]
    }
  },
  mounted(){
    this.searchName = this.$route.query.name
    this.name= this.$route.query.name
    this.Area=parseInt(this.$route.query.Area)
   // console.log(this.$route.query.annualReportDetails.Children)
    console.log(JSON.parse(this.$route.query.params))
    let a=JSON.parse(this.$route.query.params)
    let b=JSON.parse(a.Detail)
   this.guquanjiegouTotalItem=b.length
   this.guquanjiegouList=b
    if (this.name) {
      this.tree.Name = this.name
      this.GetEquityThrough()
@@ -96,6 +156,10 @@
    })
  },
  methods: {
    changeguquanjiegouPageIndex(page){
      this.guquanjiegouPageIndex = page
      this.guquanjiegouList= this.annualReportDetails.slice((this.guquanjiegouPageIndex - 1) * 5, this.guquanjiegouPageIndex * 5)
    },
    /**
     * 跳转至详情页面
     * d : 当前点击的公司信息
@@ -600,6 +664,33 @@
        this.GetEquityThrough()
      }
    }
  },
  computed:{
    guquanjiegouColumnstab1 () { // 控制企业
      let columns = []
      columns.push({
        title: '序号',
        key: 'ItemIndex',
        width: 150,
        align: 'center',
        render: (h, params) => {
          return h('span', params.index + 1)
        }
      })
      columns.push({
        title: '变更类型',
        key: 'Type',
        minWidth: 200,
        align: 'center',
      })
      columns.push({
        title: '变更内容',
        key: 'Content',
        minWidth: 200,
        align: 'center',
      })
      return columns
    },
  }
}
</script>

 src/view/login/login.vue

@@ -5,6 +5,7 @@
<template>
  <div id="login" class="login" style="position: relative;">
    <Card class="login-con">
      <Spin v-if="loading_go" fix></Spin>
      <div style="position:relative;background-color: rgba(0,0,0,0);">
        <img src="../../assets/images/login_logo.png"
             style="width: 255px;height: 30px;margin-left: 35px;margin-top: 18px;">
@@ -90,6 +91,7 @@
  },
  data () {
    return {
      loading_go:false,
      loading: false,
      tipsModal: false,// 提示为IE浏览器
      accountLogin:true,
@@ -110,7 +112,31 @@
  watch:{
      $route(data){
        console.log(this.$route.query.code,'asdsadsadsa')
      }
        let href=window.location.href
        let code=""
        let fronturl
        let behindurl
        if(href.indexOf('code')>=0){
          this.loading_go=true
          code=href.split('?').pop().split('=')[1].split('&')[0]
          console.log(this.code)
          localStorage.setItem('code',code)
          this.code=code
          this.haveCode()
          // window.location.href='https://www.weycredit.com/Pages/index.html/#/login'
          // return false
        }
        // else{
        //   if(localStorage.getItem('code')){
        //     this.codehave=localStorage.getItem('code')
        //     this.code=localStorage.getItem('code')
        //     localStorage.removeItem('code')
        //     this.loading_go=true
        //     this.haveCode()
        //   }
       // }
      },

  },
  mounted () {
    this.code=""
@@ -125,22 +151,26 @@
    let code=""
    let fronturl
    let behindurl
    console.log(window.location.href)
    if(href.indexOf('code')>=0){
      code=href.split('?').pop().split('=')[1].split('&')[0]
      console.log(this.code)
      localStorage.setItem('code',code)
      window.location.href='https://www.weycredit.com/Pages/index.html#/login'
      return false
    }else{
      if(localStorage.getItem('code')){
        this.codehave=localStorage.getItem('code')
        this.code=localStorage.getItem('code')
        localStorage.removeItem('code')
        this.haveCode()
      }
    }
    // this.geterweima()
    // window.addEventListener('history',function (){
    //   if(href.indexOf('code')>=0){
    //     this.loading_go=true
    //     code=href.split('?').pop().split('=')[1].split('&')[0]
    //     console.log(this.code)
    //     localStorage.setItem('code',code)
    //     // window.location.href='https://www.weycredit.com/Pages/index.html/#/login'
    //     window.location.reload();
    //     // return false
    //   }else{
    //     if(localStorage.getItem('code')){
    //       this.codehave=localStorage.getItem('code')
    //       this.code=localStorage.getItem('code')
    //       localStorage.removeItem('code')
    //       this.loading_go=true
    //       this.haveCode()
    //     }
    //   }
    // })
     this.geterweima()
    // else if (userAgent.indexOf('Firefox') != -1) {
    //   alert('您使用的的Firefox浏览器')
    // } else if (userAgent.indexOf('OPR') != -1) {
@@ -183,9 +213,11 @@
            let p=res.data.Data.split(":").pop().split("|")
            this.openid=p[0]
            this.unionid=p[1]
            this.loading_go=false
          }else{
            state=res.data.Data
            console.log(state)
            this.loading_go=false
            return new Promise((resolve, reject) => {
              try {
               this.requestuser(state).then(res => {
@@ -237,7 +269,6 @@
                      this.$router.push({
                        name: 'newsFlashEx_tool'
                      })
                      console.log(this.$router,'sss')
                    }
                    resolve(data)
                  } else {
@@ -265,11 +296,11 @@
      let ID="login_container"
      let APPID="wx3a6c408d13d014a0"
      let SCOPE="snsapi_login"
      let REDIRECT="https://www.weycredit.com/Pages/newsFlashEx_tool"
      let REDIRECT="https%3A%2F%2Fwww.weycredit.com%2FPages%2Findex.html%23%2Flogin"
      let STYLE="white"
      let HREF="https://www.weycredit.com/Pages/wechatQR.css"
      let obj = new WxLogin({
        self_redirect:true,
        self_redirect:false,
        id:ID,
        appid: APPID,
        scope: SCOPE,
@@ -302,9 +333,9 @@
      this.wechatQR=false
    },
    wechatLoginfun(){
      // this.accountLogin=false
      // this.wechatQR=true
      window.location.href="https://open.weixin.qq.com/connect/qrconnect?appid=wx3a6c408d13d014a0&redirect_uri=https%3A%2F%2Fwww.weycredit.com%2FPages%2Findex.html&response_type=code&scope=snsapi_login&state=c1f906995e0745ad8a869fadfc96c827#wechat_redirect"
      this.accountLogin=false
      this.wechatQR=true
     // window.location.href="https://open.weixin.qq.com/connect/qrconnect?appid=wx3a6c408d13d014a0&redirect_uri=https%3A%2F%2Fwww.weycredit.com%2FPages%2Findex.html&response_type=code&scope=snsapi_login&state=c1f906995e0745ad8a869fadfc96c827#wechat_redirect"
    },
    ...mapActions([
      'handleLogin',