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. PostgreSQL处理膨胀与事务回卷

    一.表膨胀查询与处理 1.创建扩展 create extension pgstattuple; 2.表膨胀查询 pgstattuple提供了pgstatetuple()和pgstatindex()两个 ...

  2. 如何创建一个浏览器版的`Window11`

    如何创建一个浏览器版的Window11 我们接下来将创建一个在浏览器运行的Window11,可以先看看效果图 这是基于Windows 11 in React修改的功能,我们接下来就将使用Windows ...

  3. Jmix- 业务系统高效开发的少代码平台

    企业在数字化转型的过程中,都面临将现有的业务流程进行"软件化"的过程.然而,在我们的印象中,通常会觉得针对业务系统的软件开发不是特别高效.这背后有很多原因,从开发角度看,有一个主要 ...

  4. SAP SMARTFORMS World格式白屏

    解决方法: SE38 RSCPSETEDITOR 不勾选SAP script 和智能表

  5. C#获取enum描述信息

    public enum LogLevelEnum { [Description("未分配")] None = 0, [Description("非常重要")] ...

  6. Mybaits属性和元素

    元素有select . insert . delect . updatae属性有: restType:主要用于查找返回的结果类型 parameterTpye:主要用于增删改返回的结果类型 以下关于re ...

  7. Docker-Compose 管理镜像和容器(2)

    一.前言 上一文章中介绍了Docker部署ASP.NET Core 项目,如何构建镜像和运行容器,但是每次代码更新还需要重复的工作,本文介绍Docker-Compose一个指令重新构建镜像和运行容器. ...

  8. 对象可能是类数组对象 不具备数组的原型内的方法 所以可以用call或者apply把this指向改成数组或对象原型

    const arr = [] 2Object.prototype.toString.call(arr) === '[object Array]' // true 3 4 const obj = {} ...

  9. Linux(CentOS) Mysql 8.0.30 安装(多源安装)

    Linux(CentOS) Mysql 8.0.30 安装(多源安装) 安装命令根据实际部署情况修改调整,CentOS一般选择通用版本Red Hat Enterprise Linux 7 本文档使用w ...

  10. HCIP-ICT实战进阶06-BGP基础

    HCIP-ICT实战进阶06-BGP基础 0 前言 运营商内部网络通过RIP.OSPF.ISIS实现网络互联, 但运营商之间要怎么办? 能不能互相引入路由? 理论上可行, 但考虑到网络机密问题和内部路 ...