dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
144 lines • 14.1 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 {?} */
var 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: '备注'
}
];
var DataListComponent = /** @class */ (function () {
function DataListComponent(svr) {
var _this = this;
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 {?}
*/
function (x) { return x.Type === _this.navName; })).Size;
}
/**
* @return {?}
*/
DataListComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
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 = function () { return [
{ type: IndexService }
]; };
DataListComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-data-list',] }]
};
return DataListComponent;
}());
export { DataListComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9kYXRhLWxpc3QvZGF0YS1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBRTFELHFDQVNDOzs7SUFSQSw4QkFBWTs7SUFDWiwrQkFBYTs7SUFDYixtQ0FBaUI7O0lBQ2pCLGtDQUFnQjs7SUFDaEIsK0JBQWE7O0lBQ2IsZ0NBQWM7O0lBQ2QsK0JBQWE7O0lBQ2IsaUNBQWU7OztJQUVWLFlBQVksR0FBc0I7SUFDdkM7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxLQUFLO1FBQ1gsUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsZ0NBQWdDO1FBQ3pDLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxXQUFXO0tBQ25CO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxRQUFRO0tBQ2hCO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxJQUFJO0tBQ1o7SUFDRDtRQUNDLEdBQUcsRUFBRSxDQUFDO1FBQ04sSUFBSSxFQUFFLEtBQUs7UUFDWCxRQUFRLEVBQUUsNkNBQTZDO1FBQ3ZELE9BQU8sRUFBRSxpQkFBaUI7UUFDMUIsSUFBSSxFQUFFLFNBQVM7UUFDZixLQUFLLEVBQUUsUUFBUTtRQUNmLElBQUksRUFBRSxJQUFJO1FBQ1YsTUFBTSxFQUFFLElBQUk7S0FDWjtJQUNEO1FBQ0MsR0FBRyxFQUFFLENBQUM7UUFDTixJQUFJLEVBQUUsTUFBTTtRQUNaLFFBQVEsRUFBRSw2Q0FBNkM7UUFDdkQsT0FBTyxFQUFFLGlCQUFpQjtRQUMxQixJQUFJLEVBQUUsU0FBUztRQUNmLEtBQUssRUFBRSxRQUFRO1FBQ2YsSUFBSSxFQUFFLElBQUk7UUFDVixNQUFNLEVBQUUsSUFBSTtLQUNaO0lBQ0Q7UUFDQyxHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLDZDQUE2QztRQUN2RCxPQUFPLEVBQUUsaUJBQWlCO1FBQzFCLElBQUksRUFBRSxTQUFTO1FBQ2YsS0FBSyxFQUFFLFFBQVE7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLE1BQU0sRUFBRSxJQUFJO0tBQ1o7Q0FDRDtBQUNEO0lBYUMsMkJBQW1CLEdBQWlCO1FBQXBDLGlCQUVDO1FBRmtCLFFBQUcsR0FBSCxHQUFHLENBQWM7UUFQSSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3pELFlBQU8sR0FBRyxVQUFVLENBQUM7UUFHckIscUJBQWdCLEdBQWEsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDdEcsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUd6QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJOzs7O1FBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLEtBQUksQ0FBQyxPQUFPLEVBQXZCLENBQXVCLEVBQUMsQ0FBQyxJQUFJLENBQUM7SUFDbkYsQ0FBQzs7OztJQUVELG9DQUFROzs7SUFBUixjQUFZLENBQUM7O2dCQWpCYixTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsMDhFQUF5Qzs7aUJBRXpDOzs7O2dCQTlFUSxZQUFZOzs7NEJBZ0ZuQixXQUFXLFNBQUMseUJBQXlCOztJQVl2Qyx3QkFBQztDQUFBLEFBbEJELElBa0JDO1NBYlksaUJBQWlCOzs7SUFDN0Isc0NBQXlEOztJQUN6RCxvQ0FBcUI7O0lBQ3JCLG9DQUFrQjs7SUFFbEIsNkNBQXNHOztJQUN0Ryx1Q0FBMEI7O0lBRWQsZ0NBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEluZGV4U2VydmljZSwgQ2FyZFNpemUgfSBmcm9tICcuLi9pbmRleC5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUGVyaW9kaWNFbGVtZW50IHtcclxuXHR1aWQ6IG51bWJlcjtcclxuXHRuYW1lOiBzdHJpbmc7XHJcblx0cG9ydHJhaXQ6IHN0cmluZztcclxuXHRhZGRyZXNzOiBzdHJpbmc7XHJcblx0Y29kZTogc3RyaW5nO1xyXG5cdHBob25lOiBudW1iZXI7XHJcblx0ZHV0eTogc3RyaW5nO1xyXG5cdHJlbWFyazogc3RyaW5nO1xyXG59XHJcbmNvbnN0IEVMRU1FTlRfREFUQTogUGVyaW9kaWNFbGVtZW50W10gPSBbXHJcblx0e1xyXG5cdFx0dWlkOiAxLFxyXG5cdFx0bmFtZTogJ0pvbicsXHJcblx0XHRwb3J0cmFpdDogJy9mcm9udC9hc3NldHMvdXNlcmluZm8vcG9ydHJhaXRfZGVmYXVsdC5wbmcnLFxyXG5cdFx0YWRkcmVzczogJ+adreW3nuilv+a5luWMuuadreW3nuilv+a5luWMuuadreW3nuilv+a5luWMuuadreW3nuilv+a5luWMuuadreW3nuilv+a5luWMuuadreW3nuilv+a5luWMuicsXHJcblx0XHRjb2RlOiAnRzJINjM2VycsXHJcblx0XHRwaG9uZTogMjU2OTI2MTUsXHJcblx0XHRkdXR5OiAn6YOo6ZW/JyxcclxuXHRcdHJlbWFyazogJzExMTExMTExMSdcclxuXHR9LFxyXG5cdHtcclxuXHRcdHVpZDogMixcclxuXHRcdG5hbWU6ICdUVURNJyxcclxuXHRcdHBvcnRyYWl0OiAnL2Zyb250L2Fzc2V0cy91c2VyaW5mby9wb3J0cmFpdF9kZWZhdWx0LnBuZycsXHJcblx0XHRhZGRyZXNzOiAn5p2t5bee5L2Z5p2t5Yy65p2t5bee5L2Z5p2t5Yy65p2t5bee5L2Z5p2t5Yy6JyxcclxuXHRcdGNvZGU6ICdHMkg2MzZXJyxcclxuXHRcdHBob25lOiAyNTY5MjYxNSxcclxuXHRcdGR1dHk6ICfnu4Tplb8nLFxyXG5cdFx0cmVtYXJrOiAnNTU1NTU1J1xyXG5cdH0sXHJcblx0e1xyXG5cdFx0dWlkOiAzLFxyXG5cdFx0bmFtZTogJ01NTU0nLFxyXG5cdFx0cG9ydHJhaXQ6ICcvZnJvbnQvYXNzZXRzL3VzZXJpbmZvL3BvcnRyYWl0X2RlZmF1bHQucG5nJyxcclxuXHRcdGFkZHJlc3M6ICfmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLonLFxyXG5cdFx0Y29kZTogJ0cySDYzNlcnLFxyXG5cdFx0cGhvbmU6IDI1NjkyNjI1LFxyXG5cdFx0ZHV0eTogJ+e7hOmVvycsXHJcblx0XHRyZW1hcms6ICflpIfms6gnXHJcblx0fSxcclxuXHR7XHJcblx0XHR1aWQ6IDEsXHJcblx0XHRuYW1lOiAnSm9uJyxcclxuXHRcdHBvcnRyYWl0OiAnL2Zyb250L2Fzc2V0cy91c2VyaW5mby9wb3J0cmFpdF9kZWZhdWx0LnBuZycsXHJcblx0XHRhZGRyZXNzOiAn5p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy65p2t5bee6KW/5rmW5Yy6JyxcclxuXHRcdGNvZGU6ICdHMkg2MzZXJyxcclxuXHRcdHBob25lOiAyNTY5MjYxNSxcclxuXHRcdGR1dHk6ICfpg6jplb8nLFxyXG5cdFx0cmVtYXJrOiAn5aSH5rOoJ1xyXG5cdH0sXHJcblx0e1xyXG5cdFx0dWlkOiAyLFxyXG5cdFx0bmFtZTogJ1RVRE0nLFxyXG5cdFx0cG9ydHJhaXQ6ICcvZnJvbnQvYXNzZXRzL3VzZXJpbmZvL3BvcnRyYWl0X2RlZmF1bHQucG5nJyxcclxuXHRcdGFkZHJlc3M6ICfmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLrmna3lt57kvZnmna3ljLonLFxyXG5cdFx0Y29kZTogJ0cySDYzNlcnLFxyXG5cdFx0cGhvbmU6IDI1NjkyNjE1LFxyXG5cdFx0ZHV0eTogJ+e7hOmVvycsXHJcblx0XHRyZW1hcms6ICflpIfms6gnXHJcblx0fSxcclxuXHR7XHJcblx0XHR1aWQ6IDMsXHJcblx0XHRuYW1lOiAnTU1NTScsXHJcblx0XHRwb3J0cmFpdDogJy9mcm9udC9hc3NldHMvdXNlcmluZm8vcG9ydHJhaXRfZGVmYXVsdC5wbmcnLFxyXG5cdFx0YWRkcmVzczogJ+adreW3nuS9meadreWMuuadreW3nuS9meadreWMuuadreW3nuS9meadreWMuicsXHJcblx0XHRjb2RlOiAnRzJINjM2VycsXHJcblx0XHRwaG9uZTogMjU2OTI2MjUsXHJcblx0XHRkdXR5OiAn57uE6ZW/JyxcclxuXHRcdHJlbWFyazogJ+Wkh+azqCdcclxuXHR9XHJcbl07XHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLWRhdGEtbGlzdCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2RhdGEtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vZGF0YS1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmMtaW5kZXgtZGF0YS1saXN0JykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHRuYXZOYW1lID0gJ2RhdGFsaXN0JztcclxuXHRuYXZTaXplOiBDYXJkU2l6ZTtcclxuXHJcblx0ZGlzcGxheWVkQ29sdW1uczogc3RyaW5nW10gPSBbJ2lkJywgJ25hbWUnLCAncG9ydHJhaXQnLCAnYWRkcmVzcycsICdjb2RlJywgJ3Bob25lJywgJ2R1dHknLCAncmVtYXJrJ107XHJcblx0ZGF0YVNvdXJjZSA9IEVMRU1FTlRfREFUQTtcclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogSW5kZXhTZXJ2aWNlKSB7XHJcblx0XHR0aGlzLm5hdlNpemUgPSB0aGlzLnN2ci51c2VyU2V0dGluZy5DYXJkcy5maW5kKHggPT4geC5UeXBlID09PSB0aGlzLm5hdk5hbWUpLlNpemU7XHJcblx0fVxyXG5cclxuXHRuZ09uSW5pdCgpIHt9XHJcbn1cclxuIl19