*

dsk-operate-ui/package.json

@@ -48,6 +48,7 @@
     "highlight.js": "9.18.5",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
+    "js-md5": "^0.7.3",
     "jsencrypt": "3.0.0-rc.1",
     "nprogress": "0.2.0",
     "quill": "1.3.7",

dsk-operate-ui/src/router/index.js

@@ -106,6 +106,12 @@ export const constantRoutes = [
         component: () => import('@/views/detail/party-b/index'),
         name: 'PartyB',
         meta: { title: '已方详情' }
+      },
+      {
+        path: 'structure',
+        component: () => import('@/views/detail/structure/index'),
+        name: 'Structure',
+        meta: { title: '企业链图' }
       }
     ]
   },

dsk-operate-ui/src/views/detail/party-a/component/Sidebar.vue

 <template>
-  <div id="detailPart" class="detail-container" :style="sideHeight?'height:'+sideHeight+'px':''">
+  <div id="detailPart" class="sides-container" :style="sideHeight?'height:'+sideHeight+'px':''">
     <el-input
       placeholder="搜索"
       class="side-input"
@@ -134,7 +134,7 @@ export default {
 
 <style lang="scss" scoped>
   #app{
-    .detail-container{
+    .sides-container{
       width: 144px;
       min-height: calc(100vh - 170px);
       padding-bottom: 20px;

dsk-operate-ui/src/views/detail/party-a/index.vue

@@ -8,11 +8,11 @@
       <div class="part-right">
         <div id="partBox" v-if="companyId">
           <Overview v-if="currentPath.pathName=='overview'" />
-          <Businfo v-if="currentPath.pathName=='businfo'" />
-          <Holderinfo v-if="currentPath.pathName=='holderinfo'" />
-          <Execuinfo v-if="currentPath.pathName=='execuinfo'" />
-          <Overseas v-if="currentPath.pathName=='overseas'" />
-          <Branch v-if="currentPath.pathName=='branch'" />
+          <Businfo v-if="currentPath.pathName=='businfo'" :company-id="companyId" />
+          <Holderinfo v-if="currentPath.pathName=='holderinfo'" :company-id="companyId" />
+          <Execuinfo v-if="currentPath.pathName=='execuinfo'" :company-id="companyId" />
+          <Overseas v-if="currentPath.pathName=='overseas'" :company-id="companyId" />
+          <Branch v-if="currentPath.pathName=='branch'" :company-id="companyId" />
           <Financial v-if="currentPath.pathName=='financial'" :company-id="companyId" />
           <Business v-if="currentPath.pathName=='business'" />
           <!-- 投诚分析 -->

dsk-operate-ui/src/views/detail/party-a/overview/branch.vue

 <template>
-  <div class="app-container part-container">
-    企业速览
+  <div class="app-container detail-container">
+    <head-form
+      title="分支机构"
+      :form-data="formData"
+      :query-params="queryParams"
+      :total="tableDataTotal"
+      :isExcel="true"
+      @handle-search="handleSearch"
+    />
+
+    <tables
+      :tableLoading="tableLoading"
+      :tableData="tableData"
+      :forData="forData"
+      :tableDataTotal="tableDataTotal"
+      :queryParams="queryParams"
+      @handle-current-change="handleCurrentChange"
+    >
+      <template slot="inReason" slot-scope="scope">
+        <div>{{scope.row.inReason}}</div>
+        <div class="tags" v-if="scope.row.tag">
+          <span class="tag style1">{{scope.row.tag}}</span>
+          <span class="tag style1">{{scope.row.tag}}</span>
+        </div>
+      </template>
+    </tables>
   </div>
 </template>
 
 <script>
+import mixin from '../mixins/mixin'
 export default {
-  name: 'Overview',
+  name: 'Branch',
+  mixins: [mixin],
   data() {
     return {
+      queryParams: {
+        cid: 6034,
+        pageNum: 1,
+        pageSize: 10
+      },
+      forData: [
+        {label: '被投资企业名称', prop: 'inReason', slot: true},
+        {label: '负责人', prop: 'inDate'},
+        {label: '成立日期', prop: 'department'}
+      ],
+      formData: [
+        { type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告',
+          options: [
+            { name: '招标公告类别1', value: '1' },
+            { name: '招标公告类别2', value: '2' },
+            { name: '招标公告类别3', value: '3' },
+            { name: '招标公告类别4', value: '4' }
+          ]
+        }
+      ],
+      //列表
+      tableLoading:false,
+      tableData:[],
+      pageIndex:1,
+      pageSize:10,
+      tableDataTotal:0,
     }
   },
   created() {
+    this.dataRegion()
   },
   methods: {
+    async dataRegion() {
+      this.tableData = [
+        {id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
+        {id:2, inReason:'达萨法达萨法', inDate:'111'},
+        {id:3, inReason:'达萨法达萨法', inDate:'222'},
+        {id:4, inReason:'达萨法达萨法', inDate:'333'}
+      ] //测试
+    },
+    handleQuery(params) {
+      console.log(params)
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .part-container{
+  .detail-container{
     margin: 0;
-    padding: 0;
+    padding: 16px;
+    background: #FFFFFF;
+    .tags{
+      .tag{
+        display: inline-block;
+        border-radius: 2px;
+        padding: 1px 7px;
+        margin: 4px 8px 0 0;
+        &.style1{
+          background: #E4F3FD;
+          color: #41A1FD;
+        }
+      }
+    }
   }
 </style>

dsk-operate-ui/src/views/detail/party-a/overview/businfo.vue

 <template>
-  <div class="app-container part-container">
-    企业速览
+  <div class="app-container detail-container">
+    <el-tabs v-model="activeName" @tab-click="handleClick" class="detail-tab">
+      <el-tab-pane label="工商信息" name="first"></el-tab-pane>
+      <el-tab-pane label="工商变更" name="second"></el-tab-pane>
+    </el-tabs>
+
+    <div v-if="activeName=='first'">
+      111
+    </div>
+    <tables
+      :tableLoading="tableLoading"
+      :tableData="tableData"
+      :forData="forData"
+      :tableDataTotal="tableDataTotal"
+      :queryParams="queryParams"
+      @handle-current-change="handleCurrentChange"
+      v-if="activeName=='second'"
+    />
   </div>
 </template>
 
 <script>
+import mixin from '../mixins/mixin'
 export default {
-  name: 'Overview',
+  name: 'Businfo',
+  mixins: [mixin],
   data() {
     return {
+      activeName: 'first',
+      queryParams: {
+        cid: 6034,
+        pageNum: 1,
+        pageSize: 10
+      },
+      forData: [
+        {label: '变更日期', prop: 'inReason', slot: true},
+        {label: '变更事项', prop: 'inDate'},
+        {label: '变更前', prop: 'department'},
+        {label: '变更后', prop: 'department'}
+      ],
+      formData: [],
+      //列表
+      tableLoading:false,
+      tableData:[],
+      pageIndex:1,
+      pageSize:10,
+      tableDataTotal:0,
     }
   },
   created() {
+    this.dataRegion()
   },
   methods: {
+    handleClick(){
+      this.dataRegion()
+    },
+    async dataRegion() {
+      this.tableData = [
+        {id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
+        {id:2, inReason:'达萨法达萨法', inDate:'111'},
+        {id:3, inReason:'达萨法达萨法', inDate:'222'},
+        {id:4, inReason:'达萨法达萨法', inDate:'333'}
+      ] //测试
+    },
+    handleQuery(params) {
+      console.log(params)
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .part-container{
+.detail-container{
   margin: 0;
-    padding: 0;
+  padding: 16px;
+  background: #FFFFFF;
+  .detail-tab{
+    margin: 0 0 0 -16px;
+    ::v-deep .el-tabs__nav-wrap::after{
+      display: none;
+    }
+    ::v-deep .el-tabs__item{
+      font-size: 16px;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 16px;
+      &.is-active{
+        font-weight: bold;
+      }
     }
+  }
+}
 </style>

dsk-operate-ui/src/views/detail/party-a/overview/component/infoheader.vue

@@ -491,11 +491,7 @@ export default {
       this.showState = !this.showState
     },
     jumpToLt(item){
-      let { href } = this.$router.resolve({
-        path: '/enterprise/'+encodeStr(this.companyInfo.companyId)+'/lt',
-        query: { key:item.id }
-      })
-      window.open(href, "_blank")
+      this.$router.push({ path: '/party/structure', query: {eid:this.companyInfo.eid, typeId:item.id} })
     },
     //swiper项点击
     handleGraph(item,it){

dsk-operate-ui/src/views/detail/party-a/overview/execuinfo.vue

 <template>
-  <div class="app-container part-container">
-    企业速览
+  <div class="app-container detail-container">
+    <head-form
+      title="高管信息"
+      :form-data="formData"
+      :query-params="queryParams"
+      :total="tableDataTotal"
+      @handle-search="handleSearch"
+    />
+
+    <tables
+      :tableLoading="tableLoading"
+      :tableData="tableData"
+      :forData="forData"
+      :tableDataTotal="tableDataTotal"
+      :queryParams="queryParams"
+      @handle-current-change="handleCurrentChange"
+    />
   </div>
 </template>
 
 <script>
+import mixin from '../mixins/mixin'
 export default {
-  name: 'Overview',
+  name: 'Execuinfo',
+  mixins: [mixin],
   data() {
     return {
+      queryParams: {
+        cid: 6034,
+        pageNum: 1,
+        pageSize: 10
+      },
+      forData: [
+        {label: '姓名', prop: 'inDate'},
+        {label: '职位', prop: 'department'}
+      ],
+      formData: [],
+      //列表
+      tableLoading:false,
+      tableData:[],
+      pageIndex:1,
+      pageSize:10,
+      tableDataTotal:0,
     }
   },
   created() {
+    this.dataRegion()
   },
   methods: {
+    async dataRegion() {
+      this.tableData = [
+        {id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
+        {id:2, inReason:'达萨法达萨法', inDate:'111'},
+        {id:3, inReason:'达萨法达萨法', inDate:'222'},
+        {id:4, inReason:'达萨法达萨法', inDate:'333'}
+      ] //测试
+    },
+    handleQuery(params) {
+      console.log(params)
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .part-container{
+.detail-container{
   margin: 0;
-    padding: 0;
-  }
+  padding: 16px;
+  background: #FFFFFF;
+}
 </style>

dsk-operate-ui/src/views/detail/party-a/overview/holderinfo.vue

 <template>
-  <div class="app-container part-container">
-    企业速览
+  <div class="app-container detail-container">
+    <head-form
+      title=""
+      :form-data="formData"
+      :query-params="queryParams"
+      :total="tableDataTotal"
+      @handle-search="handleSearch"
+    />
+    <el-tabs v-model="activeName" @tab-click="handleClick" class="detail-tab">
+      <el-tab-pane label="股东信息" name="first"></el-tab-pane>
+      <el-tab-pane label="历史股东" name="second"></el-tab-pane>
+    </el-tabs>
+
+    <tables
+      :tableLoading="tableLoading"
+      :tableData="tableData"
+      :forData="forData"
+      :tableDataTotal="tableDataTotal"
+      :queryParams="queryParams"
+      @handle-current-change="handleCurrentChange"
+    >
+      <template slot="inReason" slot-scope="scope">
+        <div>{{scope.row.inReason}}</div>
+        <div class="tags" v-if="scope.row.tag">
+          <span class="tag style1">{{scope.row.tag}}</span>
+          <span class="tag style1">{{scope.row.tag}}</span>
+        </div>
+      </template>
+    </tables>
   </div>
 </template>
 
 <script>
+import mixin from '../mixins/mixin'
 export default {
-  name: 'Overview',
+  name: 'Holderinfo',
+  mixins: [mixin],
   data() {
     return {
+      activeName: 'first',
+      queryParams: {
+        cid: 6034,
+        pageNum: 1,
+        pageSize: 10
+      },
+      forData: [
+        {label: '发起人/股东', prop: 'inReason', slot: true},
+        {label: '持股比例', prop: 'inDate'},
+        {label: '认缴出资（万）', prop: 'department'},
+        {label: '实缴出资额', prop: 'department'},
+        {label: '认缴出资额', prop: 'department'},
+        {label: '参股日期', prop: 'department'}
+      ],
+      formData: [],
+      //列表
+      tableLoading:false,
+      tableData:[],
+      pageIndex:1,
+      pageSize:10,
+      tableDataTotal:0,
     }
   },
   created() {
+    this.dataRegion()
   },
   methods: {
+    handleClick(){
+      this.dataRegion()
+    },
+    async dataRegion() {
+      this.tableData = [
+        {id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
+        {id:2, inReason:'达萨法达萨法', inDate:'111'},
+        {id:3, inReason:'达萨法达萨法', inDate:'222'},
+        {id:4, inReason:'达萨法达萨法', inDate:'333'}
+      ] //测试
+    },
+    handleQuery(params) {
+      console.log(params)
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .part-container{
+.detail-container{
   margin: 0;
-    padding: 0;
+  padding: 16px;
+  background: #FFFFFF;
+  .detail-tab{
+    margin: -34px 0 0 -16px;
+    ::v-deep .el-tabs__nav-wrap::after{
+      display: none;
+    }
+    ::v-deep .el-tabs__item{
+      font-size: 16px;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 16px;
+      &.is-active{
+        font-weight: bold;
       }
+    }
+  }
+  .tags{
+    .tag{
+      display: inline-block;
+      border-radius: 2px;
+      padding: 1px 7px;
+      margin: 4px 8px 0 0;
+      &.style1{
+        background: #E4F3FD;
+        color: #41A1FD;
+      }
+    }
+  }
+}
 </style>

dsk-operate-ui/src/views/detail/party-a/overview/overseas.vue

 <template>
-  <div class="app-container part-container">
-    企业速览
+  <div class="app-container detail-container">
+    <head-form
+      title="对外投资"
+      :form-data="formData"
+      :query-params="queryParams"
+      :total="tableDataTotal"
+      :isExcel="true"
+      @handle-search="handleSearch"
+    />
+
+    <tables
+      :tableLoading="tableLoading"
+      :tableData="tableData"
+      :forData="forData"
+      :tableDataTotal="tableDataTotal"
+      :queryParams="queryParams"
+      @handle-current-change="handleCurrentChange"
+    >
+      <template slot="inReason" slot-scope="scope">
+        <div>{{scope.row.inReason}}</div>
+        <div class="tags" v-if="scope.row.tag">
+          <span class="tag style1">{{scope.row.tag}}</span>
+          <span class="tag style1">{{scope.row.tag}}</span>
+        </div>
+      </template>
+    </tables>
   </div>
 </template>
 
 <script>
+import mixin from '../mixins/mixin'
 export default {
-  name: 'Overview',
+  name: 'Overseas',
+  mixins: [mixin],
   data() {
     return {
+      queryParams: {
+        cid: 6034,
+        pageNum: 1,
+        pageSize: 10
+      },
+      forData: [
+        {label: '被投资企业名称', prop: 'inReason', slot: true},
+        {label: '法定代表人', prop: 'inDate'},
+        {label: '注册资本（万元）', prop: 'department'},
+        {label: '成立日期', prop: 'department'},
+        {label: '股权占比', prop: 'department'},
+        {label: '认缴出资额（万元）', prop: 'department'}
+      ],
+      formData: [
+        { type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告',
+          options: [
+            { name: '招标公告类别1', value: '1' },
+            { name: '招标公告类别2', value: '2' },
+            { name: '招标公告类别3', value: '3' },
+            { name: '招标公告类别4', value: '4' }
+          ]
+        },
+        { type: 1, fieldName: 'gqzb', value: '', placeholder: '股权占比',
+          options: [
+            { name: '股权占比类别1', value: '1' },
+            { name: '股权占比类别2', value: '2' },
+            { name: '股权占比类别3', value: '3' },
+            { name: '股权占比类别4', value: '4' }
+          ]
+        }
+      ],
+      //列表
+      tableLoading:false,
+      tableData:[],
+      pageIndex:1,
+      pageSize:10,
+      tableDataTotal:0,
     }
   },
   created() {
+    this.dataRegion()
   },
   methods: {
+    async dataRegion() {
+      this.tableData = [
+        {id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
+        {id:2, inReason:'达萨法达萨法', inDate:'111'},
+        {id:3, inReason:'达萨法达萨法', inDate:'222'},
+        {id:4, inReason:'达萨法达萨法', inDate:'333'}
+      ] //测试
+    },
+    handleQuery(params) {
+      console.log(params)
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .part-container{
+.detail-container{
   margin: 0;
-    padding: 0;
+  padding: 16px;
+  background: #FFFFFF;
+  .tags{
+    .tag{
+      display: inline-block;
+      border-radius: 2px;
+      padding: 1px 7px;
+      margin: 4px 8px 0 0;
+      &.style1{
+        background: #E4F3FD;
+        color: #41A1FD;
+      }
     }
+  }
+}
 </style>

dsk-operate-ui/src/views/detail/party-b/index.vue

@@ -15,13 +15,13 @@ export default {
       loading: false, // 是否加载中
       iframeHight: window.innerHeight, // iframe高度
       scrollTop: 0, // 滚动条距离内部页面顶部距离
-      token: this.$store.getters.token // 需要携带的token
+      secretid: '' // 需要携带的sdkId
     }
   },
   created() {
     if (this.$route.query.companyId) { // 获取companyId
       this.loading = true
-      this.src = `https://pre-plug.jiansheku.com/enterprise/${this.$route.query.companyId}?token=${this.token}`
+      this.src = `https://pre-plug.jiansheku.com/enterprise/${this.$route.query.companyId}?secretid=${this.secretid}`
     }
   },
   mounted() {

dsk-operate-ui/src/views/detail/structure/index.vue

+<template>
+  <div class="app-container">
+    <iframe :src="strucUrl" scrolling="no" frameborder="0" :style="{ width: '100%', height: strucHeight + 'px' }" v-if="strucUrl"></iframe>
+  </div>
+</template>
+
+<script>
+import { getToken } from '@/utils/auth'
+import md5 from 'js-md5'
+export default {
+  name: 'Structure',
+  data() {
+    return {
+      BASE_LT: 'https://b-plugin.qixin.com/third-login?tenant=dsk&returnUrl=/standalone-charts',
+      eid: '',
+      strucHeight: 0,
+      strucUrl: '',
+      token: getToken()
+    }
+  },
+  created() {
+    if(this.$route.query.eid){
+      if(this.$route.query.typeId==5){
+        this.strucUrl = this.BASE_LT+'/structure?eid='+this.$route.query.eid+'&name='+this.token+'&pas='+md5(this.token)
+      }else if(this.$route.query.typeId==6){
+        this.strucUrl = this.BASE_LT+'/relationship?eid='+this.$route.query.eid+'&name='+this.token+'&pas='+md5(this.token)
+      }
+    }
+  },
+  mounted(){
+    this.getIframeHeight()
+  },
+  methods: {
+    //iframe高度
+    getIframeHeight(){
+      this.strucHeight = document.body.clientHeight
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>