<script setup lang="ts">
import { FcClock, FcBusinessman } from 'vue-icons-plus/fc';
import clock from '@/assets/img/search/clock.svg';
import people from '@/assets/img/search/people.svg';

const survey = defineModel<object>('survey', { required: true });
</script>

<template>
  <div>
    <h3>{{ survey.project_name }}</h3>
    <el-space spacer="|" direction="horizontal">
      <section class="flex items-center pt-1">
        <img :src="people" alt="" style="margin-right: 5px" />
        <el-text>{{ survey.creater_user }}</el-text>
      </section>
      <section class="flex items-center pt-1">
        <img :src="clock" alt="" style="margin-right: 5px" />
        <el-text>创建时间{{ survey.created_at.split(' ')[0] }}</el-text>
      </section>
    </el-space>
  </div>
</template>

<style lang="scss" scoped module="item">
@use '@/assets/css/theme';

h3 {
  margin: 10px 0 12px 0;
  font-weight: 800;
  line-height: 15px;
  text-align: left;
  font-style: normal;
}
</style>
