<template>
<div>
<!-- 搜索栏 -->
<el-card id="search">
      <el-row>
        <el-col :span="20">
          <el-input
            v-model="input"
            placeholder="任务名称"
            clearable
          ></el-input>
          <el-input
            v-model="input"
            placeholder="状态"
            clearable
          ></el-input>
          <el-button
            type="primary"
            round
            icon="el-icon-search"
            >查询</el-button
          >
        </el-col>
        <el-col :span="4" align="right">
          <el-button
            type="primary"
            icon="el-icon-plus"
            circle
          >
          </el-button>
        </el-col>
      </el-row>
    </el-card>

    <!-- 结果列表 -->
    <el-card>
      <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column prop="date" label="#" width="80">
        </el-table-column>
        <el-table-column prop="data" label="数据名称" width="180">
        </el-table-column>
        <el-table-column prop="leixing" label="数据类型" width="180">
        </el-table-column>
        <el-table-column prop="size" label="数据大小" width="180">
        </el-table-column>
        <el-table-column prop="equips" label="使用设备" width="180">
        </el-table-column>
        <el-table-column prop="status" label="状态" width="180">
          <template slot-scope="scope">
            <el-tag v-if="scope.status == 1">公开</el-tag>
            <el-tag v-else type="danger">保密</el-tag>
          </template>
        </el-table-column>
        <el-table-column prop="x1" label="备注"> </el-table-column>
        <el-table-column label="操作" width="180">l
          <template slot-scope="scope">
            <el-button  type="primary" icon="el-icon-check" size="mini" circle></el-button>
            <el-button  type="danger" icon="el-icon-delete" size="mini" circle></el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>




</div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
            date: '1',
            data: '数据1',
            leixing: '图片',
            size: '1GB',
            equips: '1,2,3',
            status: '0'
          },
          {
            date: '3',
            data: '数据3',
            leixing: '视频',
            size: '3GB',
            equips: '7,8,9',
            status: '1'
          }]
    }
  }
}
</script>