主诉分类

src/components/body-d-right/oneR.vue

@@ -1,18 +1,65 @@
 <template>
-    <div>
-        <public-title title="健康终端报警"/>
-        <div class="inner">
-
-        </div>
+  <div>
+    <public-title title="健康终端报警"/>
+    <div class="inner">
+<!--      <vue3SeamlessScroll-->
+<!--          :list="policeLists"-->
+<!--          class="scroll"-->
+<!--          :step="0.5"-->
+<!--          hover="true"-->
+<!--      >-->
+<!--        <div class="item" v-for="(item, index) in policeLists" :key="index">-->
+<!--          <span>{{ item.title }}</span>-->
+<!--          <span>{{ item.date }}</span>-->
+<!--        </div>-->
+<!--      </vue3SeamlessScroll>-->
     </div>
+  </div>
 </template>
 <script setup lang="ts">
-
+import {ref} from 'vue';
 import PublicTitle from "../publicTitle.vue";
+
+
+const policeLists = ref([
+  {
+    name:'陈天宇',
+    abnormal:'压力异常(82)',
+    time:'2023-8-25',
+  },
+  {
+    name:'陈天宇',
+    abnormal:'压力异常(82)',
+    time:'2023-8-25',
+  },
+  {
+    name:'陈天宇',
+    abnormal:'压力异常(82)',
+    time:'2023-8-25',
+  },
+  {
+    name:'陈天宇',
+    abnormal:'压力异常(82)',
+    time:'2023-8-25',
+  }
+])
 </script>
 <style scoped lang="less">
 .inner {
-    height: calc(100% - 40px);
+  height: calc(100% - 40px);
 
+  .scroll {
+    height: 200px;
+    width: 500px;
+    margin: 100px auto;
+    overflow: hidden;
+  }
+
+  .scroll .item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 3px 0;
+  }
 }
 </style>