61a15fe4 by 任超

style:字典

1 parent f5d618f6
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue" 3 <dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue"
4 :isSave="details.isenable == 1" title="字典信息"> 4 :isSave="details.ISENABLE == 1" title="字典信息">
5 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 5 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
6 <el-row :gutter="20"> 6 <el-row :gutter="20">
7 <el-col :span="4"> 7 <el-col :span="4">
8 <el-form-item label="字典类型编码"> 8 <el-form-item label="字典类型编码">
9 {{ ruleForm.dcode }} 9 {{ ruleForm.DCODE }}
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="6"> 12 <el-col :span="6">
13 <el-form-item label="字典类型名称"> 13 <el-form-item label="字典类型名称">
14 {{ ruleForm.dname }} 14 {{ ruleForm.DNAME }}
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 </el-row> 17 </el-row>
...@@ -39,8 +39,8 @@ export default { ...@@ -39,8 +39,8 @@ export default {
39 myValue: this.value, 39 myValue: this.value,
40 keyList: [], 40 keyList: [],
41 ruleForm: { 41 ruleForm: {
42 dcode: '', 42 DCODE: '',
43 dname: '' 43 DNAME: ''
44 }, 44 },
45 column: [], 45 column: [],
46 columns: [ 46 columns: [
...@@ -49,7 +49,7 @@ export default { ...@@ -49,7 +49,7 @@ export default {
49 renderHeader: (h, scope) => { 49 renderHeader: (h, scope) => {
50 return (<div> 50 return (<div>
51 { 51 {
52 this.details.isenable === '0' ? 52 this.details.ISENABLE === '0' ?
53 <span>序号</span> : 53 <span>序号</span> :
54 <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF"></i> 54 <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF"></i>
55 } 55 }
...@@ -62,18 +62,18 @@ export default { ...@@ -62,18 +62,18 @@ export default {
62 } 62 }
63 }, 63 },
64 { 64 {
65 prop: 'dcode', 65 prop: 'DCODE',
66 width: '100', 66 width: '100',
67 label: '字典项编码', 67 label: '字典项编码',
68 render: (h, scope) => { 68 render: (h, scope) => {
69 return ( 69 return (
70 <div> 70 <div>
71 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} 71 <el-input placeholder="字典项编码" disabled={this.details.ISENABLE == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
72 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 72 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
73 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 73 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
74 74
75 75
76 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} 76 <el-input placeholder="字典项编码" disabled={this.details.ISENABLE == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
77 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} 77 onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
78 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 78 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
79 </div> 79 </div>
...@@ -81,16 +81,16 @@ export default { ...@@ -81,16 +81,16 @@ export default {
81 } 81 }
82 }, 82 },
83 { 83 {
84 prop: 'dname', 84 prop: 'DNAME',
85 label: '字典项名称', 85 label: '字典项名称',
86 render: (h, scope) => { 86 render: (h, scope) => {
87 return ( 87 return (
88 <div> 88 <div>
89 <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]} 89 <el-input placeholder="字典项编码" disabled={this.details.ISENABLE == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]}
90 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} 90 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
91 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 91 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
92 92
93 <el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]} 93 <el-input placeholder="字典项名称" disabled={this.details.ISENABLE == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]}
94 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} 94 onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }}
95 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 95 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
96 </div> 96 </div>
...@@ -98,17 +98,17 @@ export default { ...@@ -98,17 +98,17 @@ export default {
98 } 98 }
99 }, 99 },
100 { 100 {
101 prop: 'normcode', 101 prop: 'NORMCODE',
102 label: '部标编码', 102 label: '部标编码',
103 width: '100', 103 width: '100',
104 render: (h, scope) => { 104 render: (h, scope) => {
105 return ( 105 return (
106 <div> 106 <div>
107 <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]} 107 <el-input placeholder="部标编码" disabled={this.details.ISENABLE == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
108 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 108 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
109 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 109 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
110 110
111 <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]} 111 <el-input placeholder="部标编码" disabled={this.details.ISENABLE == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
112 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }} 112 onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
113 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> 113 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
114 </div> 114 </div>
...@@ -116,16 +116,16 @@ export default { ...@@ -116,16 +116,16 @@ export default {
116 } 116 }
117 }, 117 },
118 { 118 {
119 prop: 'normname', 119 prop: 'NORMNAME',
120 label: '部标名称', 120 label: '部标名称',
121 render: (h, scope) => { 121 render: (h, scope) => {
122 return ( 122 return (
123 <div> 123 <div>
124 <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]} 124 <el-input placeholder="部标名称" disabled={this.details.ISENABLE == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]}
125 onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }} 125 onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
126 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 126 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
127 127
128 <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]} 128 <el-input placeholder="部标名称" disabled={this.details.ISENABLE == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]}
129 onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }} 129 onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
130 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> 130 onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
131 </div> 131 </div>
...@@ -133,12 +133,12 @@ export default { ...@@ -133,12 +133,12 @@ export default {
133 } 133 }
134 }, 134 },
135 { 135 {
136 prop: 'isenable', 136 prop: 'ISENABLE',
137 width: '160', 137 width: '160',
138 label: '是否禁用', 138 label: '是否禁用',
139 render: (h, scope) => { 139 render: (h, scope) => {
140 return ( 140 return (
141 <el-radio-group disabled={this.details.isenable == 2} v-model={scope.row.isenable}> 141 <el-radio-group disabled={this.details.ISENABLE == 2} v-model={scope.row.ISENABLE}>
142 <el-radio label="1">启用</el-radio> 142 <el-radio label="1">启用</el-radio>
143 <el-radio label="0">禁用</el-radio> 143 <el-radio label="0">禁用</el-radio>
144 </el-radio-group> 144 </el-radio-group>
...@@ -194,7 +194,7 @@ export default { ...@@ -194,7 +194,7 @@ export default {
194 }, 194 },
195 details: { 195 details: {
196 handler: function (newValue) { 196 handler: function (newValue) {
197 if (newValue.isenable == 2) { 197 if (newValue.ISENABLE == 2) {
198 this.column = this.columns.slice(0, 6) 198 this.column = this.columns.slice(0, 6)
199 } else { 199 } else {
200 this.column = this.columns 200 this.column = this.columns
...@@ -280,11 +280,11 @@ export default { ...@@ -280,11 +280,11 @@ export default {
280 } 280 }
281 row.children.push( 281 row.children.push(
282 { 282 {
283 dcode: '', 283 DCODE: '',
284 dname: '', 284 DNAME: '',
285 isenable: '1', 285 ISENABLE: '1',
286 normcode: '', 286 NORMCODE: '',
287 normname: '', 287 NORMNAME: '',
288 bsmDict: getUuid(32), 288 bsmDict: getUuid(32),
289 typeid: row.typeid, 289 typeid: row.typeid,
290 } 290 }
...@@ -300,9 +300,9 @@ export default { ...@@ -300,9 +300,9 @@ export default {
300 }) 300 })
301 this.tableData.push( 301 this.tableData.push(
302 { 302 {
303 dcode: '', 303 DCODE: '',
304 dname: '', 304 DNAME: '',
305 isenable: '1', 305 ISENABLE: '1',
306 normcode: '', 306 normcode: '',
307 normname: '', 307 normname: '',
308 bsmDict: getUuid(32), 308 bsmDict: getUuid(32),
......
...@@ -23,11 +23,11 @@ class data extends filter { ...@@ -23,11 +23,11 @@ class data extends filter {
23 } 23 }
24 }, 24 },
25 { 25 {
26 prop: "dcode", 26 prop: "DCODE",
27 label: "字典类型编码", 27 label: "字典类型编码",
28 }, 28 },
29 { 29 {
30 prop: "dname", 30 prop: "DNAME",
31 label: "字典类型名称", 31 label: "字典类型名称",
32 }, 32 },
33 { 33 {
...@@ -37,7 +37,7 @@ class data extends filter { ...@@ -37,7 +37,7 @@ class data extends filter {
37 return ( 37 return (
38 <div> 38 <div>
39 { 39 {
40 scope.row.isenable == '1' ? 40 scope.row.ISENABLE == '1' ?
41 <div class='allow'>允许</div> : 41 <div class='allow'>允许</div> :
42 <div class='prohibit'>禁止</div> 42 <div class='prohibit'>禁止</div>
43 } 43 }
......
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
6 <el-row :gutter="20"> 6 <el-row :gutter="20">
7 <el-col :span="6"> 7 <el-col :span="6">
8 <el-form-item label="字典类型编码"> 8 <el-form-item label="字典类型编码">
9 <el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input> 9 <el-input v-model="ruleForm.DCODE" @clear="queryClick" clearable placeholder="字典类型编码"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="6"> 12 <el-col :span="6">
13 <el-form-item label="字典类型名称"> 13 <el-form-item label="字典类型名称">
14 <el-input v-model="ruleForm.dname" @clear="queryClick" clearable placeholder="字典类型名称"></el-input> 14 <el-input v-model="ruleForm.DNAME" @clear="queryClick" clearable placeholder="字典类型名称"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="12" class="btnColRight"> 17 <el-col :span="12" class="btnColRight">
...@@ -57,8 +57,8 @@ export default { ...@@ -57,8 +57,8 @@ export default {
57 rowData: {} 57 rowData: {}
58 }, 58 },
59 ruleForm: { 59 ruleForm: {
60 dcode: '', 60 DCODE: '',
61 dname: '' 61 DNAME: ''
62 }, 62 },
63 tableData: { 63 tableData: {
64 total: 0, 64 total: 0,
......