<template>
  <div id="interflow-1">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
          <el-col :span="20" class="title textOver" :title="item.title" @click="toView(item)">
            {{ item.title }}
          </el-col>
          <el-col :span="4" class="time">
            {{ item.create_date }}
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>
<script setup lang="ts">
import { toRefs } from 'vue';
const props = defineProps({
  list: { type: Array<any>, default: () => [] }
});
const { list } = toRefs(props);
const emit = defineEmits(['toView']);
const toView = (e) => {
  emit('toView', { data: e });
};
</script>

<style lang="scss" scoped>
.main {
  .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ccc;
    padding: 11px 0;
    .title {
      font-size: 16px;
      font-weight: 700;
      color: #333;
    }
    .title:hover {
      cursor: pointer;
      color: rgb(0, 149, 255);
    }
    .time {
      text-align: center;
    }
  }
}
.list :last-child {
  border-bottom: none;
}
</style>
