Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
13 changed files
with
345 additions
and
208 deletions
... | @@ -38,7 +38,21 @@ let mixin = { | ... | @@ -38,7 +38,21 @@ let mixin = { |
38 | }, | 38 | }, |
39 | // 详情 | 39 | // 详情 |
40 | handleEdit (row) { | 40 | handleEdit (row) { |
41 | this.title = row.rectypeName | 41 | let Title = '' |
42 | this.dicData['A21'].map(item => { | ||
43 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { | ||
44 | Title = item.DNAME | ||
45 | return | ||
46 | } | ||
47 | }) | ||
48 | |||
49 | this.dicData['A8'].map(item => { | ||
50 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { | ||
51 | Title += '-' + item.DNAME | ||
52 | return | ||
53 | } | ||
54 | }) | ||
55 | this.title = Title | ||
42 | this.$refs.editLog.isShow(row); | 56 | this.$refs.editLog.isShow(row); |
43 | }, | 57 | }, |
44 | // // 重置表单 | 58 | // // 重置表单 | ... | ... |
... | @@ -7,11 +7,18 @@ | ... | @@ -7,11 +7,18 @@ |
7 | display: flex; | 7 | display: flex; |
8 | position: relative; | 8 | position: relative; |
9 | top: -2px; | 9 | top: -2px; |
10 | |||
11 | b { | 10 | b { |
12 | @include flex-center; | 11 | font-weight: 200; |
13 | flex: 1; | 12 | display: inline-block; |
14 | width: 100%; | 13 | position: relative; |
14 | font-size: 24px; | ||
15 | top: -11px; | ||
16 | width: 38%; | ||
17 | height: 40px; | ||
18 | margin-left: 28px; | ||
19 | // @include flex-center; | ||
20 | display: flex; | ||
21 | justify-content: center; | ||
15 | } | 22 | } |
16 | } | 23 | } |
17 | 24 | ||
... | @@ -28,7 +35,7 @@ | ... | @@ -28,7 +35,7 @@ |
28 | } | 35 | } |
29 | 36 | ||
30 | .dialog_footer { | 37 | .dialog_footer { |
31 | margin-top: 8px; | 38 | margin-bottom: 8px; |
32 | @include flex-center; | 39 | @include flex-center; |
33 | } | 40 | } |
34 | 41 | ||
... | @@ -72,6 +79,9 @@ | ... | @@ -72,6 +79,9 @@ |
72 | background-size: 100% 100%; | 79 | background-size: 100% 100%; |
73 | right: 40px; | 80 | right: 40px; |
74 | top: 33px; | 81 | top: 33px; |
82 | &:hover{ | ||
83 | box-shadow: inset 0px 0px 12px 0px #02D9FD; | ||
84 | } | ||
75 | } | 85 | } |
76 | 86 | ||
77 | .el-dialog__close { | 87 | .el-dialog__close { | ... | ... |
... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
66 | // refine element ui upload | 66 | // refine element ui upload |
67 | .el-input.is-disabled .el-input__inner { | 67 | .el-input.is-disabled .el-input__inner { |
68 | color: #FFFFFF !important; | 68 | color: #FFFFFF !important; |
69 | // background-color: transparent !important; | 69 | background-color: transparent !important; |
70 | border: 1px solid #224C7C !important; | 70 | border: 1px solid #224C7C !important; |
71 | } | 71 | } |
72 | 72 | ... | ... |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | </lb-table> | 77 | </lb-table> |
78 | </div> | 78 | </div> |
79 | <!-- 编辑 --> | 79 | <!-- 编辑 --> |
80 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlCfdj'" /> | 80 | <dataDetails ref="editLog" title="查封登记" :tabsActiveName="'qlfQlCfdj'" /> |
81 | </div> | 81 | </div> |
82 | </template> | 82 | </template> |
83 | <script> | 83 | <script> | ... | ... |
... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
72 | </lb-table> | 72 | </lb-table> |
73 | </div> | 73 | </div> |
74 | <!-- 编辑 --> | 74 | <!-- 编辑 --> |
75 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyaq'" /> | 75 | <dataDetails ref="editLog" title="抵押权登记" :tabsActiveName="'qlfQlDyaq'" /> |
76 | </div> | 76 | </div> |
77 | </template> | 77 | </template> |
78 | 78 | ... | ... |
... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
73 | </lb-table> | 73 | </lb-table> |
74 | </div> | 74 | </div> |
75 | <!-- 编辑 --> | 75 | <!-- 编辑 --> |
76 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlDyiq'" /> | 76 | <dataDetails ref="editLog" title="地役权登记" :tabsActiveName="'qlfQlDyiq'" /> |
77 | </div> | 77 | </div> |
78 | </template> | 78 | </template> |
79 | 79 | ... | ... |
... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="6"> | 14 | <el-col :span="6"> |
15 | <el-form-item label="权属状态"> | 15 | <el-form-item label="权属状态"> |
16 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> | 16 | <el-select class="width100" v-model="form.QSZT" placeholder="权属状态"> |
17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
18 | </el-option> | 18 | </el-option> |
19 | </el-select> | 19 | </el-select> |
... | @@ -33,8 +33,7 @@ | ... | @@ -33,8 +33,7 @@ |
33 | <el-row class="mt-10"> | 33 | <el-row class="mt-10"> |
34 | <el-col :span="6"> | 34 | <el-col :span="6"> |
35 | <el-form-item label="登记类型"> | 35 | <el-form-item label="登记类型"> |
36 | <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" | 36 | <el-select v-model="form.DJLX" clearable class="width100" ref="selectlandDJ" placeholder="请选择登记类型"> |
37 | @visible-change="isShowSelectOptions" placeholder="登记类型"> | ||
38 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 37 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
39 | </el-option> | 38 | </el-option> |
40 | </el-select> | 39 | </el-select> |
... | @@ -123,11 +122,6 @@ export default { | ... | @@ -123,11 +122,6 @@ export default { |
123 | } | 122 | } |
124 | }, | 123 | }, |
125 | methods: { | 124 | methods: { |
126 | // 是否显示下拉框 | ||
127 | isShowSelectOptions (e) { | ||
128 | if (!e) this.$refs.selectlandQL.blur() | ||
129 | if (!e) this.$refs.selectlandDJ.blur() | ||
130 | }, | ||
131 | async featchData () { | 125 | async featchData () { |
132 | try { | 126 | try { |
133 | this.form = Object.assign(this.form, this.formData) | 127 | this.form = Object.assign(this.form, this.formData) | ... | ... |
... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
67 | </lb-table> | 67 | </lb-table> |
68 | </div> | 68 | </div> |
69 | <!-- 编辑 --> | 69 | <!-- 编辑 --> |
70 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYgdj'" /> | 70 | <dataDetails ref="editLog" title="预告登记" :tabsActiveName="'qlfQlYgdj'" /> |
71 | </div> | 71 | </div> |
72 | </template> | 72 | </template> |
73 | 73 | ... | ... |
... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
57 | </lb-table> | 57 | </lb-table> |
58 | </div> | 58 | </div> |
59 | <!-- 编辑 --> | 59 | <!-- 编辑 --> |
60 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlYydj'" /> | 60 | <dataDetails ref="editLog" title="异议登记" :tabsActiveName="'qlfQlYydj'" /> |
61 | </div> | 61 | </div> |
62 | </template> | 62 | </template> |
63 | 63 | ... | ... |
... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
61 | </lb-table> | 61 | </lb-table> |
62 | </div> | 62 | </div> |
63 | <!-- 编辑 --> | 63 | <!-- 编辑 --> |
64 | <dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlZxdj'" /> | 64 | <dataDetails ref="editLog" title="注销登记" :tabsActiveName="'qlfQlZxdj'" /> |
65 | </div> | 65 | </div> |
66 | </template> | 66 | </template> |
67 | 67 | ... | ... |
1 | <template> | 1 | <template> |
2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
3 | <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit" width="80%" v-model="myValue" | 3 | <dialogBox |
4 | :isSave="details.ISENABLE == 1" title="字典信息"> | 4 | submitForm="submitForm" |
5 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> | 5 | class="tableClass" |
6 | <el-row :gutter="20"> | 6 | @closeDialog="closeDialog" |
7 | <el-col :span="4"> | 7 | @submitForm="handleSubmit" |
8 | <el-form-item label="字典类型编码"> | 8 | width="60%" |
9 | {{ ruleForm.DCODE }} | 9 | v-model="myValue" |
10 | </el-form-item> | 10 | :isMain="true" |
11 | </el-col> | 11 | :isButton="false" |
12 | <el-col :span="6"> | 12 | :isSave="details.ISENABLE == 1" |
13 | <el-form-item label="字典类型名称"> | 13 | title="字典信息" |
14 | {{ ruleForm.DNAME }} | 14 | > |
15 | </el-form-item> | 15 | <div class="editDialogBox-box "> |
16 | </el-col> | 16 | <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> |
17 | </el-row> | 17 | <el-row :gutter="20"> |
18 | </el-form> | 18 | <el-col :span="4"> |
19 | <lb-table :column="column" class="loadingtext" :heightNum="420" :key="key" :expand-row-keys="keyList" | 19 | <el-form-item label="字典类型编码"> |
20 | row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData"> | 20 | {{ ruleForm.DCODE }} |
21 | </lb-table> | 21 | </el-form-item> |
22 | </el-col> | ||
23 | <el-col :span="6"> | ||
24 | <el-form-item label="字典类型名称"> | ||
25 | {{ ruleForm.DNAME }} | ||
26 | </el-form-item> | ||
27 | </el-col> | ||
28 | </el-row> | ||
29 | </el-form> | ||
30 | <lb-table | ||
31 | :column="column" | ||
32 | class="loadingtext" | ||
33 | :heightNum="600" | ||
34 | :key="key" | ||
35 | :expand-row-keys="keyList" | ||
36 | row-key="dictid" | ||
37 | :tree-props="{ children: 'children' }" | ||
38 | :pagination="false" | ||
39 | :data="tableData" | ||
40 | > | ||
41 | </lb-table> | ||
42 | </div> | ||
22 | </dialogBox> | 43 | </dialogBox> |
23 | </template> | 44 | </template> |
24 | 45 | ||
25 | <script> | 46 | <script> |
26 | import { getUuid, judgeSort, realMove, findParents, removeTreeListItem } from '@/utils/operation' | 47 | import { |
27 | import { editDictNode, getChildDictList } from '@/api/dict' | 48 | getUuid, |
49 | judgeSort, | ||
50 | realMove, | ||
51 | findParents, | ||
52 | removeTreeListItem, | ||
53 | } from "@/utils/operation"; | ||
54 | import { editDictNode, getChildDictList } from "@/api/dict"; | ||
28 | export default { | 55 | export default { |
29 | props: { | 56 | props: { |
30 | value: { type: Boolean, default: false }, | 57 | value: { type: Boolean, default: false }, |
31 | details: { | 58 | details: { |
32 | type: Object, | 59 | type: Object, |
33 | default: {} | 60 | default: {}, |
34 | } | 61 | }, |
35 | }, | 62 | }, |
36 | data () { | 63 | data() { |
37 | return { | 64 | return { |
38 | key: 0, | 65 | key: 0, |
39 | myValue: this.value, | 66 | myValue: this.value, |
40 | keyList: [], | 67 | keyList: [], |
41 | ruleForm: { | 68 | ruleForm: { |
42 | DCODE: '', | 69 | DCODE: "", |
43 | DNAME: '' | 70 | DNAME: "", |
44 | }, | 71 | }, |
45 | column: [], | 72 | column: [], |
46 | columns: [ | 73 | columns: [ |
47 | { | 74 | { |
48 | width: '70', | 75 | width: "70", |
49 | renderHeader: (h, scope) => { | 76 | renderHeader: (h, scope) => { |
50 | return (<div> | 77 | return ( |
51 | { | 78 | <div> |
52 | this.details.ISENABLE === '0' ? | 79 | {this.details.ISENABLE === "0" ? ( |
53 | <span>序号</span> : | 80 | <span>序号</span> |
54 | <i class="el-icon-plus" onClick={() => { this.handleAdd() }} style="cursor:pointer;color:#409EFF"></i> | 81 | ) : ( |
55 | } | 82 | <i |
56 | </div>) | 83 | class="el-icon-plus" |
84 | onClick={() => { | ||
85 | this.handleAdd(); | ||
86 | }} | ||
87 | style="cursor:pointer;color:#409EFF" | ||
88 | ></i> | ||
89 | )} | ||
90 | </div> | ||
91 | ); | ||
57 | }, | 92 | }, |
58 | render: (h, scope) => { | 93 | render: (h, scope) => { |
59 | return ( | 94 | return <span>{scope.row.index}</span>; |
60 | <span>{scope.row.index}</span> | 95 | }, |
61 | ) | ||
62 | } | ||
63 | }, | 96 | }, |
64 | { | 97 | { |
65 | prop: 'DCODE', | 98 | prop: "DCODE", |
66 | width: '100', | 99 | width: "100", |
67 | label: '字典项编码', | 100 | label: "字典项编码", |
68 | render: (h, scope) => { | 101 | render: (h, scope) => { |
69 | return ( | 102 | return ( |
70 | <div> | 103 | <div> |
71 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]} | 104 | <el-input |
72 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | 105 | placeholder="字典项编码" |
73 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> | 106 | disabled={this.details.isenable == 2} |
74 | 107 | v-show={scope.row.codeShow} | |
108 | v-fo | ||
109 | value={scope.row[scope.column.property]} | ||
110 | onFocus={() => { | ||
111 | this.itemShowFalse(); | ||
112 | scope.row.codeShow = true; | ||
113 | }} | ||
114 | onInput={(val) => { | ||
115 | scope.row[scope.column.property] = val; | ||
116 | this.itemShowFalse(); | ||
117 | scope.row.codeShow = true; | ||
118 | }} | ||
119 | maxlength="8" | ||
120 | ></el-input> | ||
75 | 121 | ||
76 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]} | 122 | <el-input |
77 | onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }} | 123 | placeholder="字典项编码" |
78 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input> | 124 | disabled={this.details.isenable == 2} |
125 | v-show={!scope.row.codeShow} | ||
126 | value={scope.row[scope.column.property]} | ||
127 | onFocus={() => { | ||
128 | this.itemShowFalse(); | ||
129 | scope.row.codeShow = true; | ||
130 | }} | ||
131 | onInput={(val) => { | ||
132 | scope.row[scope.column.property] = val; | ||
133 | this.itemShowFalse(); | ||
134 | scope.row.codeShow = true; | ||
135 | }} | ||
136 | maxlength="8" | ||
137 | ></el-input> | ||
79 | </div> | 138 | </div> |
80 | ) | 139 | ); |
81 | } | 140 | }, |
82 | }, | 141 | }, |
83 | { | 142 | { |
84 | prop: 'DNAME', | 143 | prop: "DNAME", |
85 | label: '字典项名称', | 144 | label: "字典项名称", |
86 | render: (h, scope) => { | 145 | render: (h, scope) => { |
87 | return ( | 146 | return ( |
88 | <div> | 147 | <div> |
89 | <el-input placeholder="字典项编码" disabled={this.details.isenable == 2} v-show={scope.row.nameShow} v-fo value={scope.row[scope.column.property]} | 148 | <el-input |
90 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | 149 | placeholder="字典项编码" |
91 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> | 150 | disabled={this.details.isenable == 2} |
151 | v-show={scope.row.nameShow} | ||
152 | v-fo | ||
153 | value={scope.row[scope.column.property]} | ||
154 | onFocus={() => { | ||
155 | this.itemShowFalse(); | ||
156 | scope.row.nameShow = true; | ||
157 | }} | ||
158 | onInput={(val) => { | ||
159 | scope.row[scope.column.property] = val; | ||
160 | this.itemShowFalse(); | ||
161 | scope.row.codeShow = true; | ||
162 | }} | ||
163 | ></el-input> | ||
92 | 164 | ||
93 | <el-input placeholder="字典项名称" disabled={this.details.isenable == 2} v-show={!scope.row.nameShow} value={scope.row[scope.column.property]} | 165 | <el-input |
94 | onFocus={() => { this.itemShowFalse(); scope.row.nameShow = true; }} | 166 | placeholder="字典项名称" |
95 | onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input> | 167 | disabled={this.details.isenable == 2} |
168 | v-show={!scope.row.nameShow} | ||
169 | value={scope.row[scope.column.property]} | ||
170 | onFocus={() => { | ||
171 | this.itemShowFalse(); | ||
172 | scope.row.nameShow = true; | ||
173 | }} | ||
174 | onInput={(val) => { | ||
175 | scope.row[scope.column.property] = val; | ||
176 | this.itemShowFalse(); | ||
177 | scope.row.codeShow = true; | ||
178 | }} | ||
179 | ></el-input> | ||
96 | </div> | 180 | </div> |
97 | ) | 181 | ); |
98 | } | 182 | }, |
99 | }, | 183 | }, |
100 | // { | 184 | // { |
101 | // prop: 'normcode', | 185 | // prop: 'normcode', |
... | @@ -146,187 +230,216 @@ export default { | ... | @@ -146,187 +230,216 @@ export default { |
146 | // } | 230 | // } |
147 | // }, | 231 | // }, |
148 | { | 232 | { |
149 | width: '130', | 233 | width: "130", |
150 | label: '移动', | 234 | label: "移动", |
151 | render: (h, scope) => { | 235 | render: (h, scope) => { |
152 | return ( | 236 | return ( |
153 | <div> | 237 | <div> |
154 | <el-button type='text' disabled={scope.row.isTop} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button> | 238 | <el-button |
155 | <el-button type='text' disabled={scope.row.isBottom} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button > | 239 | type="text" |
156 | </div > | 240 | disabled={scope.row.isTop} |
157 | ) | 241 | onClick={() => { |
158 | } | 242 | this.moveUpward(scope.$index, scope.row); |
243 | }} | ||
244 | > | ||
245 | 上移 | ||
246 | </el-button> | ||
247 | <el-button | ||
248 | type="text" | ||
249 | disabled={scope.row.isBottom} | ||
250 | onClick={() => { | ||
251 | this.moveDown(scope.$index, scope.row); | ||
252 | }} | ||
253 | > | ||
254 | 下移 | ||
255 | </el-button> | ||
256 | </div> | ||
257 | ); | ||
258 | }, | ||
159 | }, | 259 | }, |
160 | { | 260 | { |
161 | width: '150', | 261 | width: "150", |
162 | label: '操作', | 262 | label: "操作", |
163 | render: (h, scope) => { | 263 | render: (h, scope) => { |
164 | return ( | 264 | return ( |
165 | <div> | 265 | <div> |
166 | <el-button type="text" style="margin-right:10px" onClick={() => { this.handleAddSubordinate(scope.row) }}>增加下级</el-button> | 266 | <el-button |
167 | <el-button type="text" style="margin-left:0" onClick={() => { this.handleMinus(scope.$index, scope.row) }}>删除</el-button> | 267 | type="text" |
268 | style="margin-right:10px" | ||
269 | onClick={() => { | ||
270 | this.handleAddSubordinate(scope.row); | ||
271 | }} | ||
272 | > | ||
273 | 增加下级 | ||
274 | </el-button> | ||
275 | <el-button | ||
276 | type="text" | ||
277 | style="margin-left:0" | ||
278 | onClick={() => { | ||
279 | this.handleMinus(scope.$index, scope.row); | ||
280 | }} | ||
281 | > | ||
282 | 删除 | ||
283 | </el-button> | ||
168 | </div> | 284 | </div> |
169 | ) | 285 | ); |
170 | } | 286 | }, |
171 | } | 287 | }, |
172 | ], | 288 | ], |
173 | tableData: [] | 289 | tableData: [], |
174 | } | 290 | }; |
175 | }, | 291 | }, |
176 | watch: { | 292 | watch: { |
177 | value (val) { | 293 | value(val) { |
178 | this.myValue = val | 294 | this.myValue = val; |
179 | }, | 295 | }, |
180 | 'details.dictid': { | 296 | "details.dictid": { |
181 | handler: function (newValue) { | 297 | handler: function (newValue) { |
182 | if (!this.value) return | 298 | if (!this.value) return; |
183 | this.$startLoading(); | 299 | getChildDictList(newValue).then((res) => { |
184 | getChildDictList(newValue).then(res => { | ||
185 | this.$endLoading(); | 300 | this.$endLoading(); |
186 | let { result } = res | 301 | let { result } = res; |
187 | this.tableData = result ? result : [] | 302 | this.tableData = result ? result : []; |
188 | this.tableData.forEach((item, index) => { | 303 | this.tableData.forEach((item, index) => { |
189 | item.index = index + 1 | 304 | item.index = index + 1; |
190 | }) | 305 | }); |
191 | }) | 306 | }); |
192 | }, | 307 | }, |
193 | immediate: true | 308 | immediate: true, |
194 | }, | 309 | }, |
195 | details: { | 310 | details: { |
196 | handler: function (newValue) { | 311 | handler: function (newValue) { |
197 | if (newValue.ISENABLE == 2) { | 312 | if (newValue.ISENABLE == 2) { |
198 | this.column = this.columns.slice(0, 6) | 313 | this.column = this.columns.slice(0, 6); |
199 | } else { | 314 | } else { |
200 | this.column = this.columns | 315 | this.column = this.columns; |
201 | } | 316 | } |
202 | this.ruleForm = newValue.rowData | 317 | this.ruleForm = newValue.rowData; |
203 | this.addIndexes() | 318 | this.addIndexes(); |
204 | this.key++ | 319 | this.key++; |
205 | }, | 320 | }, |
206 | deep: true | 321 | deep: true, |
207 | } | 322 | }, |
208 | }, | 323 | }, |
209 | methods: { | 324 | methods: { |
210 | // 添加索引 | 325 | // 添加索引 |
211 | addIndexes (data = this.tableData, isAdd = true) { | 326 | addIndexes(data = this.tableData, isAdd = true) { |
212 | data.forEach((item, index) => { | 327 | data.forEach((item, index) => { |
213 | if (index == 0) { | 328 | if (index == 0) { |
214 | item.codeShow = true | 329 | item.codeShow = true; |
215 | item.nameShow = false | 330 | item.nameShow = false; |
216 | item.normcodeShow = false | 331 | item.normcodeShow = false; |
217 | item.normnameShow = false | 332 | item.normnameShow = false; |
218 | } else { | 333 | } else { |
219 | item.codeShow = false | 334 | item.codeShow = false; |
220 | item.nameShow = false | 335 | item.nameShow = false; |
221 | item.normcodeShow = false | 336 | item.normcodeShow = false; |
222 | item.normnameShow = false | 337 | item.normnameShow = false; |
223 | } | 338 | } |
224 | if (isAdd) { | 339 | if (isAdd) { |
225 | item.index = index + 1 | 340 | item.index = index + 1; |
226 | } | 341 | } |
227 | if (item.children) { | 342 | if (item.children) { |
228 | this.addIndexes(item.children, false) | 343 | this.addIndexes(item.children, false); |
229 | } | 344 | } |
230 | }) | 345 | }); |
231 | }, | 346 | }, |
232 | itemShowFalse () { | 347 | itemShowFalse() { |
233 | this.tableData.forEach((item, index) => { | 348 | this.tableData.forEach((item, index) => { |
234 | item.codeShow = false | 349 | item.codeShow = false; |
235 | item.nameShow = false | 350 | item.nameShow = false; |
236 | item.normcodeShow = false | 351 | item.normcodeShow = false; |
237 | item.normnameShow = false | 352 | item.normnameShow = false; |
238 | }) | 353 | }); |
239 | }, | 354 | }, |
240 | handleMinus (index, row) { | 355 | handleMinus(index, row) { |
241 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | 356 | this.$confirm("此操作将永久删除, 是否继续?", "提示", { |
242 | confirmButtonText: '确定', | 357 | confirmButtonText: "确定", |
243 | cancelButtonText: '取消', | 358 | cancelButtonText: "取消", |
244 | type: 'warning' | 359 | type: "warning", |
245 | }).then(() => { | ||
246 | removeTreeListItem(this.tableData, row.dictid) | ||
247 | this.$message({ | ||
248 | type: 'success', | ||
249 | message: '删除成功!' | ||
250 | }) | ||
251 | }).catch(() => { | ||
252 | this.$message({ | ||
253 | type: 'info', | ||
254 | message: '已取消删除' | ||
255 | }) | ||
256 | }) | 360 | }) |
361 | .then(() => { | ||
362 | removeTreeListItem(this.tableData, row.dictid); | ||
363 | this.$message({ | ||
364 | type: "success", | ||
365 | message: "删除成功!", | ||
366 | }); | ||
367 | }) | ||
368 | .catch(() => { | ||
369 | this.$message({ | ||
370 | type: "info", | ||
371 | message: "已取消删除", | ||
372 | }); | ||
373 | }); | ||
257 | }, | 374 | }, |
258 | handleSubmit () { | 375 | handleSubmit() { |
259 | editDictNode({ | 376 | editDictNode({ |
260 | dictid: this.details.rowData.dictid, | 377 | dictid: this.details.rowData.dictid, |
261 | typeid: this.details.rowData.typeid, | 378 | typeid: this.details.rowData.typeid, |
262 | children: this.tableData | 379 | children: this.tableData, |
263 | }).then(res => { | 380 | }).then((res) => { |
264 | if (res.code === 200) { | 381 | if (res.code === 200) { |
265 | this.$message({ | 382 | this.$message({ |
266 | message: '修改成功', | 383 | message: "修改成功", |
267 | type: 'success' | 384 | type: "success", |
268 | }) | 385 | }); |
269 | this.$emit('input', false) | 386 | this.$emit("input", false); |
270 | } | 387 | } |
271 | }) | 388 | }); |
272 | }, | 389 | }, |
273 | closeDialog () { | 390 | closeDialog() { |
274 | this.$emit('input', false) | 391 | this.$emit("input", false); |
275 | }, | 392 | }, |
276 | // 增加下级 | 393 | // 增加下级 |
277 | handleAddSubordinate (row) { | 394 | handleAddSubordinate(row) { |
278 | if (!row.children) { | 395 | if (!row.children) { |
279 | row.children = [] | 396 | row.children = []; |
280 | } | 397 | } |
281 | row.children.push( | 398 | row.children.push({ |
282 | { | 399 | DCODE: "", |
283 | DCODE: '', | 400 | DNAME: "", |
284 | DNAME: '', | 401 | ISENABLE: "1", |
285 | ISENABLE: '1', | 402 | NORMCODE: "", |
286 | NORMCODE: '', | 403 | NORMNAME: "", |
287 | NORMNAME: '', | 404 | dictid: getUuid(32), |
288 | dictid: getUuid(32), | 405 | typeid: row.typeid, |
289 | typeid: row.typeid, | 406 | }); |
290 | } | ||
291 | ) | ||
292 | this.keyList = []; | 407 | this.keyList = []; |
293 | this.keyList.push(row.dictid) | 408 | this.keyList.push(row.dictid); |
294 | }, | 409 | }, |
295 | // 增加 | 410 | // 增加 |
296 | handleAdd () { | 411 | handleAdd() { |
297 | this.$nextTick(() => { | 412 | this.$nextTick(() => { |
298 | let container = this.$el.querySelector('.el-table__body-wrapper'); | 413 | let container = this.$el.querySelector(".el-table__body-wrapper"); |
299 | container.scrollTop = container.scrollHeight; | 414 | container.scrollTop = container.scrollHeight; |
300 | }) | 415 | }); |
301 | this.tableData.push( | 416 | this.tableData.push({ |
302 | { | 417 | DCODE: "", |
303 | DCODE: '', | 418 | DNAME: "", |
304 | DNAME: '', | 419 | ISENABLE: "1", |
305 | ISENABLE: '1', | 420 | normcode: "", |
306 | normcode: '', | 421 | normname: "", |
307 | normname: '', | 422 | dictid: getUuid(32), |
308 | dictid: getUuid(32), | 423 | typeid: this.ruleForm.typeid, |
309 | typeid: this.ruleForm.typeid, | 424 | }); |
310 | } | 425 | this.addIndexes(); |
311 | ) | 426 | this.key++; |
312 | this.addIndexes() | ||
313 | this.key++ | ||
314 | }, | 427 | }, |
315 | // 上移下移 | 428 | // 上移下移 |
316 | moveUpward (index, row) { | 429 | moveUpward(index, row) { |
317 | realMove(row.dictid, 'UP', this.tableData) | 430 | realMove(row.dictid, "UP", this.tableData); |
318 | this.key++ | 431 | this.key++; |
319 | let id = findParents(this.tableData, row.dictid) | 432 | let id = findParents(this.tableData, row.dictid); |
320 | this.keyList = id | 433 | this.keyList = id; |
321 | }, | 434 | }, |
322 | moveDown (index, row) { | 435 | moveDown(index, row) { |
323 | realMove(row.dictid, 'DOWN', this.tableData) | 436 | realMove(row.dictid, "DOWN", this.tableData); |
324 | this.key++ | 437 | this.key++; |
325 | let id = findParents(this.tableData, row.dictid) | 438 | let id = findParents(this.tableData, row.dictid); |
326 | this.keyList = id | 439 | this.keyList = id; |
327 | } | 440 | }, |
328 | } | 441 | }, |
329 | } | 442 | }; |
330 | </script> | 443 | </script> |
331 | <style rel="stylesheet/scss" lang="scss" scoped> | 444 | <style rel="stylesheet/scss" lang="scss" scoped> |
332 | @import "~@/styles/public.scss"; | 445 | @import "~@/styles/public.scss"; |
... | @@ -339,11 +452,19 @@ export default { | ... | @@ -339,11 +452,19 @@ export default { |
339 | /deep/.el-radio__label { | 452 | /deep/.el-radio__label { |
340 | display: block; | 453 | display: block; |
341 | } | 454 | } |
342 | 455 | /deep/.el-form-item__label{ | |
456 | color:#fff; | ||
457 | } | ||
458 | /deep/.el-form-item{ | ||
459 | color:#fff; | ||
460 | margin-bottom: 10px; | ||
461 | } | ||
343 | /deep/.el-radio-group { | 462 | /deep/.el-radio-group { |
344 | display: flex; | 463 | display: flex; |
345 | align-items: center; | 464 | align-items: center; |
346 | justify-content: center; | 465 | justify-content: center; |
347 | } | 466 | } |
467 | .editDialogBox-box{ | ||
468 | margin:14px 18px 30px 18px !important | ||
469 | } | ||
348 | </style> | 470 | </style> |
349 | ... | ... |
... | @@ -86,7 +86,6 @@ export default { | ... | @@ -86,7 +86,6 @@ export default { |
86 | methods: { | 86 | methods: { |
87 | // 初始化数据 | 87 | // 初始化数据 |
88 | queryClick () { | 88 | queryClick () { |
89 | // this.$startLoading(); | ||
90 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | 89 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { |
91 | // this.$endLoading(); | 90 | // this.$endLoading(); |
92 | let { records, total } = res.result | 91 | let { records, total } = res.result |
... | @@ -100,7 +99,6 @@ export default { | ... | @@ -100,7 +99,6 @@ export default { |
100 | cancelButtonText: '取消', | 99 | cancelButtonText: '取消', |
101 | type: 'warning' | 100 | type: 'warning' |
102 | }).then(() => { | 101 | }).then(() => { |
103 | this.$startLoading() | ||
104 | refreshDictCache().then(res => { | 102 | refreshDictCache().then(res => { |
105 | if (res.code == 200) { | 103 | if (res.code == 200) { |
106 | let refech = this.$store.dispatch('dict/generateDic') | 104 | let refech = this.$store.dispatch('dict/generateDic') | ... | ... |
-
Please register or sign in to post a comment