style:字典
Showing
3 changed files
with
36 additions
and
36 deletions
| 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, | ... | ... |
-
Please register or sign in to post a comment