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为平行关系,项目主体 ...
随机推荐
- 理论+实战,详解Sharding Sphere-jdbc
摘要:Apache ShardingSphere 是一款分布式的数据库生态系统,它包含两大产品:ShardingSphere-Proxy和ShardingSphere-JDBC. 本文分享自华为云社区 ...
- LeetCode-2039 网络空闲的时刻
来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/the-time-when-the-network-becomes-idle 题目描述 给你一个有 ...
- 普冉PY32系列(六) 通过I2C接口驱动PCF8574扩展的1602LCD
目录 普冉PY32系列(一) PY32F0系列32位Cortex M0+ MCU简介 普冉PY32系列(二) Ubuntu GCC Toolchain和VSCode开发环境 普冉PY32系列(三) P ...
- nvm安装和管理nodejs
一.NVM简介 NVM 全称 Node Version Manager,是一个管理 NodeJS 版本的工具. NVM 默认只支持 Linux 和 OS X,不支持 Windows windows使用 ...
- 通过docker 安装部署sentry
一.下载项目 git clone https://github.com/getsentry/self-hosted 二.安装 1.安装docker和docker-compose 2.运行sentry ...
- C++数据结构-结构体
C++数据结构-结构体 学生信息 http://oj.61coding.cn/problem.php?cid=1028&pid=0 #include<bits/stdc++.h> ...
- 周练7(ssti)
{7*7} ->49 -> smarty {{7*'7'}} -> 49 -> twig {{7*'7'}} -> 7777777 -> jinjia2 1. [B ...
- vue 利用xlsx、xlsx-style、file-saver实现前端导出excel表格 (包括设置单元格居中、边框等样式) antdesignvue、elementui、vxetable 等都适用
我用的方法是在表格的根组件外层赋一个div用来导出整个表格,所以antdesignvue.elementui.vxetable 或者原生的table写法应该全都适用,此处我用的框架为antdesign ...
- vue中当数据改变时更新DOM
具体场景: 当vue中使用swiper, better-scroll时候,我们需要去new Swiper,new [better-scroll]来获取实例,通常我们页面的数据都是异步获取的, 会导致我 ...
- shell脚本程序的撰写
一.让我们浏览一下整体步骤第一步,你要先用ll命令来列出该目录中都包含那些文件(目的是为了防止文件重名不利于查找等等).第二步 ,使用命令touch来建立一个shell脚本文件 , 后缀名为.sh : ...