Luck-Draw/src/app/ui/first-step/first-step.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-09-25 08:48:50
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-10-14 09:08:17
-->
<div class="box">
<div class="head">
			<img src="../../../assets/images/head.png">
			<!-- <span>指挥员能力考评抽签</span> -->
			<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" style="margin-left: 150px;">
				<div class="centerLeft" >
					<div class="tanCenterbtn" id="chooseZhi">
						<span style="background-color: #ff4d29;color:#FFF;" name="zhidui" data-id=`{{chooseid}}`>请选择支队</span>
						<span [attr.key]="item.id" name="aaa" *ngFor="let item of choujiang; let key=index" [ngClass]="{'beijicolor': chooseid ==key}" (click)="clickName(item)">{{item.name}}
							<img class="img" [ngClass]="{'block': item.result == '' ? false : true}" style="margin-left: 8px;" 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" >{{item.result}}</span>
					</div>
				</div>
			</div>
			
			<div class="line" style="padding-top:50px;">
			
                <div class="content">
                    
                    <div style="clear:both; padding-top: 277px;width: 335px;margin: 0 auto;">
						<div id="machine4" class="slotMachine" style="margin-left: -65px;">
                            <div class="slot" >
								{{isDraw ? '已抽签' : '开始抽签'}}
							</div>
                            <div class="slot" *ngFor="let item of numList; let key=index">{{item.name}}</div>
                        </div>
                        <div id="yichou" style="display: none;">
							<span>以抽签</span>
						</div>
                    </div>
                    
                </div>
                
                <div style="text-align: center;">
					<div id="slotMachineButtonShuffle" class="slotMachineButton" style="font-size: 25px">开始抽签</div>
	
                </div>
                
            </div>

			
        </div>
</div>