Преглед на файлове

投资预算执行接口对接

zhbyyy преди 2 години
родител
ревизия
c1721d9e68
променени са 4 файла, в които са добавени 450 реда и са изтрити 111 реда
  1. 29 16
      investmentNew/index.html
  2. 18 12
      investmentNew/js/Data.js
  3. 399 83
      investmentNew/js/index.js
  4. 4 0
      investmentNew/styles/index.css

+ 29 - 16
investmentNew/index.html

@@ -373,8 +373,10 @@
                     top: 25%;
                     left: 25%;
                     animation-delay: 1s;
-                  " @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','cyplanamount','','','','','transform',1,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(yuanChange(center4[0]))}}<span
+                  "
+                @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','cyplanamount','','','','','transform',1,2,114)">
+                <span
+                  style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(yuanChange(center4[0]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
@@ -384,18 +386,24 @@
                     top: 60%;
                     left: 70%;
                     animation-delay: 1s;
-                  " @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','cyplancount','','','','','transform',1,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(center4[1])}}<span class="font28">个</span></span>
+                  "
+                @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','cyplancount','','','','','transform',1,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(center4[1])}}<span
+                    class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
               <div class="absolute flex items-center justify-center flex-col bubble pointer"
-                style="width: 175px; height: 175px; top: 65%; left: 15%"  @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','szplancount','','','','','transform',0,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(center4[3])}}<span class="font28">个</span></span>
+                style="width: 175px; height: 175px; top: 65%; left: 15%"
+                @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','szplancount','','','','','transform',0,2,114)">
+                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(center4[3])}}<span
+                    class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
               <div class="absolute flex items-center justify-center flex-col bubble pointer"
-                style="width: 190px; height: 190px; top: 35%; left: 50%" @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','szplanamount','','','','','transform',0,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(yuanChange(center4[2]))}}<span
+                style="width: 190px; height: 190px; top: 35%; left: 50%"
+                @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','szplanamount','','','','','transform',0,2,114)">
+                <span
+                  style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(yuanChange(center4[2]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
@@ -495,7 +503,8 @@
             <div>
               <div class="title">省级重点项目监控</div>
               <div class="content">
-                <dv-scroll-board :config="storageRecordConfig2"  @click="goLookBoard($event,'center2')" class="h-full w-full" />
+                <dv-scroll-board :config="storageRecordConfig2" @click="goLookBoard($event,'center2')"
+                  class="h-full w-full" />
               </div>
             </div>
           </div>
@@ -559,7 +568,9 @@
               固定资产类项目
             </div>
             <div class="wrapMeansItem">
-              <div v-for="(item, index) in meansList" class="itemWid" :class="[topIndex == index ? 'active': '']">
+              <div v-for="(item, index) in meansList" class="itemWid pointer"
+                :class="[topIndex == index ? 'active': '']"
+                @click="showChartLTipDouble(item.label,'right','','','','','','','','','',311,4,item.projectStepCode,'')">
                 <div class="itemBac">
                   <div>
                     {{item.value}}
@@ -578,7 +589,8 @@
             </div>
             <div class="wrapMeansItem">
               <div v-for="(item, index) in stockRightList" :class="[topIndex == index+6 ? 'active': '']"
-                class="itemWid2">
+                class="itemWid2 pointer"
+                @click="showChartLTipDouble(item.label,'right','','','','','','','','','',311,4,item.projectStepCode,'')">
                 <div class="itemBac itemBac2">
                   <div>
                     {{item.value}}
@@ -594,19 +606,20 @@
         <div>
           <div class="publicTitle">进度成本偏差概览</div>
           <div class="progressCost">
-            <div class="costItem" v-for="(item, index) in costList">
+            <div class="costItem pointer" v-for="(item, index) in costList"
+              @click="showChartLTipDouble('进度成本偏差概览','right','','','','','','','','','',312,1,item.projectStepCode,item.type)">
               <div class="itemTop">
                 <div class="topDiv">
                   <p>项目数量</p>
                   <div class="costNum">
-                    {{item.num}}
+                    {{numFormat(item.num)}}
                     <span>个</span>
                   </div>
                 </div>
                 <div class="topDiv" style="margin-top: 1.875rem">
                   <p>投资金额</p>
                   <div class="costNum">
-                    {{item.value}}
+                    {{numFormat(yuanChange(item.value))}}
                     <span>亿</span>
                   </div>
                 </div>
@@ -625,8 +638,8 @@
             <div class="lp">
               <div class="quan"></div>
               <div class="bigq"></div>
-              <img :src="investData.investList[witchs].url" alt="" />
-              <div class="plItem" :style="{transform:'rotate('+innerDeg+'deg)'}">
+              <img class="pointer" :src="investData.investList[witchs].url" style="z-index: 999;" @click.stop="cilikEight(investData.investList[witchs].name)" alt="" />
+              <div class="plItem pointer" :style="{transform:'rotate('+innerDeg+'deg)'}">
                 <div :class="[witchs == index? 'active' : '']" v-for="(item, index) in investData.investList"
                   :style="{ transform: 'translateY(-50%) rotate(-' + item.deg + 'deg)' }" @click="clickItem(index)">
                   {{item.name}}

+ 18 - 12
investmentNew/js/Data.js

@@ -110,18 +110,24 @@ let right3 = [
   { name: '负偏差', value: '0', value2: '0', explain: '成本执行进度大于项目执行进度', type: 3, projectStepCode: '11' }
 ]
 let right4 = [
-  [
-    ['项目储备', '特别监管', 0, 0],
-    ['项目立项', '特别监管', 0, 0],
-    ['可研论证', '特别监管', 0, 0],
-    ['投资决策', '特别监管', 0, 0]
-  ],
-  [
-    ['项目储备', '备案', 0, 0],
-    ['项目立项', '备案', 0, 0],
-    ['可研论证', '备案', 0, 0],
-    ['投资决策', '备案', 0, 0]
-  ]
+  { name: '山西焦煤', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '晋能控股', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '华阳新材', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '潞安化工', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '华新燃气', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '太重集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '国际能源', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '华远陆港', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '水控集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '文旅集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '交控集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '航产集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '山西建投', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '汾酒集团', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '大地控股', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '云时代', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '华舰体育', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 },
+  { name: '神农科技', value: 0, value2: 0, value3: 0, value4: 0, value5: 0 }
 ]
 let right5 = [
   [

+ 399 - 83
investmentNew/js/index.js

@@ -201,37 +201,45 @@ let app = new Vue({
       meansList: [
         {
           label: "初步设计",
-          value: "106",
+          value: "0",
+          projectStepCode: '01'
         },
         {
           label: "详细设计",
-          value: "103",
+          value: "0",
+          projectStepCode: '02'
         },
         {
           label: "开工",
-          value: "62",
+          value: "0",
+          projectStepCode: '03'
         },
         {
           label: "竣工",
-          value: "35",
+          value: "0",
+          projectStepCode: '04'
         },
         {
           label: "验收",
-          value: "42",
+          value: "0",
+          projectStepCode: '05'
         },
         {
           label: "结算",
-          value: "33",
+          value: "0",
+          projectStepCode: '06'
         },
       ],
       stockRightList: [
         {
           label: "前期准备",
-          value: "17",
+          value: "0",
+          projectStepCode: '07'
         },
         {
           label: "变更登记",
-          value: "43",
+          value: "0",
+          projectStepCode: '08'
         },
       ],
       costList: [
@@ -239,100 +247,106 @@ let app = new Vue({
           num: 160,
           value: 500,
           status: "正偏差",
+          type: 1,
+          projectStepCode: '09'
         },
         {
           num: 28,
           value: 264,
           status: "容差内",
+          type: 2,
+          projectStepCode: '10'
         },
         {
           num: 103,
           value: 182,
           status: "负偏差",
+          type: 3,
+          projectStepCode: '11'
         },
       ],
       investData: {
         investList: [
           {
-            name: "大地控股",
-            yse: "189.07",
-            yqhte: "121.59",
-            czrde: "189.07",
-            jse: "121.59",
-            fke: "189.07",
-            url: "./img/logos/logo15.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo1.png",
           },
           {
-            name: "云时代",
-            yse: "385.25",
-            yqhte: "224.89",
-            czrde: "385.25",
-            jse: "224.89",
-            fke: "385.25",
-            url: "./img/logos/logo16.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo2.png",
           },
           {
-            name: "华舰体育",
-            yse: "82.95",
-            yqhte: "71.34",
-            czrde: "82.95",
-            jse: "71.34",
-            fke: "82.95",
-            url: "./img/logos/logo17.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo3.png",
           },
           {
-            name: "神农科技",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo18.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo4.png",
           },
           {
-            name: "山西焦煤",
-            yse: "31.83",
-            yqhte: "25.20",
-            czrde: "31.83",
-            jse: "25.20",
-            fke: "31.83",
-            url: "./img/logos/logo1.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo5.png",
           },
           {
-            name: "晋能控股",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo2.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo6.png",
           },
           {
-            name: "华阳新材",
-            yse: "80.01",
-            yqhte: "42.46",
-            czrde: "80.01",
-            jse: "42.46",
-            fke: "80.01",
-            url: "./img/logos/logo3.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo7.png",
           },
           {
-            name: "潞安化工",
-            yse: "26.79",
-            yqhte: "9.64",
-            czrde: "121.59",
-            jse: "120.13",
-            fke: "36.4",
-            url: "./img/logos/logo4.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo8.png",
           },
           {
-            name: "华新燃气",
-            yse: "97.57",
-            yqhte: "112.67",
-            czrde: "97.57",
-            jse: "112.67",
-            fke: "97.57",
-            url: "./img/logos/logo5.png",
+            name: "",
+            yse: "",
+            yqhte: "",
+            czrde: "",
+            jse: "",
+            fke: "",
+            url: "./img/logos/logo9.png",
           },
           {
             name: "太重集团",
@@ -341,7 +355,7 @@ let app = new Vue({
             czrde: "121.59",
             jse: "120.13",
             fke: "36.4",
-            url: "./img/logos/logo6.png",
+            url: "./img/logos/logo10.png",
           },
           {
             name: "国际能源",
@@ -350,7 +364,7 @@ let app = new Vue({
             czrde: "46.99",
             jse: "50.89",
             fke: "46.99",
-            url: "./img/logos/logo7.png",
+            url: "./img/logos/logo11.png",
           },
           {
             name: "华远陆港",
@@ -359,7 +373,7 @@ let app = new Vue({
             czrde: "121.59",
             jse: "120.13",
             fke: "36.4",
-            url: "./img/logos/logo8.png",
+            url: "./img/logos/logo12.png",
           },
           {
             name: "水控集团",
@@ -368,7 +382,7 @@ let app = new Vue({
             czrde: "41.09",
             jse: "42.67",
             fke: "41.09",
-            url: "./img/logos/logo9.png",
+            url: "./img/logos/logo13.png",
           },
           {
             name: "文旅集团",
@@ -377,7 +391,7 @@ let app = new Vue({
             czrde: "121.59",
             jse: "120.13",
             fke: "36.4",
-            url: "./img/logos/logo10.png",
+            url: "./img/logos/logo14.png",
           },
           {
             name: "交控集团",
@@ -386,7 +400,7 @@ let app = new Vue({
             czrde: "47.05",
             jse: "23.93",
             fke: "47.05",
-            url: "./img/logos/logo11.png",
+            url: "./img/logos/logo15.png",
           },
           {
             name: "航产集团",
@@ -395,7 +409,7 @@ let app = new Vue({
             czrde: "121.59",
             jse: "120.13",
             fke: "36.4",
-            url: "./img/logos/logo12.png",
+            url: "./img/logos/logo16.png",
           },
           {
             name: "山西建投",
@@ -404,7 +418,7 @@ let app = new Vue({
             czrde: "14.76",
             jse: "120.13",
             fke: "5.84",
-            url: "./img/logos/logo13.png",
+            url: "./img/logos/logo17.png",
           },
           {
             name: "汾酒集团",
@@ -413,7 +427,7 @@ let app = new Vue({
             czrde: "121.59",
             jse: "120.13",
             fke: "36.4",
-            url: "./img/logos/logo14.png",
+            url: "./img/logos/logo18.png",
           },
         ],
       },
@@ -696,9 +710,9 @@ let app = new Vue({
           this.getDate6()
 
           // // // 右边
-          // this.getDate7()
-          // this.getDate8()
-          // this.getDate9()
+          this.getDate7()
+          this.getDate8()
+          this.getDate9()
           // this.getDate10()
           // // this.getDate11() // 右下A
           // this.getDate12()  // 右下B
@@ -957,6 +971,201 @@ let app = new Vue({
         })
       });
     },
+    // 获取右边顶部条数据
+    getDate7 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTabpageap', value).then(res => {
+          that.meansList[0].value = res.data.mdnb_one_step
+          that.meansList[1].value = res.data.mdnb_two_step
+          that.meansList[2].value = res.data.mdnb_three_step
+          that.meansList[3].value = res.data.mdnb_four_step
+          that.meansList[4].value = res.data.mdnb_five_step
+          that.meansList[5].value = res.data.mdnb_six_step
+          that.stockRightList[0].value = res.data.mdnb_seven_step
+          that.stockRightList[1].value = res.data.mdnb_eight_step
+          resolve(1);
+        })
+      });
+    },
+    // 获取右边中间左边的(正偏差/容差内/负偏差)
+    getDate8 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstraction', value).then(res => {
+          that.costList[0].num = res.data.mdnb_projectnum_z
+          that.costList[0].value = res.data.mdnb_amountall_z
+          that.costList[1].num = res.data.mdnb_projectnum_r
+          that.costList[1].value = res.data.mdnb_amountall_r
+          that.costList[2].num = res.data.mdnb_projectnum_f
+          that.costList[2].value = res.data.mdnb_amountall_f
+          resolve(1);
+        })
+      });
+    },
+    // 获取右边中间右边的(预算额/已签合同额。。。)
+    getDate9 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitBudgetExecuteDate', value).then(res => {
+          res.data.forEach((item, index) => {
+            right4[index].value = this.yuanChange(item.mdnb_aheadmoney)
+            right4[index].value2 = this.yuanChange(item.mdnb_edmoney)
+            right4[index].value3 = this.yuanChange(item.mdnb_smoney)
+            right4[index].value4 = this.yuanChange(item.mdnb_jmoney)
+            right4[index].value5 = this.yuanChange(item.mdnb_fkmoney)
+          })
+          right4.forEach((item,index)=>{
+            that.investData.investList[index].name = item.name
+            that.investData.investList[index].yse = item.value
+            that.investData.investList[index].yqhte = item.value2
+            that.investData.investList[index].czrde = item.value3
+            that.investData.investList[index].jse = item.value4
+            that.investData.investList[index].fke = item.value5
+          })
+          resolve(1);
+        })
+      });
+    },
+    // 进度成本偏差
+    getDate10 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstractionGas', value).then(res => {
+          res.data.forEach((item, index) => {
+            right5[0][index][1] = that.numMulti(item.mdnb_amount_zb, 100)
+            right5[0][index][2] = that.yuanChange(item.mdnb_amount_z)
+            right5[1][index][1] = that.numMulti(item.mdnb_amount_nb, 100)
+            right5[1][index][2] = that.yuanChange(item.mdnb_amount_n)
+            right5[2][index][1] = that.numMulti(item.mdnb_amount_fb, 100)
+            right5[2][index][2] = that.yuanChange(item.mdnb_amount_f)
+          })
+          this.initChartR2()
+          resolve(1);
+        })
+      });
+    },
+    // 项目风险分析A
+    getDate11 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        let a = []
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
+          res.data.forEach((item, index) => {
+            right6[index].value = item.mdnb_height
+            right6[index].value2 = item.mdnb_midle
+            right6[index].value3 = item.mdnb_bottom
+          })
+          let a = []
+          for (var i = 0; i < right6.length; i += 6) {
+            a.push(right6.slice(i, i + 6));
+          }
+          right6 = a
+          that.getDate15()
+          resolve(1);
+        })
+      });
+    },
+    // 项目风险分析B(雷达图)
+    getDate12 () {
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitDangerPoraitDate', value).then(res => {
+          res.data.forEach((item, index) => {
+            right7[index] = []
+            right7[index][0] = item.mdnb_anquan
+            right7[index][1] = item.mdnb_fukuan
+            right7[index][2] = item.mdnb_hetong
+            right7[index][3] = item.mdnb_jiesuan
+            right7[index][4] = item.mdnb_jindu
+            right7[index][5] = item.mdnb_securty
+          })
+          this.getDate11()
+          resolve(1);
+        })
+      });
+    },
+    // 预算执行情况分析
+    getDate15 () {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionTotal', value).then(res => {
+          res.data.forEach((item, index) => {
+            this.$set(item, 'mdnb_yusuanmoney', that.yuanChange(item.mdnb_yusuanmoney))
+            this.$set(item, 'mdnb_fukuanmoney', that.yuanChange(item.mdnb_fukuanmoney))
+            this.$set(item, 'mdnb_jiesuanmoney', that.yuanChange(item.mdnb_jiesuanmoney))
+            this.$set(item, 'mdnb_hetongmoney', that.yuanChange(item.mdnb_hetongmoney))
+          })
+          let a = that.classify(res.data, 'mdnb_unity_name4')
+          for (var i = 0; i < commonCompany.length; i += 6) {
+            this.threeCommonCompany.push(commonCompany.slice(i, i + 6));
+          }
+          right9 = a.map((item, index) => {
+            return item.data.filter((item2, index2) => {
+              return (item2.mdnb_fukuanmoney != 0 || item2.mdnb_yusuanmoney != 0 || item2.mdnb_hetongmoney != 0 || item2.mdnb_jiesuanmoney != 0)
+            })
+          })
+          that.budgetX = []
+          right9.forEach((item, index) => {
+            that.budgetX.push(item.map(item2 => {
+              return item2.mdnb_aheadname
+            }))
+          })
+          setTimeout(() => {
+            this.initChartR3()
+          });
+          resolve(1);
+        })
+      });
+    },
     // 中间大屏数据
     getDate14 () {
       let that = this
@@ -1042,6 +1251,15 @@ let app = new Vue({
         })
       });
     },
+    // 点击八卦的方法
+    cilikEight(param){
+      let that = this
+      that.rightAdd.modelName = 2
+      that.rightAdd.substraction = ''
+      that.rightAdd.projectStepCode = ''
+      that.projectNum = 314
+      that.rightPenetrateTwo(2, '', that.findCode(this.investData.investList[this.witchs].name), 'right')
+    },
     // 解决除法是去精度
     numDiv (num1, num2) {
       var baseNum1 = 0, baseNum2 = 0;
@@ -6097,6 +6315,104 @@ let app = new Vue({
         }
       });
     },
+    // 右边穿透一级
+    rightPenetrateOne () {
+      let that = this
+      this.boardType = 'right'
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+            projectStepCode: this.rightAdd.projectStepCode,
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOneLevelData', value).then(res => {
+          res.data.forEach((item, index) => {
+            common4[index] = item.mdnb_projects
+            common5[index] = that.yuanChange(item.mdnb_amount_sl)
+          })
+          setTimeout(() => {
+            this.initChartLTip2('right')
+            this.initChartLTip3('right')
+          })
+          resolve(1);
+        })
+      });
+    },
+    // 右边穿透二级
+    rightPenetrateTwo (modelName, substraction, orgName) {
+      this.boardType = 'right'
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: this.mockData ? '1' : '0',
+            modelName: this.rightAdd.modelName,
+            projectStepCode: this.rightAdd.projectStepCode,
+            substraction: this.rightAdd.substraction,
+            orgName
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
+          that.originalConfig6 = res.data
+          that.config6.data = []
+          if (this.projectNum == 311) {
+            that.config6.header = ["所属集团", "项目名称", '实施主体', '投中项目阶段', '投资总额(万元)']
+            res.data.forEach((item, index) => {
+              that.config6.data[index] = []
+              that.config6.data[index][0] = item.mdnb_unitcompany
+              that.config6.data[index][1] = item.mdnb_project_name
+              that.config6.data[index][2] = item.mdnb_implement_org
+              that.config6.data[index][3] = item.mdnb_projectstep_mid
+              that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
+            })
+          } else if (this.projectNum == 312 || this.projectNum == 313) {
+            that.config6.header = ["所属集团", "项目名称", '实施主体', '容差百分比', '投资总额(万元)']
+            res.data.forEach((item, index) => {
+              that.config6.data[index] = []
+              that.config6.data[index][0] = item.mdnb_unitcompany
+              that.config6.data[index][1] = item.mdnb_project_name
+              that.config6.data[index][2] = item.mdnb_implement_org
+              that.config6.data[index][3] = that.numMulti(item.mdnb_percentagetolerance, 100) + '%'
+              that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
+            })
+          } else if (this.projectNum == 314) {
+            that.config6.header = ["所属集团", "项目名称", '实施主体', '预算额(万元)', '已签订合同额(万元)', '产值认定额(万元)', '结算额(万元)', '付款申请额(万元)', '实际付款额(万元)']
+            res.data.forEach((item, index) => {
+              that.config6.data[index] = []
+              that.config6.data[index][0] = item.mdnb_unitcompany
+              that.config6.data[index][1] = item.mdnb_project_name
+              that.config6.data[index][2] = item.mdnb_implement_org
+              that.config6.data[index][3] = that.numFormat(item.mdnb_budgetamount / 10000)
+              that.config6.data[index][4] = that.numFormat(item.mdnb_contractamount / 10000)
+              that.config6.data[index][5] = that.numFormat(item.mdnb_outputamount / 10000)
+              that.config6.data[index][6] = that.numFormat(item.mdnb_settlementamount / 10000)
+              that.config6.data[index][7] = that.numFormat(item.mdnb_paymentamount / 10000)
+              that.config6.data[index][8] = that.numFormat(item.mdnb_actualpayamount / 10000)
+            })
+          } else if (this.projectNum == 315) {
+            that.config6.header = ["所属集团", "项目名称", '实施主体', '高风险项', '中风险项', '低风险项', '投资总额(万元)']
+            res.data.forEach((item, index) => {
+              that.config6.data[index] = []
+              that.config6.data[index][0] = item.mdnb_unitcompany
+              that.config6.data[index][1] = item.mdnb_project_name
+              that.config6.data[index][2] = item.mdnb_implement_org
+              that.config6.data[index][3] = item.mdnb_heigtdanger
+              that.config6.data[index][4] = item.mdnb_middledanger
+              that.config6.data[index][5] = item.mdnb_lowdanger
+              that.config6.data[index][6] = that.numFormat(item.mdnb_investment_money / 10000)
+            })
+          }
+          that.config6 = { ...that.config6 }
+          that.projectListTipShow = true
+          resolve(1);
+        })
+      });
+    },
     // 单个柱状图的弹窗
     leftEcharts18Fun (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
       let that = this

+ 4 - 0
investmentNew/styles/index.css

@@ -1192,6 +1192,10 @@ i {
 .itemTop .topDiv {
   padding-left: 1.25rem;
   min-width: 220px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
 }
 
 .costNum {