自定义模块的费用计算,发出来给需要的朋友们一个思路

迅睿框架 更新 2025-06-21 13:32:38 撑死的虫子

这几天给客户开发一个自定义模块的费用计算,发出来给需要的朋友们一个思路!


先看演示:

QQ录屏20221109100235


总体思路就是迅睿后台自定义字段,后台在前台加入JQ


代码如下:


<script>
 $(function() {
  //+号
  var n = $('#dr_shuliang').val();//找到输入框的初始值
  $('#dr_row_bzcl .bootstrap-touchspin-up').click(function() {// 谁家的表单就控制谁
   n++;
   $('#dr_shuliang').val(n);//运算后输出赋值
  });
  //-号
  var n = $('#dr_shuliang').val();
  $('#dr_row_bzcl .bootstrap-touchspin-down').click(function() { // 谁家的表单就控制谁
   n = --n >= 0 ? n : 0;//边缘值
   $('#dr_shuliang').val(n);
  });
  
  //+号
  var nn = $('#dr_sgzsl').val();
  $('#dr_row_shigongzheng .bootstrap-touchspin-up').click(function() {// 谁家的表单就控制谁
   nn++;
   $('#dr_sgzsl').val(nn);
  });
  //-号
  var nn = $('#dr_sgzsl').val();
  $('#dr_row_shigongzheng .bootstrap-touchspin-down').click(function() { // 谁家的表单就控制谁
   nn = --nn >= 0 ? nn : 0;
   $('#dr_sgzsl').val(nn);
  });
 });
</script>
<script type="text/javascript">
 $(function() {
  $("#dr_shigongzheng").TouchSpin({}).on("change",function(){
   $('#dr_zongshu').attr('value',sum());
  });

  $("#dr_bzcl").TouchSpin({}).on("change", function(){
    $('#dr_zongshu').attr('value',sum());
  });
  
   /**
  给input赋值  
  **/
  var chkItem = $('input[type=checkbox]');
  chkItem.click(function(){
   $('#dr_zongshu').attr('value',sum());   
   });
  /**
  *@功能 计算总和
  *@param null
  *@return int  
  **/
  function sum(){
   var valueArr= $('input[type=checkbox]'); 
   var sumValue=0;  
   valueArr.each(function(index, element) {
    if($(this).is(":checked")){
     if(isNaN(valueArr[index].value)||valueArr[index].value==null||valueArr[index].value==""){  
        sumValue +=0;  
     }else{  
        sumValue +=parseFloat(valueArr[index].value);//强制转换为数字
     }
     
     }
   });
     
   if(sumValue>0){
    sumValue = parseInt(sumValue);
   }  
   else{
      sumValue = 0;
   }
   sumValue+=parseInt($('#dr_shigongzheng').val())
   sumValue+=parseInt($('#dr_bzcl').val())
   return sumValue;
  }
 });
</script>



前端{$myfield}表段没有动过,如果你需要修改前台的样式,那就只能把字段设置成{$diyfield},然后自己调样式,当然你必须要会写CSS啦!  


本人开发能力有限,期间也咨询了迅睿的迅睿框架联合创始人 好多问题,谢谢您的解答。哪些地方写的有问题,希望JS大神可以帮忙优化一下。


总之都是为迅睿能发展的更好。迅睿真的强大!!


最后请不喜勿喷!!!!!!!!!!!!!!!!!!!

方案

  • 绮风科技 - 大兔子 #1 · 2022-11-09 21:21:28
    瞅一瞅,看一看
  • qijifuwu #2 · 2022-11-13 00:07:03
    学习了 感谢分享
  • 北回归线 #3 · 2022-11-13 11:45:06
    学习一下,支持。。。。
  • 灵动 #4 · 2022-12-22 17:32:16
    正需要类似的。感谢分享
  • 四分音符 #5 · 2022-12-22 20:36:26
    学习一下,支持。。。。
  • 子曰学而习之 #6 · 2023-01-14 15:45:59
    学习一下,支持。。。。
  • 版本城 #7 · 2023-03-11 21:33:12
    学习一下,支持。。。。
  • 业余选手 #8 · 2023-12-05 09:51:19
    学习一下,支持。。。。
  • 麦尖 #9 · 2023-12-31 17:48:04
    瞅一瞅,看一看
  • 大师在流浪 #10 · 2024-04-18 16:28:10
    正好做这方面的功能,看看
  • sonpyy #11 · 2024-04-22 09:15:12
    • 学习了 感谢分享
  • 北斯云 #12 · 2024-06-30 10:34:54
    学习了 感谢分享
  • mazerain #13 · 2024-07-04 17:55:22
    学习一下,现在正用到这个

  • 北回归线 #14 · 2024-07-04 22:49:38
    感谢分享,学习一下。。。。
  • yesterdayx #15 · 2024-07-30 18:05:01
    前来观摩学习
  • 我只会复制粘贴 #16 · 2024-10-01 14:19:28
    不错呦,学习一下
  • 我爱迅睿CMS #17 · 2024-10-01 18:18:40
    • 不错呦,学习一下
  • 如果你唱歌 #18 · 2024-10-03 09:06:34
    不错呦,学习一下
  • zhangxiang #19 · 2025-01-23 08:22:25
    前来观摩学习
  • 张某某某 #20 · 2025-06-21 13:32:38
    瞅一瞅,看一看

迅睿系统漏洞

IP138查询
IP138查询(2026-09-02)
转换本地ip地址作用。后台安装/启用插件 Ip_ysb进入「应用 →...
GEO系统
GEO系统(2026-09-02)
支持最新的ai优化算法 后台增加可控制的站点运营管理
开发者工具
开发者工具(2026-09-02)
增加插件脚手架 增加控制器编写辅助
用户系统
用户系统(2026-09-02)
增强用户列表安全验证,防止个人信息泄露
节日灯笼
节日灯笼(2026-09-01)
新增顶部节日横幅 Banner ,祝福语文字 新增节日特效:Can...
GeoSeo收录宝
GeoSeo收录宝(2026-09-01)
升级 ai智能发布功能 升级 支持8国语言后端设置和前端输出功能 ...
Word发布批量上传
Word发布批量上传(2026-08-31)
版本覆盖问题重发
多语言翻译Seolang
多语言翻译Seolang(2026-08-31)
新增 LLM 大模型对话翻译模块 配置层强类型化重构 URL 模...