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. 理论+实战,详解Sharding Sphere-jdbc

    摘要:Apache ShardingSphere 是一款分布式的数据库生态系统,它包含两大产品:ShardingSphere-Proxy和ShardingSphere-JDBC. 本文分享自华为云社区 ...

  2. LeetCode-2039 网络空闲的时刻

    来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/the-time-when-the-network-becomes-idle 题目描述 给你一个有 ...

  3. 普冉PY32系列(六) 通过I2C接口驱动PCF8574扩展的1602LCD

    目录 普冉PY32系列(一) PY32F0系列32位Cortex M0+ MCU简介 普冉PY32系列(二) Ubuntu GCC Toolchain和VSCode开发环境 普冉PY32系列(三) P ...

  4. nvm安装和管理nodejs

    一.NVM简介 NVM 全称 Node Version Manager,是一个管理 NodeJS 版本的工具. NVM 默认只支持 Linux 和 OS X,不支持 Windows windows使用 ...

  5. 通过docker 安装部署sentry

    一.下载项目 git clone https://github.com/getsentry/self-hosted 二.安装 1.安装docker和docker-compose 2.运行sentry ...

  6. C++数据结构-结构体

    C++数据结构-结构体 学生信息 http://oj.61coding.cn/problem.php?cid=1028&pid=0 #include<bits/stdc++.h> ...

  7. 周练7(ssti)

    {7*7} ->49 -> smarty {{7*'7'}} -> 49 -> twig {{7*'7'}} -> 7777777 -> jinjia2 1. [B ...

  8. vue 利用xlsx、xlsx-style、file-saver实现前端导出excel表格 (包括设置单元格居中、边框等样式) antdesignvue、elementui、vxetable 等都适用

    我用的方法是在表格的根组件外层赋一个div用来导出整个表格,所以antdesignvue.elementui.vxetable 或者原生的table写法应该全都适用,此处我用的框架为antdesign ...

  9. vue中当数据改变时更新DOM

    具体场景: 当vue中使用swiper, better-scroll时候,我们需要去new Swiper,new [better-scroll]来获取实例,通常我们页面的数据都是异步获取的, 会导致我 ...

  10. shell脚本程序的撰写

    一.让我们浏览一下整体步骤第一步,你要先用ll命令来列出该目录中都包含那些文件(目的是为了防止文件重名不利于查找等等).第二步 ,使用命令touch来建立一个shell脚本文件 , 后缀名为.sh : ...