feat(frontend):vue cron组件

This commit is contained in:
xiajunjie 2021-05-23 11:04:45 +08:00
parent 0468039333
commit 5b3962e934
3 changed files with 13 additions and 5 deletions

View File

@ -38,6 +38,7 @@
"vue-axios": "3.2.4",
"vue-clipboard2": "0.3.1",
"vue-codemirror": "^4.0.6",
"vue-cron": "^1.0.9",
"vue-i18n": "7.3.2",
"vue-router": "3.0.6",
"vue-uuid": "2.0.2",

View File

@ -30,11 +30,9 @@ import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
import UmyUi from 'umy-ui'
Vue.use(UmyUi)
import vcolorpicker from 'vcolorpicker'
Vue.use(vcolorpicker)
/**

View File

@ -134,7 +134,10 @@
</el-select>
</el-form-item>
<el-form-item v-if="taskForm.rate === 'CRON'" label="">
<el-input v-model="taskForm.cron" size="mini" style="width: 50%" />
<el-popover v-model="cronEdit">
<cron @close="cronEdit = false" @change="cronChange" i18n="cn"/>
<el-input v-model="taskForm.cron" size="mini" style="width: 50%" @click="cronEdit = true" slot="reference"/>
</el-popover>
</el-form-item>
<el-form-item :label="$t('dataset.end_time')" prop="end">
<el-select v-model="taskForm.end" size="mini">
@ -285,10 +288,12 @@ import 'codemirror/keymap/emacs.js'
import 'codemirror/addon/hint/show-hint.css'
import 'codemirror/addon/hint/sql-hint'
import 'codemirror/addon/hint/show-hint'
// vue-cron
import { cron } from 'vue-cron'
export default {
name: 'UpdateInfo',
components: { codemirror },
components: { codemirror, cron },
props: {
table: {
type: Object,
@ -348,7 +353,8 @@ export default {
},
incrementalUpdateType: 'incrementalAdd',
sql: '',
incrementalConfig: {}
incrementalConfig: {},
cronEdit: false
}
},
computed: {
@ -563,6 +569,9 @@ export default {
pos2.line = pos1.line
pos2.ch = pos1.ch
this.$refs.myCm.codemirror.replaceRange(param, pos2)
},
cronChange(val) {
this.taskForm.cron = val
}
}
}