index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>费用设置</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  8. <script src="vue.min.js" type="text/javascript" charset="utf-8"></script>
  9. <style type="text/css">
  10. .layui-tab-content {
  11. padding: 15px;
  12. }
  13. .layui-top {
  14. display: flex;
  15. align-items: center;
  16. flex-wrap: wrap
  17. }
  18. .layui-top-header {
  19. border-left: 4px solid #1E9FFF;
  20. padding-left: 10px;
  21. }
  22. .handle-item .layui-form-label {
  23. min-width: 100px;
  24. text-align: left;
  25. font-size: 16px;
  26. }
  27. .handle-item .layui-input-block {
  28. margin-left: 120px
  29. }
  30. .handle-input input {
  31. width: 100px;
  32. display: inline-block;
  33. margin-right: 15px;
  34. text-align: center;
  35. font-size: 15px;
  36. color: #009688;
  37. }
  38. .layui-elem-field legend {
  39. font-size: 16px;
  40. }
  41. </style>
  42. <!--操作模板-->
  43. <script type="text/html" id="priceWarnTpl">
  44. </script>
  45. </head>
  46. <body class="childrenBody">
  47. <div class="layui-fluid">
  48. <div class="layui-row">
  49. <div class="layui-col-md12">
  50. <div class="layui-card">
  51. <div class="layui-tab layui-tab-brief" lay-filter="productTabBrief">
  52. <ul class="layui-tab-title">
  53. <li class="layui-this">费用设置</li>
  54. </ul>
  55. <div class="layui-tab-content">
  56. <div class="layui-tab-item layui-show">
  57. <form class="layui-form" action="" lay-filter="form0">
  58. <div class="handle-item">
  59. <div class="layui-form-item first-item">
  60. <label class="layui-form-label">理货费用</label>
  61. <div class="layui-input-block handle-input">
  62. <input type="radio" lay-filter="radio0" name="allotType" value="0" title="按比例">
  63. <input type="radio" lay-filter="radio0" name="allotType" value="1" title="固定金额" checked>
  64. </div>
  65. </div>
  66. <div class="layui-form-item">
  67. <div class="layui-input-block handle-input">
  68. <span style="margin-right: 15px;" id="radioText0">顾客订单金额的</span>
  69. <input type="text" lay-verify="number|length6" name="actualAmount" placeholder="" class="layui-input">
  70. <span id="radioUnit0">%</span>
  71. </div>
  72. </div>
  73. </div>
  74. <button class="layui-btn layui-hide" lay-submit lay-filter="formBtn0"></button>
  75. </form>
  76. <hr>
  77. <form class="layui-form" action="" lay-filter="form1">
  78. <div class="handle-item">
  79. <div class="layui-form-item first-item">
  80. <label class="layui-form-label">配送费用</label>
  81. <div class="layui-input-block handle-input">
  82. <input type="radio" name="allotType" value="0" title="按比例" checked>
  83. </div>
  84. </div>
  85. <div class="layui-form-item">
  86. <div class="layui-input-block handle-input">
  87. <span style="margin-right: 15px;">顾客订单金额的</span>
  88. <input type="text" lay-verify="number|length6" name="actualAmount" placeholder="" class="layui-input">
  89. <span>%</span>
  90. </div>
  91. </div>
  92. </div>
  93. <button class="layui-btn layui-hide" lay-submit lay-filter="formBtn1"></button>
  94. </form>
  95. <div class="layui-row">
  96. <div class="layui-col-md12">
  97. <div class="layui-form news_list">
  98. <form class="layui-form" action="">
  99. <div id="priceWarnInfo"></div>
  100. <div class="layui-form-item" style="margin-top:30px">
  101. <div class="layui-input-block" style=" text-align: center">
  102. <button class="layui-btn" lay-submit lay-filter="formDemo">修改</button>
  103. </div>
  104. </div>
  105. </form>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <script src="index.js" type="text/javascript" charset="utf-8"></script>
  117. </body>
  118. </html>