fix bug

dsk-operate-ui/.env.development

@@ -9,3 +9,8 @@ VUE_APP_BASE_API = '/prod-api'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
+
+
+# 子系统地址
+VUE_APP_SUB_SYSTEM_ADDRESS = "https://pre-plug.jiansheku.com"
+# VUE_APP_SUB_SYSTEM_ADDRESS = "http://192.168.60.104:3400"
\ No newline at end of file

dsk-operate-ui/.env.production

@@ -6,3 +6,6 @@ ENV = 'production'
 
 # 数字化经营履约全生命链路管理系统/生产环境
 VUE_APP_BASE_API = 'https://szhapi.jiansheku.com/'
+
+# 子系统地址
+VUE_APP_SUB_SYSTEM_ADDRESS = "https://plug.jiansheku.com"

dsk-operate-ui/.env.test

@@ -9,4 +9,7 @@ ENV = 'test'
 
 
 # 数字化经营履约全生命链路管理系统/测试环境
-VUE_APP_BASE_API = '/prod-api'
+VUE_APP_BASE_API = '/prod-api'
\ No newline at end of file
+
+# 子系统地址
+VUE_APP_SUB_SYSTEM_ADDRESS = "https://pre-plug.jiansheku.com"
\ No newline at end of file

dsk-operate-ui/babel.config.js

 module.exports = {
   presets: [
     // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
-    '@vue/cli-plugin-babel/preset'
+    '@vue/cli-plugin-babel/preset',
+    ['@vue/babel-preset-jsx', { 'injectH': false }]
   ],
   'env': {
     'development': {
@@ -10,4 +11,4 @@ module.exports = {
       'plugins': ['dynamic-import-node']
     }
   }
-}
+};
\ No newline at end of file

dsk-operate-ui/package.json

@@ -70,6 +70,8 @@
     "vuex": "3.6.0"
   },
   "devDependencies": {
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "@vue/babel-preset-jsx": "^1.4.0",
     "@vue/cli-plugin-babel": "4.4.6",
     "@vue/cli-plugin-eslint": "4.4.6",
     "@vue/cli-service": "4.4.6",
@@ -87,6 +89,7 @@
     "sass-loader": "10.1.1",
     "script-ext-html-webpack-plugin": "2.1.5",
     "svg-sprite-loader": "5.1.1",
+    "vue-styled-components": "^1.6.0",
     "vue-template-compiler": "2.6.12"
   },
   "engines": {

dsk-operate-ui/src/components/JsComponents/MaxPageSizeTip.js

+/*
+ * @Author: thy
+ * @Date: 2023-10-31 09:33:14
+ * @LastEditors: thy
+ * @LastEditTime: 2023-11-02 17:17:32
+ * @Description: file content
+ * @FilePath: \dsk-operate-ui\src\components\JsComponents\MaxPageSizeTip.js
+ */
+
+import styled from "vue-styled-components";
+import Vue from "vue";
+import { v4 } from "uuid";
+import maxTipTitleIcon from "@/assets/images/market/max-tip-title-icon.svg";
+import closeMaxTipIcon from "@/assets/images/market/close-max-tip-icon.svg";
+
+const maxPageSizeTipContainer = styled.div`
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 1200;
+`;
+
+
+const maxPageTipContainer = styled.div`
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 340px;
+    height: 112px;
+    background: #ffffff;
+    border: 1px solid #e5e6eb;
+    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    padding: 20px;
+    box-sizing: border-box;
+
+    .top-title-container {
+      display: flex;
+      align-items: center;
+
+      .max-tip-icon {
+        width: 24px;
+        height: 24px;
+      }
+
+      .tip-title {
+        color: #1d2129;
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: 400;
+        margin-left: 16px;
+        margin-right: 16px;
+        width: 228px;
+      }
+
+      .max-tip-close-icon {
+        width: 16px;
+        height: 16px;
+        align-self: flex-start;
+        cursor: pointer;
+      }
+    }
+
+    .max-page-tip-content {
+      margin-top: 4px;
+      padding-left: 40px;
+      padding-right: 32px;
+      box-sizing: border-box;
+
+      .max-page-content-inner {
+        color: #1d2129;
+        font-size: 14px;
+        line-height: 22px;
+      }
+    }
+`;
+
+
+const MaxPageSizeTip = {
+  name: "maxPageSizeTip",
+  render(createElement) {
+    return (
+      <transition name="fade" mode="out-in" appear>
+        <maxPageSizeTipContainer vOn:click_stop={this.closeMaxTip.bind()} class="max-page-size-tip">
+          <maxPageTipContainer vOn:click_stop={""}>
+            <div class="max-page-tip-inner">
+              <div class="top-title-container">
+                <img src={maxTipTitleIcon} alt="" class="max-tip-icon"></img>
+                <span class="tip-title">数据查询已达到上限</span>
+                <img src={closeMaxTipIcon} alt="" class="max-tip-close-icon" vOn:click_stop={this.closeMaxTip.bind()}></img>
+              </div>
+              <div class="max-page-tip-content">
+                <div class="max-page-content-inner">
+                  {this.msg}
+                </div>
+              </div>
+            </div>
+          </maxPageTipContainer>
+        </maxPageSizeTipContainer>
+      </transition>
+    );
+  },
+};
+
+/**
+ * 
+ * @param {string} msg 展示的信息
+ * @param {Function} closeHandle 关闭弹窗的回调
+ * @returns 
+ */
+function showMaxPageSizeTip(msg = "") {
+  return new Promise((resolve, reject) => {
+    try {
+      // 生成构造函数
+      const maxMsgBox = Vue.extend(MaxPageSizeTip);
+      // 实例化
+      const instance = new maxMsgBox({
+        data() {
+          return {
+            msg
+          };
+        },
+        methods: {
+          // 关闭弹窗
+          closeMaxTip() {
+            resolve({
+              uid: v4(),
+              done: this.doneHandle
+            });
+          },
+          // 关闭回调
+          doneHandle() {
+            // 卸载组件
+            instance.$destroy();
+            instance.$el.remove();
+          }
+        },
+      });
+      // 初始化组件
+      instance.$mount();
+      // 添加到body中
+      document.body.appendChild(instance.$el);
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+export default showMaxPageSizeTip;
+

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

-import tab from './tab'
-import auth from './auth'
-import cache from './cache'
-import modal from './modal'
-import download from './download'
+import tab from './tab';
+import auth from './auth';
+import cache from './cache';
+import modal from './modal';
+import download from './download';
+import msgBox from "@/components/JsComponents/MaxPageSizeTip.js";
 
 export default {
   install(Vue) {
     // 页签操作
-    Vue.prototype.$tab = tab
+    Vue.prototype.$tab = tab;
     // 认证对象
-    Vue.prototype.$auth = auth
+    Vue.prototype.$auth = auth;
     // 缓存对象
-    Vue.prototype.$cache = cache
+    Vue.prototype.$cache = cache;
     // 模态框对象
-    Vue.prototype.$modal = modal
+    Vue.prototype.$modal = modal;
     // 下载文件
-    Vue.prototype.$download = download
+    Vue.prototype.$download = download;
+    // 页码超出限制提示
+    Vue.prototype.$maxTip = msgBox;
   }
-}
+};

dsk-operate-ui/src/utils/postMessageBridge/bridge/index.js

@@ -2,12 +2,44 @@
  * @Author: thy
  * @Date: 2023-10-26 14:56:41
  * @LastEditors: thy
- * @LastEditTime: 2023-10-30 14:26:31
+ * @LastEditTime: 2023-10-31 09:28:26
  * @Description: file content
  * @FilePath: \dsk-operate-ui\src\utils\postMessageBridge\bridge\index.js
  */
+
+
 class PostMessageBridge {
-  constructor() {
+  // 当前系统
+  _currenySystem = null;
+  // 目标系统
+  _targetSystem = null;
+  // 目标域
+  _targetOriginUrl = null;
+  // 事件调度中心
+  _eventHandlers = new Map();
+  /**
+   * 
+   * @param {{
+   * currenySystem : Window || undefined;
+   * targetSystem : Window || undefined;
+   * targetOriginUrl : string || undefined;
+   * }} options 
+   */
+  constructor(options) {
+    this._currenySystem = options.currenySystem;
+    this._targetSystem = options.targetSystem;
+    this._targetOriginUrl = options.targetOriginUrl || "*";
+  }
+
+  /**
+   * 订阅消息
+   * @param {{
+   * id : string;
+   * method : string;
+   * params : object;
+   * }} messageEvent 
+   */
+  receiveMessage(messageEvent) {
     
   }
 }
\ No newline at end of file

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

@@ -10,7 +10,8 @@
               <div class="operations-title">{{item.bratingSubjectLevel}}-<span>{{item.ratingDate}}</span></div>
               <div class="flex-box operations-info">
                 <div>{{item.bondType || '--'}}</div>
-                <span class="text-cl1" :title="item.creditRatingAgency"><img src="@/assets/images/detail/overview/oper_source.png">{{item.creditRatingAgency || '--'}}</span>
+                <span class="text-cl1" :title="item.creditRatingAgency"><img
+                    src="@/assets/images/detail/overview/oper_source.png">{{item.creditRatingAgency || '--'}}</span>
               </div>
             </div>
           </li>
@@ -32,38 +33,39 @@
 </template>
 
 <script>
-import {bondCreditRating} from '@/api/detail/party-a/overview'
-var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js')
-import skeleton from '@/views/project/projectList/component/skeleton'
-import "@/assets/lib/swiper/swiper-bundle.css"
-import NoData from '../../component/noData'
+import { bondCreditRating } from '@/api/detail/party-a/overview';
+var Swiper = require('@/assets/lib/swiper/swiper-bundle.min.js');
+import skeleton from '@/views/project/projectList/component/skeleton';
+import "@/assets/lib/swiper/swiper-bundle.css";
+import NoData from '../../component/noData';
 export default {
   name: 'Overview',
   props: ['companyId', 'financial'],
   components: {
-    NoData,skeleton
+    NoData, skeleton
   },
   data() {
     return {
       operList: [],
-      isSkeleton:true,
+      isSkeleton: true,
       gsjyList: [
-        { name: '总资产', ico: require('@/assets/images/detail/overview/gsjy_ico1.png'), amount: ''},
-        { name: '净资产', ico: require('@/assets/images/detail/overview/gsjy_ico2.png'), amount: ''},
-        { name: '授信余额', ico: require('@/assets/images/detail/overview/gsjy_ico3.png'), amount: ''},
-        { name: '营业收入', ico: require('@/assets/images/detail/overview/gsjy_ico4.png'), amount: ''},
-        { name: '总负债', ico: require('@/assets/images/detail/overview/gsjy_ico5.png'), amount: ''}
+        { name: '总资产', ico: require('@/assets/images/detail/overview/gsjy_ico1.png'), amount: '' },
+        { name: '净资产', ico: require('@/assets/images/detail/overview/gsjy_ico2.png'), amount: '' },
+        { name: '授信余额', ico: require('@/assets/images/detail/overview/gsjy_ico3.png'), amount: '' },
+        { name: '营业收入', ico: require('@/assets/images/detail/overview/gsjy_ico4.png'), amount: '' },
+        { name: '总负债', ico: require('@/assets/images/detail/overview/gsjy_ico5.png'), amount: '' }
       ],
-    }
+      childFinancial: {}
+    };
   },
   created() {
-    this.handleQuery()
+    this.handleQuery();
   },
   mounted() {
-    this.companySwiper()
+    this.companySwiper();
   },
   methods: {
-    companySwiper(){
+    companySwiper() {
       new Swiper('.swiper-oper', {
         slidesPerView: 6,
         // 设置点击箭头
@@ -71,136 +73,139 @@ export default {
           nextEl: '.swiper-oper-next',
           prevEl: '.swiper-oper-prev',
         }
-      })
+      });
     },
     async handleQuery() {
       this.isSkeleton = true;
-      let res = await bondCreditRating({cid: this.companyId})
-      if(res.code==200){
+      let res = await bondCreditRating({ cid: this.companyId });
+      if (res.code == 200) {
         this.isSkeleton = false;
-        this.operList = res.data || []
+        this.operList = res.data || [];
         this.$nextTick(() => {
-          this.companySwiper()
-        })
+          this.companySwiper();
+        });
       }
     },
-    handleFinancial(){
-      if(this.financial){
-        let { totalAssets, belongNetAssets, creditBalance, operatingIncome, totalLiabilities } = this.financial
-        let jyqkObj = { totalAssets, belongNetAssets, creditBalance, operatingIncome, totalLiabilities }
+    handleFinancial() {
+      if (this.childFinancial) {
+        let { totalAssets, belongNetAssets, creditBalance, operatingIncome, totalLiabilities } = this.childFinancial;
+        let jyqkObj = { totalAssets, belongNetAssets, creditBalance, operatingIncome, totalLiabilities };
         this.gsjyList.forEach((item, index) => {
-          item.amount = jyqkObj[Object.keys(jyqkObj)[index]]?parseFloat(jyqkObj[Object.keys(jyqkObj)[index]].toFixed(2)):0
-        })
+          item.amount = jyqkObj[Object.keys(jyqkObj)[index]] ? parseFloat(jyqkObj[Object.keys(jyqkObj)[index]].toFixed(2)) : 0;
+        });
       }
     }
   },
   watch: {
     financial(newVal, oldVal) {
-      this.handleFinancial()
+      this.childFinancial = newVal;
+      this.handleFinancial();
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-  .operations-container{
-    margin: 0;
-    padding: 24px 16px;
-    background: #FFFFFF;
-    border-radius: 4px;
-    .part-swiper{
-      position: relative;
-      margin-top: 16px;
-      .swiper-oper{
-        width: calc(100% - 38px);
-        height: 96px;
-        margin-top: 8px;
-        margin-left: 25px;
-        overflow: hidden;
-        .swiper-slide{
-          .swiper-div{
-            width: calc(100% - 12px);
-            height: 96px;
-            background: url("~@/assets/images/detail/overview/swiper_bg.png") no-repeat;
-            background-size: 100% 100%;
-            .operations-title{
-              margin-right: 22px;
-              font-weight: bold;
-              font-size: 20px;
-              color: #232323;
-              padding: 24px 16px 0 16px;
-              span{
-                font-size: 16px;
-              }
+.operations-container {
+  margin: 0;
+  padding: 24px 16px;
+  background: #ffffff;
+  border-radius: 4px;
+  .part-swiper {
+    position: relative;
+    margin-top: 16px;
+    .swiper-oper {
+      width: calc(100% - 38px);
+      height: 96px;
+      margin-top: 8px;
+      margin-left: 25px;
+      overflow: hidden;
+      .swiper-slide {
+        .swiper-div {
+          width: calc(100% - 12px);
+          height: 96px;
+          background: url("~@/assets/images/detail/overview/swiper_bg.png")
+            no-repeat;
+          background-size: 100% 100%;
+          .operations-title {
+            margin-right: 22px;
+            font-weight: bold;
+            font-size: 20px;
+            color: #232323;
+            padding: 24px 16px 0 16px;
+            span {
+              font-size: 16px;
             }
-            .operations-info{
-              padding: 14px 16px 10px 16px;
-              justify-content: space-between;
-              font-size: 14px;
-              color: #232323;
-              div{
-                flex-shrink: 0;
-              }
-              span{
-                font-size: 12px;
-                margin-left: 6px;
-                img{
-                  width: 10px;
-                  height: 10px;
-                  margin-right: 3px;
-                }
+          }
+          .operations-info {
+            padding: 14px 16px 10px 16px;
+            justify-content: space-between;
+            font-size: 14px;
+            color: #232323;
+            div {
+              flex-shrink: 0;
+            }
+            span {
+              font-size: 12px;
+              margin-left: 6px;
+              img {
+                width: 10px;
+                height: 10px;
+                margin-right: 3px;
               }
             }
           }
         }
       }
-      .swiper-oper-prev, .swiper-oper-next{
-        width: 16px;
-        height: 96px;
-        background: #F0F5FC;
-        top: 0;
-        margin-top: 0;
-        &.swiper-button-disabled{
-          opacity: 1;
-          color:#AAAAAA;
-          background: #F5F5F5;
-        }
-        i{
-          color: #AAAAAA;
-        }
-        &:hover i{
-          color:#667199;
-        }
-        &:after{
-          content: "";
-        }
+    }
+    .swiper-oper-prev,
+    .swiper-oper-next {
+      width: 16px;
+      height: 96px;
+      background: #f0f5fc;
+      top: 0;
+      margin-top: 0;
+      &.swiper-button-disabled {
+        opacity: 1;
+        color: #aaaaaa;
+        background: #f5f5f5;
+      }
+      i {
+        color: #aaaaaa;
+      }
+      &:hover i {
+        color: #667199;
+      }
+      &:after {
+        content: "";
       }
     }
-    .operations-list{
-      flex-wrap: wrap;
-      justify-content: space-between;
-      .list-item{
-        width: calc(20% - 12px);
-        height: 88px;
-        padding: 18px;
-        margin-top: 14px;
-        font-size: 14px;
-        color: #232323;
-        border: 1px solid #E2E7EE;
-        text-align: center;
-        .list-item-all{
-          justify-content: center;
-          img{
-            width: 24px;
-            height: 24px;
-            margin-right: 4px;
-          }
-        }
-        .list-item-amount{
-          padding-top: 6px;
-          font-weight: bold;
+  }
+  .operations-list {
+    flex-wrap: wrap;
+    justify-content: space-between;
+    .list-item {
+      width: calc(20% - 12px);
+      height: 88px;
+      padding: 18px;
+      margin-top: 14px;
+      font-size: 14px;
+      color: #232323;
+      border: 1px solid #e2e7ee;
+      text-align: center;
+      .list-item-all {
+        justify-content: center;
+        img {
+          width: 24px;
+          height: 24px;
+          margin-right: 4px;
         }
       }
+      .list-item-amount {
+        padding-top: 6px;
+        font-weight: bold;
+      }
     }
   }
+}
 </style>

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

@@ -2,28 +2,18 @@
   <div class="app-container clue-container">
     <div class="common-title">风险概览</div>
     <div class="flex-box clue-box" v-if="viewData[0].value>0">
-      <div class="clue-echarts"><div id="echartsRisk" style="width: 100%;height:300px; margin: 0 auto;"></div></div>
+      <div class="clue-echarts">
+        <div id="echartsRisk" style="width: 100%;height:300px; margin: 0 auto;"></div>
+      </div>
       <div class="table-item">
-        <el-table
-          :data="viewData"
-          border
-          style="width: 100%"
-        >
-          <el-table-column
-            prop="name"
-            label="风险纬度分布"></el-table-column>
-          <el-table-column
-            prop="value"
-            align="right"
-            label="数量">
+        <el-table :data="viewData" border style="width: 100%">
+          <el-table-column prop="name" label="风险纬度分布"></el-table-column>
+          <el-table-column prop="value" align="right" label="数量">
             <template slot-scope="scope">
               <span>{{ scope.row.value }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="bl"
-            align="right"
-            label="占比（%）">
+          <el-table-column prop="bl" align="right" label="占比（%）">
             <template slot-scope="scope">
               <span>{{ scope.row.bl }}</span>
             </template>
@@ -31,13 +21,13 @@
         </el-table>
       </div>
     </div>
-    <no-data  v-else/>
+    <no-data v-else />
   </div>
 </template>
 
 <script>
-import * as echarts from 'echarts'
-import NoData from '../../component/noData'
+import * as echarts from 'echarts';
+import NoData from '../../component/noData';
 export default {
   name: 'Risk',
   props: ['statistic'],
@@ -46,14 +36,14 @@ export default {
   },
   data() {
     return {
-      viewData:[
+      viewData: [
         {
-          name:'开庭公告',
-          value:'',
-          category:'credit',
-          field:'openAnnouncement',
-          tz:'',
-          bl:''
+          name: '开庭公告',
+          value: '',
+          category: 'credit',
+          field: 'openAnnouncement',
+          tz: '',
+          bl: ''
         },
         /*{
           name:'企业公告',
@@ -80,12 +70,12 @@ export default {
           bl:''
         },*/
         {
-          name:'法院公告',
-          value:'',
-          category:'credit',
-          field:'courtAnnouncement',
-          tz:'',
-          bl:''
+          name: '法院公告',
+          value: '',
+          category: 'credit',
+          field: 'courtAnnouncement',
+          tz: '',
+          bl: ''
         },
         /*{
           name:'立案信息',
@@ -96,75 +86,76 @@ export default {
           bl:''
         },*/
         {
-          name:'被执行人',
-          value:'',
-          category:'credit',
-          field:'dishonestExecutee',
-          tz:'',
-          bl:''
+          name: '被执行人',
+          value: '',
+          category: 'credit',
+          field: 'dishonestExecutee',
+          tz: '',
+          bl: ''
         },
         {
-          name:'失信被执行人',
-          value:'',
-          category:'credit',
-          field:'dishonestExecutor',
-          tz:'',
-          bl:''
+          name: '失信被执行人',
+          value: '',
+          category: 'credit',
+          field: 'dishonestExecutor',
+          tz: '',
+          bl: ''
         },
         {
-          name:'行政处罚',
-          value:'',
-          category:'credit',
-          field:'adminSanction',
-          tz:'',
-          bl:''
+          name: '行政处罚',
+          value: '',
+          category: 'credit',
+          field: 'adminSanction',
+          tz: '',
+          bl: ''
         },
       ],
-    }
+      childStatistic: {}
+    };
   },
   created() {
   },
   mounted() {
   },
   methods: {
-    handView(){
+    handView() {
       let totalVal = this.viewData.map(item => {
-        let number = this.statistic[item.category]&&this.statistic[item.category][item.field]?this.statistic[item.category][item.field]:0
-        return number
-      }).reduce((prev, cur) => prev + cur)
+        let number = this.childStatistic[item.category] && this.childStatistic[item.category][item.field] ? this.childStatistic[item.category][item.field] : 0;
+        return number;
+      }).reduce((prev, cur) => prev + cur);
       this.viewData = this.viewData.map(item => {
-        let number = this.statistic[item.category]&&this.statistic[item.category][item.field]?this.statistic[item.category][item.field]:0
-        let bl = number ? parseFloat(Number(Number(number)/Number(totalVal)*100).toFixed(2)) : 0
-        let it = {name:item.name, value:number, tz: '', bl:bl}
-        return it
-      })
+        let number = this.childStatistic[item.category] && this.childStatistic[item.category][item.field] ? this.childStatistic[item.category][item.field] : 0;
+        let bl = number ? parseFloat(Number(Number(number) / Number(totalVal) * 100).toFixed(2)) : 0;
+        let it = { name: item.name, value: number, tz: '', bl: bl };
+        return it;
+      });
       this.viewData.sort((a, b) => {
         return a.value < b.value ? 1 : -1;
-      })
-      this.$nextTick(()=>{
-        if(this.viewData[0].value>0){
+      });
+      this.$nextTick(() => {
+        if (this.viewData[0].value > 0) {
           this.getDT();
         }
-      })
+      });
     },
-    getDT(){
-      let myChart = echarts.init(document.getElementById("echartsRisk"))
+    getDT() {
+      let myChart = echarts.init(document.getElementById("echartsRisk"));
       let option = {
         tooltip: {
           trigger: 'item',
-          borderWidth:0,
-          backgroundColor:"rgba(255, 255, 255, 0.8)",
+          borderWidth: 0,
+          backgroundColor: "rgba(255, 255, 255, 0.8)",
           formatter: function (params) {
-            var result = ''
-            result+='<h3 style="color: #232226;padding: 0 0 5px 0;margin: 0;">'+ params.data.name +'</h3>'
-            result+='<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;">'+ params.data.value +'个</p>'
-            if(params.data.tz){
-              result+='<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;" >'+ params.data.tz +'亿元</p>'
+            var result = '';
+            result += '<h3 style="color: #232226;padding: 0 0 5px 0;margin: 0;">' + params.data.name + '</h3>';
+            result += '<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;">' + params.data.value + '个</p>';
+            if (params.data.tz) {
+              result += '<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;" >' + params.data.tz + '亿元</p>';
             }
-            result+='<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;">'+ params.data.bl+'%</p>'
+            result += '<p style="color: rgba(35,35,35,0.8);padding: 0;margin: 0;">' + params.data.bl + '%</p>';
             return result;
           },
-          extraCssText:'width:150px!important;',
+          extraCssText: 'width:150px!important;',
         },
         legend: {
           type: 'scroll',
@@ -172,10 +163,10 @@ export default {
           bottom: 20,
           data: this.viewData,
           pageButtonPosition: 'end',
-          itemWidth:12,
-          itemHeight:8,
+          itemWidth: 12,
+          itemHeight: 8,
         },
-        color: ['#8A82F3','#5B9CF7','#43BBE0','#8ECF95','#FFDC6B', '#FE9C77', '#E8649B', '#8A82F3'],
+        color: ['#8A82F3', '#5B9CF7', '#43BBE0', '#8ECF95', '#FFDC6B', '#FE9C77', '#E8649B', '#8A82F3'],
         series: [
           {
             type: 'pie',
@@ -191,14 +182,15 @@ export default {
             }
           }
         ]
-      }
-      myChart.setOption(option)
+      };
+      myChart.setOption(option);
     }
   },
   watch: {
     statistic(newVal, oldVal) {
-      if(newVal){
-        this.handView()
+      this.childStatistic = newVal;
+      if (newVal) {
+        this.handView();
       }
     }
   }
@@ -206,24 +198,24 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .clue-container{
-    margin: 0;
-    padding: 24px 16px;
-    background: #FFFFFF;
-    border-radius: 4px;
-    .clue-box{
-      width: 100%;
-      justify-content: space-between;
-      margin-top: 20px;
-      .clue-echarts{
-        width: calc(50% - 8px);
-      }
-      .table-item{
-        width: calc(50% - 8px);
-        ::v-deep .el-table--border .el-table__cell{
-          border-bottom: 0;
-        }
+.clue-container {
+  margin: 0;
+  padding: 24px 16px;
+  background: #ffffff;
+  border-radius: 4px;
+  .clue-box {
+    width: 100%;
+    justify-content: space-between;
+    margin-top: 20px;
+    .clue-echarts {
+      width: calc(50% - 8px);
+    }
+    .table-item {
+      width: calc(50% - 8px);
+      ::v-deep .el-table--border .el-table__cell {
+        border-bottom: 0;
       }
     }
   }
+}
 </style>

dsk-operate-ui/src/views/market/index.vue

 <template>
   <div v-loading="loading" class="market-container">
     <iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" width="100%" :src="src" />
-
-    <transition name="fade" mode="out-in" appear>
-      <max-page-size-tip v-if="showMaxPageTip" @closeMaxTip="showMaxPageTip = false"></max-page-size-tip>
-    </transition>
   </div>
 </template>
 
@@ -39,13 +35,7 @@ export default {
     };
   },
   created() {
-    if (window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com') {
-      this.domain = 'https://plug.jiansheku.com';
-    } else {
-      this.domain = 'https://pre-plug.jiansheku.com';
-      // this.domain = 'http://192.168.60.8:3400';
-      // this.domain = 'http://192.168.60.210:3400';
-    }
+    this.domain = process.env.VUE_APP_SUB_SYSTEM_ADDRESS;
     this.gettokens();
     this.iframeObserver();
     let that = this;
@@ -63,7 +53,7 @@ export default {
     window.removeEventListener("message", this.pagecapListener, { passive: true });
     window.removeEventListener("message", this.linkListener);
     // 移除layout样式
-    this.iframeIns.contentWindow.postMessage("removeHtmlLayoutStyle", { targetOrigin: this.domain, });
+    this.iframeIns?.contentWindow ? this.iframeIns.contentWindow.postMessage("removeHtmlLayoutStyle", { targetOrigin: this.domain, }) : null;
   },
   methods: {
     linkListener(event) {
@@ -102,7 +92,9 @@ export default {
       const { origin, data } = e;
       if (origin != this.domain) return;
       if (data == "pageCurrentMaxSize") {
-        this.showMaxPageTip = true;
+        this.$maxTip("您可通过筛选工具来查询数据～若有更多需求请联系客服 0262798729！").then(({ done, uid }) => {
+          done();
+        });
       }
     },
     gettokens() {

dsk-operate-ui/src/views/subsystem/index.vue

+<template>
+  <div class="subsystem-iframe-container">
+
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data() {
+    return {
+
+    };
+  },
+  //可访问data属性
+  created() {
+
+  },
+  //计算集
+  computed: {
+
+  },
+  //方法集
+  methods: {
+
+  },
+  // 渲染方法
+  render(createElement) {
+  }
+}
+</script>
+<style lang="scss" scoped>
+.subsystem-iframe-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 16px 24px;
+  box-sizing: border-box;
+}
+</style>