123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <template>
- <!-- <el-dialog
- :title="!dataForm.id ? '新增' : '修改'"
- :close-on-click-modal="false"
- :visible.sync="visible"> -->
- <div>
- <div class="my-title">{{ !dataForm.id ? '新增' : '修改' }}</div>
- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="100px">
- <el-form-item label="bean名称" prop="beanName">
- <el-input v-model="dataForm.beanName" placeholder="spring bean名称, 如: testTask"></el-input>
- </el-form-item>
- <el-form-item label="参数" prop="params">
- <el-input v-model="dataForm.params" placeholder="参数"></el-input>
- </el-form-item>
- <el-form-item label="cron表达式" prop="cronExpression">
- <el-input v-model="dataForm.cronExpression" placeholder="如: 0 0 12 * * ?"></el-input>
- </el-form-item>
- <el-form-item label="备注" prop="remark">
- <el-input v-model="dataForm.remark" placeholder="备注"></el-input>
- </el-form-item>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="onChose">取消</el-button>
- <el-button type="primary" @click="dataFormSubmit()" v-reClick>确定</el-button>
- </span>
- </div>
- <!-- </el-dialog> -->
- </template>
- <script>
- export default {
- data () {
- return {
- visible: false,
- dataForm: {
- id: 0,
- beanName: '',
- params: '',
- cronExpression: '',
- remark: '',
- status: 0
- },
- dataRule: {
- beanName: [
- { required: true, message: '用户名不能为空', trigger: 'blur' }
- ],
- cronExpression: [
- { required: true, message: 'cron表达式不能为空', trigger: 'blur' }
- ]
- }
- }
- },
- methods: {
- init (id) {
- this.dataForm.id = id || 0
- this.visible = true
- this.$nextTick(() => {
- this.$refs['dataForm'].resetFields()
- if (this.dataForm.id) {
- this.$http({
- url: this.$http.adornUrl(`/user-service/sys/schedule/info/${this.dataForm.id}`),
- method: 'get',
- params: this.$http.adornParams()
- }).then(({data}) => {
- if (data && data.code === '200') {
- this.dataForm.beanName = data.data.beanName
- this.dataForm.params = data.data.params
- this.dataForm.cronExpression = data.data.cronExpression
- this.dataForm.remark = data.data.remark
- this.dataForm.status = data.data.status
- }
- })
- }
- })
- },
- onChose () {
- this.$emit('onChose')
- },
- // 表单提交
- dataFormSubmit () {
- this.$refs['dataForm'].validate((valid) => {
- if (valid) {
- this.$http({
- url: this.$http.adornUrl(`/user-service/sys/schedule/${!this.dataForm.id ? 'save' : 'update'}`),
- method: !this.dataForm.id ? 'post' : 'put',
- data: this.$http.adornData({
- 'jobId': this.dataForm.id || undefined,
- 'beanName': this.dataForm.beanName,
- 'params': this.dataForm.params,
- 'cronExpression': this.dataForm.cronExpression,
- 'remark': this.dataForm.remark,
- 'status': !this.dataForm.id ? undefined : this.dataForm.status
- })
- }).then(({data}) => {
- if (data && data.code === '200') {
- this.$message({
- message: '操作成功',
- type: 'success',
- duration: 1500,
- onClose: () => {
- this.onChose()
- this.$emit('refreshDataList')
- }
- })
- } else {
- this.$message.error(data.msg)
- }
- })
- }
- })
- }
- }
- }
- </script>
|