Browse Source

[fix] 通用模块

按照万材要求:修改若依框架的ry-ui.js,加上tooltip公共方法,实现效果:给table中内容多的字段加上,页面上只显示部分内容,如果鼠标放到该字段上,能显示全部内容;如果点击该字段,能出现一个显示全部内容的小窗口;该字段加上颜色标注;并且可以使用$.table.tooltip全局调用
按照万材要求:修改若依框架的ry-ui.js,加上dropdownToggle公共方法,实现效果:由于操作栏有的功能较多,显示拥挤,加dropdownToggle公共方法可以把操作栏的所有按钮修改成像下拉菜单一样,操作栏只显示一个按钮,当点击该按钮,弹出其他按钮。可以使用$.table.dropdownToggle全局调用
按照万材要求:万材提出如果页面数据过多,下拉滚动条后,看不到表头的问题;调整table的样式,固定表头;由于又要固定操作列不动,又要表尾进行合计,虽然表头固定实现了效果,导致下拉到最好一行容易出现错位现象;
dev
liuxiaoxu 2 months ago
parent
commit
2a0d98239d
  1. 9
      ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js
  2. 19
      ruoyi-admin/src/main/resources/templates/system/salesShippingInform/salesShippingInform.html

9
ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js

@ -45,7 +45,7 @@ var table = {
sortOrder: "asc",
pagination: true,
paginationLoop: false,
pageSize: 10,
pageSize: 20,
pageNumber: 1,
pageList: [20, 50, 100, 500, 1000],
toolbar: "toolbar",
@ -329,9 +329,12 @@ var table = {
// 下拉按钮切换
dropdownToggle: function (value) {
var actions = [];
actions.push('<div class="btn-group">');
actions.push('<div class="btn-group" style="width:100px;">');
actions.push('<button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="false">');
actions.push('<i class="fa fa-cog"></i>&nbsp;<span class="fa fa-chevron-down"></span></button>');
// 使用较大的图标
actions.push('<i class="fa fa-lg fa-cog"></i>&nbsp;'); // fa-lg 类可以使图标变大
actions.push('<span class="fa fa-lg fa-chevron-down"></span>'); // fa-lg 类可以使图标变大
actions.push('</button>');
actions.push('<ul class="dropdown-menu">');
actions.push(value.replace(/<a/g,"<li><a").replace(/<\/a>/g,"</a></li>"));
actions.push('</ul>');

19
ruoyi-admin/src/main/resources/templates/system/salesShippingInform/salesShippingInform.html

@ -82,8 +82,8 @@
</div>
<!-- </div>-->
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" style="white-space:nowrap"></table>
<div class="col-sm-12 select-table table-striped ">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
@ -114,6 +114,10 @@
restoreUrl: prefix + "/restore/{id}",
exportUrl: prefix + "/export",
showFooter: true,
fixedColumns: true, // 启用冻结列
fixedRightNumber: 1, // 冻结右列个数
//height: $(window).height() - 120,
height: $(window).height(),
modalName: "销售出货通知",
columns: [{
checkbox: true
@ -246,6 +250,9 @@
{
title: '收货联系人',
field: 'customerContact',
formatter: function(value, row, index) {
return $.table.tooltip(value, 10, "open");
}
},
{
title: '联系电话',
@ -278,8 +285,10 @@
{
title: '操作',
width: 200,
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + customerCheckGoodsDetailFlag + '" href="javascript:void(0)" onclick="customerCheckGoodsDetail(\'' + row.shippingInformId + '\')"><i class="fa fa-edit"></i>详情</a> ');
if(row.warehouseOutStatus == '2'){
@ -289,13 +298,17 @@
actions.push('<a class="btn btn-success btn-xs ' + customerCheckGoodsFlag + '" href="javascript:void(0)" onclick="customerCheckGoods(\'' + row.shippingInformId + '\')"><i class="fa fa-edit"></i>确认验收</a> ');
}
return actions.join('');
var actionLinks = actions.join('');
return $.table.dropdownToggle(actionLinks);
}
}]
};
$.table.init(options);
});
//确认发货
function confirmShipping(shippingInformId){
var url = prefix +'/confirmShipping/' + shippingInformId;

Loading…
Cancel
Save