ecp-ui-lib
Version:
94 lines • 13.5 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ElementRef, Renderer2 } from '@angular/core';
var CollapseListComponent = /** @class */ (function () {
function CollapseListComponent(el, renderer) {
this.el = el;
this.renderer = renderer;
// 历史展开
this.hisShrinkCss = '';
this.hisShrinkhtml = '';
// 要展开tags
this.titleArry = [];
this.contentArry = [];
}
// 栏目伸缩
// 栏目伸缩
/**
* @param {?} hover
* @return {?}
*/
CollapseListComponent.prototype.shrink =
// 栏目伸缩
/**
* @param {?} hover
* @return {?}
*/
function (hover) {
/** @type {?} */
var self = this;
/** @type {?} */
var hoverItem = self.renderer.nextSibling(hover.srcElement);
self.titleArry = self.el.nativeElement.querySelectorAll('.screen-item .module-sub-title');
self.contentArry = self.el.nativeElement.querySelectorAll('.screen-item .module-item-content');
if (self.hisShrinkhtml === hover.srcElement.innerHTML && self.hisShrinkCss === 'module-sub-title shrink') {
self.renderer.addClass(hoverItem, 'none');
self.renderer.removeClass(hover.srcElement, 'shrink');
}
else {
for (var i = 0; i < self.contentArry.length; i++) {
self.renderer.addClass(self.contentArry[i], 'none');
self.renderer.removeClass(self.titleArry[i], 'shrink');
}
self.renderer.removeClass(hoverItem, 'none');
self.renderer.addClass(hover.srcElement, 'shrink');
}
self.hisShrinkCss = hover.srcElement.className;
self.hisShrinkhtml = hover.srcElement.innerHTML;
};
/**
* @return {?}
*/
CollapseListComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
CollapseListComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-collapse-list',
template: "<div class=\"collapse-list\">\r\n <div class=\"module-item screen-item\">\r\n <div class=\"module-sub-title\" (click)=\"shrink($event)\"><i class=\"left-pic\"></i>\u4F20\u611F\u5668(2)<i class=\"right-pic\"></i></div>\r\n <div class=\"module-item-content none\">\r\n <table class=\"collapse-list-table\">\r\n <thead>\r\n <tr>\r\n <th width=\"120\">\u4F20\u611F\u5668\u7F16\u7801</th>\r\n <th>\u540D\u79F0</th>\r\n <th width=\"70\">\u5B9A\u4F4D</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n <div class=\"module-item screen-item\">\r\n <div class=\"module-sub-title\" (click)=\"shrink($event)\"><i class=\"left-pic\"></i>\u7BA1\u9053(3)<i class=\"right-pic unfold\"></i>\r\n </div>\r\n <div class=\"module-item-content none\">\r\n <table class=\"collapse-list-table\">\r\n <thead>\r\n <tr>\r\n <th width=\"120\">\u7BA1\u9053\u7F16\u7801</th>\r\n <th>\u540D\u79F0</th>\r\n <th width=\"70\">\u5B9A\u4F4D</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n <div class=\"module-item screen-item\">\r\n <div class=\"module-sub-title\" (click)=\"shrink($event)\"><i class=\"left-pic\"></i>\u8282\u70B9(2)<i class=\"right-pic\"></i></div>\r\n <div class=\"module-item-content none\">\r\n <table class=\"collapse-list-table\">\r\n <thead>\r\n <tr>\r\n <th width=\"120\">\u8282\u70B9\u7F16\u7801</th>\r\n <th>\u540D\u79F0</th>\r\n <th width=\"70\">\u5B9A\u4F4D</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n <div class=\"module-item screen-item\">\r\n <div class=\"module-sub-title\" (click)=\"shrink($event)\"><i class=\"left-pic\"></i>\u9600\u95E8(2)<i class=\"right-pic\"></i></div>\r\n <div class=\"module-item-content none\">\r\n <table class=\"collapse-list-table\">\r\n <thead>\r\n <tr>\r\n <th width=\"120\">\u9600\u95E8\u7F16\u7801</th>\r\n <th>\u540D\u79F0</th>\r\n <th width=\"70\">\u5B9A\u4F4D</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n <tr>\r\n <td>tt1547</td>\r\n <td>DN15</td>\r\n <td align=\"right\"><a class=\"location-icon\"></a></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n</div>\r\n",
styles: [".collapse-list .module-title{position:relative;height:60px;line-height:60px;font-size:18px;font-weight:700;color:rgba(25,25,25,1);border-bottom:1px solid #dadada;padding-left:20px}.collapse-list .module-title .close{position:absolute;right:20px}.collapse-list .module-title .close i{font-size:14px;color:#6e6e6e}.collapse-list .module-item .module-sub-title{position:relative;height:42px;line-height:42px;font-size:14px;color:#191919;font-weight:700;padding-left:30px;border-bottom:1px solid #dadada}.collapse-list .module-item .module-sub-title i.left-pic{position:absolute;top:13px;left:20px;width:6px;height:16px;background:rgba(30,91,214,1)}.collapse-list .module-item .module-sub-title i.right-pic{position:absolute;top:20px;right:23px;width:14px;height:8px;background:url(../../../../src/assets/map/unfold-icon.png) no-repeat}.collapse-list .module-item .unfold i.right-pic{background:url(../../../../src/assets/map/unfold-icon.png) no-repeat}.collapse-list .module-item .shrink i.right-pic{background:url(../../../../src/assets/map/shrink-icon.png) no-repeat}.collapse-list .module-item .module-item-content{background:#fff}.collapse-list .module-item .block,.collapse-list .module-item .none{display:none}.collapse-list .collapse-list-table{color:#191919;width:100%;border-collapse:collapse;font-size:14px}.collapse-list .collapse-list-table td,.collapse-list .collapse-list-table th{height:42px;line-height:42px;padding:0 20px}.collapse-list .collapse-list-table th{background:#f0f0f0}.collapse-list .collapse-list-table tr:hover td{background:#d2ddf2}"]
}] }
];
/** @nocollapse */
CollapseListComponent.ctorParameters = function () { return [
{ type: ElementRef },
{ type: Renderer2 }
]; };
return CollapseListComponent;
}());
export { CollapseListComponent };
if (false) {
/** @type {?} */
CollapseListComponent.prototype.hisShrinkCss;
/** @type {?} */
CollapseListComponent.prototype.hisShrinkhtml;
/** @type {?} */
CollapseListComponent.prototype.titleArry;
/** @type {?} */
CollapseListComponent.prototype.contentArry;
/**
* @type {?}
* @private
*/
CollapseListComponent.prototype.el;
/**
* @type {?}
* @private
*/
CollapseListComponent.prototype.renderer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9lY3AtdWktbGliLyIsInNvdXJjZXMiOlsibGliL3BvcHVwLXNpZGViYXItbW9kdWxlL2NvbGxhcHNlLWxpc3QvY29sbGFwc2UtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVcsVUFBVSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUV6RTtJQWlDRSwrQkFBb0IsRUFBYyxFQUFVLFFBQW1CO1FBQTNDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXOztRQTFCL0QsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxFQUFFLENBQUM7O1FBRW5CLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixnQkFBVyxHQUFHLEVBQUUsQ0FBQztJQXNCa0QsQ0FBQztJQXJCcEUsT0FBTzs7Ozs7O0lBQ1Asc0NBQU07Ozs7OztJQUFOLFVBQU8sS0FBSzs7WUFDSixJQUFJLEdBQUcsSUFBSTs7WUFDWCxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQztRQUM3RCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLGdDQUFnQyxDQUFDLENBQUM7UUFDMUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQy9GLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLHlCQUF5QixFQUFFO1lBQ3hHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUMxQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1NBQ3ZEO2FBQU07WUFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLENBQUM7Z0JBQ3BELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDLENBQUM7YUFDeEQ7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDN0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztTQUNwRDtRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUM7UUFDL0MsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQztJQUNsRCxDQUFDOzs7O0lBSUQsd0NBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Z0JBcENGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixzdElBQTZDOztpQkFFOUM7Ozs7Z0JBTjRCLFVBQVU7Z0JBQUUsU0FBUzs7SUF3Q2xELDRCQUFDO0NBQUEsQUF0Q0QsSUFzQ0M7U0FqQ1kscUJBQXFCOzs7SUFFaEMsNkNBQWtCOztJQUNsQiw4Q0FBbUI7O0lBRW5CLDBDQUFlOztJQUNmLDRDQUFpQjs7Ozs7SUFzQkwsbUNBQXNCOzs7OztJQUFFLHlDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0ICwgRWxlbWVudFJlZiwgUmVuZGVyZXIyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWNwLWNvbGxhcHNlLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2xsYXBzZS1saXN0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sbGFwc2VMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvLyDljoblj7LlsZXlvIBcclxuICBoaXNTaHJpbmtDc3MgPSAnJztcclxuICBoaXNTaHJpbmtodG1sID0gJyc7XHJcbiAgLy8g6KaB5bGV5byAdGFnc1xyXG4gIHRpdGxlQXJyeSA9IFtdO1xyXG4gIGNvbnRlbnRBcnJ5ID0gW107XHJcbiAgLy8g5qCP55uu5Ly457ypXHJcbiAgc2hyaW5rKGhvdmVyKSB7XHJcbiAgICBjb25zdCBzZWxmID0gdGhpcztcclxuICAgIGNvbnN0IGhvdmVySXRlbSA9IHNlbGYucmVuZGVyZXIubmV4dFNpYmxpbmcoaG92ZXIuc3JjRWxlbWVudCk7XHJcbiAgICBzZWxmLnRpdGxlQXJyeSA9IHNlbGYuZWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuc2NyZWVuLWl0ZW0gLm1vZHVsZS1zdWItdGl0bGUnKTtcclxuICAgIHNlbGYuY29udGVudEFycnkgPSBzZWxmLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLnNjcmVlbi1pdGVtIC5tb2R1bGUtaXRlbS1jb250ZW50Jyk7XHJcbiAgICBpZiAoc2VsZi5oaXNTaHJpbmtodG1sID09PSBob3Zlci5zcmNFbGVtZW50LmlubmVySFRNTCAmJiBzZWxmLmhpc1Nocmlua0NzcyA9PT0gJ21vZHVsZS1zdWItdGl0bGUgc2hyaW5rJykge1xyXG4gICAgICBzZWxmLnJlbmRlcmVyLmFkZENsYXNzKGhvdmVySXRlbSwgJ25vbmUnKTtcclxuICAgICAgc2VsZi5yZW5kZXJlci5yZW1vdmVDbGFzcyhob3Zlci5zcmNFbGVtZW50LCAnc2hyaW5rJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHNlbGYuY29udGVudEFycnkubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICBzZWxmLnJlbmRlcmVyLmFkZENsYXNzKHNlbGYuY29udGVudEFycnlbaV0sICdub25lJyk7XHJcbiAgICAgICAgc2VsZi5yZW5kZXJlci5yZW1vdmVDbGFzcyhzZWxmLnRpdGxlQXJyeVtpXSwgJ3NocmluaycpO1xyXG4gICAgICB9XHJcbiAgICAgIHNlbGYucmVuZGVyZXIucmVtb3ZlQ2xhc3MoaG92ZXJJdGVtLCAnbm9uZScpO1xyXG4gICAgICBzZWxmLnJlbmRlcmVyLmFkZENsYXNzKGhvdmVyLnNyY0VsZW1lbnQsICdzaHJpbmsnKTtcclxuICAgIH1cclxuICAgIHNlbGYuaGlzU2hyaW5rQ3NzID0gaG92ZXIuc3JjRWxlbWVudC5jbGFzc05hbWU7XHJcbiAgICBzZWxmLmhpc1Nocmlua2h0bWwgPSBob3Zlci5zcmNFbGVtZW50LmlubmVySFRNTDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19