рвапр

constructor/components/фильтр/фильтр.js

@@ -512,7 +512,7 @@ const getViewComponent = (component, componentsArrayList) => {
 }
 
 const initFilter = (formCode, registryComponent, filterButton) => {
-  let saveParam = sessionStorage.getItem(`filterParam_${Cons.getCurrentPage().code}`);
+  let saveParam = sessionStorage.getItem(`filterParam_${Cons.getCurrentPage().code}_${formCode}`);
   RD.reset();
 
   if(saveParam) {
@@ -552,7 +552,7 @@ const initFilter = (formCode, registryComponent, filterButton) => {
 
 
       setTimeout(() => {
-        sessionStorage.setItem(`filterParam_${Cons.getCurrentPage().code}`, JSON.stringify({
+        sessionStorage.setItem(`filterParam_${Cons.getCurrentPage().code}_${formCode}`, JSON.stringify({
           formData: RD.formData,
           paramSearch: RD.paramSearch
         }));
@@ -573,8 +573,8 @@ const closeFilterWindow = () => {
   $('body').removeClass('lock');
 }
 
-const checkSearchParam = (registryComponent, filterButton) => {
-  let saveParam = sessionStorage.getItem(`filterParam_${Cons.getCurrentPage().code}`);
+const checkSearchParam = (registryComponent, filterButton, formCode) => {
+  let saveParam = sessionStorage.getItem(`filterParam_${Cons.getCurrentPage().code}_${formCode}`);
 
   if(saveParam) {
     saveParam = JSON.parse(saveParam);
@@ -614,7 +614,7 @@ compContainer.off()
     initFilter(formCode, registryComponent, filterButton);
   });
 
-  checkSearchParam(registryComponent, filterButton);
+  checkSearchParam(registryComponent, filterButton, formCode);
 
   filterClose.off().on('click', e => {
     closeFilterWindow();
@@ -626,7 +626,7 @@ compContainer.off()
     e.target.blur();
 
     if(urlSearch) {
-      sessionStorage.setItem(`filterParam_${Cons.getCurrentPage().code}`, JSON.stringify({
+      sessionStorage.setItem(`filterParam_${Cons.getCurrentPage().code}_${formCode}`, JSON.stringify({
         formData: RD.formData,
         paramSearch: RD.paramSearch
       }));
@@ -654,7 +654,7 @@ compContainer.off()
     RD.formData = null;
     RD.paramSearch = {};
 
-    sessionStorage.removeItem(`filterParam_${Cons.getCurrentPage().code}`);
+    sessionStorage.removeItem(`filterParam_${Cons.getCurrentPage().code}_${formCode}`);
 
     initFilter(formCode, registryComponent, filterButton);
 

constructor/scripts/RegistryAdvancedSearch/RegistryAdvancedSearch.css

+.filter-window {
+  display: none;
+}
+
+.filter-window:before {
+  content: '';
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.3);
+  overflow: hidden;
+}
+
+.filter-close {
+  position: absolute;
+  top: 15px;
+  right: 20px;
+  width: 25px;
+  height: 25px;
+  cursor: pointer;
+  user-select: none;
+  transition: 0.3s ease-out 0s;
+}
+
+.filter-close:hover {
+  transform: rotate(90deg);
+}
+
+.filter-close:hover svg > line {
+  stroke: #f0506e;
+}
+
+.filter-content {
+  position: fixed;
+  left: 0;
+  top: 0;
+  max-width: 900px;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  background: #fff;
+  z-index: 1000;
+}
+
+.filter-header {
+  color: #666;
+  width: calc(100% - 80px);
+  height: 50px;
+  padding: 10px 20px;
+  border-bottom: 1px solid #e5e5e5;
+  user-select: none;
+  margin-bottom: 20px;
+}
+
+.filter-header h4 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.filter-body {
+  width: 100%;
+  height: calc(100% - 150px);
+  overflow: hidden;
+  border-bottom: 1px solid #e5e5e5;
+  padding: 0 20px;
+}
+
+.filter-buttons {
+  margin: 20px 0;
+}
+
+.lock {
+  overflow: hidden;
+}
+
+#rd-params-block {
+  height: 100%;
+  overflow: auto;
+}
+
+#rd-table-params td {
+  padding: 10px 2px;
+  vertical-align: middle;
+}
+
+#rd-table-params a.uk-form-icon:hover {
+  color: #1e87f0;
+}
+
+#rd-table-params .uk-form-label {
+  max-width: fit-content;
+  max-width: -moz-fit-content;
+  max-width: -webkit-fit-content;
+}
+
+.filter-content input.uk-input[disabled] {
+  color: #1e87f0;
+  background: #fff;
+  cursor: text;
+}
+
+.filter-content select.uk-select:not([multiple]) {
+  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMzc1IDAuODc1TDMuNSA0TDYuNjI1IDAuODc1SDAuMzc1WiIgZmlsbD0iIzIxOTZGMyIvPgo8L3N2Zz4K") no-repeat 98%/100% !important;
+  background-size: 12px 12px !important;
+  color: #222 !important;
+  cursor: pointer;
+  padding: 0 35px 0 10px !important;
+}
+
+.filter_button {
+  user-select: none;
+  cursor: pointer;
+  margin: auto;
+  font-size: 32px;
+  transition: 0.3s;
+}
+
+.filter_button:hover {
+  color: var(--blue);
+  transform: scale(1.3);
+}
+
+.filter_button._filter {
+  color: red;
+}
+
+@media screen and (max-width:1160px) {
+  .filter-content {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+}