Bonus-AI-LargeScreen/src/views/updateIDCard/updateIDCard.vue

<template>
   <div class="main">
      <largeScreenHeader></largeScreenHeader>
      <div class="mainContent">
         <div class="boxLevelOne sideBoxLevelOne">
            <div class="boxLevelTwo boxLevelTwoFst">
               <boxHeader :boxHeaderText="'识别结果统计'"></boxHeader>
               <pieIDResultCount ref="pieData"></pieIDResultCount>
            </div>
            <div class="boxLevelTwo">
               <boxHeader :boxHeaderText="'识别结果展示'"></boxHeader>
               <listIDResultShow ref="listResult"></listIDResultShow>
            </div>
         </div>
         <div class="boxLevelOne midBoxLevelOne">
            <boxHeader :boxHeaderText="'OCR识别应用'"></boxHeader>
            <checkChangeUrl :thisUrlPage="'1'"></checkChangeUrl>
            <midPic></midPic>
            <IDrecognition @custom-event="updateOtherData"></IDrecognition>
         </div>
         <div class="boxLevelOne sideBoxLevelOne">
            <div class="boxLevelTwo boxLevelTwoFst">
               <boxHeader :boxHeaderText="'识别结果统计'"></boxHeader>
               <rectangleIDInvokeCount ref="rectData"></rectangleIDInvokeCount>
            </div>
            <div class="boxLevelTwo boxLevelTwoSnd">
               <boxHeader :boxHeaderText="'服务响应监控'"></boxHeader>
               <listSevericeResWatch ref="listWatch"></listSevericeResWatch>
            </div>
         </div>
      </div>
   </div>
</template>

<script>


import largeScreenHeader from '@/components/LargeScreen'
import boxHeader from '@/views/components/boxHeader.vue'
import IDrecognition from '@/views/components/IDrecognition.vue'
import checkChangeUrl from '@/views/components/checkChangeUrl.vue'
import pieIDResultCount from '@/views/updateIDCard/pieIDResultCount.vue'
import RectangleIDInvokeCount from '@/views/updateIDCard/rectangleIDInvokeCount.vue'
import listIDResultShow from '@/views/updateIDCard/listIDResultShow.vue'
import listSevericeResWatch from '@/views/updateIDCard/listSevericeResWatch.vue'
import midPic from '@/views/updateIDCard/midPic.vue'

export default {
   components: {
      RectangleIDInvokeCount,
      boxHeader,
      largeScreenHeader,
      pieIDResultCount,
      IDrecognition,
      listIDResultShow,
      listSevericeResWatch,
      checkChangeUrl,
      midPic
   },
   props: {
      value: [String, Object, Array],
      // 图片数量限制
      // 大小限制(MB)
      fileSize: {
         type: Number,
         default: 5,
      },
      // 文件类型, 例如['png', 'jpg', 'jpeg']
      fileType: {
         type: Array,
         default: () => ["png", "jpg", "jpeg"],
      },
      // 是否显示提示
      isShowTip: {
         type: Boolean,
         default: true,
      },
      showSize: {
         type: Boolean,
         default: true,
      },
   },
   computed: {
      // 是否显示提示
      showTip() {
         return this.isShowTip && (this.fileType || this.fileSize);
      },
   },

   data() {
      return {    
         dataList: [],  
      }
   },
   methods: {
      updateOtherData(data) {
         this.$refs.pieData.getPieDataID();
         this.$refs.listResult.getListSearchData();
         this.$refs.rectData.getRectIDData();
         this.$refs.listWatch.getListWatchData();
   }
}
}
</script>
<style scoped>
@import url('./../../assets/styles/updateIDCard.css');
</style>