<div class="wrapper_pic">
  <div class="picItem headPic" *ngIf="this.uploadType =='headUrl'">
    <div class="pic">
      <img *ngIf="settingInfo.headImgUrl" src="{{settingInfo.headImgUrl}}" />
    </div>
    <div *ngIf="settingInfo.headImgUrl" (click)="chooseImg('headImgUrl','','','change')">更换头像</div>
  </div>
  <div style="margin-top: 10px;" *ngIf="this.uploadType =='headUrl'">上传头像时图片比例必须1:1</div>
  <!--上传头像-->
  <div class="saveBtn" *ngIf="uploadType=='headUrl' && settingInfo.headImgUrl" (click)="mySettingSave()">确定</div>
  <div *ngIf="uploadType =='headUrl' && !settingInfo.headImgUrl" class="add"
    (click)="chooseImg('headImgUrl','','','add')">
    <i class="iconfont icon-jiahao"></i>
  </div>


  <div class="picItem wxPic" *ngIf="this.uploadType =='wxUrl'">
    <div class="pic">
      <img *ngIf="settingInfo.wxQRImgUrl" src="{{settingInfo.wxQRImgUrl}}" />
    </div>
    <div *ngIf="settingInfo.wxQRImgUrl" (click)="chooseImg('wxQRImgUrl','','','change')">更换微信二维码</div>
  </div>
  <div style="margin-top: 10px;" *ngIf="this.uploadType =='wxUrl'">上传微信二维码时图片比例必须1:1</div>
  <!-- 上传二维码 -->
  <div class="saveBtn" *ngIf="uploadType=='wxUrl' && settingInfo.wxQRImgUrl" (click)="mySettingSave()">确定</div>
  <div *ngIf="this.uploadType =='wxUrl' && !settingInfo.wxQRImgUrl" class="add"
    (click)="chooseImg('wxQRImgUrl','','','add')">
    <i class="iconfont icon-jiahao"></i>
  </div>

  <div class="picItem lifePic" *ngIf="this.uploadType =='lifeUrl'">
    <div class="lifePicItem" *ngFor="let lifeImgUrlItem of settingInfo.lifeImgUrls;index as i;">
      <div class="pic">
        <img src="{{lifeImgUrlItem.lifeImgUrl}}" />
      </div>
      <div class="delete">
        <div *ngIf="lifeImgUrlItem.lifeImgUrl" (click)="chooseImg('lifeImgUrl',i,lifeImgUrlItem.id)">更新
        </div>
        <div *ngIf="lifeImgUrlItem.lifeImgUrl" (click)="myImgDelete(lifeImgUrlItem.id,i,'deletePic')">
          <span class="iconfont icon-shanchu1" style="font-size: 28px;color: #a5a2a2;"></span>
        </div>
      </div>

    </div>
  </div>
  <div *ngIf="this.uploadType =='lifeUrl'" class="add" (click)="chooseImg('lifeImgUrl')">
    <i class="iconfont icon-jiahao"></i>
  </div>
  <div style="margin-top: 10px;" *ngIf="this.uploadType =='lifeUrl'">
    上传生活照时图片比例必须4:3</div>
  <!-- 上传生活照 -->
  <div class="saveBtn" *ngIf="uploadType=='lifeUrl' && settingInfo.lifeImgUrls?.length>0" (click)="mySettingSave()">确定
  </div>


  <div class="picItem introduction" *ngIf="this.uploadType=='introduction'">
    <div style="height: 30px;font-size: 20px;margin-bottom: 20px;">自我介绍</div>
    <textarea class="form-control" rows="10" [(ngModel)]="settingInfo.bioIntro" placeholder="赶紧介绍一下你自己吧！"
      maxlength="200" style="border: none;" (keydown)="controlWord($event)"></textarea>
    <span class="maxWord">{{ 200- (settingInfo.bioIntro)?.length}}</span>
    <textarea class="form-control" name="bioInfo" rows="10" [(ngModel)]="settingInfo.bioIntroTwo" placeholder="赶紧介绍一下你自己吧！"
      maxlength="200" style="border: none;" (keydown)="controlWord($event)"></textarea>
    <span class="maxWord">{{ 200- (settingInfo.bioIntroTwo)?.length}}</span>
    <div class="saveBtn" (click)="mySettingSave()">确定</div>
  </div>

  <div class="picItem switch" *ngIf="this.uploadType =='switch'">
    <div class="switchItem">
      <div class="title">
        <span>显示手机号</span>
        <span class="tips">在海报和名片上显示手机号</span>
      </div>
      <div class="iconfont icon-kaiguanswitch-jibenzhuangtai-dianliangzhuangtai-copy" *ngIf="settingInfo.isMobileShow"
        (click)="settingInfo.isMobileShow =0" style="color: #ff002a;">
      </div>
      <div class="iconfont icon-kaiguanswitch-jibenzhuangtai-dianliangzhuangtai" *ngIf="!settingInfo.isMobileShow"
        (click)="settingInfo.isMobileShow =1" style="color: #e9e9eb"></div>
    </div>
    <div class="switchItem">
      <div class="title">
        <span> 显示姓名</span>
        <span class="tips">在海报和名片上显示姓名</span>
      </div>
      <div class="iconfont icon-kaiguanswitch-jibenzhuangtai-dianliangzhuangtai-copy" *ngIf="settingInfo.isNameShow"
        (click)="settingInfo.isNameShow =0" style="color: #ff002a;"></div>
      <div class="iconfont icon-kaiguanswitch-jibenzhuangtai-dianliangzhuangtai" *ngIf="!settingInfo.isNameShow"
        (click)="settingInfo.isNameShow =1" style="color: #e9e9eb"></div>
    </div>
    <div class="saveBtn" (click)="mySettingSave()">确定</div>
  </div>


</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>
