You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

68 lines
2.2 KiB

<!--
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2020-09-25 08:48:50
* @LastEditors: sueRimn
* @LastEditTime: 2020-10-14 09:10:58
-->
<html>
<meta charset="utf-8"/>
<body >
<div class="head">
<img src="../../../assets/images/head.png">
<img class="ziti" src="../../../assets/images/tophead.png">
</div>
<div class="mainbox">
<div class="colum" style="margin-left: 13%;width: 100px;">
<div class="centerLefta" >
<div class="tanCenterbtna" id="chooseZhi">
<span style="background-color: #ff4d29;color:#FFF;" >序号</span>
<span *ngFor="let item of choujiang; let key=index" [ngClass]="{'beijicolor': chooseid ==key}" >{{item.idnum}}</span>
</div>
</div>
</div>
<div class="colum" >
<div class="centerLeft" >
<div class="tanCenterbtn" id="chooseZhi">
<span style="background-color: #ff4d29;color:#FFF;" name="zhidui" data-id=`{{chooseid}}`>请选择支队</span>
<span name="aaa" *ngFor="let item of choujiang; let key=index" [ngClass]="{'beijicolor': chooseid ==key}" (click)="chosseZhidui(key)">{{item.name}}<img style="margin-left: 8px;display: none;" src="../../../assets/images/dui.png"></span>
</div>
</div>
</div>
<div class="colum">
<div class="centerLeft">
<div class="tanCenterbtn" id="endjieguo">
<span style="text-align: center;background-color: #ff4d29;color:#FFF;">抽签结果:</span>
<span *ngFor="let item of choujiang; let key=index" ></span>
</div>
</div>
</div>
<div id="con1" class="zhuan" >
<div class="banner" name="banner" id="zhuanpan">
<div class="turnplate" style="background-image:url(../../../assets/images/turnplate-bg.png);background-size:100% 100%;">
<canvas class="item" id="wheelcanvas" width="422px" height="422px" ></canvas>
<img class="pointer" src="../../../assets/images/turnplate-pointer.png" id="clickButton" disabled/>
</div>
</div>
</div>
<div class="chongzhi" style="height: 20%;"><button id="Reset" class="button">重置</button></div>
<!-- <div class="colum" style="display: none;padding-left: 10%;margin-top: 20%;" id="end">
<span id="jieguo" ></span>
</div> -->
</div>
</body>
</html>