@wjya/ngx-webapp-icpc.group.pms
Version:
angular webapp : icpc.group.pms
107 lines • 8.81 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var data_source_helper_1 = require("../../../../service/data-source.helper");
var core_1 = require("@angular/core");
var ngx_webapp_fx_1 = require("@wjya/ngx-webapp-fx");
var router_1 = require("@angular/router");
var ng_zorro_antd_1 = require("ng-zorro-antd");
var view_data_modal_component_1 = require("./modal/view-data-modal.component");
var download_qrcode_modal_component_1 = require("./modal/download-qrcode-modal.component");
var MyMiniProgramComponent = /** @class */ (function () {
// public errorMessage: string;
function MyMiniProgramComponent(dataSourceHelper, activateRoute, userStorageService, router, confirmServ) {
this.dataSourceHelper = dataSourceHelper;
this.activateRoute = activateRoute;
this.userStorageService = userStorageService;
this.router = router;
this.confirmServ = confirmServ;
this.data = [];
this.dataSource = this.dataSourceHelper.tinyAppTemplatesWithTinyApps;
this.tinyAppsDataSource = this.dataSourceHelper.tinyApps;
this.upgradePublishDataSource = this.dataSourceHelper.upgradePublish;
}
MyMiniProgramComponent.prototype.ngOnInit = function () {
this.id = this.activateRoute.snapshot.params['id'];
this.communityGroupId = this.userStorageService.getCurrentOffice().id;
this.loadAll();
};
MyMiniProgramComponent.prototype.loadAll = function () {
var _this = this;
this.dataSource.findList({
officalId: this.id,
communityGroupId: this.communityGroupId,
size: 9999
}).subscribe(function (res) {
_this.data = res.body;
// if (this.data.length > 0) {
// if (this.data[0].bindTinyApp) {
// if (!this.data[0].bindTinyApp.id) {
// this.errorMessage = this.data[0].description;
// }
// }
// }
});
};
MyMiniProgramComponent.prototype.navigate = function (bindTinyApp) {
if (!bindTinyApp.appId) {
return;
}
this.router.navigate(['../../../my-mini-program-manage'], { queryParams: { id: bindTinyApp.id, officalId: this.id }, relativeTo: this.activateRoute });
};
MyMiniProgramComponent.prototype.enable = function (templateId) {
var _self = this;
this.confirmServ.confirm({
title: '您确定启用小程序？',
onOk: function () {
_self.tinyAppsDataSource.createOne(templateId, null, { officalId: _self.id, communityGroupId: _self.communityGroupId }).subscribe(function (success) {
_self.loadAll();
});
},
});
};
MyMiniProgramComponent.prototype.viewData = function () {
this.viewDataModal.modalIsVisible = true;
};
MyMiniProgramComponent.prototype.downLoadQrcode = function (bindTinyApp) {
if (!bindTinyApp.appId) {
return;
}
this.downloadQrcodeModal.id = bindTinyApp.id;
this.downloadQrcodeModal.modalIsVisible = true;
};
MyMiniProgramComponent.prototype.upgradePublish = function (id) {
var _self = this;
this.confirmServ.confirm({
title: '您确定要升级版本？',
onOk: function () {
_self.upgradePublishDataSource.createOne(id).subscribe(function (success) {
_self.loadAll();
});
},
});
};
MyMiniProgramComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'zx-my-mini-program',
template: "<zx-header-block [title]=\"'\u6211\u7684\u5C0F\u7A0B\u5E8F'\" [showBottomLine]=\"false\" [showBreadcrumb]=\"true\" [breadcrumbAppendings]=\"['\u5C0F\u7A0B\u5E8F\u8BBE\u7F6E']\"><p>\u7BA1\u7406\u6211\u7684\u5C0F\u7A0B\u5E8F\u4FE1\u606F</p></zx-header-block><zx-content-block *ngFor=\"let item of data\"><ng-template #content><div class=\"main\"><div><img [src]=\"item.bindTinyApp.logo ? item.bindTinyApp.logo : './assets/images/u11394.png'\" alt=\"\"></div><div><div class=\"survey\"><div><span>\u5C0F\u7A0B\u5E8F\u540D\u79F0\uFF1A</span> <span>{{item.bindTinyApp.name}}</span></div><div><span>\u5C0F\u7A0B\u5E8F\u7248\u672C\uFF1A</span> <span>{{item.bindTinyApp.version}}</span></div><div><span>\u53D1\u5E03\u72B6\u6001\uFF1A</span> <span *ngIf=\"item.bindTinyApp.publishFlag\">{{item.bindTinyApp.publishFlag ? '\u5DF2\u53D1\u5E03' : '\u672A\u53D1\u5E03'}}</span> <span *ngIf=\"!item.bindTinyApp.publishFlag && item.bindTinyApp.submitAuditStatus !== 'FAIL'\">{{item.bindTinyApp.submitAuditStatus | dictConvert:'WEIXIN_TINY_APP_SUBMIT_AUDIT_STATUS' | async}}</span> <span *ngIf=\"!item.bindTinyApp.publishFlag && item.bindTinyApp.submitAuditStatus === 'FAIL'\">{{item.bindTinyApp.submitAuditStatus | dictConvert:'WEIXIN_TINY_APP_SUBMIT_AUDIT_STATUS' | async}}({{item.bindTinyApp.submitAuditMessage}})</span></div></div><div><button nz-button [nzType]=\"'primary'\" [disabled]=\"item.bindTinyApp.id !== undefined\" (click)=\"enable(item.id)\"><span>{{item.bindTinyApp.id !== undefined ? '\u5DF2\u542F\u7528\u5C0F\u7A0B\u5E8F' : '\u542F\u7528\u5C0F\u7A0B\u5E8F'}}</span></button> <button nz-button [nzType]=\"'primary'\" [routerLink]=\"['../../../wechat-public-account/my-mini-program/empower', item.bindTinyApp.id]\" [disabled]=\"item.bindTinyApp.id === undefined || item.bindTinyApp.appId !== undefined\"><span>{{item.bindTinyApp.appId !== undefined ? '\u5DF2\u6388\u6743\u5C0F\u7A0B\u5E8F' : '\u6388\u6743\u5C0F\u7A0B\u5E8F'}}</span></button> <button nz-button [nzType]=\"'primary'\" (click)=\"upgradePublish(item.bindTinyApp.id)\" [disabled]=\"item.bindTinyApp.id === undefined || item.bindTinyApp.version === item.version || item.bindTinyApp.appId === undefined\"><span>{{item.bindTinyApp.version === item.version ? '\u6700\u65B0\u7248\u672C' : '\u5347\u7EA7\u7248\u672C'}}</span></button></div></div><div><div style=\"outline: none\" (click)=\"navigate(item.bindTinyApp)\" *ngIf=\"item.bindTinyApp.authType !== 'SCAN_AUTH'\"><i class=\"anticon anticon-copy\"></i> <span>\u7BA1\u7406\u5C0F\u7A0B\u5E8F</span></div><div (click)=\"viewData()\"><i class=\"anticon anticon-qrcode\"></i> <span>\u67E5\u770B\u6570\u636E</span></div><div (click)=\"downLoadQrcode(item.bindTinyApp)\"><i class=\"anticon anticon-download\"></i> <span>\u4E0B\u8F7D\u4E8C\u7EF4\u7801</span></div></div></div></ng-template></zx-content-block><zx-view-data-modal #viewDataModal></zx-view-data-modal><zx-download-qrcode-modal #downloadQrcodeModal></zx-download-qrcode-modal>",
styles: [
"\n :host ::ng-deep .content {\n margin-bottom:0 ! important;\n }\n :host .main > div{\n display: inline-block;\n vertical-align: middle;\n }\n :host .main > div:nth-child(1){\n width: 200px;\n text-align: center;\n }\n :host .main > div:nth-child(1) > img{\n width: 150px;\n height: 150px;\n border-radius: 75px;\n }\n :host .main > div:nth-child(2){\n width: calc(100% - 500px);\n padding-left: 20px;\n }\n :host .main > div:nth-child(3){\n width: 292px;\n border-left: 1px dotted #ddd;\n padding: 13px 44px;\n }\n :host .main > div:nth-child(3) > div{\n margin: 15px 0;\n cursor: pointer;\n }\n :host .survey > div{\n margin: 10px 0;\n }\n :host .survey > div:nth-child(1) {\n margin-top: 0;\n }\n :host .survey > div > span:nth-child(1) {\n width: 90px;\n display: inline-block;\n text-align: right;\n }\n "
]
},] },
];
/** @nocollapse */
MyMiniProgramComponent.ctorParameters = function () { return [
{ type: data_source_helper_1.DataSourceHelper, },
{ type: router_1.ActivatedRoute, },
{ type: ngx_webapp_fx_1.UserStorageService, },
{ type: router_1.Router, },
{ type: ng_zorro_antd_1.NzModalService, },
]; };
MyMiniProgramComponent.propDecorators = {
"viewDataModal": [{ type: core_1.ViewChild, args: ['viewDataModal',] },],
"downloadQrcodeModal": [{ type: core_1.ViewChild, args: ['downloadQrcodeModal',] },],
};
return MyMiniProgramComponent;
}());
exports.MyMiniProgramComponent = MyMiniProgramComponent;
//# sourceMappingURL=my-mini-program.component.js.map