20 changed files with 301 additions and 103 deletions
@ -0,0 +1,27 @@ |
|||||
|
package com.ccsens.scheduler.bean.vo; |
||||
|
|
||||
|
import com.ccsens.scheduler.util.Constant; |
||||
|
import io.swagger.annotations.ApiModel; |
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
/** |
||||
|
* @description: |
||||
|
* @author: whj |
||||
|
* @time: 2021/8/13 10:49 |
||||
|
*/ |
||||
|
public class JobVo { |
||||
|
|
||||
|
@Data |
||||
|
@ApiModel("添加job后返回") |
||||
|
public static class SimpleJob{ |
||||
|
@ApiModelProperty("job名称") |
||||
|
private String jobName; |
||||
|
@ApiModelProperty("job组名") |
||||
|
private String jobGroupName = Constant.Quartz.QZ_JOB_GROUP_NAME; |
||||
|
@ApiModelProperty("定时器名称") |
||||
|
private String triggerName; |
||||
|
@ApiModelProperty("定时器组名") |
||||
|
private String triggerGroupName = Constant.Quartz.QZ_TRIGGER_GROUP_NAME; |
||||
|
} |
||||
|
} |
||||
@ -1,4 +1,4 @@ |
|||||
spring: |
spring: |
||||
profiles: |
profiles: |
||||
active: dev |
active: test |
||||
include: common |
include: common |
||||
|
|||||
@ -0,0 +1,9 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function fetchList(query) { |
||||
|
return request({ |
||||
|
url: '/vue-element-admin/article/list', |
||||
|
method: 'get', |
||||
|
params: query |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,120 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-card class="box-card"> |
||||
|
<div slot="header"> |
||||
|
<a class="link-type link-title" target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/theme.html"> |
||||
|
Theme documentation |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="box-item"> |
||||
|
<span class="field-label">Change Theme : </span> |
||||
|
<el-switch v-model="theme" /> |
||||
|
<aside style="margin-top:15px;"> |
||||
|
Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details. |
||||
|
</aside> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<div class="block"> |
||||
|
<el-button type="primary"> |
||||
|
Primary |
||||
|
</el-button> |
||||
|
<el-button type="success"> |
||||
|
Success |
||||
|
</el-button> |
||||
|
<el-button type="info"> |
||||
|
Info |
||||
|
</el-button> |
||||
|
<el-button type="warning"> |
||||
|
Warning |
||||
|
</el-button> |
||||
|
<el-button type="danger"> |
||||
|
Danger |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="block"> |
||||
|
<el-button type="primary" icon="el-icon-edit" /> |
||||
|
<el-button type="primary" icon="el-icon-share" /> |
||||
|
<el-button type="primary" icon="el-icon-delete" /> |
||||
|
<el-button type="primary" icon="el-icon-search"> |
||||
|
Search |
||||
|
</el-button> |
||||
|
<el-button type="primary"> |
||||
|
Upload |
||||
|
<i class="el-icon-upload el-icon-right" /> |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="block"> |
||||
|
<el-tag v-for="tag in tags" :key="tag.type" :type="tag.type" class="tag-item"> |
||||
|
{{ tag.name }} |
||||
|
</el-tag> |
||||
|
</div> |
||||
|
|
||||
|
<div class="block"> |
||||
|
<el-radio-group v-model="radio"> |
||||
|
<el-radio :label="3"> |
||||
|
Option A |
||||
|
</el-radio> |
||||
|
<el-radio :label="6"> |
||||
|
Option B |
||||
|
</el-radio> |
||||
|
<el-radio :label="9"> |
||||
|
Option C |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</div> |
||||
|
|
||||
|
<div class="block"> |
||||
|
<el-slider v-model="slideValue" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { toggleClass } from '@/utils' |
||||
|
import '@/assets/custom-theme/index.css' // the theme changed version element-ui css |
||||
|
|
||||
|
export default { |
||||
|
name: 'Theme', |
||||
|
data() { |
||||
|
return { |
||||
|
theme: false, |
||||
|
tags: [ |
||||
|
{ name: 'Tag One', type: '' }, |
||||
|
{ name: 'Tag Two', type: 'info' }, |
||||
|
{ name: 'Tag Three', type: 'success' }, |
||||
|
{ name: 'Tag Four', type: 'warning' }, |
||||
|
{ name: 'Tag Five', type: 'danger' } |
||||
|
], |
||||
|
slideValue: 50, |
||||
|
radio: 3 |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
theme() { |
||||
|
toggleClass(document.body, 'custom-theme') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.field-label{ |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.box-card { |
||||
|
width: 400px; |
||||
|
max-width: 100%; |
||||
|
margin: 20px auto; |
||||
|
} |
||||
|
|
||||
|
.block { |
||||
|
padding: 30px 24px; |
||||
|
} |
||||
|
|
||||
|
.tag-item { |
||||
|
margin-right: 15px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue