ionic4——左滑，传值，邮件提醒

最新推荐文章于 2020-05-07 22:53:37 发布

六道轮回 -- 鼬

最新推荐文章于 2020-05-07 22:53:37 发布

阅读量323

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/MirabelleZWH/article/details/91039285

版权

前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

具体代码

        <ion-list lines="full" class="mylist">
          <!-- 获得姓名 -->
          <ion-item-sliding *ngFor="let item of nameList" #slide>
            <ion-item (press)="doPress()" [routerLink]="['/details']"
              [queryParams]="{sId:item.studentId,sYear:item.yearTime}">
              <ion-avatar slot="start">
                <img src="assets/avtor.png">
              </ion-avatar>
              <div class="info">
                <h4>{{item.studentName}}</h4>
                <p>{{item.screenName}}</p>
              </div>
            </ion-item>
            <!-- 左滑按钮 -->
            <ion-item-options side="end">
              <ion-item-option (click)="presentAlertPrompt(item,slide)">提醒上传截图</ion-item-option>
            </ion-item-options>
          </ion-item-sliding>
        </ion-list>

// 邮件提醒
  async presentAlertPrompt(item: any, node: any) {
    node.close();
  this.userName = item.studentName;
  this.sid = item.studentId;
  console.log(item.studentName);
  console.log(item.studentId);

    const alert = await this.alertController.create({
      header: '消息提醒：',
      inputs: [{
          name: 'emailCode',
          type: 'text',
          id: 'name2-id',
          placeholder: '邮箱地址' // + this.emailId
        },
        {
          name: 'personal',
          type: 'text',
          id: 'name2-id',
          placeholder: '发件人：' + localStorage.getItem('userName')
        },
        {
          name: 'sendContent',
          type: 'text',
          id: 'name2-id',
          placeholder: '邮件内容'
        },
        {
          name: 'subject',
          type: 'text',
          id: 'name2-id',
          placeholder: '邮件标题'
        },
        {
          name: 'userName',
          type: 'text',
          id: 'name2-id',
          placeholder: '收件人：' + this.userName
        }
      ],
      buttons: [{
        text: '取消',
        role: 'cancel',
        cssClass: 'secondary',
        handler: () => {
          console.log('Confirm Cancel');
        }
      }, {
        text: '确定',
        handler: (result) => {
          if (result.emailCode === '' || result.personal === '' ||
            result.sendContent === '' || result.subject === '' || result.userName === '') {
            super.showToast(this.toastController, '提醒失败！请将信息填写完整！');
            // alert("请假");
          } else {
            console.log(result);
            console.log(result.companyName);
            const url = 'http://192.168.22.119:8082/message-web/sendemail/SendMailPost';
            this.http.post(url, result).subscribe((Response: any) => {
              console.log(Response);
              super.showToast(this.toastController, '提醒成功！');
            });
          }
        }

      }]
    });

    await alert.present();
  }