index.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669
  1. <template>
  2. <div class="app-container">
  3. <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
  4. <el-form-item label="任务名称" prop="jobName">
  5. <el-input
  6. v-model="queryParams.jobName"
  7. placeholder="请输入任务名称"
  8. clearable
  9. @keyup.enter.native="handleQuery"
  10. />
  11. </el-form-item>
  12. <el-form-item label="任务组名" prop="jobGroup">
  13. <el-select v-model="queryParams.jobGroup" placeholder="请选择任务组名" clearable>
  14. <el-option
  15. v-for="dict in dict.type.sys_job_group"
  16. :key="dict.value"
  17. :label="dict.label"
  18. :value="dict.value"
  19. />
  20. </el-select>
  21. </el-form-item>
  22. <el-form-item label="任务状态" prop="status">
  23. <el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable>
  24. <el-option
  25. v-for="dict in dict.type.sys_job_status"
  26. :key="dict.value"
  27. :label="dict.label"
  28. :value="dict.value"
  29. />
  30. </el-select>
  31. </el-form-item>
  32. <el-form-item>
  33. <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  34. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  35. </el-form-item>
  36. </el-form>
  37. <el-row :gutter="10" class="mb8">
  38. <el-col :span="1.5">
  39. <el-button
  40. type="primary"
  41. plain
  42. icon="el-icon-plus"
  43. size="mini"
  44. @click="handleAdd"
  45. v-hasPermi="['monitor:job:add']"
  46. >新增</el-button>
  47. </el-col>
  48. <el-col :span="1.5">
  49. <el-button
  50. type="success"
  51. plain
  52. icon="el-icon-edit"
  53. size="mini"
  54. :disabled="single"
  55. @click="handleUpdate"
  56. v-hasPermi="['monitor:job:edit']"
  57. >修改</el-button>
  58. </el-col>
  59. <el-col :span="1.5">
  60. <el-button
  61. type="danger"
  62. plain
  63. icon="el-icon-delete"
  64. size="mini"
  65. :disabled="multiple"
  66. @click="handleDelete"
  67. v-hasPermi="['monitor:job:remove']"
  68. >删除</el-button>
  69. </el-col>
  70. <el-col :span="1.5">
  71. <el-button
  72. type="warning"
  73. plain
  74. icon="el-icon-download"
  75. size="mini"
  76. @click="handleExport"
  77. v-hasPermi="['monitor:job:export']"
  78. >导出</el-button>
  79. </el-col>
  80. <!-- <el-col :span="1.5">
  81. <el-button
  82. type="info"
  83. plain
  84. icon="el-icon-s-operation"
  85. size="mini"
  86. @click="handleJobLog"
  87. v-hasPermi="['monitor:job:query']"
  88. >日志</el-button>
  89. </el-col>-->
  90. <el-col :span="1.5">
  91. <el-button
  92. type="success"
  93. plain
  94. icon="el-icon-s-operation"
  95. size="mini"
  96. @click="handleJobReport"
  97. v-hasPermi="['monitor:job:query']"
  98. >报表</el-button>
  99. </el-col>
  100. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  101. </el-row>
  102. <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
  103. <el-table-column type="selection" width="55" align="center" />
  104. <el-table-column label="任务编号" width="100" align="center" prop="jobId" />
  105. <el-table-column label="任务名称" align="center" prop="jobName" :show-overflow-tooltip="true" />
  106. <el-table-column label="任务组名" align="center" prop="jobGroup">
  107. <template slot-scope="scope">
  108. <dict-tag :options="dict.type.sys_job_group" :value="scope.row.jobGroup"/>
  109. </template>
  110. </el-table-column>
  111. <el-table-column label="调用目标字符串" align="center" prop="invokeTarget" :show-overflow-tooltip="true" />
  112. <el-table-column label="cron执行表达式" align="center" prop="cronExpression" :show-overflow-tooltip="true" />
  113. <el-table-column label="状态" align="center">
  114. <template slot-scope="scope">
  115. <el-switch
  116. v-model="scope.row.status"
  117. active-value="0"
  118. inactive-value="1"
  119. @change="handleStatusChange(scope.row)"
  120. ></el-switch>
  121. </template>
  122. </el-table-column>
  123. <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  124. <template slot-scope="scope">
  125. <el-button
  126. size="mini"
  127. type="text"
  128. icon="el-icon-edit"
  129. @click="handleUpdate(scope.row)"
  130. v-hasPermi="['monitor:job:edit']"
  131. >修改</el-button>
  132. <el-button
  133. size="mini"
  134. type="text"
  135. icon="el-icon-delete"
  136. @click="handleDelete(scope.row)"
  137. v-hasPermi="['monitor:job:remove']"
  138. >删除</el-button>
  139. <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['monitor:job:changeStatus', 'monitor:job:query']">
  140. <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
  141. <el-dropdown-menu slot="dropdown">
  142. <el-dropdown-item command="handleRun" icon="el-icon-caret-right"
  143. v-hasPermi="['monitor:job:changeStatus']">执行一次</el-dropdown-item>
  144. <el-dropdown-item command="handleView" icon="el-icon-view"
  145. v-hasPermi="['monitor:job:query']">任务详细</el-dropdown-item>
  146. <el-dropdown-item command="handleJobLog" icon="el-icon-s-operation"
  147. v-hasPermi="['monitor:job:query']">调度日志</el-dropdown-item>
  148. <el-dropdown-item command="handleJobReport" icon="el-icon-s-operation"
  149. v-hasPermi="['monitor:job:query']">调度报表</el-dropdown-item>
  150. </el-dropdown-menu>
  151. </el-dropdown>
  152. </template>
  153. </el-table-column>
  154. </el-table>
  155. <pagination
  156. v-show="total>0"
  157. :total="total"
  158. :page.sync="queryParams.pageNum"
  159. :limit.sync="queryParams.pageSize"
  160. @pagination="getList"
  161. />
  162. <!-- 添加或修改定时任务对话框 -->
  163. <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
  164. <el-form ref="form" :model="form" :rules="rules" label-width="120px">
  165. <el-row>
  166. <el-col :span="12">
  167. <el-form-item label="任务名称" prop="jobName">
  168. <el-input v-model="form.jobName" placeholder="请输入任务名称" />
  169. </el-form-item>
  170. </el-col>
  171. <el-col :span="12">
  172. <el-form-item label="任务员工" prop="empno">
  173. <el-input v-model="form.empno" placeholder="请输入员工工号" />
  174. </el-form-item>
  175. </el-col>
  176. <el-col :span="12">
  177. <el-form-item label="任务内容" prop="cont" >
  178. <el-input v-model="form.cont" placeholder="请输入任务内容" />
  179. </el-form-item>
  180. </el-col>
  181. <el-col :span="12">
  182. <el-form-item label="超时限制" prop="timeout" >
  183. <el-input v-model="form.timeout" placeholder="请输入超时限制" />
  184. </el-form-item>
  185. </el-col>
  186. <el-col :span="12">
  187. <el-form-item label="任务分组" prop="jobGroup">
  188. <el-select v-model="form.jobGroup" placeholder="请选择任务分组">
  189. <el-option
  190. v-for="dict in dict.type.sys_job_group"
  191. :key="dict.value"
  192. :label="dict.label"
  193. :value="dict.value"
  194. ></el-option>
  195. </el-select>
  196. </el-form-item>
  197. </el-col>
  198. <el-col :span="12">
  199. <el-form-item label="任务大类" prop="jobType">
  200. <el-select v-model="form.jobType" placeholder="请选择任务大类">
  201. <el-option
  202. v-for="dict in dict.type.sys_oa"
  203. :key="dict.value"
  204. :label="dict.label"
  205. :value="dict.value"
  206. ></el-option>
  207. </el-select>
  208. </el-form-item>
  209. </el-col>
  210. <el-col :span="12">
  211. <el-form-item label="任务小类" prop="jobTypeS">
  212. <el-select v-model="form.jobTypeS" placeholder="请选择任务小类">
  213. <el-option
  214. v-for="dict in dict.type.sys_oa_s"
  215. :key="dict.value"
  216. :label="dict.label"
  217. :value="dict.value"
  218. ></el-option>
  219. </el-select>
  220. </el-form-item>
  221. </el-col>
  222. <el-col :span="12">
  223. <el-form-item label="工作日调度" prop="dispc">
  224. <el-select v-model="form.dispc" placeholder="请选择">
  225. <el-option
  226. v-for="dict in dict.type.sys_yes_no"
  227. :key="dict.value"
  228. :label="dict.label"
  229. :value="dict.value"
  230. ></el-option>
  231. </el-select>
  232. </el-form-item>
  233. </el-col>
  234. <el-col :span="12">
  235. <el-form-item label="预计时长(小时)" prop="duration">
  236. <el-input v-model="form.duration" placeholder="请输入时长" />
  237. </el-form-item>
  238. </el-col>
  239. <el-col :span="24" >
  240. <el-form-item prop="invokeTarget" readonly >
  241. <span slot="label">
  242. 调用方法
  243. <el-tooltip placement="top">
  244. <div slot="content">
  245. Bean调用示例:ryTask.ryParams('ry')
  246. <br />Class类调用示例:com.ruoyi.quartz.task.RyTask.ryParams('ry')
  247. <br />参数说明:支持字符串,布尔类型,长整型,浮点型,整型
  248. </div>
  249. <i class="el-icon-question"></i>
  250. </el-tooltip>
  251. </span>
  252. <el-input v-model="invokeTarget" placeholder="请输入调用目标字符串" />
  253. </el-form-item>
  254. </el-col>
  255. <el-col :span="24">
  256. <el-form-item label="cron表达式" prop="cronExpression">
  257. <el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式">
  258. <template slot="append">
  259. <el-button type="primary" @click="handleShowCron">
  260. 生成表达式
  261. <i class="el-icon-time el-icon--right"></i>
  262. </el-button>
  263. </template>
  264. </el-input>
  265. </el-form-item>
  266. </el-col>
  267. <el-col :span="24">
  268. <el-form-item label="执行策略" prop="misfirePolicy">
  269. <el-radio-group v-model="form.misfirePolicy" size="small">
  270. <el-radio-button label="1">立即执行</el-radio-button>
  271. <el-radio-button label="2">执行一次</el-radio-button>
  272. <el-radio-button label="3">放弃执行</el-radio-button>
  273. </el-radio-group>
  274. </el-form-item>
  275. </el-col>
  276. <el-col :span="12">
  277. <el-form-item label="是否并发" prop="concurrent">
  278. <el-radio-group v-model="form.concurrent" size="small">
  279. <el-radio-button label="0">允许</el-radio-button>
  280. <el-radio-button label="1">禁止</el-radio-button>
  281. </el-radio-group>
  282. </el-form-item>
  283. </el-col>
  284. <el-col :span="12">
  285. <el-form-item label="状态">
  286. <el-radio-group v-model="form.status">
  287. <el-radio
  288. v-for="dict in dict.type.sys_job_status"
  289. :key="dict.value"
  290. :label="dict.value"
  291. >{{dict.label}}</el-radio>
  292. </el-radio-group>
  293. </el-form-item>
  294. </el-col>
  295. </el-row>
  296. </el-form>
  297. <div slot="footer" class="dialog-footer">
  298. <el-button type="primary" @click="submitForm">确 定</el-button>
  299. <el-button @click="cancel">取 消</el-button>
  300. </div>
  301. </el-dialog>
  302. <el-dialog title="Cron表达式生成器" :visible.sync="openCron" append-to-body destroy-on-close class="scrollbar">
  303. <crontab @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>
  304. </el-dialog>
  305. <!-- 任务日志详细 -->
  306. <el-dialog title="任务详细" :visible.sync="openView" width="700px" append-to-body>
  307. <el-form ref="form" :model="form" label-width="120px" size="mini">
  308. <el-row>
  309. <el-col :span="12">
  310. <el-form-item label="任务编号:">{{ form.jobId }}</el-form-item>
  311. <el-form-item label="任务名称:">{{ form.jobName }}</el-form-item>
  312. </el-col>
  313. <el-col :span="12">
  314. <el-form-item label="任务分组:">{{ jobGroupFormat(form) }}</el-form-item>
  315. <el-form-item label="创建时间:">{{ form.createTime }}</el-form-item>
  316. </el-col>
  317. <el-col :span="12">
  318. <el-form-item label="cron表达式:">{{ form.cronExpression }}</el-form-item>
  319. </el-col>
  320. <el-col :span="12">
  321. <el-form-item label="下次执行时间:">{{ parseTime(form.nextValidTime) }}</el-form-item>
  322. </el-col>
  323. <el-col :span="24">
  324. <el-form-item label="调用目标方法:">{{ form.invokeTarget }}</el-form-item>
  325. </el-col>
  326. <el-col :span="12">
  327. <el-form-item label="任务状态:">
  328. <div v-if="form.status == 0">正常</div>
  329. <div v-else-if="form.status == 1">失败</div>
  330. </el-form-item>
  331. </el-col>
  332. <el-col :span="12">
  333. <el-form-item label="是否并发:">
  334. <div v-if="form.concurrent == 0">允许</div>
  335. <div v-else-if="form.concurrent == 1">禁止</div>
  336. </el-form-item>
  337. </el-col>
  338. <el-col :span="12">
  339. <el-form-item label="执行策略:">
  340. <div v-if="form.misfirePolicy == 0">默认策略</div>
  341. <div v-else-if="form.misfirePolicy == 1">立即执行</div>
  342. <div v-else-if="form.misfirePolicy == 2">执行一次</div>
  343. <div v-else-if="form.misfirePolicy == 3">放弃执行</div>
  344. </el-form-item>
  345. </el-col>
  346. </el-row>
  347. </el-form>
  348. <div slot="footer" class="dialog-footer">
  349. <el-button @click="openView = false">关 闭</el-button>
  350. </div>
  351. </el-dialog>
  352. </div>
  353. </template>
  354. <script>
  355. import { listJob, getJob, delJob, addJob, updateJob, runJob, changeJobStatus } from "@/api/monitor/job";
  356. import Crontab from '@/components/Crontab'
  357. export default {
  358. components: { Crontab },
  359. name: "Job",
  360. dicts: ['sys_job_group', 'sys_job_status', 'sys_oa','sys_oa_s','sys_yes_no'],
  361. data() {
  362. return {
  363. pickerOptions: {
  364. shortcuts: [{
  365. text: '今天',
  366. onClick(picker) {
  367. picker.$emit('pick', new Date());
  368. }
  369. }, {
  370. text: '昨天',
  371. onClick(picker) {
  372. const date = new Date();
  373. date.setTime(date.getTime() - 3600 * 1000 * 24);
  374. picker.$emit('pick', date);
  375. }
  376. }, {
  377. text: '一周前',
  378. onClick(picker) {
  379. const date = new Date();
  380. date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
  381. picker.$emit('pick', date);
  382. }
  383. }]
  384. },
  385. value1: '',
  386. value2: '',
  387. value3: '',
  388. // 遮罩层
  389. loading: true,
  390. // 选中数组
  391. ids: [],
  392. // 非单个禁用
  393. single: true,
  394. // 非多个禁用
  395. multiple: true,
  396. // 显示搜索条件
  397. showSearch: true,
  398. // 总条数
  399. total: 0,
  400. // 定时任务表格数据
  401. jobList: [],
  402. // 弹出层标题
  403. title: "",
  404. // 是否显示弹出层
  405. open: false,
  406. // 是否显示详细弹出层
  407. openView: false,
  408. // 是否显示Cron表达式弹出层
  409. openCron: false,
  410. // 传入的表达式
  411. expression: "",
  412. // 查询参数
  413. queryParams: {
  414. pageNum: 1,
  415. pageSize: 10,
  416. jobName: undefined,
  417. jobGroup: undefined,
  418. jobType: undefined,
  419. jobTypeS: undefined,
  420. dispc:undefined,
  421. empno:undefined,
  422. cont:undefined,
  423. timeout:undefined,
  424. status: undefined,
  425. duration:undefined
  426. },
  427. // 表单参数
  428. form: {},
  429. // 表单校验
  430. rules: {
  431. duration: [
  432. { required: true, message: "不能为空", trigger: "blur" }
  433. ],
  434. dispc: [
  435. { required: true, message: "不能为空", trigger: "blur" }
  436. ],
  437. jobTypeS: [
  438. { required: true, message: "不能为空", trigger: "blur" }
  439. ],
  440. jobType: [
  441. { required: true, message: "不能为空", trigger: "blur" }
  442. ],
  443. jobGroup: [
  444. { required: true, message: "不能为空", trigger: "blur" }
  445. ],
  446. timeout: [
  447. { required: true, message: "不能为空", trigger: "blur" }
  448. ],
  449. cont: [
  450. { required: true, message: "不能为空", trigger: "blur" }
  451. ],
  452. empno: [
  453. { required: true, message: "不能为空", trigger: "blur" }
  454. ],
  455. jobName: [
  456. { required: true, message: "名称不能为空", trigger: "blur" }
  457. ],
  458. invokeTarget: [
  459. { required: true, message: "调用目标字符串不能为空", trigger: "blur" }
  460. ],
  461. cronExpression: [
  462. { required: true, message: "cron执行表达式不能为空", trigger: "blur" }
  463. ]
  464. }
  465. };
  466. },
  467. computed:{
  468. invokeTarget:function (){
  469. let white = ['jobName','empno','cont','timeout','jobGroup','jobType','jobTypeS','dispc','duration']
  470. let param = ''
  471. white.forEach((item,index)=>{
  472. if(this.form[item])
  473. index===white.length-1
  474. ?param+=`'${this.form[item]}'`
  475. :param+=`'${this.form[item]}',`
  476. })
  477. this.form.invokeTarget=`ryTask.oaTask(${param})`
  478. return `ryTask.oaTask(${param})`
  479. }
  480. },
  481. created() {
  482. this.getList();
  483. },
  484. methods: {
  485. /** 查询定时任务列表 */
  486. getList() {
  487. this.loading = true;
  488. listJob(this.queryParams).then(response => {
  489. this.jobList = response.rows;
  490. this.total = response.total;
  491. this.loading = false;
  492. });
  493. },
  494. // 任务组名字典翻译
  495. jobGroupFormat(row, column) {
  496. return this.selectDictLabel(this.dict.type.sys_job_group, row.jobGroup);
  497. },
  498. // 取消按钮
  499. cancel() {
  500. this.open = false;
  501. this.reset();
  502. },
  503. // 表单重置
  504. reset() {
  505. this.form = {
  506. jobId: undefined,
  507. jobName: undefined,
  508. jobGroup: undefined,
  509. invokeTarget: undefined,
  510. cronExpression: undefined,
  511. misfirePolicy: 1,
  512. concurrent: 1,
  513. status: "0"
  514. };
  515. this.resetForm("form");
  516. },
  517. /** 搜索按钮操作 */
  518. handleQuery() {
  519. this.queryParams.pageNum = 1;
  520. this.getList();
  521. },
  522. /** 重置按钮操作 */
  523. resetQuery() {
  524. this.resetForm("queryForm");
  525. this.handleQuery();
  526. },
  527. // 多选框选中数据
  528. handleSelectionChange(selection) {
  529. this.ids = selection.map(item => item.jobId);
  530. this.single = selection.length != 1;
  531. this.multiple = !selection.length;
  532. },
  533. // 更多操作触发
  534. handleCommand(command, row) {
  535. switch (command) {
  536. case "handleRun":
  537. this.handleRun(row);
  538. break;
  539. case "handleView":
  540. this.handleView(row);
  541. break;
  542. case "handleJobLog":
  543. this.handleJobLog(row);
  544. break;
  545. case "handleJobReport":
  546. this.handleJobReport(row);
  547. break;
  548. default:
  549. break;
  550. }
  551. },
  552. // 任务状态修改
  553. handleStatusChange(row) {
  554. let text = row.status === "0" ? "启用" : "停用";
  555. this.$modal.confirm('确认要"' + text + '""' + row.jobName + '"任务吗?').then(function() {
  556. return changeJobStatus(row.jobId, row.status);
  557. }).then(() => {
  558. this.$modal.msgSuccess(text + "成功");
  559. }).catch(function() {
  560. row.status = row.status === "0" ? "1" : "0";
  561. });
  562. },
  563. /* 立即执行一次 */
  564. handleRun(row) {
  565. this.$modal.confirm('确认要立即执行一次"' + row.jobName + '"任务吗?').then(function() {
  566. return runJob(row.jobId, row.jobGroup);
  567. }).then(() => {
  568. this.$modal.msgSuccess("执行成功");
  569. }).catch(() => {});
  570. },
  571. /** 任务详细信息 */
  572. handleView(row) {
  573. getJob(row.jobId).then(response => {
  574. this.form = response.data;
  575. this.openView = true;
  576. });
  577. },
  578. /** cron表达式按钮操作 */
  579. handleShowCron() {
  580. this.expression = this.form.cronExpression;
  581. this.openCron = true;
  582. },
  583. /** 确定后回传值 */
  584. crontabFill(value) {
  585. this.form.cronExpression = value;
  586. },
  587. /** 任务日志列表查询 */
  588. handleJobLog(row) {
  589. const jobId = row.jobId || 0;
  590. this.$router.push('/monitor/job-log/index/' + jobId)
  591. },
  592. /** 任务日志列表查询 */
  593. handleJobReport(row) {
  594. const jobId = row.jobId || 0;
  595. this.$router.push('/monitor/job-log/index/' + jobId)
  596. },
  597. /** 新增按钮操作 */
  598. handleAdd() {
  599. this.reset();
  600. this.open = true;
  601. this.title = "添加任务";
  602. },
  603. /** 修改按钮操作 */
  604. handleUpdate(row) {
  605. this.reset();
  606. const jobId = row.jobId || this.ids;
  607. getJob(jobId).then(response => {
  608. this.form = response.data;
  609. this.open = true;
  610. this.title = "修改任务";
  611. });
  612. },
  613. /** 提交按钮 */
  614. submitForm: function() {
  615. this.$refs["form"].validate(valid => {
  616. if (valid) {
  617. if (this.form.jobId != undefined) {
  618. updateJob(this.form).then(response => {
  619. this.$modal.msgSuccess("修改成功");
  620. this.open = false;
  621. this.getList();
  622. });
  623. } else {
  624. addJob(this.form).then(response => {
  625. this.$modal.msgSuccess("新增成功");
  626. this.open = false;
  627. this.getList();
  628. });
  629. }
  630. }
  631. });
  632. },
  633. /** 删除按钮操作 */
  634. handleDelete(row) {
  635. const jobIds = row.jobId || this.ids;
  636. this.$modal.confirm('是否确认删除定时任务编号为"' + jobIds + '"的数据项?').then(function() {
  637. return delJob(jobIds);
  638. }).then(() => {
  639. this.getList();
  640. this.$modal.msgSuccess("删除成功");
  641. }).catch(() => {});
  642. },
  643. /** 导出按钮操作 */
  644. handleExport() {
  645. this.download('monitor/job/export', {
  646. ...this.queryParams
  647. }, `job_${new Date().getTime()}.xlsx`)
  648. }
  649. }
  650. };
  651. </script>