公司-->显示效果，多出来的用...

最新推荐文章于 2024-02-22 10:46:55 发布
最新推荐文章于 2024-02-22 10:46:55 发布
阅读量206 收藏
点赞数
分类专栏： 公司内部用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ole_triangle_java/article/details/53337847
版权

java部分：

String modelNameTitle=modelName;
			if(modelName.length() > 14){
				modelName = TriangleUIHelper.splitShowValue(modelName, 12);
			}


页面部分：

<td><span id="span_modelName" title="<%=modelNameTitle %>"><%=modelName %></span></td>


ole_triangle_java
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
智慧小区设计方案-.pptx
12-25
公司资质 智慧小区设计方案-全文共26页，当前为第2页。 各子系统功能实现 . 智能化系统组成 智慧小区设计方案-全文共26页，当前为第3页。 01 智能化系统组成 智慧小区设计方案-全文共26页，当前为第4页。 01 智能化...
spring-boot-starter-actuator 2.0.3.RELEASE 使用-配置文件生效
keep_learn的专栏
01-09 3708
写在前面的话 spring-boot 组件更新比较频繁，一般的项目组很少会同步更新版本，往往遇到问题解决问题，这样固然降低人员成本，但同时增加的长期的项目风险，加上不尽人意的搜索结果，往往是大半天时间在解决一个小问题，最后不得不冒着兼容风险通过修改版本来实现。 spring-boot-starter-actuator 配置问题 启动日志显示 Actuator只暴露health和info o.s....
微信小程序 --- wx.request网络请求封装
最新发布
每天都要努力学习哦~~
02-22 4111
为了方便统一处理请求参数以及服务器响应结果，为WxRequest添加拦截器功能，拦截器包括请求拦截器和响应拦截器请求拦截器本质上是在请求之前调用的函数，用来对请求参数进行新增和修改响应拦截器本质上是在响应之后调用的函数，用来对响应数据做点什么注意：不管成功响应还是失败响应，都会执行响应拦截器// 请求拦截器// 在发送请求之前做些什么// 响应拦截器// 对响应数据做点什么通过使用方式，我们可以得出结论：可以在WxRequest类内部定义实例属性，属性中需要包含request以及。
vue2.x el-table二次封装支持编辑修改
-
03-23 2413
最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下： 大概实现是： 封装一个通用的表格 接收两个数组， 一个控制行数，一个控制列数 表格可进行编辑操作 官方文档 图中我们可以看到： :data="tableData"中 传入的tableData用来控制表格行数 el-table-column用来控制列数，有几个el-table-column, 表格就有几列 因此我们再定义一个数组，去对应tableData中的要显示的项，用来产生需要的列 comTable代码如下： //data是从
导出页面元素数据异常 vnd.ms-excel.numberformat:@"
尘渭
06-11 2670
是这样的，公司的一个系统，新增加一个新的功能，在页面生成报表时允许用户选择他prefer的时间格式，有下面四种时间格式可供选择： Default Option: yyyy-mm-dd Descriptive (1-Jan-07) Short Date: mm/dd/yy Short Date: dd/mm/yy 另外，用户可以选择报表是页面形式还是导出为Excel文件。原有的处理在页面上显示时间格...
vue.js + element-ui入门开发，思路引领
huangchongwen的专栏
11-20 1025
作为一名java程序员, 最近由于工作上的需要, 从事了2个月的前端开发, 今天写下自己的心得, 整理一下这方面的知识。 准备工作: 0：感想: 前端技术变化很快，以前只涉及过js,jquery这些技术，都是一些html静态页面,vue.js采用虚拟DOM技术，开发效率更高， 还可以进行debug调试, 不局限于是Google调试，有助于开发。 1: 对比vue.js 和jquery ...
HarmonyOS应用开发-ScratchView刮刮卡效果控件.docx
05-17
组件名称：ScratchView 描述：ScratchView repo 是 UX 设计，涉及刮刮卡，例如视图，它们被刮擦以显示它们隐藏的信息。
vue.js 实现点击展开收起动画效果
12-29
说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图： vue页面： <template> <div class=dealRecord-wrap> <div class=title-contant v-for=(item,index)> (index)> <h3>2018年0...
ic-Plate-Ⅱ培训教程-实例.pdf
12-25
广州市保利特企业发展有限公司 网点基础知识 y 什么叫做网点? 在印刷过程中，连续调和半色调图像都是由网点 在印刷过程中，连续调和半色调图像都是由网点 的疏密来进行调整表现的。而通过将CMYK四色的网 点混合，则...
KesionEshop v9.05 Build20130704 免费正式版 utf-8.exe
07-05
KesionEshop 是漳州科兴信息技术有限公司开发的一套电子商务建站平台系统，内置强大的网站内容管理系统及论坛系统，是目前最为流行的电子网站建设解决方案之一，V9.0采用ASP ACCESS/MSSQL架构,系统具有极强的可扩展...
jQuery 选择器 的应用规范 公司 获得选中项 ID的模糊查询
ole_triangle_java的博客
09-05 902
$(obj).parent('td').parent('tr').find("td input[id^='hidden_attributeTypeId_']").val(); var spanId = $(obj).parent('td').find('span[id^="span_attributeName_"]').attr('id'); var hiddenId = $(obj).pa
字符串 拼接方法，公司内部的方法，用集合转换成拼接的字符串
ole_triangle_java的博客
09-01 898
nameSum += StringUtils.isEmpty(nameSum)?name:","+name; 三目运算符，拼接。 List sizeNameList = new ArrayList(); for (int i = 0; i < basesizeTB.size(); i++) { RowBean rowBean= basesizeTB.get(i
表格td超出部分隐藏，显示...
ole_triangle_java的博客
12-30 766
页面 '+array[i].showMaterialName+' action packingSizeJsonObj.put("materialName",materialName); packingSizeJsonObj.put("showMaterialName", TriangleUIHelper.splitShowValue(materialName,
公司内部将多国语言key转换成中文javaScript
ole_triangle_java的博客
09-26 600
//alert Message function alertMssageInfoFunc(key) { var message = getMessageResources(key); alertE(message); }
公司内部SQL联合查询
ole_triangle_java的博客
12-22 601
String prodTableId = assignWorkTB.get(0).getCellBeanValue("CR_PROD_TABLE_ID"); ClassPOJO classPOJO = new ClassPOJO("TN_PROD_ASSIGN_WORK a INNER JOIN TN_PROD_ASSIGN_WORK_OPERATION b ON a.CN_ID = b.CR_P
公司 表名规则 TN基础表 TR关系表 TL定义表
ole_triangle_java的博客
09-07 528
公司 表名规则  TN基础表  TR关系表  TL定义表
公司-->保存时验证数据是否保存重复
ole_triangle_java的博客
11-25 494
js内容： //提交校验,如果article,工段,部门一致则不能进行保存 function checkSave(){ var primaryId=$("#primaryId").val(); var articleId=$("#hidden_articleId").val(); var sectionId=$("#sectionId").val(); var departmentId=
公司内部多表查询 sql在实现类的应用
ole_triangle_java的博客
11-17 426
//读取数据库 DataBean dataBean = this.getERPServiceDelegation().getMasterProductionScheduleService().getModifyPHSetup(parameterFB); TableBean tableBean = dataBean.getTableBean("tradingDataTableBean");
公司内部对ID转义
ole_triangle_java的博客
08-27 420
var currentTableKey = "gts.erp.view.table.accountGroupDomainAttribute"; //后面的是页面ID currentTableKey = currentTableKey.replace(/\./g,"\\."); //对这个ID做转义
uniapp多级联动复选框实现公司->部门->用户多级联动复选
05-30
实现公司->部门->用户多级联动复选框，可以根据上面的示例进行修改。以下是一个简单的示例代码： ```html <template> <uni-form> <uni-form-item label="选择公司"> <uni-checkbox-group v-model="selectedCompanies"> <uni-checkbox v-for="(company, cIndex) in companies" :key="cIndex" :label="company.name"> {{ company.name }} </uni-checkbox> </uni-checkbox-group> </uni-form-item> <uni-form-item label="选择部门"> <uni-checkbox-group v-model="selectedDepartments"> <uni-checkbox v-for="(department, dIndex) in filteredDepartments" :key="dIndex" :label="department.name" :disabled="!selectedCompanies.includes(department.parent)"> {{ department.name }} </uni-checkbox> </uni-checkbox-group> </uni-form-item> <uni-form-item label="选择用户"> <uni-checkbox-group v-model="selectedUsers"> <uni-checkbox v-for="(user, uIndex) in filteredUsers" :key="uIndex" :label="user.name" :disabled="!selectedDepartments.includes(user.parent)"> {{ user.name }} </uni-checkbox> </uni-checkbox-group> </uni-form-item> </uni-form> </template> <script> export default { data() { return { selectedCompanies: [], selectedDepartments: [], selectedUsers: [], companies: [ { name: '公司A', id: '1' }, { name: '公司B', id: '2' }, { name: '公司C', id: '3' }, ], departments: [ { parent: '公司A', name: '部门A1', id: '11' }, { parent: '公司A', name: '部门A2', id: '12' }, { parent: '公司B', name: '部门B1', id: '21' }, { parent: '公司C', name: '部门C1', id: '31' }, { parent: '公司C', name: '部门C2', id: '32' }, ], users: [ { parent: '部门A1', name: '用户A11', id: '111' }, { parent: '部门A1', name: '用户A12', id: '112' }, { parent: '部门A2', name: '用户A21', id: '121' }, { parent: '部门B1', name: '用户B11', id: '211' }, { parent: '部门C1', name: '用户C11', id: '311' }, { parent: '部门C2', name: '用户C21', id: '321' }, ], }; }, computed: { filteredDepartments() { const filteredDepartments = this.departments.filter(department => this.selectedCompanies.includes(department.parent)); return filteredDepartments; }, filteredUsers() { const filteredUsers = this.users.filter(user => this.selectedDepartments.includes(user.parent)); return filteredUsers; }, }, }; </script> ``` 在这个示例中，我们定义了三个选项组（选择公司、选择部门、选择用户），分别对应公司、部门、用户三个级别。我们将选中的公司、部门、用户存储在selectedCompanies、selectedDepartments、selectedUsers数组中，然后通过computed计算属性来动态过滤部门和用户数据。当某个部门或用户的parent值（即所属公司或部门）在selectedCompanies或selectedDepartments数组中时，才会显示相应的复选框，并且其他复选框会被禁用。这样就可以实现公司->部门->用户三级联动复选框的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值