dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
141 lines • 13.8 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { IndexService } from '../index.service';
/**
* @record
*/
export function PeriodicElement() { }
if (false) {
/** @type {?} */
PeriodicElement.prototype.uid;
/** @type {?} */
PeriodicElement.prototype.name;
/** @type {?} */
PeriodicElement.prototype.portrait;
/** @type {?} */
PeriodicElement.prototype.address;
/** @type {?} */
PeriodicElement.prototype.code;
/** @type {?} */
PeriodicElement.prototype.phone;
/** @type {?} */
PeriodicElement.prototype.duty;
/** @type {?} */
PeriodicElement.prototype.remark;
}
/** @type {?} */
const ELEMENT_DATA = [
{
uid: 1,
name: 'Jon',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州西湖区杭州西湖区杭州西湖区杭州西湖区杭州西湖区杭州西湖区',
code: 'G2H636W',
phone: 25692615,
duty: '部长',
remark: '111111111'
},
{
uid: 2,
name: 'TUDM',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州余杭区杭州余杭区杭州余杭区',
code: 'G2H636W',
phone: 25692615,
duty: '组长',
remark: '555555'
},
{
uid: 3,
name: 'MMMM',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州余杭区杭州余杭区杭州余杭区',
code: 'G2H636W',
phone: 25692625,
duty: '组长',
remark: '备注'
},
{
uid: 1,
name: 'Jon',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州西湖区杭州西湖区杭州西湖区',
code: 'G2H636W',
phone: 25692615,
duty: '部长',
remark: '备注'
},
{
uid: 2,
name: 'TUDM',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州余杭区杭州余杭区杭州余杭区',
code: 'G2H636W',
phone: 25692615,
duty: '组长',
remark: '备注'
},
{
uid: 3,
name: 'MMMM',
portrait: '/front/assets/userinfo/portrait_default.png',
address: '杭州余杭区杭州余杭区杭州余杭区',
code: 'G2H636W',
phone: 25692625,
duty: '组长',
remark: '备注'
}
];
export class DataListComponent {
/**
* @param {?} svr
*/
constructor(svr) {
this.svr = svr;
this.hostClass = true;
this.navName = 'datalist';
this.displayedColumns = ['id', 'name', 'portrait', 'address', 'code', 'phone', 'duty', 'remark'];
this.dataSource = ELEMENT_DATA;
this.navSize = this.svr.userSetting.Cards.find((/**
* @param {?} x
* @return {?}
*/
x => x.Type === this.navName)).Size;
}
/**
* @return {?}
*/
ngOnInit() { }
}
DataListComponent.decorators = [
{ type: Component, args: [{
selector: 'common-data-list',
template: "<section class=\"index-data-main mat-elevation-z2\">\r\n\t<header class=\"data-title\">\r\n\t\t<div class=\"title-left\">\r\n\t\t\t<mat-icon svgIcon=\"dns\"></mat-icon>\r\n\t\t\t<span>\u5FEB\u901F\u67E5\u770B</span>\r\n\t\t</div>\r\n\t\t<div class=\"title-right\">\r\n\t\t\t<common-more-vert [typeName]=\"navName\" [theNavSize]=\"navSize\">\r\n\t\t\t</common-more-vert>\r\n\t\t</div>\r\n\t</header>\r\n\t<section class=\"data-box\">\r\n\t\t<table mat-table [dataSource]=\"dataSource\">\r\n\t\t\t<ng-container matColumnDef=\"id\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>ID</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let i = index\">{{i+1}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"name\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u6635\u79F0</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.name}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"portrait\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u5934\u50CF</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">\r\n\t\t\t\t\t<div class=\"head-image\"><img [src]=\"element.portrait\" alt=\"\"></div>\r\n\t\t\t\t</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"address\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u8BE6\u7EC6\u5730\u5740</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.address}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"code\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u8054\u7CFB\u4EE3\u7801</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.code }}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"phone\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u7535\u8BDD</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.phone}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"duty\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u804C\u52A1</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.duty}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container matColumnDef=\"remark\">\r\n\t\t\t\t<th mat-header-cell *matHeaderCellDef>\u5907\u6CE8</th>\r\n\t\t\t\t<td mat-cell *matCellDef=\"let element\">{{element.remark}}</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<tr mat-header-row *matHeaderRowDef=\"displayedColumns;sticky:true\"></tr>\r\n\t\t\t<tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n\t\t</table>\r\n\t</section>\r\n</section>",
styles: [".index-data-main{position:relative;width:100%;height:100%;box-sizing:border-box;padding:8px;border-radius:4px}.data-title{display:flex;justify-content:space-between;align-items:center;width:100%;height:24px;box-sizing:border-box;margin-bottom:16px;color:#9d66c6}.data-title span{padding-left:8px;font:16px bold}.title-left{display:flex;align-items:center}.title-right{display:none}.index-data-main:hover .title-right{display:flex}.data-box{width:100%;height:220px;box-sizing:border-box;padding-left:8px;padding-right:8px;overflow:auto;flex-grow:1;overflow-y:auto}.data-box table{width:100%;white-space:nowrap}.head-image{width:40px;height:40px;box-sizing:border-box;padding:4px}.head-image img{width:100%;height:100%;border-radius:20px}"]
}] }
];
/** @nocollapse */
DataListComponent.ctorParameters = () => [
{ type: IndexService }
];
DataListComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-data-list',] }]
};
if (false) {
/** @type {?} */
DataListComponent.prototype.hostClass;
/** @type {?} */
DataListComponent.prototype.navName;
/** @type {?} */
DataListComponent.prototype.navSize;
/** @type {?} */
DataListComponent.prototype.displayedColumns;
/** @type {?} */
DataListComponent.prototype.dataSource;
/** @type {?} */
DataListComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9kYXRhLWxpc3QvZGF0YS1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBRTFELHFDQVNDOzs7SUFSQSw4QkFBWTs7SUFDWiwrQkFBYTs7SUFDYixtQ0FBaUI7O0lBQ2pCLGtDQUFnQjs7SUFDaEIsK0JBQWE7O0lBQ2IsZ0NBQWM7O0lBQ2QsK0JBQWE7O0lBQ2IsaUNBQWU7OztNQUVWLFlBQVksR0FBc0I7SUFDdkM7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxLQUFLO1FBQ1gsUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsZ0NBQWdDO1FBQ3pDLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxXQUFXO0tBQ25CO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxRQUFRO0tBQ2hCO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxJQUFJO0tBQ1o7SUFDRDtRQUNDLEdBQUcsRUFBRSxDQUFDO1FBQ04sSUFBSSxFQUFFLEtBQUs7UUFDWCxRQUFRLEVBQUUsNkNBQTZDO1FBQ3ZELE9BQU8sRUFBRSxpQkFBaUI7UUFDMUIsSUFBSSxFQUFFLFNBQVM7UUFDZixLQUFLLEVBQUUsUUFBUTtRQUNmLElBQUksRUFBRSxJQUFJO1FBQ1YsTUFBTSxFQUFFLElBQUk7S0FDWjtJQUNEO1FBQ0MsR0FBRyxFQUFFLENBQUM7UUFDTixJQUFJLEVBQUUsTUFBTTtRQUNaLFFBQVEsRUFBRSw2Q0FBNkM7UUFDdkQsT0FBTyxFQUFFLGlCQUFpQjtRQUMxQixJQUFJLEVBQUUsU0FBUztRQUNmLEtBQUssRUFBRSxRQUFRO1FBQ2YsSUFBSSxFQUFFLElBQUk7UUFDVixNQUFNLEVBQUUsSUFBSTtLQUNaO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxJQUFJO0tBQ1o7Q0FDRDtBQU1ELE1BQU0sT0FBTyxpQkFBaUI7Ozs7SUFRN0IsWUFBbUIsR0FBaUI7UUFBakIsUUFBRyxHQUFILEdBQUcsQ0FBYztRQVBJLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDekQsWUFBTyxHQUFHLFVBQVUsQ0FBQztRQUdyQixxQkFBZ0IsR0FBYSxDQUFDLElBQUksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN0RyxlQUFVLEdBQUcsWUFBWSxDQUFDO1FBR3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUk7Ozs7UUFBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLE9BQU8sRUFBQyxDQUFDLElBQUksQ0FBQztJQUNuRixDQUFDOzs7O0lBRUQsUUFBUSxLQUFJLENBQUM7OztZQWpCYixTQUFTLFNBQUM7Z0JBQ1YsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsMDhFQUF5Qzs7YUFFekM7Ozs7WUE5RVEsWUFBWTs7O3dCQWdGbkIsV0FBVyxTQUFDLHlCQUF5Qjs7OztJQUF0QyxzQ0FBeUQ7O0lBQ3pELG9DQUFxQjs7SUFDckIsb0NBQWtCOztJQUVsQiw2Q0FBc0c7O0lBQ3RHLHVDQUEwQjs7SUFFZCxnQ0FBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW5kZXhTZXJ2aWNlLCBDYXJkU2l6ZSB9IGZyb20gJy4uL2luZGV4LnNlcnZpY2UnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBQZXJpb2RpY0VsZW1lbnQge1xyXG5cdHVpZDogbnVtYmVyO1xyXG5cdG5hbWU6IHN0cmluZztcclxuXHRwb3J0cmFpdDogc3RyaW5nO1xyXG5cdGFkZHJlc3M6IHN0cmluZztcclxuXHRjb2RlOiBzdHJpbmc7XHJcblx0cGhvbmU6IG51bWJlcjtcclxuXHRkdXR5OiBzdHJpbmc7XHJcblx0cmVtYXJrOiBzdHJpbmc7XHJcbn1cclxuY29uc3QgRUxFTUVOVF9EQVRBOiBQZXJpb2RpY0VsZW1lbnRbXSA9IFtcclxuXHR7XHJcblx0XHR1aWQ6IDEsXHJcblx0XHRuYW1lOiAnSm9uJyxcclxuXHRcdHBvcnRyYWl0OiAnL2Zyb250L2Fzc2V0cy91c2VyaW5mby9wb3J0cmFpdF9kZWZhdWx0LnBuZycsXHJcblx0XHRhZGRyZXNzOiAn5p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy6JyxcclxuXHRcdGNvZGU6ICdHMkg2MzZXJyxcclxuXHRcdHBob25lOiAyNTY5MjYxNSxcclxuXHRcdGR1dHk6ICfpg6jplb8nLFxyXG5cdFx0cmVtYXJrOiAnMTExMTExMTExJ1xyXG5cdH0sXHJcblx0e1xyXG5cdFx0dWlkOiAyLFxyXG5cdFx0bmFtZTogJ1RVRE0nLFxyXG5cdFx0cG9ydHJhaXQ6ICcvZnJvbnQvYXNzZXRzL3VzZXJpbmZvL3BvcnRyYWl0X2RlZmF1bHQucG5nJyxcclxuXHRcdGFkZHJlc3M6ICfmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLonLFxyXG5cdFx0Y29kZTogJ0cySDYzNlcnLFxyXG5cdFx0cGhvbmU6IDI1NjkyNjE1LFxyXG5cdFx0ZHV0eTogJ+e7hOmVvycsXHJcblx0XHRyZW1hcms6ICc1NTU1NTUnXHJcblx0fSxcclxuXHR7XHJcblx0XHR1aWQ6IDMsXHJcblx0XHRuYW1lOiAnTU1NTScsXHJcblx0XHRwb3J0cmFpdDogJy9mcm9udC9hc3NldHMvdXNlcmluZm8vcG9ydHJhaXRfZGVmYXVsdC5wbmcnLFxyXG5cdFx0YWRkcmVzczogJ+adreW3nuS9meadreWMuuadreW3nuS9meadreWMuuadreW3nuS9meadreWMuicsXHJcblx0XHRjb2RlOiAnRzJINjM2VycsXHJcblx0XHRwaG9uZTogMjU2OTI2MjUsXHJcblx0XHRkdXR5OiAn57uE6ZW/JyxcclxuXHRcdHJlbWFyazogJ+Wkh+azqCdcclxuXHR9LFxyXG5cdHtcclxuXHRcdHVpZDogMSxcclxuXHRcdG5hbWU6ICdKb24nLFxyXG5cdFx0cG9ydHJhaXQ6ICcvZnJvbnQvYXNzZXRzL3VzZXJpbmZvL3BvcnRyYWl0X2RlZmF1bHQucG5nJyxcclxuXHRcdGFkZHJlc3M6ICfmna3lt57opb/muZbljLrmna3lt57opb/muZbljLrmna3lt57opb/muZbljLonLFxyXG5cdFx0Y29kZTogJ0cySDYzNlcnLFxyXG5cdFx0cGhvbmU6IDI1NjkyNjE1LFxyXG5cdFx0ZHV0eTogJ+mDqOmVvycsXHJcblx0XHRyZW1hcms6ICflpIfms6gnXHJcblx0fSxcclxuXHR7XHJcblx0XHR1aWQ6IDIsXHJcblx0XHRuYW1lOiAnVFVETScsXHJcblx0XHRwb3J0cmFpdDogJy9mcm9udC9hc3NldHMvdXNlcmluZm8vcG9ydHJhaXRfZGVmYXVsdC5wbmcnLFxyXG5cdFx0YWRkcmVzczogJ+adreW3nuS9meadreWMuuadreW3nuS9meadreWMuuadreW3nuS9meadreWMuicsXHJcblx0XHRjb2RlOiAnRzJINjM2VycsXHJcblx0XHRwaG9uZTogMjU2OTI2MTUsXHJcblx0XHRkdXR5OiAn57uE6ZW/JyxcclxuXHRcdHJlbWFyazogJ+Wkh+azqCdcclxuXHR9LFxyXG5cdHtcclxuXHRcdHVpZDogMyxcclxuXHRcdG5hbWU6ICdNTU1NJyxcclxuXHRcdHBvcnRyYWl0OiAnL2Zyb250L2Fzc2V0cy91c2VyaW5mby9wb3J0cmFpdF9kZWZhdWx0LnBuZycsXHJcblx0XHRhZGRyZXNzOiAn5p2t5bee5L2Z5p2t5Yy65p2t5bee5L2Z5p2t5Yy65p2t5bee5L2Z5p2t5Yy6JyxcclxuXHRcdGNvZGU6ICdHMkg2MzZXJyxcclxuXHRcdHBob25lOiAyNTY5MjYyNSxcclxuXHRcdGR1dHk6ICfnu4Tplb8nLFxyXG5cdFx0cmVtYXJrOiAn5aSH5rOoJ1xyXG5cdH1cclxuXTtcclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjb21tb24tZGF0YS1saXN0JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vZGF0YS1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9kYXRhLWxpc3QuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YUxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MuYy1pbmRleC1kYXRhLWxpc3QnKSBob3N0Q2xhc3MgPSB0cnVlO1xyXG5cdG5hdk5hbWUgPSAnZGF0YWxpc3QnO1xyXG5cdG5hdlNpemU6IENhcmRTaXplO1xyXG5cclxuXHRkaXNwbGF5ZWRDb2x1bW5zOiBzdHJpbmdbXSA9IFsnaWQnLCAnbmFtZScsICdwb3J0cmFpdCcsICdhZGRyZXNzJywgJ2NvZGUnLCAncGhvbmUnLCAnZHV0eScsICdyZW1hcmsnXTtcclxuXHRkYXRhU291cmNlID0gRUxFTUVOVF9EQVRBO1xyXG5cclxuXHRjb25zdHJ1Y3RvcihwdWJsaWMgc3ZyOiBJbmRleFNlcnZpY2UpIHtcclxuXHRcdHRoaXMubmF2U2l6ZSA9IHRoaXMuc3ZyLnVzZXJTZXR0aW5nLkNhcmRzLmZpbmQoeCA9PiB4LlR5cGUgPT09IHRoaXMubmF2TmFtZSkuU2l6ZTtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCkge31cclxufVxyXG4iXX0=