CompanyCommitDialog.ets 4.2 KB
import { promptAction } from '@kit.ArkUI'
@CustomDialog
export default struct UserCommit{
  controller: CustomDialogController = new CustomDialogController({builder: ''})
  @State count: number = 3
  @State rememberSelect: boolean = false
  aboutToAppear(): void {
    let timer = setInterval(() => {
      this.count--
      if(this.count <= 0){
        this.count = 0
        clearInterval(timer)
      }
    }, 1000)
  }
  build() {
    Column({space: 10}){
      Text('承诺书').fontSize(20).lineHeight(21).fontColor('#606266').fontWeight(600).margin({bottom: 20})
        .margin({top: 60})
      Text('为规范消防技术服务机构从业活动,保障消防技术服务质量,提高社会整体火灾防控能力,保护群众生命财产安全。本机构承诺如下:').fontSize(12).fontColor('#606266')
      Column({space: 10}){
        Text('一、严格遵守有关法律、法规和消防技术规范,按照消防技术服务标准开展服务活动。')
          .fontSize(12).fontColor('#606266').textIndent(24)
        Text('二、从业条件符合《社会消防技术服务机构管理规定》(应急部令第7号)文件要求。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('三、所有从业人员均取得相应的职业资格证书。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('四、注册消防工程师未同时在2个(含本数)以上消防技术服务机构执业,且未在其他机关、团体、企业、事业单位兼职。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('五、在承接业务时,明确每个项目的负责人,且由注册消防工程师担任。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('六、营业执照、从业人员、设备配备信息在本机构显著位置公示。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('七、加强消防技术服务质量管理,保证消防原始记录真实、准确、完整、规范,不出具虚假消防原始记录。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('八、加强从业人员职业道德教育,开展职业技能培训,自觉提升消防技术服务水平。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('九、上传至该系统的材料均属实。').fontSize(12).fontColor('#606266').textIndent(24)
        Text('本机构自觉接受有关部门的监督管理,严格遵守本承诺,\n' +
          '如有违反,愿意承担相应的法律责任。')
          .textIndent(24).fontSize(12).fontColor('#606266')
      }.alignItems(HorizontalAlign.Start)
      Row({space: 5}){
        Checkbox({ group: 'password' })
          .select(this.rememberSelect)
          .selectedColor('#1890ff')
          .shape(CheckBoxShape.ROUNDED_SQUARE)
          .width(16).height(16)
          .mark({
            size: 10,
            strokeWidth: 5
          })
          .onChange((value: boolean) => {
            this.rememberSelect = value
          })
        Text('我已阅读《承诺书》,并严格按照承诺书《承诺书》内容执行').fontSize(12).fontColor('#606266')
      }.width('100%').justifyContent(FlexAlign.Start)
      Text(`请仔细阅读承诺书(${this.count}s后可关闭)`)
        .fontSize(14).fontColor('#fff').fontWeight(600).textAlign(TextAlign.Center)
        .margin({top: 60}).width('100%').border({width: {top: 1}, color: '#fff'}).padding({top: 10, bottom: 10})
        .visibility(this.count > 0 ? Visibility.Visible : Visibility.None).backgroundColor('#1890ff')
        .borderRadius(10).opacity(0.5)
      Text('前往注册')
        .fontSize(14).fontColor('#fff').fontWeight(600).textAlign(TextAlign.Center)
        .margin({top: 60}).width('100%').border({width: {top: 1}, color: '#fff'}).padding({top: 10, bottom: 10})
        .visibility(this.count == 0 ? Visibility.Visible : Visibility.None).backgroundColor('#1890ff')
        .borderRadius(10)
        .onClick(() => {
          if(!this.rememberSelect){
            return promptAction.showToast({message: '请选勾选同意承诺书'})
          }
          this.controller.close()
        })
    }.backgroundColor('#fff').width('100%').padding(10).borderRadius(10).height('100%')
  }
}