Skip to content

Commit 951ee37

Browse files
author
hikki
committed
1.7
1 parent a8ccde1 commit 951ee37

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

‎resources/assets/component.js

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ class ComponentDot {
8181
this.insert_data = [];
8282
this.delete_data = [];
8383

84-
for (let element of this.SELECT_DOM.getElementsByClassName("dlp-label")) {
84+
for (let element of this.SELECTED_DOM.getElementsByClassName("dlp-label")) {
8585
element.addEventListener('click', this.tagCancel.bind(this, element), false);
8686
}
8787
for (let element of this.CONTENT_DOM.getElementsByClassName("dlp-label")) {
@@ -102,22 +102,22 @@ class ComponentDot {
102102
}
103103

104104
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div id="${this.name}-select" class="dot-selected dlp-scroll">${selected_dom}</div></div><div class="dot-select dlp-scroll">${select_dom}</div></div>
105-
<input name="${this.name}[data]" value='${JSON.stringify(this.select_data)}' type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
105+
<input name="${this.name}[select]" value='${JSON.stringify(this.select_data)}' type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
106106
this.DOM.insertAdjacentHTML('afterbegin', html);
107-
this.SELECT_DOM = document.querySelector(`#${this.name} .dot-selected`);
107+
this.SELECTED_DOM = document.querySelector(`#${this.name} .dot-selected`);
108108
this.CONTENT_DOM = document.querySelector(`#${this.name} .dot-select`);
109-
this.dataDOM = document.querySelector(`input[name='${this.name}[data]']`);
110-
this.insertDOM = document.querySelector(`input[name='${this.name}[insert]']`);
111-
this.deleteDOM = document.querySelector(`input[name='${this.name}[delete]']`);
109+
this.selectInputDOM = document.querySelector(`input[name='${this.name}[select]']`);
110+
this.insertInputDOM = document.querySelector(`input[name='${this.name}[insert]']`);
111+
this.deleteInputDOM = document.querySelector(`input[name='${this.name}[delete]']`);
112112
}
113113

114114
tagSelect(element) {
115115
let cdom = element.cloneNode(true);
116116
cdom.addEventListener('click', this.tagCancel.bind(this, cdom), false);
117-
this.SELECT_DOM.appendChild(cdom);
117+
this.SELECTED_DOM.appendChild(cdom);
118118
element.remove();
119119
this.tagCal(cdom, 'insert');
120-
this.SELECT_DOM.scrollTop = this.SELECT_DOM.scrollHeight;
120+
this.SELECTED_DOM.scrollTop = this.SELECTED_DOM.scrollHeight;
121121
}
122122

123123
tagCancel(element) {
@@ -133,33 +133,33 @@ class ComponentDot {
133133
if (operate == 'insert') {
134134
if (this.select_data.indexOf(id) == -1) {
135135
this.select_data.push(id);
136-
this.dataDOM.value = JSON.stringify(this.select_data);
136+
this.selectInputDOM.value = JSON.stringify(this.select_data);
137137
}
138138
if (this.selected_data.indexOf(id) == -1 && this.insert_data.indexOf(id) == -1) {
139139
this.insert_data.push(id);
140-
this.insertDOM.value = JSON.stringify(this.insert_data);
140+
this.insertInputDOM.value = JSON.stringify(this.insert_data);
141141
}
142142
let index = this.delete_data.indexOf(id);
143143
if (index != -1) {
144144
this.delete_data.splice(index, 1);
145-
this.deleteDOM.value = JSON.stringify(this.delete_data);
145+
this.deleteInputDOM.value = JSON.stringify(this.delete_data);
146146
}
147147
return;
148148
}
149149
if (operate == 'delete') {
150150
let index = this.select_data.indexOf(id);
151151
if (index != -1) {
152152
this.select_data.splice(index, 1);
153-
this.dataDOM.value = JSON.stringify(this.select_data);
153+
this.selectInputDOM.value = JSON.stringify(this.select_data);
154154
}
155155
if (this.selected_data.indexOf(id) != -1 && this.delete_data.indexOf(id) == -1) {
156156
this.delete_data.push(id);
157-
this.deleteDOM.value = JSON.stringify(this.delete_data);
157+
this.deleteInputDOM.value = JSON.stringify(this.delete_data);
158158
}
159159
index = this.insert_data.indexOf(id);
160160
if (index != -1) {
161161
this.insert_data.splice(index, 1);
162-
this.insertDOM.value = JSON.stringify(this.insert_data);
162+
this.insertInputDOM.value = JSON.stringify(this.insert_data);
163163
}
164164
}
165165
}
@@ -181,7 +181,7 @@ class ComponentDot {
181181
}
182182

183183
class ComponentCascadeDot {
184-
constructor(name, selected, select) {
184+
constructor(name, selected, select,options) {
185185
this.name = name;
186186
this.DOM = document.getElementById(name);
187187
this.selected_data = selected;
@@ -191,13 +191,13 @@ class ComponentCascadeDot {
191191

192192
make() {
193193
let html = `<div class="dlp-dot" ><div class="dot-top"><input type="text" class="dlp dot-search" placeholder="搜索名称"><div id="${this.name}-select" class="dot-selected dlp-scroll"></div></div><div class="dot-select dot-select-cascade dlp-scroll"></div></div>
194-
<input name="${this.name}[data]" value="[]" type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
194+
<input name="${this.name}[select]" value="[]" type="hidden"><input name="${this.name}[insert]" value="[]" type="hidden"><input name="${this.name}[delete]" value="[]" type="hidden">`;
195195
this.DOM.insertAdjacentHTML('afterbegin', html);
196-
this.SELECT_DOM = document.querySelector(`#${this.name} .dot-selected`);
196+
this.SELECTED_DOM = document.querySelector(`#${this.name} .dot-selected`);
197197
this.CONTENT_DOM = document.querySelector(`#${this.name} .dot-select`);
198-
this.dataDOM = document.querySelector(`input[name='${this.name}[data]']`);
199-
this.insertDOM = document.querySelector(`input[name='${this.name}[insert]']`);
200-
this.deleteDOM = document.querySelector(`input[name='${this.name}[delete]']`);
198+
this.selectInputDOM = document.querySelector(`input[name='${this.name}[select]']`);
199+
this.insertInputDOM = document.querySelector(`input[name='${this.name}[insert]']`);
200+
this.deleteInputDOM = document.querySelector(`input[name='${this.name}[delete]']`);
201201
return this;
202202
}
203203

0 commit comments

Comments
 (0)