handlingset.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304
  1. <style type="text/css">
  2. @media (max-width: 375px) {
  3. .edit-form tr td input {
  4. width: 100%;
  5. }
  6. .edit-form tr th:first-child,
  7. .edit-form tr td:first-child {
  8. width: 20%;
  9. }
  10. .edit-form tr th:last-child,
  11. .edit-form tr td:last-child {
  12. display: none;
  13. }
  14. }
  15. .cover_div {
  16. z-index: 19891015;
  17. background-color: rgb(0, 0, 0);
  18. opacity: 0.9;
  19. }
  20. .invite {
  21. width: 100%;
  22. height: 100%;
  23. color: #fff;
  24. position: relative;
  25. background-size: 100% auto;
  26. background-repeat: no-repeat;
  27. }
  28. .invite .poster-bg {
  29. width: 100%;
  30. height: 100%;
  31. }
  32. .invite .company {
  33. position: absolute;
  34. top: 55%;
  35. left: 50%;
  36. transform: translateX(-50%);
  37. width: 80%;
  38. text-align: center;
  39. font-size: 12px;
  40. }
  41. .invite .company span {
  42. font-size: 18px;
  43. }
  44. .invite .qrcode {
  45. position: absolute;
  46. top: 63%;
  47. left: 50%;
  48. transform: translateX(-50%);
  49. }
  50. .invite .qrcode .code {
  51. width: 120px;
  52. height: 120px;
  53. border-radius: 4px;
  54. }
  55. .invite .qrcode .user {
  56. position: absolute;
  57. top: 50%;
  58. left: 50%;
  59. transform: translate(-50%, -50%);
  60. width: 30px;
  61. height: 30px;
  62. border: 1px solid #fff;
  63. border-radius: 2px;
  64. overflow: hidden;
  65. }
  66. .invite .msg {
  67. position: absolute;
  68. bottom: 5%;
  69. left: 50%;
  70. transform: translateX(-50%);
  71. width: 80%;
  72. text-align: center;
  73. font-size: 10px;
  74. }
  75. .cert-wrap {
  76. position: relative;
  77. width: 375px;
  78. height: 532px;
  79. min-width: 375px;
  80. }
  81. .bg {
  82. width: 100%;
  83. pointer-events: none;
  84. user-select: none;
  85. }
  86. .word {
  87. position: absolute;
  88. }
  89. .el-form-item__content {
  90. display: flex;
  91. align-items: center;
  92. }
  93. .el-form-item__content > div {
  94. margin-right: 10px;
  95. }
  96. .vdr {
  97. position: absolute;
  98. box-sizing: border-box;
  99. cursor: move;
  100. }
  101. .vdr.active:before {
  102. content: '';
  103. width: 100%;
  104. height: 100%;
  105. position: absolute;
  106. top: 0;
  107. left: 0;
  108. box-sizing: border-box;
  109. outline: 1px dashed #d6d6d6;
  110. }
  111. .vdr-stick {
  112. box-sizing: border-box;
  113. position: absolute;
  114. font-size: 1px;
  115. background: #ffffff;
  116. border: 1px solid #6c6c6c;
  117. box-shadow: 0 0 2px #bbb;
  118. }
  119. .inactive .vdr-stick {
  120. display: none;
  121. }
  122. .vdr-stick-tl, .vdr-stick-br {
  123. cursor: nwse-resize;
  124. }
  125. .vdr-stick-tm, .vdr-stick-bm {
  126. left: 50%;
  127. cursor: ns-resize;
  128. }
  129. .vdr-stick-tr, .vdr-stick-bl {
  130. cursor: nesw-resize;
  131. }
  132. .vdr-stick-ml, .vdr-stick-mr {
  133. top: 50%;
  134. cursor: ew-resize;
  135. }
  136. .vdr-stick.not-resizable {
  137. display: none;
  138. }
  139. </style>
  140. <div class="panel panel-default panel-intro">
  141. <div class="panel-heading">
  142. {:build_heading(null, false)}
  143. <ul class="nav nav-tabs">
  144. <li class="active"><a href="#basic" data-toggle="tab">车类开关设置</a></li>
  145. </ul>
  146. </div>
  147. <div id="myTabContent" class="tab-content">
  148. <div class="tab-pane fade active in" id="basic">
  149. <div class="widget-body no-padding">
  150. <form id="basic-form" class="edit-form form-horizontal" role="form" data-toggle="validator"
  151. method="POST" action="{:url('market/handlingset')}">
  152. <table class="table table-striped" style="border-collapse:separate; border-spacing:0px 1px;">
  153. <tbody>
  154. <tr>
  155. <td width=25%>代驾开关</td>
  156. <td>
  157. <div class="row">
  158. <div class="col-sm-8 col-xs-12">
  159. <div class="radio">
  160. <label for="row[dj_status]-1"><input
  161. id="row[dj_status]-1"
  162. name="row[dj_status]" class="see_lower"
  163. type="radio" value="1" {if
  164. condition="($row.dj_status ?? 0) eq 1" }checked{/if} />
  165. 开启</label>
  166. <label for="row[dj_status]-0"><input
  167. id="row[dj_status]-0"
  168. name="row[dj_status]" class="see_lower"
  169. type="radio" value="0" {if
  170. condition="($row.dj_status ?? 0) neq 1" }checked{/if} />
  171. 关闭</label>
  172. </div>
  173. </div>
  174. <div class="col-sm-4"></div>
  175. </div>
  176. </td>
  177. </tr>
  178. <tr>
  179. <td width=25%>顺风车开关</td>
  180. <td>
  181. <div class="row">
  182. <div class="col-sm-8 col-xs-12">
  183. <div class="radio">
  184. <label for="row[sf_status]-1"><input
  185. id="row[sf_status]-1"
  186. name="row[sf_status]" class="see_lower"
  187. type="radio" value="1" {if
  188. condition="($row.sf_status ?? 0) eq 1" }checked{/if} />
  189. 开启</label>
  190. <label for="row[sf_status]-0"><input
  191. id="row[sf_status]-0"
  192. name="row[sf_status]" class="see_lower"
  193. type="radio" value="0" {if
  194. condition="($row.sf_status ?? 0) neq 1" }checked{/if} />
  195. 关闭</label>
  196. </div>
  197. </div>
  198. <div class="col-sm-4"></div>
  199. </div>
  200. </td>
  201. </tr>
  202. <tr>
  203. <td width=25%>货运开关</td>
  204. <td>
  205. <div class="row">
  206. <div class="col-sm-8 col-xs-12">
  207. <div class="radio">
  208. <label for="row[dc_status]-1"><input
  209. id="row[dc_status]-1"
  210. name="row[dc_status]" class="see_lower"
  211. type="radio" value="1" {if
  212. condition="($row.dc_status ?? 0) eq 1" }checked{/if} />
  213. 开启</label>
  214. <label for="row[dc_status]-0"><input
  215. id="row[dc_status]-0"
  216. name="row[dc_status]" class="see_lower"
  217. type="radio" value="0" {if
  218. condition="($row.dc_status ?? 0) neq 1" }checked{/if} />
  219. 关闭</label>
  220. </div>
  221. </div>
  222. <div class="col-sm-4"></div>
  223. </div>
  224. </td>
  225. </tr>
  226. <tr>
  227. <td width=25%>提现开关</td>
  228. <td>
  229. <div class="row">
  230. <div class="col-sm-8 col-xs-12">
  231. <div class="radio">
  232. <label for="row[ts_status]-1"><input
  233. id="row[ts_status]-1"
  234. name="row[ts_status]" class="see_lower"
  235. type="radio" value="1" {if
  236. condition="($row.ts_status ?? 0) eq 1" }checked{/if} />
  237. 开启</label>
  238. <label for="row[ts_status]-0"><input
  239. id="row[ts_status]-0"
  240. name="row[ts_status]" class="see_lower"
  241. type="radio" value="0" {if
  242. condition="($row.ts_status ?? 0) neq 1" }checked{/if} />
  243. 关闭</label>
  244. </div>
  245. </div>
  246. <div class="col-sm-4"></div>
  247. </div>
  248. </td>
  249. </tr>
  250. </tbody>
  251. <tfoot>
  252. <tr>
  253. <td></td>
  254. <td>
  255. <button type="submit" class="btn btn-success btn-embossed">确定</button>
  256. <button type="reset" class="btn btn-default btn-embossed">重置</button>
  257. </td>
  258. </tr>
  259. </tfoot>
  260. </table>
  261. </form>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. <script>
  268. </script>