|
|
@@ -27,16 +27,15 @@ const query = function getQueryForm(data) {
|
|
|
if(!this.autoSubmit){
|
|
|
return;
|
|
|
}
|
|
|
- // console.log(_data);
|
|
|
saveSearchOnCookie();
|
|
|
let form = $("<form method='" + _this.method +"'></form>");
|
|
|
for (const key in _data) {
|
|
|
let map = _data[key];
|
|
|
if (["string", "number"].includes(fetchJsType(map.value)) && map.value !== '') {
|
|
|
- form.append("<input name='" + key + "' value='" + map.value + "'>")
|
|
|
+ form.append("<input name='" + key + "' value='" + encodeURIComponent(map.value) + "'>")
|
|
|
} else if ('array' === fetchJsType(map.value)) {
|
|
|
let string = map.value.join(',');
|
|
|
- form.append("<input name='" + key + "' value='" + string + "'>")
|
|
|
+ form.append("<input name='" + key + "' value='" + encodeURIComponent(string) + "'>")
|
|
|
}
|
|
|
}
|
|
|
for (let key in this.param){
|
|
|
@@ -117,12 +116,12 @@ const query = function getQueryForm(data) {
|
|
|
if ([null, '', undefined].includes(condition.type) && ![null, undefined].includes(condition.name)) {
|
|
|
condition.type = 'input';
|
|
|
}
|
|
|
- if (['dateTime_dateTime', 'input_input'].includes(condition.type)) {
|
|
|
- td = $("<td style='width: 330px'</td>")
|
|
|
+ if (['dateTime_dateTime', 'dateTimeLocal','input_input'].includes(condition.type)) {
|
|
|
+ td = $("<td style='width: 330px'></td>")
|
|
|
} else if (['select_multiple_select', 'time', 'dateTime_select'].includes(condition.type)) {
|
|
|
- td = $("<td style='width: 280px'</td>");
|
|
|
+ td = $("<td style='width: 280px'></td>");
|
|
|
} else if (['time', 'dateTime_select'].includes(condition.type)) {
|
|
|
- td = $("<td style='width: 320px'</td>");
|
|
|
+ td = $("<td style='width: 320px'></td>");
|
|
|
}
|
|
|
td.append(createModule(condition));
|
|
|
tr.append(td);
|
|
|
@@ -146,7 +145,7 @@ const query = function getQueryForm(data) {
|
|
|
conditions.forEach(function (condition, index, array) {
|
|
|
if (['input', 'select', 'dateTime', 'input_select'].includes(condition.type)) {
|
|
|
_width += 260;
|
|
|
- } else if (['dateTime_dateTime', 'input_input'].includes(condition.type)) {
|
|
|
+ } else if (['dateTime_dateTime','dateTimeLocal', 'input_input'].includes(condition.type)) {
|
|
|
_width += 330;
|
|
|
} else if (['select_multiple_select','search_select'].includes(condition.type)) {
|
|
|
_width += 280;
|
|
|
@@ -314,6 +313,7 @@ const query = function getQueryForm(data) {
|
|
|
|| (type === "search_select" && getSearchSelect(condition))
|
|
|
|| (type === "input_select" && getInputSelect(condition))
|
|
|
|| (type === "dateTime" && getdateTime(condition))
|
|
|
+ || (type === "dateTimeLocal" && getDateTimeLocal(condition))
|
|
|
|| (type === "time" && getTime(condition))
|
|
|
|| (type === "input_input" && getInputInput(condition))
|
|
|
|| (type === "dateTime_dateTime" && getdateTimedateTime(condition))
|
|
|
@@ -322,6 +322,17 @@ const query = function getQueryForm(data) {
|
|
|
|| (type === "checkbox" && getCheckBox(condition));
|
|
|
}
|
|
|
|
|
|
+ //dateTimeLocal
|
|
|
+ function getDateTimeLocal(condition) {
|
|
|
+ let dateTimeLocal = $("<input name = '"+ condition.name +"' type='datetime-local' step='01' class='form-control form-control-sm' style='vertical-align: middle; max-width: 280px;' placeholder='" + condition.placeholder + "' autocomplete='off' data-toggle='tooltip' data-placement='top' >");
|
|
|
+ dateTimeLocal.attr('title', condition.tip === undefined ? '' : condition.tip);
|
|
|
+ dateTimeLocal.bind('input propertychange', function () {
|
|
|
+ let dom = {name: condition.name, type: 'dateTimeLocal', value: this.value, mold: 'dateTimeLocal'};
|
|
|
+ modifyData(dom);
|
|
|
+ });
|
|
|
+ return dateTimeLocal;
|
|
|
+ }
|
|
|
+
|
|
|
// input
|
|
|
function getInput(condition) {
|
|
|
let input = $("<input name='" + condition.name + "' class='form-control form-control-sm' style='vertical-align: middle; max-width: 200px;' placeholder='" + condition.placeholder + "' autocomplete='off' data-toggle='tooltip' data-placement='top' >");
|
|
|
@@ -1026,7 +1037,7 @@ const query = function getQueryForm(data) {
|
|
|
}
|
|
|
|
|
|
function redenerSearchFormOnData(key, value, mold) {
|
|
|
- if (mold === 'input' ||mold === 'dateTime') {
|
|
|
+ if (mold === 'input' ||mold === 'dateTime' || mold === 'dateTimeLocal') {
|
|
|
rendererSearchFormOnInput(key, value, mold);
|
|
|
} else if (mold === 'select') {
|
|
|
rendererSearchFormOnSelect(key, value, mold);
|
|
|
@@ -1043,7 +1054,7 @@ const query = function getQueryForm(data) {
|
|
|
function switchData() {
|
|
|
_this.condition.forEach(function (conditions) {
|
|
|
conditions.forEach(function (condition) {
|
|
|
- if (['input', 'select', 'dateTime', 'search_select', 'time', 'select_multiple_select','checkbox'].includes(condition.type)) {
|
|
|
+ if (['input', 'select', 'dateTime','dateTimeLocal', 'search_select', 'time', 'select_multiple_select','checkbox'].includes(condition.type)) {
|
|
|
if (!condition.select) {
|
|
|
condition.select = '';
|
|
|
}
|
|
|
@@ -1133,7 +1144,7 @@ const query = function getQueryForm(data) {
|
|
|
let value = _data[key].value, type = _data[key].type, mold = _data[key].mold;
|
|
|
_data[key].select = value;
|
|
|
|
|
|
- if (['input', 'dateTime'].includes(mold)) {
|
|
|
+ if (['input', 'dateTime', 'dateTimeLocal'].includes(mold)) {
|
|
|
rendererSearchFormOnInput(key, value, mold);
|
|
|
} else if (['select'].includes(mold)) {
|
|
|
rendererSearchFormOnSelect(key, value, mold);
|
|
|
@@ -1162,7 +1173,7 @@ const query = function getQueryForm(data) {
|
|
|
|
|
|
// url path on search form option renderer
|
|
|
function searchOptionToUrlsearch() {
|
|
|
- let data = window.location.search;
|
|
|
+ let data = decodeURIComponent(window.location.search);
|
|
|
data = decodeURIComponent(data);
|
|
|
if (!!data) {
|
|
|
data = (data.substr(1)).split('&');
|