viewModel.on("customInit", function (data) {
        // 关闭或取消关原因详情--页面初始化
        viewModel.on("afterLoadData", function (event) {
          if (
            viewModel.originalParams["SetData"] &&
            viewModel.originalParams["SetData"] == "取消关闭"
          ) {
            viewModel.get("canCloseRea").setVisible("true"); //取消关闭显示
            viewModel.get("reasonClose").setVisible("false"); //关闭隐藏
          } else if (
            viewModel.originalParams["SetData"] &&
            viewModel.originalParams["SetData"] == "关闭"
          ) {
            viewModel.get("canCloseRea").setVisible("false"); //取消关闭隐藏
            viewModel.get("reasonClose").setVisible("true"); //关闭显示
          }
        });
      });
 //【关闭】功能
      viewModel.get("button135ja").on("click", function (args) {
        let state = viewModel.get("state").getValue();
        let reasonClose = viewModel.get("reasonClose").getValue();
        if (state !== "1") {
          cb.utils.alert("状态为待认证才可关闭", "error");
          return false;
        }
        if (
          reasonClose == null ||
          reasonClose == undefined ||
          reasonClose == ""
        ) {
          let params = {
            mode: "add",
            setData: "关闭",
          };
          let data = {
            billtype: "Voucher",
            billno: "f8724c3c",
            params: params,
          };
          cb.loader.runCommandLine("bill", data, viewModel);
        }
      }); //【取消关闭】功能
      viewModel.get("button175re").on("click", function (args) {
        let closeState = viewModel.get("closeState").getValue();
        let canCloseRea = viewModel.get("canCloseRea").getValue();
        if (closeState !== "1") {
          cb.utils.alert("关闭状态为已关闭才可取消关闭", "error");
          return false;
        }
        if (
          canCloseRea == null ||
          canCloseRea == undefined ||
          canCloseRea == ""
        ) {
          let params = {
            mode: "add",
            setData: "取消关闭",
          };
          let data = {
            billtype: "Voucher",
            billno: "f8724c3c",
            params: params,
          };
          cb.loader.runCommandLine("bill", data, viewModel);
        }
      });
有bug的写法

viewModel.communication({//弹出模态框
        type: 'modal',
        payload: {
            mode: 'inner',
            groupCode: 'modal16tc',
            viewModel: viewModel,
            readOnly: false
        }
    })

有bug的样式

BIP弹框内容显示的隐藏的更多相关文章

  1. layer 弹框不显示内容

    // layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空&l ...

  2. 简单实现弹出弹框页面背景半透明灰,弹框内容可滚动原页面内容不可滚动的效果(JQuery)

    弹出弹框 效果展示 实现原理 html结构比较简单,即: <div>遮罩层 <div>弹框</div> </div> 先写覆盖显示窗口的遮罩层div.b ...

  3. HTML中的select下拉框内容显示不全的解决办法

    HTML中的select下拉框内容显示不全的解决办法 今天,我遇到这样一个问题:查询栏中的下拉框中的内容过长,导致部分被覆盖了. 查询了一些资料,有的说用函数控制,有的说用事件控制,有的看不懂,有的实 ...

  4. Mint-ui 中 Popup 作为组件引入,控制弹出框的显示与隐藏遇到的问题。

    Popup组件的结构: <template>   <div>   <!--分享弹出窗 begin-->     <mt-popup class="s ...

  5. jquery mobile将页面内容当成弹框进行显示

    注:必须使用相对应版本的jquery mobile css.不然无法正常显示 <div data-role="page" id="pageone"> ...

  6. problem: 记一次聊天框的表情包弹框不显示的找问题过程

    左边是列表,包含了群和成员,右侧是聊天窗口.点击群列表,右侧显示群聊窗口,点击学员,右侧显示私聊窗口. 群聊窗口和私聊窗口是不同的组件,但是窗口中的子组件,例如窗口的头部.中间内容部分.输入框都是复用 ...

  7. angularjs指令弹框点击空白处隐藏及常规方法

    效果图展示: 第一种方法:angularjs自定义指令: 指令: app.directive('onBlankHide', function () { return { restrict: 'A', ...

  8. Jquery 实现密码框的显示与隐藏【转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069】

    <html> <head>  <script type="text/JavaScript"  src="jQuery-1.5.1.min.j ...

  9. 商务系统的构造思路(无源码!)+如何用jsp实现点击单选框内容显示在另一个jsp页面

    敲码经验总结: 之前犯了一个错误就是,没有从底层开始学起,有啥问题,就直接博客园找源码,去CSDN找源代码,看到代码就复制粘贴,结果从新梳理知识点的时候,貌似除了复制粘贴,印象深刻的知识啥也没学到. ...

  10. 网页全屏,modal 弹框无法显示的问题

    问题描述页面主体部分全屏后,页面中的所有弹窗不能显示,退出全屏后,弹窗正常.解决方法校园项目中,所有用到的弹窗为iview的弹窗组件,该弹窗组件会生成在body中,和项目主体app为平行关系,项目主体 ...

随机推荐

  1. Computed 和 Watch 的区别

    1.computed计算属性: 作用:(1)解决模板中放入过多的逻辑会让模板过重且难以维护的问题.例如两个数据的拼接或字体颜色的判断. (2)它支持缓存,只有依赖的数据发生了变化,才会重新计算.例如模 ...

  2. Lambda表达式和Collection集合

    Lambda表达式 Lambda表达式理解 Lambda表达式是Jdk 8 开始新增的一种语法形式:作用:用于简化匿名内部类的代码写法 注意:Lambda表达式只能简化函数式接口的匿名内部类!!! 什 ...

  3. 【C/C++】main函数中的argc和argv

    1.简述argc和argv 当你用命令行执行文件时,可在后面接指令,以控制程序的运行 argc(argument counter)表示指令的数量 argv(argument vector)表示指令向量 ...

  4. 【8】java之引用传递

    一.引用传递 ​引用传递是整个 java 的精髓所在 引用传递核心意义:同一块堆内存空间可以被不同的栈内存所指向,不同栈内存可以对同一块堆内存内容进行修改. 范例:第一道引用传递范例 class Me ...

  5. java学习日记20230302-字符

    JAVA字符 char c1 = 97 System.out.println(c1)// a 会输出97代表的字符(字符编码) 字符类型细节: 字符常量用单引号 java中允许使用\转义字符代表一个字 ...

  6. Springboot 添加redis

    在项目中常常会用到redis来缓存信息,下面就是如何在Springboot中添加redis 1:在pom.xml中添加依赖 2:配置redis 3:测试使用redis 1:在pom.xml中添加依赖, ...

  7. ansible自动化管理

    一图读懂ansible自动化运维 金山文档连接地址:https://www.kdocs.cn/view/l/cheHWG9tTEgN(可查看) __outline__ansible部署及说明参数说明& ...

  8. spring boot No qualifying bean of type 'org.apache.catalina.core.ApplicationContext' available

    发现创建的ApplictionContext对象还没有containsBean的方法, 找了很久没搞定,后面发现原来是包导入错了. 应该导入 import org.springframework.co ...

  9. Windows11使用WSL Ubuntu搭建paddle的GPU环境

    Windows11使用WSL Ubuntu搭建paddle的GPU环境 最近升级到了Windows11,突然有个大胆的想法:在Windows11上安装WSL,将所有开发环境安装到WSL中.这样就能在w ...

  10. Linux Qt编译时出现has modification time int the future的解决方法

    问题场景:我在window系统上合并完代码后,将代码通过TF卡拖到了Debian系统的开发板子上(为什么我不用Winscp或者xhttp传呢?因为网线被同事拿走了...),然后就报这个错. 网上查阅资 ...