.Net快速开发框架-表单自定义按钮

最新推荐文章于 2024-08-17 16:13:16 发布

.Net低代码开发框架

最新推荐文章于 2024-08-17 16:13:16 发布

阅读量163

点赞数 1

文章标签： uni-app vue.js .netcore 低代码 .net

本文链接：https://blog.csdn.net/qq_35536670/article/details/139053824

版权

框架适用于各种业务wms、crm、mes系统快速开发

onInit() {
  //弹出框添加选择数据与倒计时操作操作

      let countdown = 10;
      this.editFormOptions.forEach((option) => {
        option.forEach((item) => {
          if (item.field == '字段') {
            item.extra = {
              btnValue: '发送短信',
              render: (h, {}) => {
                return (
                  <div>
                    <el-button
                      type="primary"
                      link
                      onClick={() => {
                          this.$message.success('点击了按钮')
                      }}
                    >
                      <i class="el-icon-search">选择</i>
                    </el-button>
                    <el-button
                      type="primary"
                      style="margin-left:0"
                      link
                      onClick={() => {
                        //设置倒计时
                        var timer = setInterval(function () {
                          if (countdown > 0) {
                            item.extra.btnValue=countdown+'(秒)'
                            countdown--
                          } else {
                              //给倒计时按钮设置值
                            item.extra.btnValue='发送短信';
                            countdown=10;
                            clearInterval(timer)
                          }
                        }, 1000)
                      }}
                    >
                      <i class="el-icon-message">{item.extra.btnValue}</i>
                    </el-button>
                  </div>
                )
              }
            }
          }
        })
      })
}