<template>
  <div class="upload-list"  @click.stop>
    <div class="top">
      <span>上传列表（{{uploadList.length}}）</span>
      <i class="iconfont icon_close" @click="$emit('close')"></i>
    </div>
    <ul v-if="uploadList.length > 0">
      <li v-for="(item, i) in uploadList" :key="i">
        <span>{{ item.name }}</span>
        <span
          class="success"
          :class="item.status == 2 || item.status == 5 ? 'error' : ''"
          >{{ $STRSTATUS[item.status] }}</span
        >
        <i @click="$emit('del',i)" class="iconfont icon_close"></i>
      </li>
    </ul>
    <div class="nouploaddata" v-else>
        暂无正在上传的素材
    </div>
  </div>
</template>

<script>
export default {
  props:['list'],
  computed:{
    uploadList(){
      return this.list.filter(item=>item.status != 3) || []
    }
  },
  methods:{
    
  }
}
</script>

<style lang="less" scoped>

</style>

<style lang="less" scoped>
@import '../style.less';
</style>