From d291f8fd0844cf912805e69710d0cdf153f28b66 Mon Sep 17 00:00:00 2001
From: xbx <1827135378@qq.com>
Date: Thu, 4 Jul 2024 17:25:01 +0800
Subject: [PATCH] 2.0

---
 src/element/Alarm.vue      |  58 +++++---
 src/image/警报声.mp3       | Bin 0 -> 16031 bytes
 src/router/index.js        |  38 +++--
 src/view/adminView.vue     | 183 -----------------------
 src/views/AdminView.vue    | 287 +++++++++++++++++++++++++++++++++++++
 src/views/HospitalView.vue | 122 ++++++++++++++++
 src/views/User.vue         |   2 +-
 7 files changed, 473 insertions(+), 217 deletions(-)
 create mode 100644 src/image/警报声.mp3
 delete mode 100644 src/view/adminView.vue
 create mode 100644 src/views/AdminView.vue
 create mode 100644 src/views/HospitalView.vue

diff --git a/src/element/Alarm.vue b/src/element/Alarm.vue
index 2cbd6ae..68d1f51 100644
--- a/src/element/Alarm.vue
+++ b/src/element/Alarm.vue
@@ -1,10 +1,12 @@
 <template>
-  <div class="alarmOn" :style="alarmStyle">
-    <slot></slot>
+  <div class="alarmOn flashing" :style="alarmStyle">
+    <div class=" slot-content">
+      <slot></slot>
+    </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 export default {
   name: "Alarm",
   props: {
@@ -12,20 +14,28 @@ export default {
       type: String,
       default: "red",
     },
+    size:{
+        type: Number,
+        default: 100,
+    }
   },
   computed: {
     alarmStyle() {
       return {
-        background: this.backgroudColor,
+        '--size': `${this.size}px`,
+        borderColor: `transparent transparent ${this.backgroudColor} transparent`,
       };
     },
   },
 };
 </script>
-  
-  <style>
+
+<style lang="less" scoped>
+:root {
+  --size: 100px; /* 默认值 */
+}
 @keyframes flashing {
-    0% {
+  0% {
     opacity: 1;
   }
   50% {
@@ -35,21 +45,29 @@ export default {
     opacity: 1;
   }
 }
+
 .alarmOn {
   display: flex;
   justify-content: center;
   align-items: center;
-  position: absolute;
-
-  font-size: 100px;
+  position: relative;
+  font-size: var(--size);
   color: white;
-  height: 200px;
-
-  width: 200px;
-  /* background: var(--alarmStyle-color); */
-  border-radius: 50%;
-
-  animation: flashing 2000ms infinite ease-in-out;
+  width: 0;
+  height: 0;
+  border-left: var(--size) solid transparent;
+  border-right: var(--size) solid transparent;
+  border-bottom: calc(var(--size)*2) solid red;
 }
-</style>
-  
\ No newline at end of file
+
+.flashing {
+  animation: flashing 2s infinite ease-in-out;
+}
+
+.slot-content {
+  position: absolute;
+  top: var(--size); /* Adjust this value to center the content vertically */
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+</style>
\ No newline at end of file
diff --git a/src/image/警报声.mp3 b/src/image/警报声.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..7614b5c61dc4742ee78747d67dc09d902ef63284
GIT binary patch
literal 16031
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

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index c4fc03d..d38f208 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,24 +1,36 @@
 import Vue from 'vue';
 import Router from 'vue-router';
-import User from '@/views/User.vue';
+import UserView from '@/views/User.vue';
 import App from '@/App.vue';
+import AdminView from '@/views/AdminView.vue';
+import HospitalView from '@/views/HospitalView.vue';
 
 Vue.use(Router);
 
 
-const routes=[
+const routes = [
   {
-      path: '/',
-      name: 'App',
-      component: App,
-      children: [
-        {
-          path: 'user',
-          name: 'User',
-          component: User
-        }
-      
-      ]
+    path: '/',
+    name: 'App',
+    component: App,
+    children: [
+      {
+        path: 'user',
+        name: 'UserView',
+        component: UserView
+      },
+      {
+        path: 'admin',
+        name: 'AdminView',
+        component: AdminView
+      },
+      {
+        path: 'hospital',
+        name: 'HospitalView',
+        component: HospitalView
+      }
+
+    ]
   }
 
 ]
diff --git a/src/view/adminView.vue b/src/view/adminView.vue
deleted file mode 100644
index 3ddf8e1..0000000
--- a/src/view/adminView.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-    <div class="img_bg_camera">
-      <!-- 透明度 -->
-      <video id="videoCamera" autoplay hidden></video>
-      <canvas style="display:none; " id="canvasCamera" width="250" height="250"></canvas>
-      <div style="display: flex; justify-content: center; align-items: center; height: 102vh;">
-        <el-card class="contain" style="display: flex; justify-content: center; align-items: center;">
-          <p>标题</p>
-          <el-card style="width: 1100px; height: 450px;">
-            <!-- 返回的内容展示 -->
-            <div style="height: 400px; overflow-y: auto;">
-              <div style="display: flex; align-items: flex-start; justify-content: flex-start;">
-                <el-tag style="font-size: 14px; font-weight: bold;">分析结果：</el-tag>
-              </div>
-              <div v-for="apiMessage in AiMessage" :key="apiMessage">
-                <el-card style="margin: 10px;">
-                  <p>{{ apiMessage }}</p>
-                </el-card>
-              </div>
-            </div>
-          </el-card>
-          <el-button style="margin-top: 10px;" type="success" @click="setImage()">开启识别</el-button>
-          <el-button style="margin-top: 10px;" type="warning" @click="stopImageCapture()">停止识别</el-button>
-  
-        </el-card>
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  import axios from 'axios';
-  
-  export default {
-    data() {
-      return {
-        imgif: false,
-        videoWidth: 250,
-        videoHeight: 250,
-        imgSrc: '',
-        thisCancas: null,
-        thisContext: null,
-        thisVideo: null,
-        imga: '',
-        intervalId: null,//
-        AiMessage: [
-        ],
-      }
-  
-    },
-    methods: {
-      getCompetence() {
-        this.thisCancas = document.getElementById('canvasCamera');
-        this.thisContext = this.thisCancas.getContext('2d');
-        this.thisVideo = document.getElementById('videoCamera');
-  
-        // 简化对 navigator.mediaDevices 的支持检查
-        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
-          console.error('浏览器不支持 mediaDevices API');
-          return;
-        }
-  
-        const constraints = {
-          audio: false,
-          video: {
-            width: this.videoWidth,
-            height: this.videoHeight,
-            transform: 'scaleX(-1)'
-          }
-        };
-  
-        navigator.mediaDevices.getUserMedia(constraints).then(stream => {
-          // 使用现代方式设置视频流
-          this.thisVideo.srcObject = stream;
-          this.thisVideo.onloadedmetadata = () => {
-            this.thisVideo.play();
-          };
-          console.log("打开摄像头");
-        }).catch(err => {
-          console.error('获取媒体输入失败', err);
-        });
-      },
-      //  绘制图片（拍照功能）
-      sendImageToServer(imgData) {
-        axios.post('http://124.71.135.249:8081/apiSend', {
-          image: imgData
-        }).then(response => {
-          if (response.data.msg === "ok") {
-            this.$message({
-              message: '图像识别成功！',
-              type: 'success'
-            });
-            console.log(response.data.choices[0].message.content, "返回的数据");
-            this.AiMessage.push(response.data.choices[0].message.content)
-            console.log(this.AiMessage);
-          }
-        }).catch(error => {
-          console.error('发送图片时出错', error);
-        });
-      },
-      setImage() {
-        console.log("开始拍照")
-        this.$message({
-          message: '开始识别',
-          type: 'success'
-        });
-        this.imgif = true;
-        var _this = this;
-        // 如果已经有一个定时器在运行，先清除它
-        if (this.intervalId) {
-          clearInterval(this.intervalId);
-        }
-        // 设置定时器，每五秒拍照一次
-        this.intervalId = setInterval(function () {
-          // 点击，canvas画图
-          _this.thisContext.drawImage(_this.thisVideo, 0, 0, 250, 250);
-          console.log(_this.thisContext);
-  
-          // 获取图片base64链接
-          var image = _this.thisCancas.toDataURL('image/png');
-          _this.imgSrc = image;
-          window.sessionStorage.setItem("img", _this.imgSrc);
-          _this.sendImageToServer(_this.imgSrc);
-          console.log(_this.imgSrc, "图片显示");
-  
-        }, 5000); // 5000毫秒 = 5秒
-      },
-      // 创建一个新方法来停止拍照
-      stopImageCapture() {
-        if (this.intervalId) {
-          this.$message({
-            message: '停止识别',
-            type: 'warning'
-          });
-          clearInterval(this.intervalId);
-          console.log("停止拍照");
-        }
-      },
-      //关闭摄像头并上传数据
-      openFullScreen1() {
-        this.thisVideo.srcObject.getTracks()[0].stop(),//关闭摄像头
-  
-          setTimeout(() => {
-            // var file = this.imga.substr(22)
-            this.imga = window.sessionStorage.getItem("img")
-            var file = this.imga
-            console.log(file);
-            //base64数据放formData里面
-            var formData = new FormData(); //*
-            formData.append("multipartFile", file); //*
-            // formData.append("password", this.ruleForm.password); //*
-            // formData.append("username", this.ruleForm.name); //*
-            console.log(formData, 'formData');
-            //自己配置axios。
-            // this.$http.post('url接口', formData).then(res => {
-            //   console.log(res);
-  
-            // })
-          }, 2000);
-      },
-    },
-    mounted() {
-      this.getCompetence();
-    },
-  
-  }
-  </script>
-  <style lang="less" scoped>
-  // 设置背景图片
-  .img_bg_camera {
-    background-image: url(../image/back.png);
-    background-size: 100% 100%;
-    height: 700px;
-    width: 100%;
-    margin: 0 auto;
-    text-align: center;
-  }
-  
-  .contain {
-    height: 80%;
-    width: 80%;
-    opacity: 0.9;
-  }
-  </style>
\ No newline at end of file
diff --git a/src/views/AdminView.vue b/src/views/AdminView.vue
new file mode 100644
index 0000000..14e0bc9
--- /dev/null
+++ b/src/views/AdminView.vue
@@ -0,0 +1,287 @@
+<template>
+  <div class="img_bg_camera">
+    <el-row :gutter="10" style="padding: 10px; opacity: 0.9;">
+      <el-col :span="8">
+        <el-card style="margin-top: 10px;">
+          <video style="height: 400px; padding: 10px;" id="videoCamera" autoplay></video>
+        </el-card>
+        <el-card style="margin-top: 10px; height: 165px;">
+          <el-row>
+            <el-col :span="6">
+              <Alarm backgroudColor="#67c23a" :size="60">!</Alarm>
+            </el-col>
+            <el-col :span="18">
+              <div style="display: flex; justify-content: center; align-items: center;">
+                <p>数据采集间隔：</p>
+                <el-select v-model="time" placeholder="时间" style="width: 90px;">
+                  <el-option label="5秒钟" :value="5000"></el-option>
+                  <el-option label="15秒钟" :value="15000"></el-option>
+                  <el-option label="30秒钟" :value="30000"></el-option>
+                </el-select>
+                <el-button style="margin-left: 10px;" type="primary" @click="timeChange()">确定</el-button>
+              </div>
+              <el-button style="margin-top: 10px;" type="danger" @click="Medicalalarm()">医疗报警</el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+      <el-col :span="16">
+        <el-card style="margin-top: 10px;">
+          <canvas style="display:none; " id="canvasCamera" width="250" height="250"></canvas>
+          <div style="display: flex; justify-content: center; align-items: center; height: 85vh;">
+            <el-card class="contain" style="display: flex; justify-content: center; align-items: center;">
+              <p>标题</p>
+              <div style="width: 850px; height: 570px;">
+                <!-- 返回的内容展示 -->
+                <div style="display: flex; align-items: flex-start; justify-content: flex-start; padding-bottom: 10px;">
+                  <el-tag style="font-size: 14px; font-weight: bold;">分析结果：</el-tag>
+                </div>
+                <div style="height: 450px; overflow-y: auto; ">
+                  <div v-for="apiMessage in AiMessage" :key="apiMessage">
+                    <el-card style="margin: 10px;">
+                      <div style="display: flex; align-items: center;">
+                        <el-row>
+                          <el-col :span="4">
+                            <img :src="apiMessage.imgUrl" alt="图片" v-if="imgif"
+                              style="width: 100px; height: 100px; margin-right: 10px;">
+                            <el-tag>{{ apiMessage.time }}</el-tag>
+                          </el-col>
+                          <el-col :span="20">
+                            <p>{{ apiMessage.content }}</p>
+                          </el-col>
+                        </el-row>
+                      </div>
+                    </el-card>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-button style="margin-top: 10px;" type="success" @click="setImage()">开启识别</el-button>
+    <el-button style="margin-top: 10px;" type="warning" @click="stopImageCapture()">停止识别</el-button>
+
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+import Alarm from '@/element/Alarm.vue';
+
+export default {
+  components: {
+    Alarm
+  },
+  data() {
+    return {
+      imgif: false,
+      videoWidth: 250,
+      videoHeight: 250,
+      imgSrc: '',
+      thisCancas: null,
+      thisContext: null,
+      thisVideo: null,
+      imga: '',
+      intervalId: null,//
+      AiMessage: [
+      ],
+      time: "5000",//拍照时间间隔
+    }
+  },
+  methods: {
+    getCompetence() {
+      this.thisCancas = document.getElementById('canvasCamera');
+      this.thisContext = this.thisCancas.getContext('2d');
+      this.thisVideo = document.getElementById('videoCamera');
+
+      // 简化对 navigator.mediaDevices 的支持检查
+      if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        console.error('浏览器不支持 mediaDevices API');
+        return;
+      }
+
+      // 获取所有视频输入设备
+      navigator.mediaDevices.enumerateDevices().then(devices => {
+        const videoDevices = devices.filter(device => device.kind === 'videoinput');
+
+        if (videoDevices.length === 0) {
+          console.error('没有找到视频输入设备');
+          return;
+        }
+
+        // 假设你想使用第一个外设摄像头
+        const externalCamera = videoDevices[0].deviceId;
+
+        const constraints = {
+          audio: false,
+          video: {
+            deviceId: { exact: externalCamera },
+            width: this.videoWidth,
+            height: this.videoHeight,
+            transform: 'scaleX(-1)'
+          }
+        };
+
+        navigator.mediaDevices.getUserMedia(constraints).then(stream => {
+          // 使用现代方式设置视频流
+          this.thisVideo.srcObject = stream;
+          this.thisVideo.onloadedmetadata = () => {
+            this.thisVideo.play();
+          };
+          console.log("打开摄像头");
+        }).catch(err => {
+          console.error('获取媒体输入失败', err);
+        });
+      }).catch(err => {
+        console.error('获取设备列表失败', err);
+      });
+    },
+    // 将时间戳转换为日期格式
+    convertTimestampToDate(timestamp) {
+      const date = new Date(timestamp * 1000);
+      const formattedDate = date.toLocaleString();
+      return formattedDate;
+    },
+    //  绘制图片（拍照功能）
+    sendImageToServer(imgData) {
+      this.$message({
+        message: '已完成一次数据采集，正在分析...',
+        type: 'info'
+      });
+      axios.post('http://49.233.248.140:8081/apiSend', {
+        image: imgData
+      }).then(response => {
+        if (response.data.msg === "ok") {
+          this.$message({
+            message: '图像数据分析成功！',
+            type: 'success'
+          });
+          console.log(response.data, "返回的数据");
+          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);
+          this.AiMessage.push({ content: Recievecontent, imgUrl: RecieveImgUrl, time: RecieveTime })
+          console.log(this.AiMessage);
+        }
+      }).catch(error => {
+        console.error('发送图片时出错', error);
+      });
+    },
+    setImage() {
+      console.log("开始拍照")
+      this.imgif = true;
+      var _this = this;
+      // 如果已经有一个定时器在运行，先清除它
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+      }
+      // 立即拍照一次
+      this.captureImage();
+      // 设置定时器，每隔time秒拍照一次
+      this.intervalId = setInterval(function () {
+        _this.captureImage();
+      }, this.time); // 根据用户选择的时间间隔
+    },
+    captureImage() {
+      // 点击，canvas画图
+      this.thisContext.drawImage(this.thisVideo, 0, 0, 250, 250);
+      console.log(this.thisContext);
+
+      // 获取图片base64链接
+      var image = this.thisCancas.toDataURL('image/png');
+      this.imgSrc = image;
+      window.sessionStorage.setItem("img", this.imgSrc);
+      this.sendImageToServer(this.imgSrc);
+      console.log(this.imgSrc, "图片显示");
+    },
+    // 创建一个新方法来停止拍照
+    stopImageCapture() {
+      if (this.intervalId) {
+        this.$message({
+          message: '停止采集',
+          type: 'warning'
+        });
+        clearInterval(this.intervalId);
+        console.log("停止拍照");
+      }
+    },
+    //关闭摄像头并上传数据
+    openFullScreen1() {
+      this.thisVideo.srcObject.getTracks()[0].stop(),//关闭摄像头
+
+        setTimeout(() => {
+          // var file = this.imga.substr(22)
+          this.imga = window.sessionStorage.getItem("img")
+          var file = this.imga
+          console.log(file);
+          //base64数据放formData里面
+          var formData = new FormData(); //*
+          formData.append("multipartFile", file); //*
+          // formData.append("password", this.ruleForm.password); //*
+          // formData.append("username", this.ruleForm.name); //*
+          console.log(formData, 'formData');
+          //自己配置axios。
+          // this.$http.post('url接口', formData).then(res => {
+          //   console.log(res);
+
+          // })
+        }, 2000);
+    },
+    timeGet() {
+      axios.get('http://49.233.248.140:8081/timeGet').then(response => {
+        if (response.data.msg === "ok") {
+          this.time = response.data.time;
+        }
+      }).catch(error => {
+        console.error('获取时间间隔时出错', error);
+      });
+    },
+    timeChange() {
+      console.log(this.time);
+      axios.get('http://49.233.248.140:8081/timeChange', {
+        params: {
+          time: this.time
+        }
+      }).then(response => {
+        if (response.data.msg === "ok") {
+          this.$message({
+            message: '时间间隔修改成功！',
+            type: 'success'
+          });
+        }
+      })
+    },
+    Medicalalarm() {
+      this.$notify({
+        title: '成功',
+        message: '医疗报警已发送！',
+        type: 'success'
+      });
+    }
+  },
+  mounted() {
+    this.getCompetence();
+    this.timeGet();
+  },
+
+}
+</script>
+<style lang="less" scoped>
+// 设置背景图片
+.img_bg_camera {
+  background-image: url(../image/back.png);
+  background-size: 100% 100%;
+  height: 750px;
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.contain {
+  height: 90%;
+  width: 95%;
+  opacity: 0.9;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/HospitalView.vue b/src/views/HospitalView.vue
new file mode 100644
index 0000000..a0109e9
--- /dev/null
+++ b/src/views/HospitalView.vue
@@ -0,0 +1,122 @@
+<template>
+    <div class="img_bg_camera">
+        <el-row :gutter="10" style="padding: 10px; opacity: 0.9;">
+            <el-col :span="18">
+                <el-card style="margin-top: 10px;">
+                    <div style="width: 100%;max-width: 900px;">
+                        <video ref="video" autoplay></video>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :span="6">
+                <el-card style="margin-top: 10px; display: flex;justify-content: center;">
+                    <canvas style="display:none; " id="canvasCamera" width="250" height="250"></canvas>
+                    <div style=" align-items: center;">
+                        <alarm backgroudColor="red" :size="80">!</alarm>
+                        <el-button style="margin-top: 10px;" type="danger" @click="Alert()">医疗出警</el-button>
+                    </div>
+                    <el-button style="margin-top: 10px;" type="success" @click="RemoteDialog()">远程对话</el-button>
+                </el-card>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+// import axios from 'a/xios';
+import Alarm from '@/element/Alarm.vue';
+
+export default {
+    components: {
+        Alarm
+    },
+    data() {
+        return {
+            imgif: false,
+            videoWidth: 250,
+            videoHeight: 250,
+            imgSrc: '',
+            thisCancas: null,
+            thisContext: null,
+            thisVideo: null,
+            imga: '',
+            intervalId: null,//
+            AiMessage: [
+            ],
+            time: "5000",//拍照时间间隔
+        }
+    },
+    methods: {
+        async getVideoDevices() {
+            const devices = await navigator.mediaDevices.enumerateDevices();
+            this.videoDevices = devices.filter(device => device.kind === 'videoinput');
+            if (this.videoDevices.length > 0) {
+                this.selectedDeviceId = this.videoDevices.find(device => device.label.includes('usb'));
+            }
+            console.log(this.selectedDeviceId);
+        },
+        async startRecording() {
+            try {
+                const stream = await navigator.mediaDevices.getUserMedia({
+                    video: { deviceId: this.selectedDeviceId ? { exact: this.selectedDeviceId } : undefined }
+                });
+                this.$refs.video.srcObject = stream;
+
+                this.mediaRecorder = new MediaRecorder(stream);
+                // this.mediaRecorder.ondataavailable = (event) => {
+                //   if (event.data.size > 0) {
+                //     this.recordedChunks.push(event.data);
+                //   }
+                // };
+                this.mediaRecorder.start();
+            } catch (err) {
+                console.error('Error accessing media devices.', err);
+            }
+        },
+        issues() {
+            this.$message({
+                showClose: true,
+                message: '警告：用户出现异常！',
+                type: 'error',
+                duration: 0
+            });
+        },
+        alarmSound() {
+            var audio = new Audio();
+            audio.src = require('../image/警报声.mp3');
+            audio.play();
+        },
+        Alert() {
+            this.$message({
+                message: '已发送警报！',
+                type: 'success'
+            });
+            this.alarmSound();
+        },
+    },
+    async mounted() {
+        await this.getVideoDevices();
+        await this.startRecording();
+        this.issues();
+    },
+
+}
+</script>
+<style lang="less" scoped>
+// 设置背景图片
+.img_bg_camera {
+    background-image: url(../image/back.png);
+    background-size: 100% 100%;
+    height: 750px;
+    width: 100%;
+    margin: 0 auto;
+    padding-top: 10px;
+    text-align: center;
+}
+
+.contain {
+    height: 90%;
+    width: 95%;
+    opacity: 0.9;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/User.vue b/src/views/User.vue
index 1a59f4a..ba4b816 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -71,7 +71,7 @@ export default {
 };
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .outer {
 
   display: flex;