界面交互

src/main.js

@@ -2,12 +2,16 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router';
 import store from './store'; // 导入你配置好的store
+import axios from 'axios'
+
+
 Vue.config.productionTip = false
 // 注册element-ui
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 Vue.use(ElementUI);
 
+axios.defaults.baseURL = "http://49.233.248.140:8081"
 
 new Vue({
   store,

src/views/AdminView.vue

@@ -8,7 +8,7 @@
         <el-card style="margin-top: 10px; height: 165px;">
           <el-row>
             <el-col :span="6">
-              <Alarm backgroudColor="#67c23a" :size="60">!</Alarm>
+              <Alarm :backgroudColor="bgColor" :size="60">!</Alarm>
             </el-col>
             <el-col :span="18">
               <div style="display: flex; justify-content: center; align-items: center;">
@@ -87,7 +87,8 @@ export default {
       intervalId: null,//
       AiMessage: [
       ],
-      time: "5000",//拍照时间间隔
+      time: "1000000",//拍照时间间隔
+      bgColor: "#67c23a",//报警颜色
     }
   },
   methods: {
@@ -162,6 +163,14 @@ export default {
           let Recievecontent = response.data.choices[0].message.content;
           let RecieveImgUrl = "http://49.233.248.140:8081/images/" + response.data.imgUrl;
           let RecieveTime = this.convertTimestampToDate(response.data.created);
+          let grade = response.data.grade;
+          if (grade === "一级") {
+            this.bgColor = "#ea8383";
+          } else if (grade === "二级") {
+            this.bgColor = "#e6a23c";
+          } else {
+            this.bgColor = "#67c23a";
+          }
           this.AiMessage.push({ content: Recievecontent, imgUrl: RecieveImgUrl, time: RecieveTime })
           console.log(this.AiMessage);
         }
@@ -230,9 +239,9 @@ export default {
         }, 2000);
     },
     timeGet() {
-      axios.get('http://49.233.248.140:8081/timeGet').then(response => {
-        if (response.data.msg === "ok") {
-          this.time = response.data.time;
+      axios.get('/timeGet').then(response => {
+        if (response.status === 200) {
+          this.time = response.data;
         }
       }).catch(error => {
         console.error('获取时间间隔时出错', error);
@@ -240,12 +249,13 @@ export default {
     },
     timeChange() {
       console.log(this.time);
-      axios.get('http://49.233.248.140:8081/timeChange', {
+      axios.get('/timeChange', {
         params: {
           time: this.time
         }
       }).then(response => {
-        if (response.data.msg === "ok") {
+        if (response.status === 200) {
+          this.timeGet();
           this.$message({
             message: '时间间隔修改成功！',
             type: 'success'
@@ -262,8 +272,8 @@ export default {
     }
   },
   mounted() {
-    this.getCompetence();
     this.timeGet();
+    this.getCompetence();
   },
 
 }

src/views/HospitalView.vue

@@ -19,7 +19,7 @@
             height="250"
           ></canvas>
           <div style="align-items: center">
-            <alarm v-show="isShow" :backgroudColor="color" :size="80">!</alarm>
+            <alarm  :backgroudColor="color" :size="80">!</alarm>
             <el-button style="margin-top: 10px" type="danger" @click="Alert()"
               >医疗出警</el-button
             >

src/views/User.vue

@@ -88,6 +88,8 @@ export default {
             that.issues();
             
           }else if(message.data == "三级"){
+            that.isShow = true;
+
             that.color = "green";
           }