feat: 数据联调

src/views/dataView/components/Type1ObjectDetect.vue

@@ -8,11 +8,11 @@
 -->
 <template>
     <div class="type-first">
-        <div class="type-first-top">
+        <!-- <div class="type-first-top">
             <span>←</span> <span>递烟</span>
-        </div>
+        </div> -->
         <div class="type-first-mid">
-            <div class="type-first-mid-box" v-for="(item, index) in 8">
+            <div class="type-first-mid-box" v-for="(item, index) in info">
                 <div class="type-first-mid-box-video">
                     <img src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" class="w-[100%] h-[100%]"/>
                 </div>
@@ -25,10 +25,21 @@
     </div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 defineOptions({
   name: "Type1ObjectDetectWarp"
 });
+interface Props {
+    typeKey: String;
+    info: Record<string, any>;
+    title: String;
+}
+
+const props = withDefaults(defineProps < Props > (), {
+    typeKey: "1",
+    info: {},
+    title: String
+});
 </script>
 <style lang="scss" scoped>
 .type-first {

src/views/dataView/components/Type4AudioDetection.vue

@@ -17,8 +17,10 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref } from "vue";
 import { BaseTable } from "@/components/CustomTable";
-
+import onLineIcon from '@/assets/common/online_icon.png';
+import { h } from "vue";
 
 defineOptions({
     name: "Type4AudioDetectionWarp"
@@ -41,43 +43,131 @@ const listData = ref([]); // 列表数据
 const columns = [
     {
         label: "视频",
-        property: "station",
+        property: "video_url",
+        width: 240,
+        formatter: (row) => {
+            return h( "video", {
+                src: row.video_url,
+                controls:"controls",
+                style: {
+                    width: '180px',
+                    height: '100px',
+                }
+            })
+        }
     },
     {
         label: "告知执法依据",
         property: "告知执法依据",
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "告知民警身份",
-        property: "train_model",
+        property: "告知民警身份",
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "告知申辩权利",
-        property: "train_carriage_number",
+        property: "告知申辩权利",
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "告知复议诉讼等救济途径",
-        property: "alarm_type",
+        property: "告知复议诉讼等救济途径",
         width: 190,
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "告知执法全程被记录",
-        property: "fault_type",
+        property: "告知执法全程被记录",
         width: 160,
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "核实当事人身份信息",
-        property: "level",
+        property: "核实当事人身份信息",
         width: 160,
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
 
     },
     {
         label: "告知违法事实",
-        property: "created_at",
+        property: "告知违法事实",
+        formatter: (row, column, value) => {
+            if(value){
+                return h( "img", {
+                src: onLineIcon,
+                style: {
+                    width: '20px',
+                    height: '20px',
+                    marginRight: '10px'
+                }
+            })}
+        }
     },
     {
         label: "语速(字/分钟)",
-        property: "created_at",
+        property: "语速",
     }
 ]