Browse Source

系统管理 任务调度 功能删减 css修改

master
x_ying 3 years ago
parent
commit
ce3720ffb9
  1. 64
      src/views/system/timing/index.vue

64
src/views/system/timing/index.vue

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<div>
<!--工具栏-->
<div class="head-container">
<div class="head-container" style="padding-bottom:0">
<div v-if="crud.props.searchToggle" style="margin-bottom:10px">
<!-- 搜索 -->
<el-input v-model="query.jobName" clearable size="small" placeholder="输入任务名称搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
@ -79,29 +79,32 @@
</div>
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :cell-class-name="cell" :data="crud.data" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="id" label="任务ID" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="jobName" label="任务名称" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="beanName" label="Bean名称" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="methodName" label="执行方法" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="params" label="参数" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="cronExpression" label="cron表达式" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="isPause" width="90px" label="状态">
<template slot-scope="scope">
<!-- <el-tag :type="scope.row.isPause ? 'warning' : 'success'">{{ scope.row.isPause ? '已暂停' : '运行中' }}</el-tag> -->
<span class="clear" style="width:76px">{{ scope.row.isPause ? '已暂停' : '运行中' }}</span>
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="center" prop="description" width="150px" label="描述" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="createTime" width="136px" label="创建日期" />
<el-table-column v-if="checkPer(['admin','timing:edit','timing:del'])" label="操作" width="170px" align="center" fixed="right">
<template slot-scope="scope">
<!-- <el-button v-permission="['admin','timing:edit']" size="mini" style="margin-right: 3px;" type="text" @click="crud.toEdit(scope.row)">编辑</el-button> -->
<el-button v-permission="['admin','timing:edit']" class="exc-btn" style="margin-left: -2px" type="text" size="mini" @click="execute(scope.row.id)">执行</el-button>
<el-button v-permission="['admin','timing:edit']" :class="scope.row.isPause ? 'rec-btn' : 'pause-btn'" style="margin-left: 3px" type="text" size="mini" @click="updateStatus(scope.row.id,scope.row.isPause ? '恢复' : '暂停')">
{{ scope.row.isPause ? '恢复' : '暂停' }}
</el-button>
<div class="app-container container-wrap" style="min-height: calc(100vh - 282px)">
<span class="right-top-line" />
<span class="left-bottom-line" />
<el-table ref="table" v-loading="crud.loading" :cell-class-name="cell" :data="crud.data" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="id" label="任务ID" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="jobName" label="任务名称" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="beanName" label="Bean名称" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="methodName" label="执行方法" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="params" label="参数" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="cronExpression" label="cron表达式" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="isPause" width="90px" label="状态">
<template slot-scope="scope">
<!-- <el-tag :type="scope.row.isPause ? 'warning' : 'success'">{{ scope.row.isPause ? '已暂停' : '运行中' }}</el-tag> -->
<span class="clear" style="width:76px">{{ scope.row.isPause ? '已暂停' : '运行中' }}</span>
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" align="center" prop="description" width="150px" label="描述" />
<el-table-column :show-overflow-tooltip="true" align="center" prop="createTime" width="136px" label="创建日期" />
<el-table-column v-if="checkPer(['admin','timing:edit','timing:del'])" label="操作" width="170px" align="center" fixed="right">
<template slot-scope="scope">
<!-- <el-button v-permission="['admin','timing:edit']" size="mini" style="margin-right: 3px;" type="text" @click="crud.toEdit(scope.row)">编辑</el-button> -->
<el-button v-permission="['admin','timing:edit']" class="exc-btn" style="margin-left: -2px" type="text" size="mini" @click="execute(scope.row.id)">执行</el-button>
<el-button v-permission="['admin','timing:edit']" :class="scope.row.isPause ? 'rec-btn' : 'pause-btn'" style="margin-left: 3px" type="text" size="mini" @click="updateStatus(scope.row.id,scope.row.isPause ? '恢复' : '暂停')">
{{ scope.row.isPause ? '恢复' : '暂停' }}
</el-button>
<!-- <el-popover
:ref="scope.row.id"
v-permission="['admin','timing:del']"
@ -115,11 +118,12 @@
</div>
<el-button slot="reference" type="text" size="mini">删除</el-button> -->
<!-- </el-popover> -->
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>

Loading…
Cancel
Save