update

stock-forcast-web/src/main.js.bak

@@ -1,19 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import './assets/global.css'
-import * as ElIcons from '@element-plus/icons-vue'
-import request from './request/request'
-
-const app = createApp(App)
-for (const icname in ElIcons){
-    app.component(icname,ElIcons[icname])
-}
-app.config.globalProperties.$http = request
-app.use(store)
-app.use(router)
-app.use(ElementPlus,{size: 'default'})
-app.mount('#app')

stock-forcast-web/views/homeData/index.vue

@@ -1,7 +1,6 @@
  /**
  * @Author moxianchengbao
  */
-
 <template>
   <div id="main"><br>
     <el-row :gutter="12" style="margin-bottom: 20px">

stock-forcast-web/views/homeData/index.vue.bak

@@ -0,0 +1,152 @@
+ /**
+ * @Author moxianchengbao
+ */
+
+<template>
+  <div id="main"><br>
+    <el-row :gutter="12" style="margin-bottom: 20px">
+      <el-col :span="6">
+        <el-card shadow="always">
+          <div style="color:#53a8ff;font-size: large"><el-icon><component :is="User"></component></el-icon> 欢迎您</div>
+          <div style="padding: 10px 0;text-align: center;font-weight: bold;color: #42b983;font-size: larger" >{{ localName }}</div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="always">
+          <div style="color: #53a8ff;font-size: large"><el-icon><component :is="Timer"></component></el-icon> 今天是：{{ dateFormat(new Date()) }}</div>
+          <div style="padding: 10px 0;text-align: center;font-weight: bold;color: #53a8ff;font-size: larger" >{{ weekday }}</div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+          <el-card shadow="always">
+            <div style="color:  #21b9a7;font-size: large"><el-icon><component :is="List"></component></el-icon> 各类模型占比</div>
+            <div style="padding: 10px 0;text-align: center;font-weight: bold;color:#21b9a7;font-size: larger" >{{ modelTypeCnt }}</div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card shadow="always">
+            <div style="color:  #b121bd;font-size: large"><el-icon><component :is="Tickets"></component></el-icon> 模型应用分布</div>
+            <div style="padding: 10px 0;text-align: center;font-weight: bold;color: #b121bd;font-size: larger" >{{ modelApplyStatus }}</div>
+          </el-card>
+        </el-col>
+
+      <el-col :span="6">
+          <el-card shadow="always">
+            <div style="color:  #b121bd;font-size: large"><el-icon><component :is="Tickets"></component></el-icon> 模型数量每月增长趋势</div>
+            <div style="padding: 10px 0;text-align: center;font-weight: bold;color: #b121bd;font-size: larger" >{{ modelIncreaseStatus }}</div>
+          </el-card>
+        </el-col>
+
+      </el-row>
+
+
+    <div style="margin-top: 100px">
+      <el-descriptions
+          title="登陆者信息"
+          direction="vertical"
+          :column="4"
+          :size="size"
+          border
+      >
+        <el-descriptions-item label="操作系统">{{requestInfo.osName}}</el-descriptions-item>
+        <el-descriptions-item label="浏览器">{{requestInfo.browserName}}</el-descriptions-item>
+        <el-descriptions-item label="版本" :span="2">{{requestInfo.browserVersion}}</el-descriptions-item>
+        <el-descriptions-item label="IP地址">{{requestInfo.ip}}
+        </el-descriptions-item>
+      </el-descriptions>
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+import {Timer,List,Tickets,User} from '@element-plus/icons-vue'
+// import {ElMessage} from "element-plus";
+export default {
+  name: "index",
+  components:{
+    Timer,List,Tickets,User
+  },
+  data(){
+    return{
+      weekday: '', //星期
+      Timer,List,Tickets,User,
+      localName: '魔仙堡',
+      modelTypeCnt: 0 ,
+      modelApplyStatus: 0,
+      modelIncreaseStatus:[],
+      pieData: [],
+      requestInfo:[]
+    }
+  },
+  methods:{
+    getinfo(){
+      this.$http.get("/user/getUserInfo").then(res=>{
+        if(res.statusCode == '200'){
+          this.requestInfo = res.data
+        }
+      })
+    },
+    getModelTypeCnt(){  
+      this.$http.post("/model/getModelTypeCnt").then(res=>{
+        if(res.statusCode == '200'){
+          this.modelTypeCnt = res.data
+        }
+      })
+    },
+    getModelApplyStatus(){  
+      this.$http.post("/model/getModelApplyStatus").then(res=>{
+        if(res.statusCode == '200'){
+          this.modelApplyStatus = res.data
+        }
+      })
+    },
+    getModelIncreaseStatus(){  
+      this.$http.post("/model/modelIncreaseStatus").then(res=>{
+        if(res.statusCode == '200'){
+          this.modelIncreaseStatus = res.data
+        }
+      })
+    },
+    getuserName(){ //获取当前用户名
+      let token = localStorage.getItem('token')
+      this.$http.post("/user/getUserNameByToken",token).then(res=>{
+        if(res.statusCode == '200'){
+          this.localName = res.data
+        }
+      })
+    },
+    dateFormat () { //时间处理
+      var date = new Date()
+      var year = date.getFullYear()
+      var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
+      var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
+      // var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
+      // var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
+      // var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
+      let week = date.getDay() // 星期
+      let weekArr = [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ]
+      this.weekday = weekArr[week]
+      // return year + '年' + month + '月' + day + '日 ' + hours + ':' + minutes + ':' + seconds + ' ' + weekArr[week]
+      return year + '年' + month + '月' + day + '日 '
+    }
+  },
+  created() {
+    this.getuserName()
+    this.getModelTypeCnt()
+    this.getModelApplyStatus()
+    this.getModelIncreaseStatus()
+    this.getinfo()
+  }
+
+}
+</script>
+
+<style scoped>
+#main{
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+</style>