BIP弹框内容显示的隐藏

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弹框内容显示的隐藏的更多相关文章
- layer 弹框不显示内容
// layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空&l ...
- 简单实现弹出弹框页面背景半透明灰,弹框内容可滚动原页面内容不可滚动的效果(JQuery)
弹出弹框 效果展示 实现原理 html结构比较简单,即: <div>遮罩层 <div>弹框</div> </div> 先写覆盖显示窗口的遮罩层div.b ...
- HTML中的select下拉框内容显示不全的解决办法
HTML中的select下拉框内容显示不全的解决办法 今天,我遇到这样一个问题:查询栏中的下拉框中的内容过长,导致部分被覆盖了. 查询了一些资料,有的说用函数控制,有的说用事件控制,有的看不懂,有的实 ...
- Mint-ui 中 Popup 作为组件引入,控制弹出框的显示与隐藏遇到的问题。
Popup组件的结构: <template> <div> <!--分享弹出窗 begin--> <mt-popup class="s ...
- jquery mobile将页面内容当成弹框进行显示
注:必须使用相对应版本的jquery mobile css.不然无法正常显示 <div data-role="page" id="pageone"> ...
- problem: 记一次聊天框的表情包弹框不显示的找问题过程
左边是列表,包含了群和成员,右侧是聊天窗口.点击群列表,右侧显示群聊窗口,点击学员,右侧显示私聊窗口. 群聊窗口和私聊窗口是不同的组件,但是窗口中的子组件,例如窗口的头部.中间内容部分.输入框都是复用 ...
- angularjs指令弹框点击空白处隐藏及常规方法
效果图展示: 第一种方法:angularjs自定义指令: 指令: app.directive('onBlankHide', function () { return { restrict: 'A', ...
- Jquery 实现密码框的显示与隐藏【转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069】
<html> <head> <script type="text/JavaScript" src="jQuery-1.5.1.min.j ...
- 商务系统的构造思路(无源码!)+如何用jsp实现点击单选框内容显示在另一个jsp页面
敲码经验总结: 之前犯了一个错误就是,没有从底层开始学起,有啥问题,就直接博客园找源码,去CSDN找源代码,看到代码就复制粘贴,结果从新梳理知识点的时候,貌似除了复制粘贴,印象深刻的知识啥也没学到. ...
- 网页全屏,modal 弹框无法显示的问题
问题描述页面主体部分全屏后,页面中的所有弹窗不能显示,退出全屏后,弹窗正常.解决方法校园项目中,所有用到的弹窗为iview的弹窗组件,该弹窗组件会生成在body中,和项目主体app为平行关系,项目主体 ...
随机推荐
- 使用express设置静态目录,创建服务,响应get请求
// 1.引入express const express = require('express');//在node应用中载入express // 2.创建应用对象 const app = expres ...
- 怎么下载blob视频 .mu38视频下载转换格式
首先获取视频m3u8地址 浏览器按 F12进入开发者模式 选择 Network 搜索.m3u8 RequestURL 获取视频url m3u8文件介绍 M3U(Moving Picture Exper ...
- js高德地图添加点Marker,添加线段Polyline,添加一个区域Polygon(面)
高德地图JS API 实例 亲测可用 参考网站=> 阿里云数据可视化平台(下载json用的):http://datav.aliyun.com/portal/school/atlas/area_ ...
- PULPINO仿真建立
PULPINO仿真建立 PULPINO主要特点: systemverilog实现 有常规外设,GPIO.SPI.I2C.UART等 有调试接口 总线有AXI,外设总线为APB,扩展性好 脚本为cmak ...
- FTP调优
最近在解决客户的问题时接触到了一些FTP的问题,自己在使用过程中发现了很多问题,所以这里总结了一些调优的办法: 服务:vsftp 非常安全文件传输 配置文件:/etc/vsftpd/vsftpd.co ...
- PKU2506Tiling
https://blog.csdn.net/Harington/article/details/86612106
- 迁移virtualenv虚拟环境,复制,免安装
前提:在原来的服务器中使用相同的python版本,并使用virtualenv创建了自己的虚拟环境. 1.首先在新的机器上安装virtualenv(要有和原机器相同版本的python解释器,第5步也很相 ...
- php 实现CURL请求接口
$ch = curl_init (); //初始化 @curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 跳过证书检查 @curl_setopt($ ...
- wget 和 curl的区别
原文 https://www.codenong.com/s1190000022301195/ https://geek-docs.com/linux/linux-ask-answer/differen ...
- linux中安装doker
1.更新yum为最新的 yum -y update 2.卸载旧版的docker sudo yum remove -y docker* 3.安装需要的软件包 yum install -y yum-uti ...