记得上下班打卡 | git大法好,push需谨慎

Commit b3279bdf authored by Your Name's avatar Your Name

修改阶梯退票样式问题

parent 7d866f37
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<!--退票规则--> <!--退票规则-->
<h4 style="margin-bottom: 20px;">退票规则<span style="color: red;">( 规则上限10条,且多个规则的'申请退票时间'均需按顺序设置,否则无效)</span></h4> <h4 style="margin-bottom: 20px;">退票规则<span style="color: red;">( 规则上限10条,且多个规则的'申请退票时间'均需按顺序设置,否则无效)</span></h4>
<div class="ladder_box" id="ladder_box" style="width: 100%; background: #f5f5f5; padding: 10px 6px;"> <div class="ladder_box" id="ladder_box" style="width: 100%; background: #f5f5f5; padding: 10px 6px;overflow-x: auto">
<button type="button" class="btn btn-primary" style="margin-bottom: 12px;" onclick="add()">新增</button> <button type="button" class="btn btn-primary" style="margin-bottom: 12px;" onclick="add()">新增</button>
</div> </div>
<div style="display: flex; justify-content: end; margin-top: 20px;"> <div style="display: flex; justify-content: end; margin-top: 20px;">
...@@ -94,24 +94,24 @@ ...@@ -94,24 +94,24 @@
for(var i = 0; i < refundPoundageList.length; i++) { for(var i = 0; i < refundPoundageList.length; i++) {
refundPoundageList[i].index = i refundPoundageList[i].index = i
dom += `<div class="ladder_items" id="ladder_items${i}" style="width: 100%; display: flex; align-items: center; margin-bottom: 12px;"> dom += `<div class="ladder_items" id="ladder_items${i}" style="width: 100%; display: flex; align-items: center; margin-bottom: 12px;">
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 267px;"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 260px;">
<span class="control-label is-required" style="padding-top: 0px; width: 106px;">申请退票日期:</span> <span class="control-label is-required" style="padding-top: 0px; width: 106px;">申请退票日期:</span>
<input type="text" class="layui-input form-control test" id="test${i}" value="${refundPoundageList[i].day}" style="flex: 1"> <input type="text" class="layui-input form-control test" id="test${i}" value="${refundPoundageList[i].day}" style="width: 154px">
</div> </div>
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 190px;"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 202px;">
<span class="control-label is-required" style="padding-top: 0px;">是否支持退票:</span> <span class="control-label is-required" style="padding-top: 0px; width: 106px">是否支持退票:</span>
<input type="radio" class="performance_isRefundPoundage" value="0" style="margin-top: 0; margin-right: 4px; cursor: pointer" name="performance_isRefundPoundage${i}" ${refundPoundageList[i].isCanRefund == 0 ? 'checked' : false}> 关闭</label> <p style="dispaly: flex; align-items: center; margin-bottom: 0px; width: 48px"><input type="radio" class="performance_isRefundPoundage" value="0" style="flex: 1; margin-top: 0; margin-right: 4px; cursor: pointer" name="performance_isRefundPoundage${i}" ${refundPoundageList[i].isCanRefund == 0 ? 'checked' : false}> <span>关闭</span></p>
<input type="radio" class="performance_isRefundPoundage" value="1" style="margin: 0 4px 0; cursor: pointer" name="performance_isRefundPoundage${i}" ${refundPoundageList[i].isCanRefund ? 'checked' : false}>开启</label> <p style="dispaly: flex; align-items: center; margin-bottom: 0px; width: 48px"><input type="radio" class="performance_isRefundPoundage" value="1" style="flex: 1; margin: 0 4px 0; cursor: pointer" name="performance_isRefundPoundage${i}" ${refundPoundageList[i].isCanRefund ? 'checked' : false}><span>开启</span></p>
</div> </div>
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 147px; position: relative"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 148px; position: relative">
<span class="control-label is-required" style="padding-top: 0px;">扣除手续费:</span> <span class="control-label is-required" style="padding-top: 0px; width: 88px">扣除手续费:</span>
<input type="number" class="layui-input form-control handlingCharge" id="handlingCharge${i}" value="${refundPoundageList[i].present}" name="" style="width: 60px;" onblur="presentBlur(${i})"> <input type="number" class="layui-input form-control handlingCharge" id="handlingCharge${i}" value="${refundPoundageList[i].present}" name="" style="width: 60px;" onblur="presentBlur(${i})">
<span style="width: 20px; height: 24px; position: absolute; right: 2px; top: 4px; background: #fff"></span> <span style="width: 20px; height: 24px; position: absolute; right: 2px; top: 4px; background: #fff"></span>
</div> </div>
<div class="" style="flex: 1; display: flex; align-items: center;"> <div class="" style="flex: 1; display: flex; align-items: center;">
<span class="control-label is-required" style="padding-top: 0px; width: 74px;">规则描述:</span> <span class="control-label is-required" style="padding-top: 0px; width: 74px;">规则描述:</span>
<input type="text" class="layui-input form-control description" value="${refundPoundageList[i].content}" placeholder="规则描述限制在50分字符以内" name="" style="width: 400px; flex: 1;" id="description${i}" onBlur="descriptionBlurClick(${i})"> <input type="text" class="layui-input form-control description" value="${refundPoundageList[i].content}" placeholder="规则描述限制在50分字符以内" name="" style="width: 400px; flex: 1;" id="description${i}" onBlur="descriptionBlurClick(${i})">
<button class="btn btn-danger del-btn" style="width: 58px; margin-left: 12px; display: ${i == 0 ? 'none' : 'block'}" onclick="del(${i})">删除</button> <button class="btn btn-danger del-btn" style="width: 58px; margin-left: 12px;" onclick="del(${i})">删除</button>
</div> </div>
</div>` </div>`
createLay(`#test${i}`) createLay(`#test${i}`)
...@@ -127,22 +127,22 @@ ...@@ -127,22 +127,22 @@
let dom = `<div class="ladder_items" id="ladder_items${num}" style="width: 100%; display: flex; align-items: center; margin-bottom: 12px;"> let dom = `<div class="ladder_items" id="ladder_items${num}" style="width: 100%; display: flex; align-items: center; margin-bottom: 12px;">
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 267px;"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 267px;">
<span class="control-label is-required" style="padding-top: 0px; width: 106px;">申请退票日期:</span> <span class="control-label is-required" style="padding-top: 0px; width: 106px;">申请退票日期:</span>
<input type="text" class="layui-input form-control test" id="test${num}" value="" style="flex: 1"> <input type="text" class="layui-input form-control test" id="test${num}" value="" style="width: 154px">
</div> </div>
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 190px;"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 202px;">
<span class="control-label is-required" style="padding-top: 0px;">是否支持退票:</span> <span class="control-label is-required" style="padding-top: 0px; width: 106px">是否支持退票:</span>
<input type="radio" class="performance_isRefundPoundage" value="0" style="margin-top: 0; margin-right: 4px; cursor: pointer" name="performance_isRefundPoundage${num}" checked> 关闭</label> <p style="dispaly: flex; align-items: center; margin-bottom: 0px; width: 48px"><input type="radio" class="performance_isRefundPoundage" value="0" style="flex: 1;margin-top: 0; margin-right: 4px; cursor: pointer" name="performance_isRefundPoundage${num}" checked> <span>关闭</span></p>
<input type="radio" class="performance_isRefundPoundage" value="1" style="margin: 0 4px 0; cursor: pointer" name="performance_isRefundPoundage${num}">开启</label> <p style="dispaly: flex; align-items: center; margin-bottom: 0px; width: 48px"><input type="radio" class="performance_isRefundPoundage" value="1" style="flex: 1;margin: 0 4px 0; cursor: pointer" name="performance_isRefundPoundage${num}"><span>开启</span></p>
</div> </div>
<div class="" style="display: flex; align-items: center; margin-right: 12px; width: 147px; position: relative"> <div class="" style="display: flex; align-items: center; margin-right: 12px; width: 148px; position: relative">
<span class="control-label is-required" style="padding-top: 0px;">扣除手续费:</span> <span class="control-label is-required" style="padding-top: 0px; width: 88px">扣除手续费:</span>
<input type="number" id="handlingCharge${num}" class="layui-input form-control handlingCharge" value="" name="" style="width: 60px;" onblur="presentBlur(${num})"> <input type="number" id="handlingCharge${num}" class="layui-input form-control handlingCharge" value="" name="" style="width: 60px;" onblur="presentBlur(${num})">
<span style="width: 20px; height: 24px; position: absolute; right: 2px; top: 4px; background: #fff"></span> <span style="width: 20px; height: 24px; position: absolute; right: 2px; top: 4px; background: #fff"></span>
</div> </div>
<div class="" style="flex: 1; display: flex; align-items: center;"> <div class="" style="flex: 1; display: flex; align-items: center;">
<span class="control-label is-required" style="padding-top: 0px; width: 74px;">规则描述:</span> <span class="control-label is-required" style="padding-top: 0px; width: 74px;">规则描述:</span>
<input type="text" id="description${num}" class="layui-input form-control description" placeholder="规则描述限制在50分字符以内" value="" name="" style="width: 400px; flex: 1;" onBlur="descriptionBlurClick(${num})"> <input type="text" id="description${num}" class="layui-input form-control description" placeholder="规则描述限制在50分字符以内" value="" name="" style="width: 400px; flex: 1;" onBlur="descriptionBlurClick(${num})">
<button class="btn btn-danger del-btn" style="width: 58px; margin-left: 12px; display: ${i == 0 ? 'none' : 'block'}" onclick="del(${num})">删除</button> <button class="btn btn-danger del-btn" style="width: 58px; margin-left: 12px;" onclick="del(${num})">删除</button>
</div> </div>
</div>` </div>`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment