<template>
  <div class="showInfoDiv">
    <div class="headerDiv">
      <div class="imageDiv"></div>
      <div class="titleDiv">{{ title }}：</div>
    </div>
    <div class="contentDiv">
      <div class="contentTitle">{{contentTitle}}</div>
      <div class="contentInfo">
        <template v-for="(item,index) in dataList">
          <div class="dataListItem" :key="'dataListItem_'+index+'_'+item.id">
            <div class="dataListItemHead">{{item.name}}</div>
            <div class="dataShowItem">
              <div class="allTotal">
                <div class="currentRate"></div>
                <div class="numberDiv">{{item.value}}</div>
              </div>
            </div>
          </div>
        </template>
      </div>
    </div>
    <div class="contentDiv2">
      <div class="contentTitle">{{contentTitle2}}</div>
      <div class="contentHeader">
        <div class="headerImage"></div>
        <div class="headerName">{{ contentTitleName2 }}</div>
      </div>
      <div></div>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    title:"信息",
    contentTitle:"信息分析结果：",
    contentTitle2:"评分最低",
    dataList:[],
  },
  data(){
    return{

    }
  }
}
</script>

<style lang="scss" scoped>

</style>