<template>
  <div v-loading="tableLoading">
    <div>
        <div :span="24">
          <el-form ref="seachForm" :inline="true" class="demo-form-inline">
            <el-form-item label="标签名称">
              <el-input
                v-model="query.taskTitle"
                placeholder="请输入"
                maxlength="32"
                clearable
              />
            </el-form-item>
            
            <el-form-item>
              <el-button
                type="primary"
                icon="el-icon-search"
                @click="queryTable"
              >
                查询
              </el-button>
              <el-button
                type="reset"
                icon="el-icon-refresh"
                @click="resetQueryTable"
              >
                重置
              </el-button>
            </el-form-item>
          </el-form>
        </div>
      </div>

    <!-- 表格主体 -->
    <el-table
        ref="multipleTable"
        tooltip-effect="dark"
        :data="tableData"
        class="w100p"
        @selection-change="handleSelectionChange"
        border
        @sort-change="sortChange"
        :default-sort="tableSort"
        header-cell-class-name="duojibiaotou"
      >
        <el-table-column type="selection" width="50" fixed /> <!-- 添加选择列 -->
        <el-table-column
          align="center"
          label="标签名称"
          show-overflow-tooltip
          min-width="160"
          prop="taskTitle"
        />
        <el-table-column label="备注" align="center" prop="taskType" sortable='custom'   min-width="100">
        </el-table-column>
        
        <el-table-column width="120px" align="center" label="操作" fixed="right">
          <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="toEdit(scope.row)"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="toDelete(scope.row)"
          >删除</el-button>
        </template>
        </el-table-column>
      </el-table>
      <!-- 表格页脚 -->
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="page.pageNum"
        :limit.sync="page.pageSize"
        @pagination="getTableList"
      />
  </div>
</template>

<script>
import TableMixin from "@/mixins/table-mixin";

export default {
  name: "Label",
  components: {
  },
  mixins: [TableMixin],
  pageInfo: {
    title: "",
    //exportUrl: "/task/info/export",
    pageListApi: null,
    // deleteApi: delOther,
    defaultQuery: {
    },
  },
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>
