|  |  | 
 |  |  | <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> |