Skip to content
publish.html 3.37 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>
wangqinghua's avatar
wangqinghua committed
    <ion-navbar>
        <ion-title>发布<span *ngIf="type == 'image'">图文</span><span *ngIf="type == 'video'">视频</span></ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="handle()" class="toolbar-icon">
                发布
            </button>
        </ion-buttons>
    </ion-navbar>
wangqinghua's avatar
wangqinghua committed
</ion-header>


<ion-content padding>
wangqinghua's avatar
wangqinghua committed
    <ion-item>
        <ion-label class="main-color">选择板块</ion-label>
        <ion-select [(ngModel)]="obj.type" cancelText="取消" okText="确定">
            <ion-option *ngFor="let type of plateList" [value]="type.id">{{type.name}}</ion-option>
        </ion-select>
    </ion-item>
    <ion-item>
        <ion-label class="main-color">发布范围</ion-label>
        <ion-select [(ngModel)]="obj.publishRangeFlag" cancelText="取消" okText="确定" placeholder="全体人员">
            <ion-option *ngFor="let item of group" [value]="item.id">{{item.groupName}}</ion-option>
        </ion-select>
    </ion-item>
    <ion-item>
        <ion-input [(ngModel)]="obj.title" placeholder="请输入内容标题"></ion-input>
    </ion-item>
    <ion-item>
        <ion-label style="margin-top: -10px" class="main-color">推荐轮播图</ion-label>
        <ion-label>
            <div *ngIf="!caroul" class="selectDiv" (click)="tackePic(2)" style="height: 50px;width: 50px" float-end>
                <div class="height"></div>
                <div class="width"></div>
            </div>
            <div *ngIf="caroul" class="selectDiv" (click)="tackePic(2)" style="height: 50px;width: 50px" float-end>
                <ion-icon (click)="deleteCarousel()" class="main-color" name="close-circle"></ion-icon>
                <img [src]="pictrue + caroul.path" alt="标题图片">
            </div>
        </ion-label>
    </ion-item>
    <ion-item>
        <textarea [(ngModel)]="obj.content" class="content-textarea" placeholder="请在此输入发布内容"></textarea>
    </ion-item>
    <ion-item *ngIf="type == 'image'">
        <ion-row>
            <ion-col class="imgList" col-4 *ngFor="let img of fileList;let i  = index;">
                <span class="imgTips" *ngIf="i == 0">标题图片</span>
                <ion-icon (click)="deleteFile(i)" class="main-color" name="close-circle"></ion-icon>
                <img [src]="pictrue + img.path" alt="标题图片">
            </ion-col>
            <ion-col col-4 *ngIf="fileList.length < 9">
                <div class="selectDiv" (click)="tackePic(1)">
                    <div class="height"></div>
                    <div class="width"></div>
                </div>
            </ion-col>
        </ion-row>
    </ion-item>
    <ion-item *ngIf="type == 'video'">
        <ion-row>
            <ion-col class="imgList" col-4 *ngFor="let video of fileList;let i  = index;">
                <ion-icon (click)="deleteFile(i)" class="main-color" name="close-circle"></ion-icon>
                <video width="100%" height="100%" [src]="pictrue + video.path" controls="controls">
                    您的浏览器不支持 html5。
                </video>
            </ion-col>
            <ion-col col-4 *ngIf="fileList.length < 3">
                <div class="selectDiv" (click)="selectVideo(3)">
                    <div class="height"></div>
                    <div class="width"></div>
                </div>
            </ion-col>
        </ion-row>
    </ion-item>
wangqinghua's avatar
wangqinghua committed
</ion-content>