<!-- 搜索表单 -->
<template>
    <div>
        <el-card>
            <div class="flex-row">
              <template v-for="(top,index) in boardData">
                <div  class="flex_column flex_aj flex1" style="min-width:150px;padding:10px;" >
                  <span class="ft20 fw">{{top.label}}</span>
                  <span class="ft18" style="margin-top: 5px;">{{top.value}}</span>
              </div>
              <div :class="getStyle(boardData,index)"></div>
              </template>
            </div>
          </el-card>
    </div>
  </template>
  <script>
  export default {
    name: "Board",
    props: {
      boardData: {
        type: Array,
        default: () => [],
      },
    },
    
    data() {
      return {
        loading: false,
      };
    },
    computed: {
        getStyle(){
            return (lst,index)=>{
                let len= Object.keys(lst).length;
                if (len>0) {
                    if (len==index+1) {
                        return ''
                    }
                    return 'divi';
                }
            }
        }
    },
    methods: {

    },
  };
  </script>
  <style scoped>
  .divi{
    display: inline-block;
    width: 1px;
    margin: 0 8px;
    vertical-align: middle;
    position: relative;
    background-color:#DCDFE6;
}
  </style>
  