字典详情弹框删除部分字段显示及样式调整
Showing
1 changed file
with
36 additions
and
34 deletions
1 | <template> | 1 | <template> |
2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
3 | <dialogBox submitForm="submitForm" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue" | 3 | <dialogBox submitForm="submitForm" class="tableClass" @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"> |
... | @@ -97,41 +97,41 @@ export default { | ... | @@ -97,41 +97,41 @@ export default { |
97 | ) | 97 | ) |
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> |
115 | ) | 115 | // ) |
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> |
132 | ) | 132 | // ) |
133 | } | 133 | // } |
134 | }, | 134 | // }, |
135 | { | 135 | { |
136 | prop: 'isenable', | 136 | prop: 'isenable', |
137 | width: '160', | 137 | width: '160', |
... | @@ -329,6 +329,8 @@ export default { | ... | @@ -329,6 +329,8 @@ export default { |
329 | } | 329 | } |
330 | </script> | 330 | </script> |
331 | <style rel="stylesheet/scss" lang="scss" scoped> | 331 | <style rel="stylesheet/scss" lang="scss" scoped> |
332 | @import "~@/styles/public.scss"; | ||
333 | |||
332 | /deep/.el-radio { | 334 | /deep/.el-radio { |
333 | margin-right: 5px !important; | 335 | margin-right: 5px !important; |
334 | display: flex; | 336 | display: flex; | ... | ... |
-
Please register or sign in to post a comment