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
  | <template> 
 |    <GlobalAlertWindow 
 |      :title="title" 
 |      :visible.sync="visible" 
 |      :confirm-working="isWorking" 
 |      @confirm="confirm" 
 |    > 
 |      <el-form :model="form" ref="form" :rules="rules"> 
 |        <el-form-item label="字典编码" prop="code" required> 
 |          <el-input v-model="form.code" placeholder="请输入字典编码" v-trim maxlength="50"/> 
 |        </el-form-item> 
 |        <el-form-item label="字典名称" prop="name" required> 
 |          <el-input v-model="form.name" placeholder="请输入字典名称" v-trim maxlength="50"/> 
 |        </el-form-item> 
 |        <el-form-item label="备注" prop="remark"> 
 |          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" :rows="3" v-trim maxlength="500"/> 
 |        </el-form-item> 
 |      </el-form> 
 |    </GlobalAlertWindow> 
 |  </template> 
 |    
 |  <script> 
 |  import BaseOpera from '@/components/base/BaseOpera' 
 |  import GlobalAlertWindow from '@/components/common/GlobalAlertWindow' 
 |  export default { 
 |    name: 'OperaDictWindow', 
 |    extends: BaseOpera, 
 |    components: { GlobalAlertWindow }, 
 |    data () { 
 |      return { 
 |        // 表单数据 
 |        form: { 
 |          id: null, 
 |          code: '', 
 |          name: '', 
 |          remark: '' 
 |        }, 
 |        // 验证规则 
 |        rules: { 
 |          code: [ 
 |            { required: true, message: '请输入字典编码' } 
 |          ], 
 |          name: [ 
 |            { required: true, message: '请输入字典名称' } 
 |          ] 
 |        } 
 |      } 
 |    }, 
 |    created () { 
 |      this.config({ 
 |        api: '/system/dict' 
 |      }) 
 |    } 
 |  } 
 |  </script> 
 |  
  |