From 35c2972e1589f801dabe1c7168e17f5a1298c2ad Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Fri, 11 Oct 2024 18:01:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95=EF=BC=8C?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=95=B0=E6=8D=AE=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hbuilderx/launch.json                        |  32 +++--
 api/phaseTwo/homePage.js                      |  10 ++
 config.js                                     |  26 ++--
 .../index/components/bar-charts-model.vue     |  32 +++--
 .../index/components/pie-charts-model.vue     |  71 +++++++---
 pages/realName/index/index.vue                | 134 ++++++++++--------
 6 files changed, 183 insertions(+), 122 deletions(-)
 create mode 100644 api/phaseTwo/homePage.js

diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
index 582561b..4ccd172 100644
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
@@ -1,16 +1,20 @@
-{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
-  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
-    "version": "0.0",
-    "configurations": [{
-     	"app-plus" : 
-     	{
-     		"launchtype" : "local"
-     	},
-     	"default" : 
-     	{
-     		"launchtype" : "local"
-     	},
-     	"type" : "uniCloud"
-     }
+{
+    // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+    // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version" : "0.0",
+    "configurations" : [
+        {
+            "app-plus" : {
+                "launchtype" : "local"
+            },
+            "default" : {
+                "launchtype" : "local"
+            },
+            "type" : "uniCloud"
+        },
+        {
+            "playground" : "custom",
+            "type" : "uni-app:app-android"
+        }
     ]
 }
diff --git a/api/phaseTwo/homePage.js b/api/phaseTwo/homePage.js
new file mode 100644
index 0000000..f71e52b
--- /dev/null
+++ b/api/phaseTwo/homePage.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 获取首页数据
+export function getHomePageListApi(data) {
+  return request({
+    url: '/bmw/homePage/getAppHomePageData',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/config.js b/config.js
index 5d7fa9e..a7c1f72 100644
--- a/config.js
+++ b/config.js
@@ -25,15 +25,15 @@
 module.exports = {
   // baseUrl:'/prod-api',
   // http://192.168.0.14:19999
-  // loginBaseUrl:'http://112.29.103.165:1616',
-  loginBaseUrl:'http://192.168.0.14:27018',
+  loginBaseUrl: 'http://112.29.103.165:1616',
+  // loginBaseUrl: 'http://192.168.0.14:27018',
   // loginBaseUrl:'http://192.168.0.14:19999',
   // baseUrl:'http://192.168.0.14:2900',
-  baseUrl:'http://192.168.0.14:19999',
+  baseUrl: 'http://192.168.0.14:19999',
   // loginUrl: 'http://112.29.103.165:1616',
   login: 'http://192.168.0.14:19200',
   // 图片展示基础地址
-  fileUrl:'http://192.168.0.14:19999/exam-file/',
+  fileUrl: 'http://192.168.0.14:19999/exam-file/',
   // 上传文件地址
   uploadUrl: 'http://192.168.0.14:19999/exam-file/file/uploadBase64',
   bmwUrl: 'http://192.168.0.14:19999/exam-bmw',
@@ -43,21 +43,21 @@ module.exports = {
   tjFile: 'http://192.168.0.14:18077/medicalDocumentation/statics/',
 
   //实名制移动端-登录接口
-  realLoginUrl:'http://192.168.0.14:9200/',
+  realLoginUrl: 'http://192.168.0.14:9200/',
   //实名制移动端-移动
-  realAppUrl:'http://192.168.0.14:1913/app',  
+  realAppUrl: 'http://192.168.0.14:1913/app',
   //实名制移动端-安培
-  realExamUrl:'http://192.168.0.14:1910',
+  realExamUrl: 'http://192.168.0.14:1910',
   //实名制移动端-文件
-  realFileUrl:'http://192.168.0.14:1909/file/',
+  realFileUrl: 'http://192.168.0.14:1909/file/',
   //实名制移动端
-  realBmwUrl:'http://192.168.0.14:1911/bmw',
-  
-    // 应用信息
+  realBmwUrl: 'http://192.168.0.14:1911/bmw',
+
+  // 应用信息
   appInfo: {
     // 应用名称
-    name: "作业管控智慧平台",
+    name: '作业管控智慧平台',
     // 应用版本
-    version: "1.1.0",
+    version: '1.1.0'
   }
 }
diff --git a/pages/realName/index/components/bar-charts-model.vue b/pages/realName/index/components/bar-charts-model.vue
index bc4535d..d763794 100644
--- a/pages/realName/index/components/bar-charts-model.vue
+++ b/pages/realName/index/components/bar-charts-model.vue
@@ -5,6 +5,7 @@
 </template>
 
 <script>
+import { getHomePageListApi } from '@/api/phaseTwo/homePage'
 export default {
   data() {
     return {
@@ -143,19 +144,24 @@ export default {
   methods: {
     getServerData() {
       //模拟从服务器获取数据时的延时
-      setTimeout(() => {
-        //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
-        let res = {
-          categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'],
-          series: [
-            {
-              name: '目标值',
-              data: [35, 36, 31, 33, 13, 34]
-            }
-          ]
-        }
-        this.chartData = JSON.parse(JSON.stringify(res))
-      }, 500)
+
+      getHomePageListApi().then(res => {
+        const { constructionLine, infrastructureSubstation, productionLine, productionSubstation, network, other } =
+          res.data.proMsgBean
+        setTimeout(() => {
+          //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
+          let data = {
+            categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'],
+            series: [
+              {
+                name: '目标值',
+                data: [constructionLine, infrastructureSubstation, productionLine, productionSubstation, network, other]
+              }
+            ]
+          }
+          this.chartData = JSON.parse(JSON.stringify(data))
+        }, 500)
+      })
     }
   }
 }
diff --git a/pages/realName/index/components/pie-charts-model.vue b/pages/realName/index/components/pie-charts-model.vue
index 537470c..c00f72b 100644
--- a/pages/realName/index/components/pie-charts-model.vue
+++ b/pages/realName/index/components/pie-charts-model.vue
@@ -1,10 +1,11 @@
 <template>
-  <view class="charts-box">
+  <view class="charts-container">
     <qiun-data-charts type="rose" :opts="opts" :chartData="chartData" />
   </view>
 </template>
 
 <script>
+import { getHomePageListApi } from '@/api/phaseTwo/homePage'
 export default {
   data() {
     return {
@@ -30,8 +31,8 @@ export default {
           position: 'right',
           lineHeight: 25,
           float: 'right',
-          padding: 5,
-          margin: 15,
+          padding: 25,
+          margin: 5,
           backgroundColor: 'rgba(0,0,0,0)',
           borderColor: 'rgba(0,0,0,0)',
           borderWidth: 0,
@@ -90,24 +91,52 @@ export default {
   methods: {
     getServerData() {
       //模拟从服务器获取数据时的延时
-      setTimeout(() => {
-        //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
-        let res = {
-          series: [
-            {
-              data: [
-                { name: '110kv', value: 8, legendText: `110kv        ${31}` },
-                { name: '220kv', value: 10, legendText: `110kv        ${31}` },
-                { name: '500kv', value: 20, legendText: `110kv        ${31}` },
-                { name: '800kv', value: 18, legendText: `110kv        ${31}` },
-                { name: '1000kv及以上', value: 6, legendText: `110kv        ${31}` },
-                { name: '其他', value: 6, legendText: `110kv        ${31}` }
-              ]
-            }
-          ]
-        }
-        this.chartData = JSON.parse(JSON.stringify(res))
-      }, 500)
+
+      getHomePageListApi().then(res => {
+        setTimeout(() => {
+          const { level110, level220, level500, level800, level1000, levelOther } = res.data.proMsgBean
+          //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
+          let data = {
+            series: [
+              {
+                data: [
+                  {
+                    name: '110kv',
+                    value: level110,
+                    legendText: `110kv       ${level110}`
+                  },
+                  {
+                    name: '220kv',
+                    value: level220,
+                    legendText: `220kv       ${level220}`
+                  },
+                  {
+                    name: '500kv',
+                    value: level500,
+                    legendText: `500kv       ${level500}`
+                  },
+                  {
+                    name: '800kv',
+                    value: level800,
+                    legendText: `800kv       ${level800}`
+                  },
+                  {
+                    name: '1000kv及以上',
+                    value: level1000,
+                    legendText: `1000kv及以上 ${level1000}`
+                  },
+                  {
+                    name: '其他',
+                    value: levelOther,
+                    legendText: `其他         ${levelOther}`
+                  }
+                ]
+              }
+            ]
+          }
+          this.chartData = JSON.parse(JSON.stringify(data))
+        }, 500)
+      })
     }
   }
 }
diff --git a/pages/realName/index/index.vue b/pages/realName/index/index.vue
index 3509397..296e9f2 100644
--- a/pages/realName/index/index.vue
+++ b/pages/realName/index/index.vue
@@ -22,8 +22,8 @@
               mode=""
             ></image>
             <text>今日考勤：6</text>
-            <text>今日考勤：6</text>
-            <text>今日考勤：6</text>
+            <text>固定人员：6</text>
+            <text>临时人员：0</text>
           </view>
           <view>
             <image
@@ -31,8 +31,8 @@
               src="../../../static/images/img-phase-two/index_img_one_att.png"
               mode=""
             ></image>
-            <text>在场考勤率：20%</text>
-            <text>计划考勤率：20%</text>
+            <text>在场考勤率：80.6%</text>
+            <text>计划考勤率：89.4%</text>
             <text class="none-box">计划考勤率：20%</text>
           </view>
         </swiper-item>
@@ -47,10 +47,10 @@
             <text>今日风险</text>
           </view>
           <view>
-            <text>高风险：0</text>
-            <text>中风险：0</text>
-            <text>低风险：0</text>
-            <text>计划作业人数：0</text>
+            <text>高风险：{{ einPersonNum }}</text>
+            <text>中风险：{{ mediumRiskNum }}</text>
+            <text>低风险：{{ lowRiskNum }}</text>
+            <text>计划作业人数：{{ planProNum }}</text>
           </view>
         </swiper-item>
         <!-- 轮播图 3 -->
@@ -61,9 +61,9 @@
               src="../../../static/images/img-phase-two/index_img_three_ein.png"
               mode=""
             ></image>
-            <text>在场人数：6</text>
-            <text>固定人数：6</text>
-            <text>临时人数：6</text>
+            <text>在场人数：{{ einPersonNum }}</text>
+            <text>固定人数：{{ attPersonNum }}</text>
+            <text>临时人数：{{ planPersonNum }}</text>
           </view>
           <view>
             <image
@@ -71,9 +71,9 @@
               src="../../../static/images/img-phase-two/index_img_three_light.png"
               mode=""
             ></image>
-            <text>绿灯人数：20%</text>
-            <text>黄灯人数：20%</text>
-            <text>红灯灯人数：20%</text>
+            <text>绿灯人数：{{ greenPersonNum }}</text>
+            <text>黄灯人数：{{ yellowPersonNum }}</text>
+            <text>红灯灯人数：{{ redPersonNum }}</text>
           </view>
         </swiper-item>
         <swiper-item class="item_4 swiper-item-container">
@@ -86,10 +86,10 @@
             <text>项目信息</text>
           </view>
           <view>
-            <text>在建工程：0</text>
-            <text>投入分包：0</text>
-            <text>在用班组：0</text>
-            <text>在场人员：0</text>
+            <text>在建工程：{{ buildProNum }}</text>
+            <text>投入分包：{{ subNum }}</text>
+            <text>在用班组：{{ teamNum }}</text>
+            <text>在场人员：{{ formalPersonNum }}</text>
           </view>
         </swiper-item>
       </swiper>
@@ -98,11 +98,15 @@
       <view class="today-warning">
         <image class="warning-img" src="../../../static/images/img-phase-two/index_news.png" mode=""></image>
         <text>今日风险</text>
-        <swiper class="swiper-warning" circular>
-          <swiper-item>高风险：0</swiper-item>
-          <swiper-item>中风险0</swiper-item>
-          <swiper-item>低风险0</swiper-item>
-        </swiper>
+        <view class="uni-notice-bar">
+          <uni-notice-bar
+            style="height: 100%"
+            :speed="30"
+            background-color="#fff"
+            scrollable
+            text="高风险：0      中风险：0      低风险：0     作业计划人数：0"
+          ></uni-notice-bar>
+        </view>
       </view>
 
       <!-- 数据概览 -->
@@ -247,15 +251,12 @@
 
 <script>
 import TabbarConfig from '../util/tabbar.js'
-// import face from '../../../uni_modules/mcc-face/index'
-import { getStudentStudyWorkList } from '@/api/eduApp'
 import config from '@/config'
 import AES from '@/utils/realNameAes.js'
-import * as echarts from 'echarts'
-
 import PieChartsModel from './components/pie-charts-model'
 import BarChartsModel from './components/bar-charts-model'
 import PieChartsModelRing from './components/pie-charts-model-ring'
+import { getHomePageListApi } from '@/api/phaseTwo/homePage'
 export default {
   components: {
     PieChartsModel,
@@ -385,35 +386,32 @@ export default {
           project_num: 160,
           textColor: '#25c294'
         }
-      ]
+      ],
+
+      /* 轮播图数据源 */
+      einPersonNum: 0,
+      mediumRiskNum: 0,
+      lowRiskNum: 0,
+      planProNum: 0,
+      redPersonNum: 0,
+      yellowPersonNum: 0,
+      greenPersonNum: 0,
+      einPersonNum: 0,
+      attPersonNum: 0,
+      planPersonNum: 0,
+      buildProNum: 0,
+      subNum: 0,
+      teamNum: 0,
+      subNum: 0,
+      formalPersonNum: 0
     }
   },
   onLoad() {
     console.log('?? ~ mounted ~ mounted-index:')
     this.getLogin()
-    // this.getMsgList()
+    this.getHomePageListData()
   },
 
-  onLoad() {
-    setTimeout(() => {
-      //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
-      let res = {
-        series: [
-          {
-            data: [
-              { name: '110kv', value: 8, labelShow: false },
-              { name: '220kv', value: 10, labelShow: false },
-              { name: '500kv', value: 20, labelShow: false },
-              { name: '800kv', value: 18, labelShow: false },
-              { name: '1000kv及以上', value: 6, labelShow: false },
-              { name: '其他', value: 6, labelShow: false }
-            ]
-          }
-        ]
-      }
-      this.chartData = JSON.parse(JSON.stringify(res))
-    }, 500)
-  },
   methods: {
     getLogin() {
       const realParams = {
@@ -593,18 +591,32 @@ export default {
 
       // 载入图表
       this.pieChart.setOption(option)
+    },
+
+    /* 获取首页数据 */
+    async getHomePageListData() {
+      const { data: res } = await getHomePageListApi({})
+      // console.log('首页数据', res)
+      // this.swiperInfo = res
+      this.einPersonNum = res.personAtt.highRiskNum
+      this.mediumRiskNum = res.personAtt.mediumRiskNum
+      this.lowRiskNum = res.personAtt.lowRiskNum
+      this.planProNum = res.personAtt.planProNum
+      this.redPersonNum = res.personAtt.redPersonNum
+      this.yellowPersonNum = res.personAtt.yellowPersonNum
+      this.greenPersonNum = res.personAtt.greenPersonNum
+
+      this.einPersonNum = res.personAtt.einPersonNum
+      this.attPersonNum = res.personAtt.attPersonNum
+      this.planPersonNum = res.personAtt.planPersonNum
+
+      this.buildProNum = res.personAtt.buildProNum
+      this.teamNum = res.personAtt.teamNum
+      this.subNum = res.personAtt.subNum
+      this.formalPersonNum = res.personAtt.formalPersonNum
     }
   },
-  onShow() {
-    // this.initChart()
-    /*uni.showModal({
-        title: '人脸识别',
-        content: '开启人脸识别？',
-        success:(res) => {
-          if(res.confirm) this.openFaceScan()
-        }
-      })*/
-  }
+  onShow() {}
 }
 </script>
 
@@ -812,10 +824,10 @@ export default {
       height: 46rpx;
     }
 
-    .swiper-warning {
+    .uni-notice-bar {
       flex: 1;
       height: 50rpx;
-      line-height: 50rpx;
+      // line-height: 50rpx;
       // background-color: orange;
     }
   }