Selaa lähdekoodia

投中接口对接

zhbyyy 2 vuotta sitten
vanhempi
commit
f6214453f0

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
investment/styles/animate.css


+ 0 - 34
investmentPort/investHomeChild.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="stylesheet" href="./styles/investHomeChild.css" />
-  <!-- 引入js -->
-  <script src="./libs/vue@2.7.10.js"></script>
-  <script src="./libs/datav.map.vue.js"></script>
-  <script src="./libs/echarts.min2.js"></script>
-  <script src="./libs/axios.min.js"></script>
-  <script src="./js/request.js"></script>
-  <script src="./libs/echarts-tooltip-carousel.js"></script>
-</head>
-
-<body>
-  <div id="app">
-    <dv-full-screen-container>
-      <img src="./groupImg/back.png" alt="" class="goBack" @click="handleGoBack()">
-      <header class="my-header">
-        <span>数智化投资管理驾驶舱</span>
-        <span class="right">{{time}}</span>
-      </header>
-      <div class="main">
-        <dv-scroll-board :config='config' @click="goLookBoard" style="width:100%;height:100%" />
-      </div>
-    </dv-full-screen-container>
-  </div>
-  <script src="./js/investHomeChild.js"></script>
-</body>
-
-</html>

+ 1 - 1
investmentPort/investHomeGroup.html

@@ -519,7 +519,7 @@
                 <div class="center-l-list2 flex items-center justify-center flex-col" style="padding-left: 30%;">
                   <span style="color:#69c0ff;"><span
                       style="font-size:30px;font-weight: bold;">{{item.value2}}</span><span
-                      style="font-size: 20px;"></span></span>
+                      style="font-size: 20px;">亿</span></span>
                   <span>总投资额</span>
                 </div>
               </div>

+ 1 - 0
investmentPort/js/groupData.js

@@ -250,6 +250,7 @@ let left11 = {
     ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元"]
   ],
 }
+// 生存线/发展线/指标
 let left12 = [
   [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
   [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],

+ 0 - 116
investmentPort/js/investHomeChild.js

@@ -1,116 +0,0 @@
-let app = new Vue({
-  el: '#app',
-  data () {
-    return {
-      time: '',
-      timer: '',
-      config: '',
-      config5: {
-        rowNum: 9,
-        waitTime: 2000,
-        header: ["项目名称", "所属组织", '实施主体', '建设性质(新建/续建)', '产业类别', '建设地点', '2022年投资完成额(万元)'],
-        data: [
-          ["青银二广高速公路太原联络线建设PPP项目", "交控集团", "山西路桥建设集团有限公司", "新建", "交通运输业", "山西省太原市、晋中市", "148,086.00"],
-          ["国道241、省道岚马线汾河水库段改线工程", "交控集团", "太原国省道汾河水库段建设管理有限公司", "续建", "交通运输业", "山西省 太原市、吕梁市", "165,314.33"],
-          ["路桥科技中心", "交控集团", "山西路桥集团多经营有限公司", "续建", "建筑房地产", "山西省太原市", "8,098.26"],
-          ["路桥科研基地", "交控集团", "山西路桥集团多经有限公司", "续建", "建筑房地产", "山西省太原市", "6,596.56"],
-          ["武宿高速充电站建设", "交控集团", "山西交通运输投融资集团有限责任公司", "新建", "新能源", "山西省太原市", "100.00"],
-          ["山西交通研创商务基地项目", "交控集团", "山西交通物流集团有限公司", "续建", "建筑房地产", "山西省太原市", "4,097.00"],
-          ["山西省交通科学研究院产业化基地", "交控集团", "山西省交通科技研发有限公司", "续建", "建筑房地产", "山西省太原市武洛街27号", "3,242.00"],
-          ["太长高速公路太原南收费站(二期工程暨龙城服务区)项目", "交控集团", "山西省交通开发投资集团有限公司龙城服务区发展分公司", "续建", "建筑房地产", "山西省太原市", "3,580.00"],
-          ["山西转型综改示范区中小企业产业园项目", "交控集团", "山西交投综改园区开发有限公司", "续建", "建筑房地产", "山西省太原市", "14,432.00"]
-        ],
-        align: ["center", "center", "center", "center", "center", "center", "center"],
-        headerBGC: "#153A62",
-        oddRowBGC: "#061F42",
-        evenRowBGC: "#0C284A",
-        hoverPause: false
-      },
-      config6: {
-        rowNum: 15,
-        waitTime: 1000,
-        header: ["项目名称", "所属组织", '实施主体', '产业类别I级', '产业类别II级', '2022年投资完成额(万元)'],
-        data: [
-          ["6万吨/年PBAT项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "20,340.00"],
-          ["2万吨/年生物降解改性材料及塑料制品项目", "华阳新材", "华阳生物降解公司", "战略性新兴产业", "新材料", "5,270.00"],
-          ["2万吨/年全系列生物降解新材料项目", "华阳新材", "华阳新材", "战略性新兴产业", "新材料", "5,560.00"],
-          ["开元煤层气发电项目", "华阳新材", "阳煤扬德公司", "战略性新兴产业", "煤层气", "880.00"],
-          ["平舒翟下庄煤层气发电项目", "华阳新材", "阳煤扬德公司", "战略性新兴产业", "煤层气", "570.00"],
-          ["5GW高效光伏组件制造项目一期2GW", "华阳新材", "华储光电公司", "战略性新兴产业", "新能源", "10,000.00"],
-          ["钠离子电池正极材料千吨级生产项目", "华阳新材", "华钠铜能公司", "战略性新兴产业", "新能源", "6,060.00"],
-          ["钠离子电池负极材料千吨级生产项目", "华阳新材", "华钠碳能公司", "战略性新兴产业", "新能源", "4,080.00"],
-          ["1GWh钠离子Pack电池生产线建设项目", "华阳新材", "华钠芯能公司", "战略性新兴产业", "新能源", "2790.00"],
-          ["天成光储网充项目", "华阳新材", "新阳公司", "战略性新兴产业", "新能源", "1680.00"],
-          ["宏厦三建绿色建材工业园区项目", "华阳新材", "宏厦三建", "战略性新兴产业", "新材料", "2,550.00"],
-          ["亚美公司超低排放改造及节能技改项目", "华阳新材", "亚美公司", "战略性新兴产业", "其他", "20,101.00"],
-          ["超净滤材项目", "华阳新材", "华阳科创城", "战略性新兴产业", "新材料", "5,510.00"],
-          ["华阳集团网络安全工作顶层设计及整体整改项目", "华阳新材", "华阳集团", "战略性新兴产业", "新一代信息技术", "814.00"],
-          ["山西科技创新城阳煤设计研发中心项目", "华阳新材", "碳基合成新材料公司", "战略性新兴产业", "其他", "12,930.00"],
-          ["阳煤西110kv变电站及线路建设工程", "华阳新材", "华阳股份", "战略性新兴产业", "其他", "7,060.00"],
-          ["郊区35kV输变电工程", "华阳新材", "华储光电公司", "战略性新兴产业", "其他", "1,250.00"],
-          ["环境保护及治理", "华阳新材", "华阳股份", "战略性新兴产业", "节能环保", "5,890.00"],
-          ["增资山西新阳清洁能源有限公司", "华阳新材", "华阳股份", "战略性新兴产业", "新能源产业", "101,700.00"],
-          ["增资阳煤集团纳谷(山西)气凝胶科创城管理有限责任公司", "华阳新材", "华阳集团", "战略性新兴产业", "新材料产业", "34,582.00"],
-          ["太化集团普田农业有限公司股权收购及增资", "华阳新材", "华阳新材", "战略性新兴产业", "新材料产业", "7,400.00"],
-          ["山西阳煤道得新材股权投资合伙企业(有限合伙)", "华阳新材", "华阳资本", "战略性新兴产业", "新材料产业", "5,000.00"],
-          ["阳泉市梧桐树嘉裕阳煤智能制造股权投资合伙企业(有限合伙)", "华阳新材", "华阳资本华阳股份", "战略性新兴产业", "新材料产业", "6,576.29"],
-          ["阳煤纳谷(山西)气凝胶经销有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "4,335.00"],
-          ["阳煤纳谷(山西)节能服务有限责任公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "3,674.00"],
-          ["华阳诺爱特(山西)新材料科技有限公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "500.00"],
-          ["华阳纳谷(北京)新材料科技有限公司", "华阳新材", "气凝胶科创城", "战略性新兴产业", "新材料产业", "250.00"],
-          ["山西华储光电有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新材料产业", "45,000.00"],
-          ["山西华钠铜能科技有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新能源产业", "900.00"],
-          ["山西华钠碳能科技有限责任公司", "华阳新材", "山西新阳清洁能源有限公司", "战略性新兴产业", "新能源产业", "450.00"]
-
-        ],
-        align: ["center", "center", "center", "center", "center", "center", "center"],
-        headerBGC: "#153A62",
-        oddRowBGC: "#061F42",
-        evenRowBGC: "#0C284A",
-        hoverPause: false
-      },
-    }
-  },
-  created () {
-    this.getUrlParams()
-    this.time = formatDate()
-    this.timer = setInterval(() => {
-      this.time = formatDate()
-    }, 1000)
-  },
-  beforeDestroy () {
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-  },
-  mounted () {
-  },
-  methods: {
-    // 去项目看板
-    goLookBoard (e) {
-      console.log(e, '?????')
-    },
-    handleGoBack () {
-      window.history.go(-1)
-    },
-    getUrlParams () {
-      let url = window.location.href
-      // 通过 ? 分割获取后面的参数字符串
-      let urlStr = url.split('?')[1]
-      // 创建空对象存储参数
-      let obj = {};
-      // 再通过 & 将每一个参数单独分割出来
-      let paramsArr = urlStr.split('&')
-      for (let i = 0, len = paramsArr.length; i < len; i++) {
-        // 再通过 = 将每一个参数分割为 key:value 的形式
-        let arr = paramsArr[i].split('=')
-        obj[arr[0]] = arr[1];
-      }
-      if (obj.type == 1) {
-        this.config = { ...this.config5 }
-      } else if (obj.type == 2) {
-        this.config = { ...this.config6 }
-      }
-    }
-  },
-})

+ 150 - 53
investmentPort/js/investHomeGroup.js

@@ -125,34 +125,36 @@ let app = new Vue({
     }
   },
   mounted () {
+    // 假数据版
+    // setTimeout(() => {
+    //   this.initChartL1()
+    //   this.initChartL2()
+    //   this.initChartL3()
+    //   this.initChartL4()
+    //   this.initChartL5()
+    //   this.initChartL6()
+    //   this.initChartL7()
+    //   this.initChartL8()
+    //   this.initChartL10()
+    //   this.initChartL11()
+    //   this.changeTopColor()
+    //   // 大屏二
+    //   this.initChinaChart()
+    //   // 大屏三
+    //   this.initChartR1()
+    //   this.initChartR2()
+    //   this.initChartR3()
+    //   this.changeYellow()
+    // })
+    // 接口版
     this.getAppToken()
     setTimeout(() => {
-      // this.initChartL1()
-      // this.initChartL2()
-      // this.initChartL3()
-      // this.initChartL4()
-      // this.initChartL5()
-      // this.initChartL6()
-      // this.initChartL7()
-      // this.initChartL8()
-      // this.initChartL10()
-      // this.initChartL11()
       this.changeTopColor()
       // 大屏二
-      // this.initChartC1()
-      // this.initChartC2()
-      // this.initChartC3()
-      // this.initChartC4()
       this.initChinaChart()
-      // this.initProjectList()
       // 大屏三
-      // this.initChartR1()
-      // this.initChartR2()
-      // this.initChartR3()
-      // this.initChartR4()
       this.initChartR5()
       this.changeYellow()
-
     })
   },
   methods: {
@@ -192,19 +194,21 @@ let app = new Vue({
         }
         get('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOrgName', value).then(res => {
           commonCompany = res.data.map(item => item.simplename)
-          // this.getDate1()
-          // this.getDate2()
-          // this.getDate3()
-          // this.getDate4()
-          // this.getDate5()
-          // this.getDate6()
-          this.getDate7()
-          this.getDate8()
-          this.getDate9()
-          this.getDate10()
-          // this.getDate11()
-          this.getDate12()
-          // this.getDate13()
+          // 左边
+          this.getDate1()
+          this.getDate2()
+          this.getDate3()
+          this.getDate4()
+          this.getDate5()
+          this.getDate6()
+
+          // 右边
+          // this.getDate7()
+          // this.getDate8()
+          // this.getDate9()
+          // this.getDate10()
+          // // this.getDate11() // 右下A
+          // this.getDate12()  // 右下B
           resolve(1);
         })
       });
@@ -279,6 +283,7 @@ let app = new Vue({
         }
         post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqcebjfx', value).then(res => {
           let dataList = this.classify(res.data.rows[0].mdnb_entryentity, 'mdnb_textfield1')
+          console.log('看看分组情况', dataList, res.data.rows[0].mdnb_entryentity)
           // 传统产业分析
           dataList[0].data.forEach((item, index) => {
             left7[index].num = item.mdnb_integerfield13
@@ -402,14 +407,16 @@ let app = new Vue({
           pageSize: 1000
         }
         post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqzdlxzb', value).then(res => {
-          // console.log(res,'??????????')
-          // let dataList = res.data.rows[0]
-          // left1[0] = dataList.mdnb_amountfield
-          // left1[1] = dataList.mdnb_amountfield1
-          // left1[2] = dataList.mdnb_amountfield2
-          // left2[0] = dataList.mdnb_decimalfield
-          // left2[1] = dataList.mdnb_amountfield3
-          // this.initChartL1()
+          let dataList2 = this.classify(res.data.rows[0].mdnb_entryentity1, 'mdnb_textfield3')
+          let dataList = []
+          dataList2.forEach((item, index) => {
+            dataList[index] = []
+            dataList[index][0] = item.data[0].mdnb_textfield18
+            dataList[index][1] = item.data[0].mdnb_textfield3
+            dataList[index][2] = item.data[0].mdnb_amountfield24
+          })
+          this.storageRecordConfig.data = dataList
+          this.storageRecordConfig = { ...this.storageRecordConfig }
           resolve(1);
         })
       });
@@ -547,8 +554,22 @@ let app = new Vue({
         })
       });
     },
-    // 右边穿透
-    rightPenetrate () {
+    // 中间大屏数据
+    getDate14 () {
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          mock: false,
+          presetYear: 2023
+        }
+        get('/ierp/kapi/v2/mdnb/mdnb_pmba_ext/presetdata/getKeyData', value).then(res => {
+          console.log(res, '?????????')
+          resolve(1);
+        })
+      });
+    },
+    // 右边穿透一级
+    rightPenetrateOne () {
       return new Promise((resolve, err) => {
         let value = {
           access_token: this.access_token,
@@ -570,6 +591,83 @@ let app = new Vue({
         })
       });
     },
+    // 右边穿透二级
+    rightPenetrateTwo (modelName, substraction) {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: '0',
+            modelName,
+            substraction
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
+          res.data.forEach((item, index) => {
+            that.config6.data[index] = []
+            that.config6.data[index][0] = item.mdnb_project_name
+            that.config6.data[index][2] = item.mdnb_implement_org
+            that.config6.data[index][3] = item.mdnb_insdrutytype1
+            that.config6.data[index][4] = item.mdnb_insdrutytype2
+          })
+          that.config6 = { ...that.config6 }
+          that.projectListTipShow = true
+          resolve(1);
+        })
+      });
+    },
+    // 左边穿透一级
+    leftPenetrateOne () {
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: '0'
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/yjct', value).then(res => {
+          res.data.forEach((item, index) => {
+            common4[index] = item.mdnb_projects
+            common5[index] = item.mdnb_amount_sl
+          })
+          setTimeout(() => {
+            this.initChartLTip2()
+            this.initChartLTip3()
+          })
+          resolve(1);
+        })
+      });
+    },
+    // 左边穿透二级
+    leftPenetrateTwo (modelName, substraction) {
+      let that = this
+      return new Promise((resolve, err) => {
+        let value = {
+          access_token: this.access_token,
+          "request": {
+            isInsert: '0',
+            modelName,
+            substraction
+          },
+          pageSize: 1000
+        }
+        post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
+          res.data.forEach((item, index) => {
+            that.config6.data[index] = []
+            that.config6.data[index][0] = item.mdnb_project_name
+            that.config6.data[index][2] = item.mdnb_implement_org
+            that.config6.data[index][3] = item.mdnb_insdrutytype1
+            that.config6.data[index][4] = item.mdnb_insdrutytype2
+          })
+          that.config6 = { ...that.config6 }
+          that.projectListTipShow = true
+          resolve(1);
+        })
+      });
+    },
     yellowMouse (index) {
       if (index % 2 == 0) {
         this.yellowCount = index
@@ -605,10 +703,10 @@ let app = new Vue({
       let myArr = [];
       for (let i = 0; i < arr.length; i++) {
         if (!map[arr[i][k]]) {
-          myArr.push({
-            mdnb_textfield1: arr[i][k],
-            data: [arr[i]]
-          });
+          let a = {}
+          a[k] = arr[i][k]
+          a.data = [arr[i]]
+          myArr.push(a)
           map[arr[i][k]] = arr[i]
         } else {
           for (let j = 0; j < myArr.length; j++) {
@@ -627,7 +725,7 @@ let app = new Vue({
       this.closeTap()
       this.echartDoubleTipShow = true
       if (location == 'right') {
-        this.rightPenetrate()
+        this.rightPenetrateOne()
         return
       }
       setTimeout(() => {
@@ -943,7 +1041,7 @@ let app = new Vue({
       })
       let that = this
       that.myChartTip2.on('click', function (param) {
-        that.projectListTipShow = true
+        that.rightPenetrateTwo('', '')
       })
       that.myChartTip2.setOption(option);
     },
@@ -1097,7 +1195,7 @@ let app = new Vue({
       })
       let that = this
       that.myChartTip3.on('click', function (param) {
-        that.projectListTipShow = true
+        that.rightPenetrateTwo('', '')
       })
       that.myChartTip3.setOption(option);
     },
@@ -4775,7 +4873,7 @@ let app = new Vue({
         ],
       }
       myChart.on('click', function (param) {
-        that.projectListTipShow = true
+        that.rightPenetrateTwo(2, '')
       })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {
@@ -4974,8 +5072,7 @@ let app = new Vue({
         ]
       }
       myChart.on('click', function (param) {
-        // that.showChartLTipDouble(param.name)
-        that.projectListTipShow = true
+        that.rightPenetrateTwo(1, param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3)
       })
       myChart.setOption(option)
       tools.loopShowTooltip(myChart, option, {

+ 3 - 2
investmentPort/js/request.js

@@ -3,8 +3,9 @@
  * 请求拦截、相应拦截、错误统一处理
  */
 const httpRequest = axios.create({
-  // baseURL: 'http://192.168.2.155:8080', // 李瑞投前
-  baseURL: 'http://192.168.2.109:8080', // 苏文投后
+  baseURL: 'http://192.168.2.155:8080', // 李瑞投前
+  // baseURL: 'http://192.168.2.111:8080', // 苏文投后
+  // baseURL: 'http://192.168.2.147:8080', // 旭东中间大屏
   timeout: 3 * 60 * 1000, // 3分钟等待
   withCredentials: true, // 携带cookie
 })

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
investmentPort/styles/animate.css


+ 0 - 506
investmentPort/styles/investHomeChild.css

@@ -1,506 +0,0 @@
-*,
-*:before,
-*:after {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-html,
-body {
-  height: 100%;
-  font-size: 14px;
-  background-color: #ecffff;
-  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC',
-    'Hiragino Sans GB', Arial, sans-serif;
-}
-
-.flex {
-  display: flex;
-}
-.flex1 {
-  flex: 1;
-}
-.flex2 {
-  flex: 2;
-}
-.flex-around {
-  display: flex;
-  justify-content: space-around;
-}
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.flex-end {
-  display: flex;
-  justify-content: flex-end;
-}
-.flex-align-center {
-  display: flex;
-  align-items: center;
-}
-.text-center {
-  text-align: center;
-}
-.font12 {
-  font-size: 12px;
-}
-.main-color {
-  color: #40a9ff;
-}
-.danger-color {
-  color: #f15450 !important;
-}
-.error-color {
-  color: #ffc704 !important;
-}
-.btm10 {
-  margin-bottom: 10px;
-}
-.btm20 {
-  margin-bottom: 20px;
-}
-a {
-  text-decoration: none;
-  cursor: pointer;
-}
-
-[v-cloak] {
-  display: none;
-}
-#app {
-  background: url('../groupImg/page-bg.png') center center no-repeat;
-  background-size: 100% 100%;
-  padding-top: 10px;
-  height: 100vh;
-  overflow: hidden;
-  color: #fff;
-}
-.my-header {
-  position: relative;
-  height: 70px;
-  line-height: 70px;
-  background: url('../groupImg/header-bg.png') center center no-repeat;
-  background-size: 100% 100%;
-  text-align: center;
-  font-weight: bold;
-  font-size: 32px;
-  font-weight: 600;
-}
-.my-header span {
-  background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.my-header span.right {
-  position: absolute;
-  right: 60px;
-  top: 0px;
-  font-size: 16px;
-}
-.main {
-  padding: 15px;
-  display: flex;
-  height: calc(100vh - 25px);
-  /* background: url('../images/content-bg.png') no-repeat center bottom; */
-  background-size: 100% 100%;
-  display: flex;
-  padding-bottom: 65px;
-  position: relative;
-}
-.left,
-.right {
-  flex: 3;
-  display: flex;
-  flex-direction: column;
-}
-.left .my-panel,
-.right .my-panel {
-  background-color: #0050943f;
-  height: 100%;
-  overflow: hidden;
-}
-.dv-border-box-8 {
-  margin-bottom: 10px;
-}
-.center {
-  flex: 4;
-}
-.center .top {
-  display: flex;
-  justify-content: space-between;
-}
-.center .top .box {
-  flex: 1;
-  margin: 0 10px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #40a9ff;
-}
-.t {
-  padding: 15px 0;
-  display: flex;
-  align-items: center;
-  font-size: 20px;
-  font-weight: 600;
-  background-color: rgba(59, 211, 255, 0.05);
-}
-.t {
-  padding: 15px 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(59, 211, 255, 0.26);
-}
-.b {
-  padding: 15px 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  background-color: rgba(59, 211, 255, 0.16);
-  padding: 15px 0;
-}
-.b span {
-  color: #40a9ff;
-  font-size: 34px;
-  font-weight: 900;
-}
-.t img {
-  margin-right: 10px;
-}
-.box > div {
-  width: 100%;
-}
-.box > img {
-  width: 40px;
-}
-.box > div p {
-  font-size: 16px;
-  color: #e1e3ef;
-}
-.box > div span {
-  display: inline-block;
-  font-size: 28px;
-  margin-right: 5px;
-  font-weight: 600;
-  margin-top: 5px;
-}
-.footer {
-  position: fixed;
-  bottom: 0;
-  padding: 10px;
-  display: flex;
-  background-color: rgba(0, 0, 0, 0.5);
-  width: 100%;
-}
-.footer a {
-  flex: 1;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  color: #fff;
-  background: url('../groupImg/footer-item.png') no-repeat;
-  background-size: 100% 100%;
-}
-.footer a:hover {
-  background: url('../groupImg/footer-item-checked.png') no-repeat;
-  background-size: 100% 100%;
-}
-.my-panel .content {
-  height: calc(28vh - 60px);
-}
-.panel-title {
-  position: relative;
-  text-align: center;
-  height: 50px;
-  line-height: 50px;
-}
-.panel-title .text {
-  font-size: 20px;
-  font-weight: 600;
-  color: #05fbfe;
-  text-shadow: 0px 2px 10px rgba(10, 30, 52, 0.48);
-  background: linear-gradient(0deg, #ffffff 0%, #63dcff 0%, #e0f3ff 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  position: relative;
-}
-.panel-title .text::before {
-  position: absolute;
-  content: ' ';
-  top: 10px;
-  left: -40px;
-  width: 30px;
-  height: 10px;
-  background: url('../groupImg/title-left.png') no-repeat;
-}
-.panel-title .text::after {
-  position: absolute;
-  content: ' ';
-  top: 10px;
-  right: -40px;
-  width: 30px;
-  height: 10px;
-  background: url('../groupImg/title-right.png') no-repeat;
-}
-.panel-title .right-opr {
-  position: absolute;
-  right: 0;
-  width: 80px;
-}
-.boxs {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 10px;
-  color: #40a9ff;
-}
-.boxs > div {
-  flex: 0 0 50%;
-  background: url('../groupImg/left1-bg.png') no-repeat center;
-  background-size: 106% 124%;
-  padding: 20px 30px;
-}
-.boxs > div > p {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-.boxs > div > p:nth-child(2) {
-  margin-top: 10px;
-}
-.boxs .name {
-  color: #f3f3f3;
-}
-.boxs .change {
-  color: #32edaa;
-}
-.boxs .change.up {
-  color: #ed3248;
-}
-.boxs .num {
-  font-size: 24px;
-  font-weight: 600;
-  margin-right: 5px;
-}
-.boxs .el-icon-more {
-  font-size: 25px;
-}
-
-.list {
-  padding: 15px;
-}
-.list .list-item {
-  display: flex;
-  margin-bottom: 15px;
-}
-.list .list-item i {
-  padding: 8px 10px;
-  color: #40a9ff;
-  border: 1px solid #40a9ff;
-  border-radius: 8px;
-  margin-right: 15px;
-}
-.list-item .value {
-  align-self: end;
-  margin-left: 10px;
-}
-.list-item .flex1 p {
-  margin-bottom: 10px;
-}
-.el-progress-bar__outer {
-  background-color: #005094;
-}
-.tooltip-cont {
-  margin: -15px;
-  border: 1px solid #3699ff;
-  border-radius: 8px;
-  padding: 15px;
-  background-color: rgb(39 122 145 / 0.36);
-}
-.tooltip-cont p {
-  line-height: 1.8;
-  color: #f3f3f3;
-  position: relative;
-  padding-left: 12px;
-}
-.tooltip-cont p::before {
-  position: absolute;
-  display: inline-block;
-  content: '';
-  left: 0px;
-  top: 10px;
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background-color: #40a9ff;
-}
-.tooltip-cont span {
-  color: #69c0ff;
-}
-.right-date {
-  position: absolute;
-  right: 15px;
-  width: 85px;
-}
-.date-popper {
-  background-color: #20414b;
-  border: 1px solid #3699ff;
-  border-radius: 8px;
-}
-.el-popper[x-placement^='bottom'] .popper__arrow {
-  border-bottom-color: #3699ff;
-}
-.el-popper[x-placement^='bottom'] .popper__arrow::after {
-  border-bottom-color: #20414b;
-}
-.date-popper .el-date-picker__header-label {
-  color: #d6cfcf;
-}
-.el-picker-panel__icon-btn {
-  color: #fff;
-}
-.date-popper .el-year-table td {
-  padding: 10px 3px;
-}
-.date-popper .el-year-table td .cell {
-  color: #d6cfcf;
-}
-.right-date .el-date-editor--year {
-  width: 100%;
-}
-.right-date .el-date-editor--year .el-input__inner {
-  background: rgba(0, 80, 148, 0.3);
-  border: 1px solid #21c1ff;
-  border-radius: 4px 12px 4px 4px;
-  color: #fff;
-  padding: 0 15px;
-}
-.right-date .el-date-editor--year .el-input__prefix {
-  left: auto;
-  right: 5px;
-  color: #40a9ff;
-}
-.el-progress__text {
-  color: #fff;
-}
-.map-box {
-  height: 100%;
-  position: relative;
-  padding: 30px 0;
-}
-.status {
-  position: absolute;
-  bottom: 20px;
-  left: 15px;
-  background-color: rgba(3, 10, 12, 0.46);
-  border: 1px solid #afadad;
-}
-.status p {
-  background-color: rgb(39 122 145 / 0.56);
-  line-height: 35px;
-  text-align: center;
-  font-size: 16px;
-  color: #40a9ff;
-}
-.status li {
-  line-height: 25px;
-  padding-right: 15px;
-}
-.status i {
-  font-size: 16px;
-  font-weight: 600;
-  color: #40a9ff;
-}
-.dv-scroll-board .header {
-  font-weight: 600 !important;
-  color: #2abbff;
-}
-.warp {
-  height: 190px;
-  overflow: hidden;
-}
-
-.tip-window {
-  margin-right: 50px;
-  margin-top: 10px;
-  color: #69c0ff;
-  display: inline-block;
-  width: 142px;
-  height: 50px;
-  line-height: 50px;
-  text-align: center;
-  background-color: rgba(64, 169, 255, 0.12);
-  border: 2px solid #40a9ff;
-  border-radius: 8px;
-  cursor: pointer;
-}
-.tip {
-  /* position: fixed;
-  background-color: rgba(0, 0, 0, 0.5);
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0; */
-}
-.tip-box {
-  z-index: 9;
-  position: fixed;
-  /* top: 35%;
-  left: 32.5%; */
-  /* width: 35%;
-  height: 30%; */
-  width: 900px;
-  height: 56vh;
-  top: calc(50% - 26vh);
-  left: calc(50% - 450px);
-  background: url('../groupImg/alert.png') no-repeat center;
-  /* background-color: #133b65; */
-  background-size: 100% 100%;
-  padding: 100px 60px 50px;
-}
-.tip-box > div {
-  font-size: 42px;
-  line-height: 70px;
-}
-.tip-content {
-  height: 56vh;
-  overflow: auto;
-  padding-right: 15px;
-  margin-top: 2%;
-}
-.tip-content .content {
-  height: calc(56vh - 60px);
-  width: 400px;
-}
-div::-webkit-scrollbar {
-  width: 4px;
-}
-div::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: rgba(64, 169, 255, 0.6);
-}
-div::-webkit-scrollbar-track {
-  border-radius: 0;
-  background: rgba(64, 169, 255, 0.3);
-}
-.goBack {
-  width: 40px;
-  height: 40px;
-  position: absolute;
-  top: 10px;
-  left: 70px;
-  z-index: 999;
-  cursor: pointer;
-}
-div {
-  overflow: hidden;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.row-item{
-  cursor: pointer;
-}

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä