@wjya/ngx-webapp-icpc.group.pms
Version:
angular webapp : icpc.group.pms
66 lines • 4.68 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var ngx_webapp_fx_1 = require("@wjya/ngx-webapp-fx");
var def = {
data: null,
showOperations: false,
fields: {
id: {
label: 'id',
hidden: true,
sort: { enabled: false },
query: {},
filter: { enabled: false }
},
parkName: {
label: '日期',
sort: { enabled: true },
query: {},
filter: { enabled: false }
},
reportDate: {
label: '送达条数',
sort: { enabled: true, value: 'descend' },
query: {},
filter: { enabled: false }
},
orderQuantity: {
label: '未送达条数',
sort: { enabled: true },
query: {},
filter: { enabled: false }
}
}
};
var DosageStatisticsComponent = /** @class */ (function () {
function DosageStatisticsComponent(injector) {
this.injector = injector;
this.dateType = [{ text: '日', value: 1 }, { text: '月', value: 2 }];
this.selectedTags = [1];
}
DosageStatisticsComponent.prototype.ngOnInit = function () {
this.listView = new ngx_webapp_fx_1.ListView(def, this.injector);
};
DosageStatisticsComponent.prototype.handleChange = function (checked, type) {
if (checked) {
this.selectedTags[0] = type;
}
};
DosageStatisticsComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'zx-dosage-statistics',
template: "<zx-header-block [title]=\"'\u7528\u91CF\u7EDF\u8BA1'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\"><p>\u77ED\u4FE1\u7528\u91CF\u7EDF\u8BA1</p></zx-header-block><zx-content-block><ng-template #title><div style=\"font-weight: normal\"><i class=\"anticon anticon-line-chart\"></i> <span>\u4ECA\u65E5\u6570\u636E</span></div></ng-template><ng-template #content class=\"content\"><div nz-row class=\"row\"><div nz-col [nzSpan]=\"8\"><p>\u4ECA\u65E5\u9001\u8FBE\u6210\u529F</p><div>50\u6761</div></div><div nz-col [nzSpan]=\"8\"><p>\u8FBE\u5230\u7387</p><div><span>\u6210\u529F</span> <span>100%</span></div><div><span>\u5931\u8D25</span> <span>0%</span></div><div><span>\u5176\u4ED6</span> <span>0%</span></div></div><div nz-col [nzSpan]=\"8\"><p>\u4ECA\u65E5\u9001\u8FBE\u5931\u8D25</p><div>0\u6761</div></div></div></ng-template></zx-content-block><zx-content-block><ng-template #extra><nz-checkable-tag *ngFor=\"let type of dateType\" [nzChecked]=\"selectedTags.indexOf(type.value) > -1\" (nzChange)=\"handleChange($event, type.value)\">{{type.text}}</nz-checkable-tag></ng-template><ng-template #content><zx-list-view [listView]=\"listView\" (loadData)=\"loadAll()\"></zx-list-view></ng-template></zx-content-block>",
styles: [
"\n :host ::ng-deep zx-content-block:nth-child(2) .ant-card-body{\n padding:0;\n }\n :host .row{\n padding: 30px 0;\n text-align: center;\n height:154px;\n }\n :host .row > div{\n border-right: 1px dashed #ddd;\n height: 110px;\n }\n :host .row > div:last-child{\n border-right:0\n }\n :host .row > div:nth-child(1) > div, :host .row > div:nth-child(3) > div{\n font-size: 40px;\n margin-top: 15px;\n color: #00CC00\n }\n :host .row > div:nth-child(3) > div {\n color: #FF0000\n }\n :host .row > div:nth-child(2) > div {\n padding: 3px 0;\n color: #000;\n font-weight: bold;\n }\n :host .row > div:nth-child(2) > div > span{\n width: 42px;\n display: inline-block;\n }\n :host .row > div:nth-child(2) > div > span:nth-child(1) {\n text-align:right;\n }\n :host .row > div:nth-child(2) > div > span:nth-child(2) {\n text-align:left;\n }\n :host .row > div:nth-child(2) > div:nth-child(2) {\n margin-top: 12px;\n }\n "
]
},] },
];
/** @nocollapse */
DosageStatisticsComponent.ctorParameters = function () { return [
{ type: core_1.Injector, },
]; };
return DosageStatisticsComponent;
}());
exports.DosageStatisticsComponent = DosageStatisticsComponent;
//# sourceMappingURL=dosage-statistics.component.js.map