pull/1/head
parent
c4faa672f1
commit
def81dabc3
@ -1,213 +1,228 @@ |
|||||||
<!--面包屑--> |
<!--面包屑--> |
||||||
<nz-breadcrumb> |
<nz-breadcrumb> |
||||||
<nz-breadcrumb-item> |
<nz-breadcrumb-item> |
||||||
内容管理 |
内容管理 |
||||||
</nz-breadcrumb-item> |
</nz-breadcrumb-item> |
||||||
<nz-breadcrumb-item> |
<nz-breadcrumb-item> |
||||||
内容发布 |
内容发布 |
||||||
</nz-breadcrumb-item> |
</nz-breadcrumb-item> |
||||||
</nz-breadcrumb> |
</nz-breadcrumb> |
||||||
|
|
||||||
<!--条件搜索--> |
<div class="inner-content" nz-row> |
||||||
<div class="inner-content"> |
<!--条件搜索--> |
||||||
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)"> |
<div style="margin-bottom: 24px; margin-top: 24px;"> |
||||||
<div nz-row> |
<!--分类--> |
||||||
<div nz-col nzSpan="8"> |
<nz-tree-select |
||||||
<nz-form-item> |
nzPlaceHolder="请选择分类" |
||||||
<nz-form-label [nzSpan]="6">内容分类</nz-form-label> |
style="width: 250px" |
||||||
<nz-form-control [nzSpan]="16"> |
[nzNodes]="nodes" |
||||||
<nz-tree-select |
nzShowSearch |
||||||
nzPlaceHolder="请选择内容分类" |
nzPlaceHolder="请选择内容分类" |
||||||
[nzNodes]="nodes" |
[(ngModel)]="searchCategoryId" |
||||||
nzShowSearch |
> |
||||||
formControlName="categoryId" |
</nz-tree-select> |
||||||
> |
<input class="width_input_chlid" [(ngModel)]="searchTitle" name="searchTitle" nz-input placeholder="请输入内容标题" nzSize="default"> |
||||||
</nz-tree-select> |
<nz-select class="width_input_chlid" nzShowSearch nzAllowClear nzPlaceHolder="请选择状态" [(ngModel)]="searchStatus"> |
||||||
</nz-form-control> |
<nz-option nzLabel="请选择状态" nzValue=""></nz-option> |
||||||
</nz-form-item> |
<nz-option nzLabel="编辑中" nzValue="1"></nz-option> |
||||||
</div> |
<nz-option nzLabel="已发布" nzValue="2"></nz-option> |
||||||
<div nz-col nzSpan="8"> |
<!--<nz-option nzLabel="已下线" nzValue="3"></nz-option>--> |
||||||
<nz-form-item> |
</nz-select> |
||||||
<nz-form-label [nzSpan]="6">内容标题</nz-form-label> |
<button style="margin-left: 10px;" nz-button nzType="primary" (click)="getSearch()" [nzLoading]="isLoadingSearch">搜索</button> |
||||||
<nz-form-control [nzSpan]="16"> |
<button nz-button (click)="resetSearch()">重置</button> |
||||||
<input formControlName="title" name="title" nz-input placeholder="请输入内容标题" nzSize="default"> |
</div> |
||||||
</nz-form-control> |
|
||||||
</nz-form-item> |
|
||||||
</div> |
|
||||||
<div nz-col nzSpan="8"> |
|
||||||
<nz-form-item> |
|
||||||
<nz-form-label [nzSpan]="6">内容状态</nz-form-label> |
|
||||||
<nz-form-control [nzSpan]="16"> |
|
||||||
<nz-select class="width_input_chlid" nzShowSearch nzAllowClear nzPlaceHolder="请选择状态" formControlName="status"> |
|
||||||
<nz-option nzLabel="请选择状态" nzValue=""></nz-option> |
|
||||||
<nz-option nzLabel="编辑中" nzValue="1"></nz-option> |
|
||||||
<nz-option nzLabel="已发布" nzValue="2"></nz-option> |
|
||||||
</nz-select> |
|
||||||
</nz-form-control> |
|
||||||
</nz-form-item> |
|
||||||
</div> |
|
||||||
<div nz-col nzSpan="8"> |
|
||||||
<nz-form-item> |
|
||||||
<nz-form-label [nzSpan]="6">展示平台</nz-form-label> |
|
||||||
<nz-form-control [nzSpan]="16"> |
|
||||||
<nz-select class="width_input_chlid" nzShowSearch nzAllowClear nzPlaceHolder="请选择展示平台" formControlName="platform"> |
|
||||||
<nz-option nzLabel="请选择展示平台" nzValue=""></nz-option> |
|
||||||
<nz-option nzLabel="微信小程序" [nzValue]="1"></nz-option> |
|
||||||
<nz-option nzLabel="H5" [nzValue]="2"></nz-option> |
|
||||||
<nz-option nzLabel="银联小程序" [nzValue]="3"></nz-option> |
|
||||||
</nz-select> |
|
||||||
</nz-form-control> |
|
||||||
</nz-form-item> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
<div nz-row> |
|
||||||
<div nz-col nzSpan="24" class="search-button"> |
|
||||||
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button> |
|
||||||
<button nz-button nzType="default" (click)="resetForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</form> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="inner-content" nz-row> |
||||||
|
<nz-layout> |
||||||
|
<nz-sider style="background: #ffffff;"><div class="gaopin-data-toalt" style="width: 300px;">共搜索到 {{total}} 条数据</div></nz-sider> |
||||||
|
<nz-content style="text-align: right;background: #ffffff;"> |
||||||
|
<button *ngIf="BTN_cmscontent_add == 1" class="funcBnt" nz-button nzType="primary" (click)="getAdd()">添加</button> |
||||||
|
</nz-content> |
||||||
|
</nz-layout> |
||||||
|
|
||||||
<div class="inner-content"> |
<!--数组表格 --> |
||||||
<span>共计 {{total}} 条数据</span> |
|
||||||
<div class="operating-button"> |
|
||||||
<button nz-button nzType="primary" class="right-btn" (click)="getAdd()" ><i nz-icon nzType="plus" nzTheme="outline"></i>添加</button> |
|
||||||
</div> |
|
||||||
<nz-table |
<nz-table |
||||||
class="table" |
style="margin-top: 30px;width: 100%;" |
||||||
#ajaxTable |
#ajaxTable |
||||||
nzShowSizeChanger |
nzShowSizeChanger |
||||||
[nzFrontPagination]="false" |
[nzFrontPagination]="false" |
||||||
[nzData]="requestData" |
[nzData]="requestData" |
||||||
[nzLoading]="loading" |
[nzLoading]="loading" |
||||||
[nzTotal]="total" |
[nzTotal]="total" |
||||||
[(nzPageIndex)]="pageNum" |
[(nzPageIndex)]="pageIndex" |
||||||
[(nzPageSize)]="pageSize" |
[(nzPageSize)]="pageSize" |
||||||
[nzScroll]="{ x: '1200px' }" |
(nzPageIndexChange)="getRequest()" |
||||||
(nzPageIndexChange)="getRequest(false , searchForm.value)" |
(nzPageSizeChange)="getRequest(true)" |
||||||
(nzPageSizeChange)="getRequest(false , searchForm.value)"> |
[nzScroll]="{ x: '1150px'}"> |
||||||
<thead nzSingleSort> |
<thead nzSingleSort> |
||||||
<tr> |
<tr> |
||||||
<th nzWidth="80px">序号</th> |
<th nzWidth="80px">序号</th> |
||||||
<th nzWidth="100px">分类名称</th> |
<th nzWidth="240px">分类名称</th> |
||||||
<th nzWidth="100px">内容标题</th> |
<th nzWidth="240px">内容标题</th> |
||||||
<th nzWidth="80px">展示平台</th> |
<th nzWidth="300px">简要描述</th> |
||||||
<th nzWidth="80px">状态</th> |
<th nzWidth="120px">访问总量</th> |
||||||
|
<th nzWidth="120px">是否推荐</th> |
||||||
|
<th nzWidth="120px">状态</th> |
||||||
<th nzWidth="120px">创建时间</th> |
<th nzWidth="120px">创建时间</th> |
||||||
<th nzRight="0px" nzAlign="left" nzWidth="100px">操作</th> |
<th nzRight="0px" nzAlign="left" nzWidth="300px">操作</th> |
||||||
</tr> |
</tr> |
||||||
</thead> |
</thead> |
||||||
<tbody> |
<tbody> |
||||||
<tr *ngFor="let data of ajaxTable.data; let i = index"> |
<tr *ngFor="let data of ajaxTable.data; let i = index;"> |
||||||
<td>{{i+1}}</td> |
<td>{{i+ 1}}</td> |
||||||
<td>{{data.tag}}</td> |
<td>{{data.categoryName}}</td> |
||||||
<td>{{data.title}}</td> |
<td>{{data.title}}</td> |
||||||
<td>{{data.platform | showType}}</td> |
<td>{{data.description}}</td> |
||||||
|
<td>{{data.visitCount}}</td> |
||||||
<td> |
<td> |
||||||
{{data.status == 1 ? '编辑中': '已发布'}} |
<span style="color: #1890ff;" *ngIf="data.recommend">是</span> |
||||||
|
<span style="color: darkgray;" *ngIf="!data.recommend">否</span> |
||||||
</td> |
</td> |
||||||
<td>{{data.createTime | date:'yyyy-MM-dd hh:mm:ss' }}</td> |
<td> |
||||||
<td nzRight class="table-td-operation"> |
<span *ngIf="data.status == 1">编辑中</span> |
||||||
<a nz-dropdown [nzDropdownMenu]="menu">更多操作<i nz-icon nzType="down"></i></a> |
<span *ngIf="data.status == 2">已发布</span> |
||||||
<nz-dropdown-menu #menu="nzDropdownMenu"> |
</td> |
||||||
<ul nz-menu nzSelectable> |
<td>{{data.createTime | date:'yyyy-MM-dd' }}</td> |
||||||
<li *ngIf="data.status == 1 && 'BTN_cmscontent_edit' | button" nz-menu-item><a (click)="getEdit(data)">编辑</a></li> |
<td nzRight="0px" style="font-size: 16px;"> |
||||||
<li *ngIf="'BTN_cmscontent_up_down' | button" nz-menu-item><a (click)='getForbiddenUser(data.id , data.status)'>{{data.status === 2 ? '下架': '上架'}}</a></li> |
<a><span nz-tooltip nzTitle="详情" (click)='getContentView(data.id)'><i nz-icon nzType="unordered-list" nzTheme="outline"></i></span></a> |
||||||
<li *ngIf="data.status == 1 && 'BTN_cmscontent_delete' | button" nz-menu-item><a (click)='showDeleteConfirmDelete(data.id)'>删除</a></li> |
<span *ngIf="BTN_cmscontent_edit"> |
||||||
</ul> |
<nz-divider nzType="vertical"></nz-divider> |
||||||
</nz-dropdown-menu> |
<a *ngIf="data.status == 1"><span nz-tooltip nzTitle="编辑" (click)='getEdit(data.id)'><i nz-icon nzType="edit" nzTheme="outline"></i></span></a> |
||||||
|
</span> |
||||||
|
<span *ngIf="BTN_cmscontent_up_down == 1"> |
||||||
|
<nz-divider *ngIf="data.status == 1" nzType="vertical"></nz-divider> |
||||||
|
<a *ngIf="data.status == 2"><span nz-tooltip nzTitle="下线" (click)='showDown(data.id)'><i nz-icon nzType="down-square" nzTheme="outline"></i></span></a> |
||||||
|
<a *ngIf="data.status == 1"><span nz-tooltip nzTitle="发布" (click)='addPush(data.id, data.categoryId)'><i nz-icon nzType="up-square" nzTheme="outline"></i></span></a> |
||||||
|
</span> |
||||||
|
<span *ngIf="BTN_cmscontent_delete == 1"> |
||||||
|
<nz-divider *ngIf="data.status == 1" nzType="vertical"></nz-divider> |
||||||
|
<a *ngIf="data.status == 1"><span nz-tooltip nzTitle="删除" (click)='showDeleteConfirmDelete(data.id)'><i nz-icon nzType="delete" nzTheme="outline"></i></span></a> |
||||||
|
</span> |
||||||
|
<span *ngIf="BTN_cmscontent_patch == 1"> |
||||||
|
<nz-divider *ngIf="data.status == 1" nzType="vertical"></nz-divider> |
||||||
|
<a *ngIf="data.status == 1"><span nz-tooltip nzTitle="附件" (click)='findPatchByContent(data.id)'><i nz-icon nzType="file" nzTheme="outline"></i></span></a> |
||||||
|
</span> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</nz-table> |
||||||
|
<nz-layout *ngIf="showPatch == 1" style="margin-bottom: 10px;"> |
||||||
|
<nz-content style="text-align: right;background: #ffffff;"> |
||||||
|
<button class="funcBnt" nz-button nzType="primary" (click)="addPatch()">添加附件</button> |
||||||
|
</nz-content> |
||||||
|
</nz-layout> |
||||||
|
<nz-table style="width: 100%" [nzShowPagination]="false" #basicTable [nzData]="patchList" *ngIf="showPatch == 1"> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th>附件名称</th> |
||||||
|
<th>附件类型</th> |
||||||
|
<th>附件描述</th> |
||||||
|
<th>排序</th> |
||||||
|
<th>添加时间</th> |
||||||
|
<th>操作</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr *ngFor="let data of patchList"> |
||||||
|
<td>{{ data.patchName }}</td> |
||||||
|
<td *ngIf="data.patchType == 1">图片</td> |
||||||
|
<td *ngIf="data.patchType == 2">音频</td> |
||||||
|
<td *ngIf="data.patchType == 3">视频</td> |
||||||
|
<td *ngIf="data.patchType == 4">文档</td> |
||||||
|
<td *ngIf="data.patchType == 5">其他</td> |
||||||
|
<td>{{data.patchDesc}}</td> |
||||||
|
<td>{{data.sort}}</td> |
||||||
|
<td>{{data.addTime | date:'yyyy-MM-dd'}}</td> |
||||||
|
<td> |
||||||
|
<a><span nz-tooltip nzTitle="删除附件" (click)='showDeletePatch(data.id)'><i nz-icon nzType="delete" nzTheme="outline"></i></span></a> |
||||||
</td> |
</td> |
||||||
|
</tr> |
||||||
</tbody> |
</tbody> |
||||||
</nz-table> |
</nz-table> |
||||||
</div> |
</div> |
||||||
|
<!--添加附件弹出层--> |
||||||
|
<nz-modal [(nzVisible)]="isVisible" nzTitle="添加附件" (nzOnCancel)="handleCancel()" (nzOnOk)="handlePatchOk(annexForm.value)" [nzOkLoading]="isOkLoading"> |
||||||
<nz-modal [(nzVisible)]="isVisible" nzTitle="编辑内容" nzWidth="700" (nzOnCancel)="isVisible = false" (nzOnOk)="handleOk()"> |
<form nz-form [formGroup]="annexForm" style="margin-left: 5%;"> |
||||||
<form nz-form [formGroup]="validateForm" class="login-form"> |
<!--附件名称--> |
||||||
<nz-form-item> |
<nz-form-item> |
||||||
<nz-form-label [nzSpan]="6" nzRequired>分类</nz-form-label> |
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="patchName" nzRequired> |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="内容分类"> |
<span>附件名称<i nz-icon nz-tooltip nzTitle="附件名称" type="question-circle" nzTheme="outline"></i></span> |
||||||
<nz-tree-select |
</nz-form-label> |
||||||
style="width: 250px" |
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||||
[nzNodes]="nodes" |
<input nz-input formControlName="patchName" placeholder="请输入附件名称..." /> |
||||||
nzShowSearch |
<!--<nz-form-explain *ngIf="annexForm.get('patchName')?.dirty && annexForm.get('patchName')?.errors">请输入附件名称!</nz-form-explain>--> |
||||||
nzPlaceHolder="请选择内容分类" |
|
||||||
formControlName="categoryId" |
|
||||||
> |
|
||||||
</nz-tree-select> |
|
||||||
</nz-form-control> |
</nz-form-control> |
||||||
</nz-form-item> |
</nz-form-item> |
||||||
|
<!--附件描述--> |
||||||
<nz-form-item> |
<nz-form-item> |
||||||
<nz-form-label [nzSpan]="6" nzRequired>内容标题</nz-form-label> |
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="patchDesc"> |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请输入内容标题"> |
<span>附件描述<i nz-icon nz-tooltip nzTitle="附件描述" type="question-circle" nzTheme="outline"></i></span> |
||||||
<input nz-input formControlName="title" placeholder="请输入内容标题!" /> |
</nz-form-label> |
||||||
|
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||||
|
<input nz-input formControlName="patchDesc" placeholder="请输入附件描述..." /> |
||||||
|
<!--<nz-form-explain *ngIf="annexForm.get('patchDesc')?.dirty && annexForm.get('patchDesc')?.errors">请输入附件描述!</nz-form-explain>--> |
||||||
</nz-form-control> |
</nz-form-control> |
||||||
</nz-form-item> |
</nz-form-item> |
||||||
|
<!--附件排序--> |
||||||
<nz-form-item> |
<nz-form-item> |
||||||
<nz-form-label [nzSpan]="6" nzRequired>展示平台</nz-form-label> |
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="sort" nzRequired> |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请选择展示平台"> |
<span>附件排序<i nz-icon nz-tooltip nzTitle="附件排序" type="question-circle" nzTheme="outline"></i></span> |
||||||
<nz-select *ngIf="!editFlag" nzMode="multiple" nzShowSearch nzAllowClear nzPlaceHolder="请选择展示平台" formControlName="platformArray"> |
</nz-form-label> |
||||||
<nz-option nzLabel="微信小程序" [nzValue]="1"></nz-option> |
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||||
<nz-option nzLabel="H5" [nzValue]="2"></nz-option> |
<input nz-input type="number" formControlName="sort" placeholder="请输入附件排序,越小越靠前..." oninput="if(value.length>5) value=value.slice(0,5)"/> |
||||||
<nz-option nzLabel="银联小程序" [nzValue]="3"></nz-option> |
<!--<nz-form-explain *ngIf="annexForm.get('sort')?.dirty && annexForm.get('sort')?.errors">请输入附件排序!</nz-form-explain>--> |
||||||
</nz-select> |
|
||||||
<nz-select *ngIf="editFlag" nzShowSearch nzAllowClear nzPlaceHolder="请选择展示平台" formControlName="platform"> |
|
||||||
<nz-option nzLabel="微信小程序" [nzValue]="1"></nz-option> |
|
||||||
<nz-option nzLabel="H5" [nzValue]="2"></nz-option> |
|
||||||
<nz-option nzLabel="银联小程序" [nzValue]="3"></nz-option> |
|
||||||
</nz-select> |
|
||||||
</nz-form-control> |
|
||||||
</nz-form-item> |
|
||||||
<nz-form-item> |
|
||||||
<nz-form-label [nzSpan]="6" nzRequired>优先级</nz-form-label> |
|
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请输入优先级"> |
|
||||||
<nz-input-number style="width: 240px;" nzPlaceHolder="请输入优先级,越小越靠前..." formControlName="sortId" [nzMin]="1" [nzMax]="100" [nzStep]="1"></nz-input-number> |
|
||||||
</nz-form-control> |
</nz-form-control> |
||||||
</nz-form-item> |
</nz-form-item> |
||||||
<nz-form-item> |
<!--附件类型--> |
||||||
<nz-form-label [nzSpan]="6" nzRequired>内容描述</nz-form-label> |
<nz-form-item > |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请输入内容描述"> |
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="patchType" nzRequired> |
||||||
<input nz-input formControlName="description" placeholder="请输入内容描述!" /> |
<span>附件类型</span> |
||||||
</nz-form-control> |
</nz-form-label> |
||||||
</nz-form-item> |
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||||
<nz-form-item> |
<nz-select style="width: 80%;" formControlName="patchType" (ngModelChange)="getChange($event)" nzShowSearch nzAllowClear nzPlaceHolder="请选择附件类型"> |
||||||
<nz-form-label [nzSpan]="6" >跳转类型</nz-form-label> |
<nz-option nzLabel="图片" nzValue="1" ></nz-option> |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请输入跳转类型"> |
<nz-option nzLabel="音乐" nzValue="2" ></nz-option> |
||||||
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择跳转类型" formControlName="jumpType"> |
<nz-option nzLabel="视频" nzValue="3" ></nz-option> |
||||||
<nz-option nzLabel="外链" [nzValue]="1"></nz-option> |
<nz-option nzLabel="文档" nzValue="4" ></nz-option> |
||||||
<nz-option nzLabel="内链" [nzValue]="2"></nz-option> |
<nz-option nzLabel="其他" nzValue="5" ></nz-option> |
||||||
</nz-select> |
</nz-select> |
||||||
</nz-form-control> |
</nz-form-control> |
||||||
</nz-form-item> |
</nz-form-item> |
||||||
<nz-form-item> |
<!--附件上传--> |
||||||
<nz-form-label [nzSpan]="6" >跳转路径</nz-form-label> |
<nz-form-item *ngIf="patchTypeCheck != '0' && patchTypeCheck != null && patchTypeCheck != ''"> |
||||||
<nz-form-control [nzSpan]="16" nzErrorTip="请输入跳转路径"> |
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="patchPath" nzRequired> |
||||||
<input nz-input formControlName="jumpUrl" placeholder="请输入跳转链接(轮播图必填)" /> |
<span>附件上传<i nz-icon nz-tooltip nzTitle="附件上传" type="question-circle" nzTheme="outline"></i></span> |
||||||
</nz-form-control> |
</nz-form-label> |
||||||
</nz-form-item> |
<nz-form-control [nzSm]="14" [nzXs]="24"> |
||||||
<nz-form-item> |
|
||||||
<nz-form-label [nzSpan]="6">封面图片</nz-form-label> |
|
||||||
<nz-form-control [nzSpan]="16"> |
|
||||||
<nz-upload |
<nz-upload |
||||||
nzAction="{{POST_URL}}/fileUpload/uploadfile" |
nzAction="{{WEB_SERVE_URL}}/fileUpload/fileUpload" |
||||||
nzListType="picture-card" |
[(nzFileList)]="fileList" |
||||||
[(nzFileList)]="imgFile" |
[nzCustomRequest]="customReq" |
||||||
[nzShowButton]="imgFile.length < 1" |
[nzShowButton]="fileList.length < 1" |
||||||
[nzPreview]="handlePreview" |
|
||||||
> |
> |
||||||
<i nz-icon nzType="plus"></i> |
<button nz-button ><i nz-icon nzType="upload"></i><span>点击上传</span></button> |
||||||
<div class="ant-upload-text">上传图片</div> |
|
||||||
</nz-upload> |
</nz-upload> |
||||||
<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-form-control> |
</nz-form-control> |
||||||
</nz-form-item> |
</nz-form-item> |
||||||
|
<button nz-button id="reset" style="display: none;" (click)="emptyForm($event)">清空</button> |
||||||
|
</form> |
||||||
|
</nz-modal> |
||||||
|
<!--发布弹出层--> |
||||||
|
<nz-modal [(nzVisible)]="isPublish" nzTitle="发布内容" (nzOnCancel)="handleCancelPush()" (nzOnOk)="handlePushOk(pushForm.value)" [nzOkLoading]="isPushOkLoading"> |
||||||
|
<form nz-form [formGroup]="pushForm" style="margin-left: 5%;"> |
||||||
|
<!--附件名称--> |
||||||
|
<nz-form-item> |
||||||
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="moduleId"> |
||||||
|
<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-select formControlName="moduleId" nzShowSearch nzAllowClear nzPlaceHolder="选择发布模板,也可不选择" [(ngModel)]="moduleId"> |
||||||
|
<nz-option *ngFor="let data of selectModule" nzLabel="{{data.moduleName}}" nzValue="{{data.id}}"></nz-option> |
||||||
|
</nz-select> |
||||||
|
<!--<input nz-input formControlName="moduleId" placeholder="请输入附件名称..." />--> |
||||||
|
</nz-form-control> |
||||||
|
</nz-form-item> |
||||||
|
<button nz-button id="resetPush" style="display: none;" (click)="emptyPushForm($event)">清空</button> |
||||||
</form> |
</form> |
||||||
</nz-modal> |
</nz-modal> |
||||||
|
@ -0,0 +1,27 @@ |
|||||||
|
.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