home_store_edit.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <include file="./Application/Admin/View/head.html" />
  5. <link rel="stylesheet" type="text/css" href="/Public/lib/bootstrap-Switch/bootstrapSwitch.css" />
  6. <link rel="stylesheet" type="text/css" href="/Public/plugins/uploadify/uploadify.css">
  7. <link rel="stylesheet" type="text/css" href="/Public/plugins/css/tinyselect.css">
  8. <style type="text/css">
  9. form .row input{width:250px;}
  10. * {
  11. margin: 0;
  12. padding: 0;
  13. }
  14. .citys{
  15. margin-bottom: 10px;
  16. }
  17. .citys p{
  18. line-height: 28px;
  19. }
  20. .warning{
  21. color: #c00;
  22. }
  23. table a{
  24. margin-right: 8px;
  25. color: #369;
  26. }
  27. .imgUpload {
  28. width: 60px;
  29. height: 25px;
  30. line-height: 25px;
  31. text-align: center;
  32. border-radius: 2px;
  33. background: #CC290E;
  34. color: #FFF;
  35. font-size: 12px;
  36. border: none;
  37. cursor: pointer;
  38. outline: none;
  39. }
  40. .c_img{
  41. width:240px;height:auto;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <article class="page-container">
  47. <form action="" method="post" class="form form-horizontal" id="edit">
  48. <div class="row cl">
  49. <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>店名:</label>
  50. <div class="formControls col-xs-10 col-sm-10">
  51. <input type="text" class="input-text" placeholder="请输入店名" id="name" name="name" value="{$data['name']}" />
  52. </div>
  53. </div>
  54. <div class="row cl">
  55. <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>城市:</label>
  56. <div class="formControls col-xs-10 col-sm-10">
  57. <select id="city" name="city" class="select" style="width:250px;">
  58. <foreach name="city" item="v" key="k">
  59. <option value="{$v['id']}"
  60. <if condition="$v['id'] eq $data['city_id']">selected="selected"</if>
  61. style="margin-left:55px;">{$v['name']}</option>
  62. </foreach>
  63. </select>
  64. </div>
  65. </div>
  66. <div class="row cl">
  67. <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>是否最新门店:</label>
  68. <div class="formControls col-xs-10 col-sm-10">
  69. <select id="is_new" name="is_new" class="select" style="width:250px;">
  70. <foreach name="is_new_list" item="v" key="k">
  71. <option value="{$k}"
  72. <if condition="$k eq $data['is_new']">selected="selected"</if>
  73. style="margin-left:55px;">{$v}</option>
  74. </foreach>
  75. </select>
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>图片:</label>
  80. <div class="formControls col-xs-10 col-sm-10">
  81. <input id="img" class="input-text" type="text" name="img" value="{$data.img}" style="display: none;"/>
  82. <input type="button" class="imgUpload" value="上传" style="width: 50px;"/>
  83. <input type="file" style="display: none;" class="imgFile">
  84. <div class="imgView" style="margin-top: 10px;">
  85. <if condition="$data['img'] neq ''">
  86. <img class="c_img" src="{$data.img}">
  87. </if>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="row cl">
  92. <label class="form-label col-xs-2 col-sm-2">地址:</label>
  93. <div class="formControls col-xs-10 col-sm-10">
  94. <input type="text" class="input-text" placeholder="请输入地" id="address" name="address" value="{$data['address']}" />
  95. </div>
  96. </div>
  97. <div class="row cl">
  98. <label class="form-label col-xs-2 col-sm-2">营业时间:</label>
  99. <div class="formControls col-xs-10 col-sm-10">
  100. <input type="text" class="input-text" placeholder="请输入营业时间" id="date" name="date" value="{$data['date']}" />
  101. </div>
  102. </div>
  103. <div class="row cl">
  104. <label class="form-label col-xs-2 col-sm-2">开始时间:</label>
  105. <div class="formControls col-xs-10 col-sm-10">
  106. <input type="text" class="input-text" placeholder="请输入开始时间" id="s_time" name="s_time" value="{$data['s_time']}" onClick="WdatePicker({dateFmt:'HH:mm'})" readonly />
  107. </div>
  108. </div>
  109. <div class="row cl">
  110. <label class="form-label col-xs-2 col-sm-2">结束时间:</label>
  111. <div class="formControls col-xs-10 col-sm-10">
  112. <input type="text" class="input-text" placeholder="请输入结束时间" id="e_time" name="e_time" value="{$data['e_time']}" onClick="WdatePicker({dateFmt:'HH:mm'})" readonly/>
  113. </div>
  114. </div>
  115. <div class="row cl">
  116. <label class="form-label col-xs-2 col-sm-2">电话:</label>
  117. <div class="formControls col-xs-10 col-sm-10">
  118. <input type="text" class="input-text" placeholder="电话" id="tel" name="tel" value="{$data['tel']}" />
  119. </div>
  120. </div>
  121. <div class="row cl">
  122. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  123. <input type="hidden" class="input-text" value="{$data.id}" placeholder="" id="id" name="id" />
  124. <button type="submit" class="btn btn-success radius" id="save" name="save"><i class="icon-ok"></i> 确定</button>
  125. </div>
  126. </div>
  127. </form>
  128. </article>
  129. <!--_footer 作为公共模版分离出去-->
  130. <include file="./Application/Admin/View/foot.html" />
  131. <!--/_footer /作为公共模版分离出去-->
  132. <script>
  133. //下面js课用于多个图片异步上传,无需重复
  134. $(document).on('click','.imgUpload',function(){
  135. $(this).siblings('.imgFile').trigger('click');
  136. });
  137. $(document).on('change','.imgFile',function(e){
  138. var imgFile = $(this);
  139. var imgInput = $("#img");
  140. var reader = new FileReader();
  141. reader.onload = (function (file) {
  142. return function (e) {
  143. var imgBase64 = this.result;
  144. $(imgInput).val(imgBase64);
  145. var html = '<img class="c_img" src="' + imgBase64 + '" >';
  146. $(imgFile).siblings('.imgView').html(html);
  147. };
  148. })(e.target.files[0]);
  149. reader.readAsDataURL(e.target.files[0]);
  150. });
  151. </script>
  152. <script>
  153. $().ready(function() {
  154. $("#edit").validate({
  155. rules: {
  156. name: {required: true},
  157. city_id: {required: true}
  158. },
  159. success: "valid",
  160. submitHandler: function() {
  161. $("#save").attr('disabled', true);
  162. var data = {
  163. id: $('#id').val(),
  164. name: $('#name').val(),
  165. city_id: $('#city').val(),
  166. img: $('#img').val(),
  167. address: $('#address').val(),
  168. date: $('#date').val(),
  169. is_new: $('#is_new').val(),
  170. s_time: $('#s_time').val(),
  171. e_time: $('#e_time').val(),
  172. tel: $('#tel').val()
  173. };
  174. $.ajax({
  175. type: "post",
  176. url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",
  177. data: {data:data},
  178. success: function(data) {
  179. if (data.status == '1') {
  180. //加载层-风格3
  181. parent.layer.load(2);
  182. parent.layer.msg(data.info, {icon: 1});
  183. parent.location.reload();
  184. var index = parent.layer.getFrameIndex(window.name);
  185. parent.layer.close(index);
  186. } else if(data.status == '0') {
  187. parent.layer.msg(data.info, {icon: 2});
  188. }
  189. $("#save").removeAttr('disabled');
  190. }
  191. });
  192. }
  193. });
  194. });
  195. </script>
  196. </body>
  197. </html>