935090232@qq.com
2022-02-20 c253b555c7905c5136d47cd615ef545fa50cc6ad
zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/cz-form-bak.html
New file
@@ -0,0 +1,239 @@
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
   content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<LINK rel="Bookmark" href="../images/favicon.ico">
<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
   th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
<script type="text/javascript"
   th:src="@{/js/systools/MBase.js}"></script>
<title></title>
</head>
<div class="ibox-content">
      <form th:if="${obj ne null }" class="form-horizontal" id="dataform"
         onsubmit="javascripr:return false;">
         <input autocomplete="off"   type="hidden" name="cardId" th:value="${obj.id }">
         <div class="form-group">
            <label class="col-sm-2 control-label">余额</label>
            <div class="col-sm-4">
               <input autocomplete="off"   type="text" class="form-control" th:value="${obj.realMoney}"
                  readonly="readonly">
               <div class="Validform_checktip"></div>
            </div>
            <label class="col-sm-2 control-label">充值时间</label>
            <div class="col-sm-4">
               <input autocomplete="off"   name="dateTime" type="text" datatype="*"
                     class="form-control  datetimepicker" nullmsg="充值时间不能为空"
                     style="display: inline;"
                     th:value="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}">
               <div class="Validform_checktip"></div>
            </div>
         </div>
         <div class="form-group">
            <label class="col-sm-2 control-label">充值金额</label>
            <div class="col-sm-4">
               <input autocomplete="off"   type="text" class="form-control" name="bjmoney" value="0"
                     onchange="changePayMoney('p0',this)"
                     datatype="*" nullmsg="充值金额不能为空">
               <div class="Validform_checktip"></div>
            </div>
            <label class="col-sm-2 control-label">赠送金额</label>
            <div class="col-sm-4">
               <input autocomplete="off"   type="text" class="form-control" value="0" dataType="n1-8"
                  name="giftMoney" />
               <div class="Validform_checktip"></div>
            </div>
         </div>
         <div class="form-group">
            <label class="col-sm-2 control-label">赠送积分</label>
            <div class="col-sm-4">
               <input autocomplete="off"   type="text" class="form-control" value="0" dataType="n1-8"
                     name="jf" />
               <div class="Validform_checktip"></div>
            </div>
            <label class="col-sm-2 control-label">下单顾问</label>
            <div class="col-sm-4">
               <select class="autoFull select2 " style="width: 100%"
                  th:data-url="@{/admin/getShopStaffByRoleName?roleName=健康顾问}"
                  data-value="suId" data-filed="suName"
                  th:data-def="${session.userInfo.suId }" name="staffId">
               </select>
            </div>
         </div>
         <div class="row ">
            <div class="col-sm-10 pd-20 col-sm-offset-1">
               <div class="panel-body">
                  <table class="table   table-condensed   ">
                     <thead>
                        <tr>
                           <th>序号</th>
                           <th>商品名称</th>
                           <th>分配金额</th>
                           <th>美疗师业绩</th>
                           <th>操作</th>
                        </tr>
                     </thead>
                     <tbody id="tbody2">
                        <tr id="p0">
                           <td>1</td>
                           <td>会籍卡充值</td>
                           <td>0</td>
                           <td>
                              <table class="table   table-condensed   ">
                                 <tr>
                                    <td><select class="autoFull select2 input-sm" style="width: 80px;"
                                       th:data-url="@{/admin/getShopStaffByRoleName?roleName=美疗师}"
                                       data-value="suId" data-filed="suName"
                                       th:data-def="${session.userInfo.suId }"
                                       name="achaeveList[0].beaultId">
                                    </select></td>
                                    <td><input autocomplete="off"   type="text" class="form-control input-sm" value="0"
                                       style="width: 80px" name="achaeveList[0].t1"></td>
                                    <td><button class="btn btn-danger btn-sm"
                                          onclick="deleteBeaute(this)">删除</button></td>
                                 </tr>
                              </table>
                           </td>
                           <td><a class="btn btn-default btn-sm"
                              onclick="addBeaute('p0','0')">添加</a></td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
         <div class="form-group ">
            <div class="col-sm-12 text-center">
               <a href="javascript:;" onclick="myForm.submit()"
                  class="btn btn-success radius">保存</a> &nbsp;&nbsp;&nbsp;&nbsp;
               <button onclick="MTools.closeForm()" class="btn btn-danger radius"
                  type="button">取消</button>
            </div>
         </div>
      </form>
   </c:if>
      <div th:if="${obj eq null }" class="text-center text-info">
         <h2>该会员没有可用的会员卡!</h2>
      </div>
</div>
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript">
   $('.select2 ').select2();
   MTools.autoFullSelect();
   MTools.ininDatetimepicker({});
   var myForm = MForm.initForm({
      invokeUrl : basePath+"/admin/moneyCardUse/cz",
      isAutoClose : false,
      beforeSubmit : function() {
         //校验业绩
         var ifAchieveOk = true;
         var achieveSum = 0;
         $("#tbody2").children("tr").each(
               function() {
                  var tr = $(this);
                  var pay = parseFloat(tr.find("td").eq(2).html());
                  tr.find("td").eq(3).find("table").find("tr").each(
                        function() {
                           var achieve = parseFloat($(this).find("td")
                                 .eq(1).find("input").val());
                           achieveSum += achieve;
                        });
                  if (achieveSum > pay) {
                     ifAchieveOk = false;
                  }
               });
         if(isNaN(achieveSum)){
            layer.msg("业绩金额格式错误", {
               icon : 2
            })
            return false;
         }
         if (!ifAchieveOk) {
            layer.msg("业绩金额不能大于支付金额", {
               icon : 2
            })
            return false;
         }
      },
      afterSubmit : function(loj) {
         layer.open({
            type: 2,
            title: "打印订单",
            area: ['250px', '550px'],
            maxmin: true,
            content: [basePath + '/admin/order/printOrder?id=' + loj.getResult().mapInfo.orderId],
            cancel: function (index, layer) {
               if (parent.app) {
                  parent.app.vipInfoFn();
               } else {
                  parent.selectByKey();
               }
               MTools.closeForm();
            }
         });
      },
   });
   //添加一个美疗师
   function addBeaute(trId, itemIndex) {
      if (!itemIndex) {
         itemIndex = 0;
      }
      var id = MTools.randomStr();
      console.log(1);
      var table = $("#" + trId).find("td").eq(3).find("table")
      var achieveIndex = $("#" + trId).find("td").eq(3).find("table").find(
            "tr").length;
      var html = '<tr> <td><select class="autoFull select2 input-sm" id="'+id+'"  name="achaeveList['+achieveIndex+'].beaultId" '
            +'data-url="'+basePath+'/admin/getShopStaffByRoleName?roleName=美疗师" data-value="suId" data-filed="suName" data-def=""'
         +'name="beatuyId"> </select></td> <td><input autocomplete="off"   type="text" class="form-control input-sm"  value="0" style="width: 80px"  name="achaeveList['+achieveIndex+'].t1" '
         +'name="items['+achieveIndex+'].zkPrice" ></td> <td><button class="btn btn-danger btn-sm"  onclick="deleteBeaute(this)" >删除</button></td> </tr>';
      $("#" + trId).find("td").eq(3).find("table").append(html);
      $('#' + id).select2({
         'width' : '80px'
      });
      MTools.autoFullSelect({
         selecteder : '#' + id
      });
   };
   //删除一个美疗师
   function deleteBeaute(node) {
      $(node).closest("tr").remove();
   }
   //修改收款金额
   function changePayMoney(trId, node) {
      console.log(trId, node);
      $("#" + trId).find("td").eq(2).html($(node).val());
   };
</script>
</body>
</html>