css

liukangdong

2024-06-03 248f2f32b0f1e406a8110f0839702914a9c3ca0a

 admin/src/views/task/index.vue

@@ -1,24 +1,63 @@
<template>
  <div class="main_app">
    <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" />
    <QueryForm
      v-model="filters"
      :query-form-config="queryFormConfig"
      @handleQuery="getList(1)"
      @clear="clear"
    />
    <!--  -->
    <el-tabs v-model="activeTab">
      <el-tab-pane label="待处理" name="0"></el-tab-pane>
      <el-tab-pane label="待处理" name="0">
        <template #label>
          <span
            >待处理
            <el-badge :value="11" class="item" type="danger"> </el-badge>
          </span>
        </template>
      </el-tab-pane>
      <el-tab-pane label="已处理" name="1"></el-tab-pane>
      <el-tab-pane label="我发起的" name="2"></el-tab-pane>
      <el-tab-pane label="抄送我的" name="3"></el-tab-pane>
    </el-tabs>
    <el-table v-loading="loading" :data="list" stripe row-key="id" default-expand-all>
      <el-table-column prop="name" label="任务类型" min-width="100"></el-table-column>
      <el-table-column prop="name" label="提交人" min-width="80"></el-table-column>
      <el-table-column prop="companyNamePath" label="提交时间" min-width="100"></el-table-column>
    <el-table
      v-loading="loading"
      :data="list"
      stripe
      row-key="id"
      default-expand-all
    >
      <el-table-column
        prop="name"
        label="任务类型"
        min-width="100"
      ></el-table-column>
      <el-table-column
        prop="name"
        label="提交人"
        min-width="80"
      ></el-table-column>
      <el-table-column
        prop="companyNamePath"
        label="提交时间"
        min-width="100"
      ></el-table-column>
      <el-table-column label="操作" width="230" fixed="right">
        <template slot-scope="{row}">
          <el-button type="text" @click="handleDetail(row)" v-permissions="['business:company:update']">查看详情</el-button>
        <template slot-scope="{ row }">
          <el-button
            type="text"
            @click="handleDetail(row)"
            v-permissions="['business:company:update']"
            >查看详情</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" />
    <pagination
      @size-change="handleSizeChange"
      @current-change="getList"
      :pagination="pagination"
    />
    <TaskDetail v-if="isShowDetail" ref="DetailRef" />
  </div>
</template>