diff --git a/src/main/resources/static/assets/platform/js/main.js b/src/main/resources/static/assets/platform/js/main.js new file mode 100644 index 0000000..20d0600 --- /dev/null +++ b/src/main/resources/static/assets/platform/js/main.js @@ -0,0 +1,55 @@ +;(function (a) { + ;(jQuery.browser = jQuery.browser || {}).mobile = + /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test( + a + ) || + /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test( + a.substr(0, 4) + ) +})(navigator.userAgent || navigator.vendor || window.opera) + +$.ajaxSetup({ + contentType: "application/x-www-form-urlencoded;charset=utf-8", + success: function (response, textStatus, jqXHR) { + if (response && typeof response === "object" && response.code !== undefined && response.code !== 0) { + Vue.prototype.$message.error(response.msg) + } else { + return response + } + }, + error: function (v1) { + Vue.prototype.$message.error(v1.status + " " + v1.statusText) + }, + complete: function (XMLHttpRequest, textStatus) { + var sessionstatus = XMLHttpRequest.getResponseHeader("loginStatus") //通过XMLHttpRequest取得响应头，sessionstatus， + if (sessionstatus == "accessDenied") { + Vue.prototype.$message({ + message: "\u767b\u5f55\u5931\u6548\uff0c\u8bf7\u5237\u65b0\u9875\u9762\u91cd\u65b0\u767b\u5f55", + type: "error" + }) + } + if (sessionstatus == "unauthorized") { + Vue.prototype.$message({ + message: "\u6ca1\u6709\u6743\u9650", + type: "error" + }) + } + } +}) + +function pjaxReplace(url, data = {}) { + const { pathname, search } = location + if (url === pathname + search) { + return + } + $.pjax({ + url: url, + container: "#sub-app-container-main-content-body", + maxCacheLength: 0, + push: false, + replace: true, + fragment: "#sub-app-container-main-content-body", + timeout: 8000, + data + }) +} diff --git a/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/basicManage/line.html b/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/basicManage/line.html index a9f9c46..6bb09cd 100644 --- a/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/basicManage/line.html +++ b/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/basicManage/line.html @@ -15,32 +15,40 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){ margin-right: 0; } - #app .search .line-year-filter { - grid-column: span 2; + #app .search .line-year-range-input { + width: 230px; + max-width: 100%; } - #app .search .line-year-range { - display: grid; - grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); + .line-year-range-panel .year-range-header { + display: flex; + justify-content: space-between; align-items: center; - gap: 10px; + margin-bottom: 12px; } - #app .search .line-year-range > .picker-year { - width: 100%; - min-width: 0; + .line-year-range-panel .year-range-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 8px; } - #app .search .line-year-range > span { - width: auto; + .line-year-range-panel .year-range-grid .el-button { + margin: 0; + } + + .line-year-range-panel .year-range-grid .in-range { + color: var(--color-primary, #409eff); + background: #ecf5ff; + } + + .line-year-range-panel .year-range-footer { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 12px; color: #909399; - font-weight: 400; - } - - @media (max-width: 767px) { - #app .search .line-year-filter { - grid-column: span 1; - } + font-size: 12px; } @@ -48,39 +56,34 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){
-
+
年度范围：
-
- - - 至 - - - - +
+ +
+ + {{yearRangeDecade}} - {{yearRangeDecade + 11}} + +
+
+ + {{yearRangeDecade + offset - 1}} + +
+
+ {{yearRangeStart ? '已选 ' + yearRangeStart + '，请选择结束年份' : '请选择开始年份'}} + 清空 +
+ +
@@ -686,6 +689,9 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){ } return { + yearRangeVisible: false, + yearRangeStart: null, + yearRangeDecade: Math.floor(new Date().getFullYear() / 10) * 10, tableColumns: [ {label: '年度', prop: 'year', sortable: true}, {label: '线路名称', prop: 'lineName', sortable: true, width: '200'}, @@ -1093,6 +1099,28 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){ this.lineImportLoading = false } }, + openYearRange() { + this.yearRangeStart = null + const year = Number(this.pageForm.startYear) || new Date().getFullYear() + this.yearRangeDecade = Math.floor(year / 10) * 10 + }, + selectRangeYear(year) { + if (this.yearRangeStart === null) { + this.yearRangeStart = year + return + } + this.pageForm.startYear = String(Math.min(this.yearRangeStart, year)) + this.pageForm.endYear = String(Math.max(this.yearRangeStart, year)) + this.yearRangeStart = null + this.yearRangeVisible = false + this.handleChangeYear() + }, + clearYearRange() { + this.pageForm.startYear = '' + this.pageForm.endYear = '' + this.yearRangeStart = null + this.yearRangeVisible = false + }, handleChangeYear() { if (this.pageForm.startYear && this.pageForm.endYear) { if (this.pageForm.startYear > this.pageForm.endYear) { diff --git a/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/process/TheRapyQuery.html b/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/process/TheRapyQuery.html index e27d22c..66ca9e7 100644 --- a/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/process/TheRapyQuery.html +++ b/src/main/resources/views/platform/zhgh/staffbenefit/therapyRecuperation/process/TheRapyQuery.html @@ -26,6 +26,95 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){ .el-table-container { padding-top: 0; } + + #app .branch-query-filters .query-condition-row { + display: flex; + align-items: flex-start; + gap: 12px; + } + + #app .branch-query-filters .query-condition-label { + flex: 0 0 90px; + color: #606266; + text-align: right; + line-height: 32px; + } + + #app .branch-query-filters .query-condition-options { + display: flex; + flex: 1; + min-width: 0; + flex-wrap: wrap; + align-items: center; + gap: 10px; + } + + #app .branch-query-filters .query-condition-options .el-tag { + margin: 0; + cursor: pointer; + } + + #app .branch-query-filters .query-row-content > .el-row:empty { + display: none; + } + + #app .branch-query-filters .query-row-content > .el-row > .query-hint { + display: block; + padding: 10px 14px; + margin: 0; + border-radius: 4px; + background: #fdf6ec; + color: #b36b13; + line-height: 24px; + overflow-wrap: anywhere; + } + + #app .branch-query-filters .query-row-content > .el-row > .query-hint > span { + display: inline; + color: inherit; + text-align: left; + } + + #app .branch-query-filters .query-hint-row { + margin-left: 0; + margin-top: 12px; + } + + #app .branch-query-filters .query-extra-fields { + display: flex; + flex-wrap: wrap; + gap: 12px 0; + } + + #app .branch-query-filters .query-extra-fields > .el-col { + display: flex; + align-items: center; + gap: 12px; + padding-right: 24px; + } + + #app .branch-query-filters .query-extra-fields > .el-col > span { + flex: 0 0 90px; + color: #606266; + text-align: right; + } + + #app .branch-query-filters .query-extra-fields > .el-col > .el-select { + flex: 1; + width: 0 !important; + min-width: 0; + } + + @media (max-width: 767px) { + #app .branch-query-filters .query-hint-row { + margin-left: 0; + } + + #app .branch-query-filters .query-extra-fields > .el-col { + width: 100%; + padding-right: 0; + } + } @@ -33,7 +122,7 @@ layout("/platform/zhgh/staffbenefit/therapyRecuperation/layouts/platform.html"){