1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
  | <template> 
 |    <GlobalAlertWindow 
 |      v-loading="isUploading" 
 |      :title="title" 
 |      :visible.sync="visible" 
 |      :confirm-working="isWorking" 
 |      @confirm="confirm" 
 |    > 
 |      <el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix=":"> 
 |        <el-form-item label="Bean名称" prop="beanName"> 
 |          <el-input v-model="form.beanName" placeholder="请输入Bean名称"  v-trim/> 
 |        </el-form-item> 
 |        <el-form-item label="模块名称" prop="module"> 
 |          <el-input v-model="form.module" placeholder="请输入模块名称"   v-trim/> 
 |        </el-form-item> 
 |        <el-form-item label="Cron表达式" prop="cronExpres"> 
 |          <el-input v-model="form.cronExpres" placeholder="请输入Cron表达式"   v-trim/> 
 |        </el-form-item> 
 |        <el-form-item label="备注" prop="remark"> 
 |          <el-input v-model="form.remark" placeholder="请输入备注" v-trim/> 
 |        </el-form-item> 
 |        <el-form-item label="执行参数" prop="params"> 
 |          <el-input v-model="form.params" type="textarea" placeholder="请输入执行参数" v-trim/> 
 |        </el-form-item> 
 |      </el-form> 
 |    </GlobalAlertWindow> 
 |  </template> 
 |    
 |  <script> 
 |  import BaseOpera from '@/components/base/BaseOpera' 
 |  import GlobalAlertWindow from '@/components/common/GlobalAlertWindow' 
 |  export default { 
 |    name: 'OperaTimerWindow', 
 |    extends: BaseOpera, 
 |    components: { GlobalAlertWindow }, 
 |    data () { 
 |    
 |      return { 
 |        isUploading: false, 
 |        uploadData: { 
 |          folder: 'projects' 
 |        }, 
 |        timeRange: ['', ''], 
 |        // 表单数据 
 |        form: { 
 |          id: null, 
 |          beanName: null, 
 |          params: null, 
 |          createTime: null, 
 |          module: '', 
 |          remark: '' , 
 |          cronExpres: '' 
 |    
 |        }, 
 |        // 验证规则 
 |        rules: { 
 |          beanName: [ 
 |            { required: true, message: '请输入Bean名称', tigger: 'blur' } 
 |          ], 
 |          module: [ 
 |            { required: true, message: '请输入模块名称', tigger: 'blur' } 
 |          ], 
 |          cronExpres: [ 
 |            { required: true, message: '请输入Cron表达式', tigger: 'blur' } 
 |          ] 
 |        } 
 |      } 
 |    }, 
 |    created () { 
 |      this.config({ 
 |        api: '/timer/timer', 
 |        'field.id': 'id' 
 |      }) 
 |    }, 
 |    methods: { 
 |      /** 
 |       * 打开窗口 
 |       * @title 窗口标题 
 |       * @target 编辑的对象 
 |       */ 
 |       open (title, target) { 
 |        this.title = title 
 |        this.visible = true 
 |        // 新建 
 |        if (target == null) { 
 |          this.$nextTick(() => { 
 |            this.$refs.form.resetFields() 
 |            this.form[this.configData['field.id']] = null 
 |          }) 
 |          return 
 |        } 
 |        // 编辑 
 |        this.$nextTick(() => { 
 |          for (const key in this.form) { 
 |            this.form[key] = target[key] 
 |          } 
 |        }) 
 |      } 
 |    } 
 |  } 
 |  </script> 
 |    
 |  <style lang="scss" scoped> 
 |  @import "@/assets/style/alertstyle.scss"; 
 |    
 |  </style> 
 |  
  |