步骤条(宜搭)

最新推荐文章于 2024-01-26 15:36:41 发布

∂∂∂∂

最新推荐文章于 2024-01-26 15:36:41 发布

阅读量195

点赞数 2

文章标签：低代码

本文链接：https://blog.csdn.net/2301_80286061/article/details/135855525

版权

步骤条,点击下一步关闭本页,并显示下一页,同时步骤条状态更新

绑定变量,数据源

点击事件

/**
 * 动作面板帮助文档：
 * @see https://lark.alipay.com/legao/legao/events-call
 */

// 私有的，可复用的函数

function printLog(obj) {
  console.info(obj);
}

// 可在动作面板中被选中的

/**
 * 用户自定义动作
 *
 * 该函数接收一个 context 参数，context 参数的具体用法见：
 * https://lark.alipay.com/vision/docs/api
 */
export function customAction(ctx) {
  ctx.fn.dialog({
    method: 'alert',
    title: '提交成功',
    content: '感谢您的提交...',
    callback: function () {
      ctx.router.push('/');
    },
  });
}


/**
 * FusionStep onClick
 * @param value 节点索引
 */
export function onClick(index) {
  this.utils.toast({
    title: `当前点击的index：${index}`
  });
}

/**
* button onClick
*/
export function onClickAdd(){
  console.log('onClick');
  const data = this.state.demoData
  data.push({
    'title': 'newStep',
    'content': '新增内容'
  })
  this.setState({
    demoData: data,
    currentData: this.state.currentData + 1
  })
}


/**
 * FusionStep onClick
 * @param value 节点索引
 */
export function onClickPush(index) {
  console.log(index);
  this.utils.router.push('https://www.taobao.com', {} , true, true)
}

/**
* button onClick
*/
export function onClickToNext(){
  let formCurrent = this.state.formCurrent
  switch (formCurrent){
    case 0:
      this.$('block_1').submit((value, errors) => {
        if (value) {
          this.$("block_1").setBehavior("HIDDEN")
          this.$("block_2").setBehavior("NORMAL")
          this.setState({
            formCurrent: formCurrent + 1
          })
        }
      })
    break;
    case 1:
      this.$('block_2').submit((value, errors) => {
        if (value) {
          this.$("block_2").setBehavior("HIDDEN")
          const isSuccess = Math.random() < 0.5 ? "block_3_type" : "block_4_type";
          console.log(isSuccess)
            this.setState({
              formCurrent: formCurrent + 1,
              [isSuccess]: "NORMAL",
              action:"HIDDEN"
            })
        }
      })
    break;
    case 2:
          this.$("block_1").reset()
          this.$("block_1").setBehavior("NORMAL")
          this.$("block_2").reset()
          this.$("block_2").setBehavior("HIDDEN")
          this.setState({
            formCurrent: 0,
            action: "NORMAL",
            block_3_type: "HIDDEN",
            block_4_type: "HIDDEN"
          })
      break;
  }
 
  
}




/**
 * FusionStep onClick
 * @param value 节点索引
 */
export function onClick2(index) {
  console.log(index);
}