Commit 7d7c923c authored by 李维's avatar 李维

热区配置加高,增加滚动条,增加右键菜单,修复表格超出10个不显示的问题

parent 6d673c18
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
<div #hotZoneRef class="p-image-children-editor" style="position: relative; padding-top: 50px;">
<h5 style="margin-left: 2.5%;"> preview: </h5>
<div #previewBoxRef class="preview-box" #wrap>
<canvas id="canvas" #canvas></canvas>
<div #previewContainerRef style="height: 1200px; overflow: scroll;">
<div #previewBoxRef class="preview-box" #wrap>
<canvas id="canvas" #canvas (contextmenu)="handleContextmenuOnMenu($event)"></canvas>
<div class="content-menu" #RightContextMenuOnCanvasRef>
<div class="title">移动热区到这里</div>
<nz-select class="select" nzShowSearch nzAllowClear [(ngModel)]="rightMenuSlecetHotZoneIndex" style="width: 180px;">
<nz-option *ngFor="let it of hotZoneArr; let i = index" [nzValue]="it.index" [nzLabel]="it.itemName"></nz-option>
</nz-select>
<button nz-button nzSize="mini" nzType="primary" (click)="handleClickMoveHotZoneByRightMenu()">确定</button>
</div>
</div>
</div>
<div nz-row nzType="flex" nzAlign="middle">
<div nz-col nzSpan="5" nzOffset="1">
......@@ -100,10 +109,10 @@
<div class="tool-item">
<span class="item-name">y:</span>
<input class="edit" type="text" nz-input [(ngModel)]="currentSetting.y">
</div>
</div> -->
<div class="tool-item">
<button nz-button nzSize="mini" (click)="handleClickUpdateHotZoneParams()" nzType="primary">设置</button>
</div> -->
</div>
<div *ngIf="inLayoutMode" class="tool-items" style="margin-left: 10px;">
<div nz-tooltip nzTooltipPlacement="bottom" nzTooltipTitle="相同大小 (以第一个选择的热区为基准)" (click)="handleClickToSameSize()" class="icon-btn">
......@@ -149,7 +158,6 @@
</div>
</div>
<label style="opacity: 0; position: absolute; top: 0px; font-family: 'BRLNSR_1'">1</label>
......@@ -13,8 +13,8 @@
margin: auto;
width: 95%;
height: 100vw;
height: 5000px;
position: relative;
border: 2px dashed #ddd;
border-radius: 0.5rem;
background-color: #fafafa;
......@@ -152,6 +152,21 @@ h5 {
}
}
.content-menu {
padding: 10px;
background-color: #EEEEEE;
color: #000000;
text-align: left;
display: none;
position: absolute;
.title {
margin-bottom: 10px;
}
.select {
margin-right: 10px;
}
}
@media(max-width: 1260px) {
.hotzone-toolbox {
.tool-items {
......
......@@ -76,7 +76,7 @@
</div>
<!-- 文字选项 -->
<nz-table *ngIf="it.hotZoneType == TEXT_SELECT" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == TEXT_SELECT" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -140,7 +140,7 @@
</nz-table>
<!-- 判断对错 -->
<nz-table *ngIf="it.hotZoneType == RIGHT_OR_WRONG" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == RIGHT_OR_WRONG" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -190,7 +190,7 @@
</nz-table>
<!-- 图片选项 -->
<nz-table *ngIf="it.hotZoneType == IMAGE_SELECT" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == IMAGE_SELECT" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -239,7 +239,7 @@
</nz-table>
<!-- 热区单选 -->
<nz-table *ngIf="it.hotZoneType == HOT_ZONE_RADIO" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == HOT_ZONE_RADIO" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -283,7 +283,7 @@
</nz-table>
<!-- 热区多选 -->
<nz-table *ngIf="it.hotZoneType == HOT_ZONE_CHECKBOX" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == HOT_ZONE_CHECKBOX" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -333,7 +333,7 @@
</nz-table>
<!-- 连线题 -->
<nz-table *ngIf="it.hotZoneType == CONNECTION" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == CONNECTION" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -401,7 +401,7 @@
</nz-table>
<!-- 纵横字谜 -->
<nz-table *ngIf="it.hotZoneType == CROSSWORD_PUZZLE" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == CROSSWORD_PUZZLE" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......@@ -446,7 +446,7 @@
</nz-table>
<!-- 单词排序 -->
<nz-table *ngIf="it.hotZoneType == SORT_WORDS" #contentTable [nzData]="it.contentList" [nzShowPagination]="false">
<nz-table *ngIf="it.hotZoneType == SORT_WORDS" #contentTable [nzData]="it.contentList" [nzFrontPagination]="false" [nzShowPagination]="false">
<thead>
<tr>
<th nzWidth="100px" nzAlign="center">序号</th>
......
......@@ -161,7 +161,7 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
...it.contentList,
this.getDefaultConfigContentItem()
];
const lastIndex = it.contentList.length - 1;
const lastItem = it.contentList[lastIndex];
this.startHotZoneConfigEdit(lastIndex, lastItem);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment