<template>
  <div class="title">
    任务监视
    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
      <template #prefix>
        <component :is="renderIcon('element Search')"></component>
      </template>
    </el-input>
    <span class="close" @click="closeMe">
      <component :is="renderIcon('element Close')"></component>
    </span>
  </div>
  <div class="calc-bottom-panel">
    TaskView1<br />
    TaskView2<br />
    TaskView3<br />
    TaskView4<br />
    TaskView5<br />
    TaskView6<br />
    TaskView7<br />
    TaskView8<br />
    TaskView9<br />
    TaskView10<br />
    TaskView11<br />
    TaskView12<br />
    TaskView13<br />
    TaskView14<br />
    TaskView15<br />
    TaskView16<br />
    TaskView17<br />
    TaskView18<br />
    TaskView19<br />
    TaskView20<br />
  </div>
</template>
<script>
import { renderIcon } from '@/utils/webutils.js'

export default {
  name: 'TaskView',
  emits: ['close'],
  data() {
    return {
      searchKeyword: ''
    }
  },
  methods: {
    renderIcon,
    closeMe() {
      this.$emit('close')
    }
  }
}
</script>