pull/1/head
parent
c99bf126ba
commit
37a532ab31
@ -1,327 +1,347 @@ |
||||
<div class="inner-content" nz-row> |
||||
<div nz-row> |
||||
<div nz-col [nzSpan]="16" [nzPush]="8"> |
||||
<div style="height: 40px; width: 100%;"> |
||||
<button (click)="showDeleteConfirm(id)" *ngIf="BTN_cmscategory_delete == 1" nz-button nzType="danger">删除</button> |
||||
<span *ngIf="BTN_cmscategory_edit == 1"><button (click)="goDetails()" nz-button class="upload" nzType="primary">编辑</button></span> |
||||
<button (click)="goAddShow()" *ngIf="BTN_cmscategory_add == 1 && id != ''" nz-button nzType="primary">添加子分类</button> |
||||
<button (click)="goAddShow()" *ngIf="BTN_cmscategory_add == 1 && id == ''" nz-button nzType="primary">添加顶级分类</button> |
||||
</div> |
||||
<div nz-row> |
||||
<div [nzPush]="8" [nzSpan]="16" nz-col> |
||||
<div style="height: 40px; width: 100%;"> |
||||
<button (click)="showDeleteConfirm(id)" *ngIf="BTN_cmscategory_delete == 1" nz-button nzType="danger"> |
||||
删除 |
||||
</button> |
||||
<span *ngIf="BTN_cmscategory_edit == 1"><button (click)="goDetails()" class="upload" nz-button |
||||
nzType="primary">编辑</button></span> |
||||
<button (click)="goAddShow()" *ngIf="BTN_cmscategory_add == 1 && id != ''" nz-button nzType="primary"> |
||||
添加子分类 |
||||
</button> |
||||
<button (click)="goAddShow()" *ngIf="BTN_cmscategory_add == 1 && id == ''" nz-button nzType="primary"> |
||||
添加顶级分类 |
||||
</button> |
||||
</div> |
||||
|
||||
<div class="details"> |
||||
<div class="title"> |
||||
<span>分类详情</span> |
||||
<div class="details"> |
||||
<div class="title"> |
||||
<span>分类详情</span> |
||||
</div> |
||||
<div [nzGutter]="24" nz-row style="padding: 10px;"> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>分类名称</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="cmsCategory.name" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>分类编码</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="cmsCategory.code" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>排序</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="cmsCategory.sort" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>封面图</nz-form-label> |
||||
<nz-form-control> |
||||
<img *ngIf="cmsCategory.coverImg != null && cmsCategory.coverImg != ''" |
||||
[src]="FILE_URL + cmsCategory.coverImg" style="height: 100px;width: 100px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>备注</nz-form-label> |
||||
<nz-form-control> |
||||
<textarea [(ngModel)]="cmsCategory.remark" disabled="disabled" nz-input placeholder="暂无数据" |
||||
style="width: 300px;"></textarea> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>公司名称</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="ext1.unitName" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>公司地址</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="ext1.address" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzSpan]="24" nz-col> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>联系方式</nz-form-label> |
||||
<nz-form-control> |
||||
<input [(ngModel)]="ext1.contact" disabled="disabled" nz-input nzSize="default" |
||||
placeholder="暂无数据" style="width: 300px;"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div style="padding: 10px;" nz-row [nzGutter]="24"> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >分类名称</nz-form-label> |
||||
<nz-form-control> |
||||
<input style="width: 300px;" nz-input disabled="disabled" [(ngModel)]="cmsCategory.name" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >分类编码</nz-form-label> |
||||
<nz-form-control> |
||||
<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="cmsCategory.code" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >排序</nz-form-label> |
||||
<nz-form-control> |
||||
<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="cmsCategory.sort" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >封面图</nz-form-label> |
||||
<nz-form-control> |
||||
<img *ngIf="cmsCategory.coverImg != null && cmsCategory.coverImg != ''" [src]="FILE_URL + cmsCategory.coverImg" style="height: 100px;width: 100px;" /> |
||||
<!--<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="cmsCategory.coverImg" placeholder="暂无数据" nzSize="default" />--> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label>备注</nz-form-label> |
||||
<nz-form-control> |
||||
<textarea nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="cmsCategory.remark" |
||||
placeholder="暂无数据"></textarea> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<!--<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >分类权限</nz-form-label> |
||||
<nz-form-control> |
||||
<nz-checkbox-group [(ngModel)]="showCheck"> |
||||
</nz-checkbox-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div>--> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >公司名称</nz-form-label> |
||||
<nz-form-control> |
||||
<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="ext1.unitName" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >公司地址</nz-form-label> |
||||
<nz-form-control> |
||||
<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="ext1.address" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div nz-col [nzSpan]="24"> |
||||
<nz-form-item nzFlex> |
||||
<nz-form-label >联系方式</nz-form-label> |
||||
<nz-form-control> |
||||
<input nz-input style="width: 300px;" disabled="disabled" [(ngModel)]="ext1.contact" placeholder="暂无数据" nzSize="default" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
<div [nzPull]="16" [nzSpan]="8" nz-col> |
||||
<nz-input-group [nzSuffix]="suffixIcon"> |
||||
<input [(ngModel)]="searchValue" nz-input placeholder="输入名称查询" type="text"/> |
||||
</nz-input-group> |
||||
<ng-template #suffixIcon> |
||||
<i nz-icon nzType="search"></i> |
||||
</ng-template> |
||||
<nz-empty *ngIf="nodes.length == 0"></nz-empty> |
||||
<nz-tree |
||||
#nzTreeComponent |
||||
(nzClick)="nzEvent($event)" |
||||
(nzExpandChange)="nzEvent($event)" |
||||
(nzSearchValueChange)="nzEvent($event)" |
||||
[nzData]="nodes" |
||||
[nzSearchValue]="searchValue" |
||||
> |
||||
</nz-tree> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div nz-col [nzSpan]="8" [nzPull]="16"> |
||||
<nz-input-group [nzSuffix]="suffixIcon"> |
||||
<input type="text" nz-input placeholder="输入名称查询" [(ngModel)]="searchValue" /> |
||||
</nz-input-group> |
||||
<ng-template #suffixIcon> |
||||
<i nz-icon nzType="search"></i> |
||||
</ng-template> |
||||
<nz-empty *ngIf="nodes.length == 0"></nz-empty> |
||||
<nz-tree |
||||
#nzTreeComponent |
||||
[nzData]="nodes" |
||||
[nzSearchValue]="searchValue" |
||||
(nzClick)="nzEvent($event)" |
||||
(nzExpandChange)="nzEvent($event)" |
||||
(nzSearchValueChange)="nzEvent($event)" |
||||
> |
||||
</nz-tree> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!--添加添加弹出层--> |
||||
<nz-modal [(nzVisible)]="isVisible" nzTitle="添加" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk(validateForm.value)" [nzOkLoading]="isOkLoading"> |
||||
<form nz-form [formGroup]="validateForm" style="margin-left: 5%;"> |
||||
<!--标题--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired> |
||||
<span>分类名称<i nz-icon nz-tooltip nzTitle="分类名称" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input formControlName="name" placeholder="请输入分类名称..." /> |
||||
<!--<nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">请输入分类名称!</nz-form-explain>--> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--分类编码--> |
||||
<nz-modal (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk(validateForm.value)" [(nzVisible)]="isVisible" [nzOkLoading]="isOkLoading" |
||||
nzTitle="添加"> |
||||
<form [formGroup]="validateForm" nz-form style="margin-left: 5%;"> |
||||
<!--标题--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired> |
||||
<span>分类名称<i nz-icon nz-tooltip nzTheme="outline" nzTitle="分类名称" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input formControlName="name" nz-input placeholder="请输入分类名称..."/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--分类编码--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired> |
||||
<span>分类编码<i nz-icon nz-tooltip nzTheme="outline" nzTitle="分类编码" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input formControlName="code" nz-input placeholder="请输入分类编码..."/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--排序--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage" nzRequired> |
||||
<span>排序</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-input-number [(ngModel)]="cmsCategory.sort" [nzMax]="99999" [nzMin]="1" |
||||
[nzPlaceHolder]="'排序'" formControlName="sort" style="width: 100%;"></nz-input-number> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--类型--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" > |
||||
<span>展示类型<i nz-icon nz-tooltip nzTheme="outline" nzTitle="展示类型" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-select [(ngModel)]="cmsCategory.type" formControlName="type" nzAllowClear nzPlaceHolder="请选择类型" nzShowSearch> |
||||
<nz-option nzLabel="小图一行四个" [nzValue]="1"></nz-option> |
||||
<nz-option nzLabel="轮播图" [nzValue]="2"></nz-option> |
||||
<nz-option nzLabel="消息通知" [nzValue]="3"></nz-option> |
||||
<nz-option nzLabel="大图展示" [nzValue]="4"></nz-option> |
||||
<nz-option nzLabel="一横图三小图" [nzValue]="5"></nz-option> |
||||
<nz-option nzLabel="数据库数据" [nzValue]="6"></nz-option> |
||||
<nz-option nzLabel="小图一行五个" [nzValue]="7"></nz-option> |
||||
<nz-option nzLabel="首页背景图" [nzValue]="8"></nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--封面图--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage"> |
||||
<span>封面图</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-upload |
||||
[(nzFileList)]="coverImgArray" |
||||
[nzPreview]="handlePreview" |
||||
[nzShowButton]="coverImgArray.length < 1" |
||||
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile" |
||||
nzListType="picture-card" |
||||
> |
||||
<i nz-icon nzType="plus"></i> |
||||
<div class="ant-upload-text">上传封面图</div> |
||||
<nz-modal (nzOnCancel)="previewVisible = false" [nzContent]="modalContent" [nzFooter]="null" |
||||
[nzVisible]="previewVisible"> |
||||
<ng-template #modalContent> |
||||
<img [ngStyle]="{ width: '100%' }" [src]="previewImage"/> |
||||
</ng-template> |
||||
</nz-modal> |
||||
</nz-upload> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--备注--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>备注<i nz-icon nz-tooltip nzTheme="outline" nzTitle="备注" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<textarea formControlName="remark" nz-input rows="4"></textarea> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<button (click)="resetForm($event)" id="reset" nz-button style="display: none;">清空</button> |
||||
</form> |
||||
|
||||
<!--公司名称--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired> |
||||
<span>分类编码<i nz-icon nz-tooltip nzTitle="分类编码" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input formControlName="code" placeholder="请输入分类编码..." /> |
||||
<!--<nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">请输入分类编码!</nz-form-explain>--> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司名称<i nz-icon nz-tooltip nzTheme="outline" nzTitle="公司名称,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.unitName" nz-input placeholder="请输入公司名称,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--排序--> |
||||
|
||||
<!--公司地址--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage" nzRequired> |
||||
<span>排序</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-input-number style="width: 100%;" formControlName="sort" [(ngModel)]="cmsCategory.sort" [nzPlaceHolder]="'排序'" [nzMin]="1" [nzMax]="99999" ></nz-input-number> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司地址<i nz-icon nz-tooltip nzTheme="outline" nzTitle="公司地址,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.address" nz-input placeholder="请输入公司地址,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--封面图--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage"> |
||||
<span>封面图</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-upload |
||||
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile" |
||||
nzListType="picture-card" |
||||
[(nzFileList)]="coverImgArray" |
||||
[nzShowButton]="coverImgArray.length < 1" |
||||
[nzPreview]="handlePreview" |
||||
> |
||||
<i nz-icon nzType="plus"></i> |
||||
<div class="ant-upload-text">上传封面图</div> |
||||
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false"> |
||||
<ng-template #modalContent> |
||||
<img [src]="previewImage" [ngStyle]="{ width: '100%' }" /> |
||||
</ng-template> |
||||
</nz-modal> |
||||
</nz-upload> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--备注--> |
||||
|
||||
<!--联系方式--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>备注<i nz-icon nz-tooltip nzTitle="备注" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<textarea nz-input formControlName="remark" rows="4"></textarea> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>联系方式<i nz-icon nz-tooltip nzTheme="outline" nzTitle="联系方式,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.contact" nz-input placeholder="请输入联系方式,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<button nz-button id="reset" style="display: none;" (click)="resetForm($event)">清空</button> |
||||
</form> |
||||
<!-- <nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="checkOptions" nzRequired> |
||||
<span>分类权限<i nz-icon nz-tooltip nzTitle="分类权限" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-checkbox-group [(ngModel)]="checkOptions" (ngModelChange)="allot($event)"> |
||||
</nz-checkbox-group> |
||||
</nz-form-control> |
||||
</nz-form-item>--> |
||||
|
||||
<!--公司名称--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司名称<i nz-icon nz-tooltip nzTitle="公司名称,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.unitName" placeholder="请输入公司名称,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--公司地址--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司地址<i nz-icon nz-tooltip nzTitle="公司地址,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.address" placeholder="请输入公司地址,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--联系方式--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>联系方式<i nz-icon nz-tooltip nzTitle="联系方式,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.contact" placeholder="请输入联系方式,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
</nz-modal> |
||||
|
||||
<!--添加修改弹出层--> |
||||
<nz-modal [(nzVisible)]="isVisibleEdit" nzTitle="修改" nzWidth="60%" (nzOnCancel)="handleCancelEdit()" (nzOnOk)="handleOkEdit(validateForm.value)" [nzOkLoading]="isOkEditLoading"> |
||||
<form nz-form [formGroup]="validateForm"> |
||||
<!--标题--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired> |
||||
<span>分类名称<i nz-icon nz-tooltip nzTitle="分类名称" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input formControlName="name" [(ngModel)]="cmsCategory.name" placeholder="请输入分类名称..." /> |
||||
<!--<nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">请输入分类名称!</nz-form-explain>--> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired> |
||||
<span>分类编码<i nz-icon nz-tooltip nzTitle="分类编码" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input formControlName="code" disabled="disabled" [(ngModel)]="cmsCategory.code" placeholder="请输入分类名称..." /> |
||||
<!--<nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">请输入分类编码!</nz-form-explain>--> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--排序--> |
||||
<nz-modal (nzOnCancel)="handleCancelEdit()" (nzOnOk)="handleOkEdit(validateForm.value)" [(nzVisible)]="isVisibleEdit" [nzOkLoading]="isOkEditLoading" |
||||
nzTitle="修改" nzWidth="60%"> |
||||
<form [formGroup]="validateForm" nz-form> |
||||
<!--标题--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired> |
||||
<span>分类名称<i nz-icon nz-tooltip nzTheme="outline" nzTitle="分类名称" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="cmsCategory.name" formControlName="name" nz-input placeholder="请输入分类名称..."/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired> |
||||
<span>分类编码<i nz-icon nz-tooltip nzTheme="outline" nzTitle="分类编码" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="cmsCategory.code" disabled="disabled" formControlName="code" nz-input |
||||
placeholder="请输入分类名称..."/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--排序--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage" nzRequired> |
||||
<span>排序</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-input-number [(ngModel)]="cmsCategory.sort" [nzMax]="99999" [nzMin]="1" |
||||
[nzPlaceHolder]="'排序'" formControlName="sort" style="width: 100%;"></nz-input-number> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--类型--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code"> |
||||
<span>类型<i nz-icon nz-tooltip nzTheme="outline" nzTitle="类型" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-select formControlName="type" nzAllowClear nzPlaceHolder="请选择类型" nzShowSearch> |
||||
<nz-option nzLabel="cms内容" [nzValue]="1"></nz-option> |
||||
<nz-option nzLabel="数据库数据" [nzValue]="2"></nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--封面图--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage"> |
||||
<span>封面图</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-upload |
||||
[(nzFileList)]="coverImgArray" |
||||
[nzPreview]="handlePreview" |
||||
[nzShowButton]="coverImgArray.length < 1" |
||||
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile" |
||||
nzListType="picture-card" |
||||
> |
||||
<i nz-icon nzType="plus"></i> |
||||
<div class="ant-upload-text">上传封面图</div> |
||||
<nz-modal (nzOnCancel)="previewVisible = false" [nzContent]="modalContent" [nzFooter]="null" |
||||
[nzVisible]="previewVisible"> |
||||
<ng-template #modalContent> |
||||
<img [ngStyle]="{ width: '100%' }" [src]="previewImage"/> |
||||
</ng-template> |
||||
</nz-modal> |
||||
</nz-upload> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--内容--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>备注<i nz-icon nz-tooltip nzTheme="outline" nzTitle="备注" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<textarea [(ngModel)]="cmsCategory.remark" formControlName="remark" nz-input rows="4"></textarea> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</form> |
||||
|
||||
<!--公司名称--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage" nzRequired> |
||||
<span>排序</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-input-number style="width: 100%;" formControlName="sort" [(ngModel)]="cmsCategory.sort" [nzPlaceHolder]="'排序'" [nzMin]="1" [nzMax]="99999" ></nz-input-number> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司名称<i nz-icon nz-tooltip nzTheme="outline" nzTitle="公司名称,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.unitName" nz-input placeholder="请输入公司名称,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--封面图--> |
||||
|
||||
<!--公司地址--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="hasImage"> |
||||
<span>封面图</span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-upload |
||||
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile" |
||||
nzListType="picture-card" |
||||
[(nzFileList)]="coverImgArray" |
||||
[nzShowButton]="coverImgArray.length < 1" |
||||
[nzPreview]="handlePreview" |
||||
> |
||||
<i nz-icon nzType="plus"></i> |
||||
<div class="ant-upload-text">上传封面图</div> |
||||
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false"> |
||||
<ng-template #modalContent> |
||||
<img [src]="previewImage" [ngStyle]="{ width: '100%' }" /> |
||||
</ng-template> |
||||
</nz-modal> |
||||
</nz-upload> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司地址<i nz-icon nz-tooltip nzTheme="outline" nzTitle="公司地址,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.address" nz-input placeholder="请输入公司地址,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<!--内容--> |
||||
|
||||
<!--联系方式--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>备注<i nz-icon nz-tooltip nzTitle="备注" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<textarea nz-input formControlName="remark" [(ngModel)]="cmsCategory.remark" rows="4"></textarea> |
||||
</nz-form-control> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>联系方式<i nz-icon nz-tooltip nzTheme="outline" nzTitle="联系方式,招商政策类填写" type="question-circle"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input [(ngModel)]="ext1.contact" nz-input placeholder="请输入联系方式,招商政策类填写"/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</form> |
||||
<!-- |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="checkOptions" nzRequired> |
||||
<span>分类权限<i nz-icon nz-tooltip nzTitle="分类权限" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<nz-checkbox-group [(ngModel)]="showCheck" (ngModelChange)="allot($event)"> |
||||
</nz-checkbox-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
--> |
||||
|
||||
<!--公司名称--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司名称<i nz-icon nz-tooltip nzTitle="公司名称,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.unitName" placeholder="请输入公司名称,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--公司地址--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>公司地址<i nz-icon nz-tooltip nzTitle="公司地址,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.address" placeholder="请输入公司地址,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<!--联系方式--> |
||||
<nz-form-item> |
||||
<nz-form-label [nzSm]="6" [nzXs]="24"> |
||||
<span>联系方式<i nz-icon nz-tooltip nzTitle="联系方式,招商政策类填写" type="question-circle" nzTheme="outline"></i></span> |
||||
</nz-form-label> |
||||
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||
<input nz-input [(ngModel)]="ext1.contact" placeholder="请输入联系方式,招商政策类填写" /> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</nz-modal> |
||||
|
@ -1,27 +0,0 @@ |
||||
.width_input { |
||||
width: 200px; |
||||
} |
||||
.width_input_chlid { |
||||
width: 200px; |
||||
margin-left: 10px; |
||||
} |
||||
[nz-form] { |
||||
max-width: 600px; |
||||
} |
||||
button { |
||||
margin-left: 8px; |
||||
} |
||||
:host ::ng-deep .upload-list-inline .ant-upload-list-item { |
||||
float: left; |
||||
width: 200px; |
||||
margin-right: 8px; |
||||
} |
||||
.search-result-list { |
||||
margin-top: 16px; |
||||
border: 1px dashed #e9e9e9; |
||||
border-radius: 6px; |
||||
background-color: #fafafa; |
||||
min-height: 200px; |
||||
text-align: center; |
||||
padding-top: 80px; |
||||
} |
Loading…
Reference in new issue