marketing-edit.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!DOCTYPE html>
  2. <html class="remModel">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="expires" content="0">
  8. <meta name="author" content="">
  9. <meta name="description" content=""/>
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telephone=no,email=no">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <title>填写营销活动</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
  15. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.picker.min.css"/>
  16. <link rel="stylesheet" href="../components/custom/css/common.css">
  17. <link rel="stylesheet" href="css/xyf.common.min.css">
  18. <style>
  19. </style>
  20. </head>
  21. <body class="marketing-edit">
  22. <form id="editMarketingPanel" action="#">
  23. <div class="input-group-vertical">
  24. <h5 class="mui-content-padded c-black">活动类型:<em id="marketingTypeName" class="c-primary"></em></h5>
  25. <div class="input-row input-clear">
  26. <input type="text" maxlength="20" required id="marketingName" placeholder="活动名称"/>
  27. </div>
  28. <h5 class="mui-content-padded c-black">活动说明 </h5>
  29. <div class="input-row input-clear">
  30. <textarea maxlength="500" rows="3" placeholder="自定义活动说明" id="marketingDesc"></textarea>
  31. </div>
  32. <h5 class="mui-content-padded c-black">创意图片 </h5>
  33. <div class="input-row mui-row input-clear padding-10 ">
  34. <div class="mui-col-sm-4 mui-col-xs-4 ">
  35. <div class="upload-pic">
  36. <i class="delpic mui-hidden">x</i>
  37. <i class="iconfont icon-add-more"></i>
  38. <input id="marketingPic" type="file" draggable="false" accept="image/*">
  39. <img id="showPic" class="mui-hidden" src="">
  40. </div>
  41. </div>
  42. </div>
  43. <div class="" id="custom-modal">
  44. <h5 class="mui-content-padded c-black">活动参数 </h5>
  45. <div class="mui-input-group">
  46. <div class="mui-input-row mui-hidden" key="coins">
  47. <label>赠送金币</label>
  48. <input type="number" min=0 max=100 step="1" required
  49. placeholder="赠送金币个数"/>
  50. </div>
  51. <div class="mui-input-row mui-hidden" key="duration">
  52. <label>赠送时长</label>
  53. <input type="number" min=0 max=180 maxlength="3" step="1" required
  54. placeholder="单位为分钟"/>
  55. <span class="input-unit">分钟</span>
  56. </div>
  57. </div>
  58. </div>
  59. <h5 class="mui-content-padded c-black">活动时间 </h5>
  60. <div class="mui-table-view datepicker custom-top">
  61. <div class="mui-button-row">
  62. <button type="button" class="mui-btn mui-btn-outlined" range="3">3天</button>
  63. <button type="button" class="mui-btn mui-btn-outlined" range="7">7天</button>
  64. <button type="button" class="mui-btn mui-btn-outlined" range="30">30天</button>
  65. <button type="button" class="mui-btn mui-btn-outlined" range="90">90天</button>
  66. </div>
  67. <div class="or-border-fir mui-input-row input-clear or-order-status select-date" id="startTime">
  68. <label class="or-label-text">开始日期</label>
  69. <span class="mui-icon mui-icon-arrowright"></span>
  70. <span class="or-order-status-font selected-text"></span>
  71. </div>
  72. <div class="mui-input-row input-clear or-order-status select-date" id="endTime">
  73. <label class="or-label-text">结束日期</label>
  74. <span class="mui-icon mui-icon-arrowright"></span>
  75. <span class="or-order-status-font selected-text"></span>
  76. </div>
  77. </div>
  78. <div class="mui-table-view custom-top clear-after">
  79. <div class="mui-table-view-cell mui-collapse mui-active">
  80. <a class="mui-navigate-right" href="javascript:void(0)">投放设备<span
  81. class="mark bg-primary border-primary deviceTotal">已选0台</span></a>
  82. <div class="mui-collapse-content deviceList">
  83. <div class="mui-table-view-cell dev-select-row">
  84. <div class="mui-checkbox">
  85. <label for="dev-all" class="mui-text-left"> 全选所有</label>
  86. <input id="dev-all" class="checkbox-btn dev-all" type="checkbox"></div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="mui-table-view handleBtn mui-text-center">
  93. <button type="submit" class="mui-col-sm-4 mui-col-xs-4 mui-btn btn-success" id="saveBtn">保存</button>
  94. </div>
  95. </form>
  96. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  97. <script src="https://cdn.washpayer.com/components/lib/image-compressor.min.js"></script>
  98. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  99. <script src="https://cdn.washpayer.com/components/lib/mui.picker.min.js"></script>
  100. <script src="https://cdn.washpayer.com/components/lib/moment.min.js"></script>
  101. <script src="../components/lib/moment.zh.js"></script>
  102. <script src="/components/custom/js/common.js"></script>
  103. <script src="js/xyf.common.js"></script>
  104. <script src="js/marketing.js"></script>
  105. <script>
  106. initMarketingEdit();
  107. </script>
  108. </body>
  109. </html>