icon.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
  6. <title><?php echo $shoname; ?></title>
  7. <link rel="shortcut icon" href="" />
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  11. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  12. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  13. <!--[if lt IE 9]>
  14. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  15. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  16. <![endif]-->
  17. <link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
  18. <link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
  19. <script type="text/javascript">
  20. window.sysinfo = {
  21. <?php if (!empty($_W['uniacid']) ){ ?>'uniacid': '{$_W['uniacid']}',<?php } ?>
  22. <?php if( !empty($_W['acid']) ){ ?>'acid': '{$_W['acid']}',<?php } ?>
  23. <?php if (!empty($_W['openid']) ) { ?>'openid': '{$_W['openid']}',<?php } ?>
  24. <?php if( !empty($_W['uid']) ) { ?>'uid': '{$_W['uid']}',<?php } ?>
  25. 'isfounder': <?php if (!empty($_W['isfounder']) ) { ?>1<?php }else{ ?>0<?php } ?>,
  26. 'siteroot': '{$_W['siteroot']}',
  27. 'siteurl': '{$_W['siteurl']}',
  28. 'attachurl': '{$_W['attachurl']}',
  29. 'attachurl_local': '{$_W['attachurl_local']}',
  30. 'attachurl_remote': '{$_W['attachurl_remote']}',
  31. 'module' : {'url' : '<?php if( defined('MODULE_URL') ) { ?>{MODULE_URL}<?php } ?>', 'name' : '<?php if (defined('IN_MODULE') ) { ?>{IN_MODULE}<?php } ?>'},
  32. 'cookie' : {'pre': ''},
  33. 'account' : {:json_encode($_W['account'])},
  34. };
  35. </script>
  36. <script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
  37. <script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
  38. <script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
  39. <script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
  40. <script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
  41. <script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
  42. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  43. <link href="/static/css/snailfish.css" rel="stylesheet">
  44. <link href="/static/css/minapp.css?v=1" rel="stylesheet">
  45. </head>
  46. <body layadmin-themealias="default">
  47. <div class="layui-fluid">
  48. <div class="layui-card">
  49. <div class="layui-card-header layui-elem-quote">当前位置:<span class="line-text">个人中心图标设置</span></div>
  50. <div class="layui-card-body" style="padding:15px;">
  51. <form action="" method="post" class="layui-form" lay-filter="component-layui-form-item" enctype="multipart/form-data" >
  52. <div class="clearfix">
  53. <div class="col-xs-6 col-md-5">
  54. <div class="minapp">
  55. <div class="titlebar"><img src="/static/images/minappbar.jpg"></div>
  56. <div class="user">
  57. <div class="user-top">
  58. <div class="avatar">头像</div>
  59. <div class="username">xxx</div>
  60. </div>
  61. <div class="order">
  62. <div class="order-title">我的订单</div>
  63. <div class="orderTab">
  64. <div class="order_status">
  65. {:tpl_form_field_image_sin('parameter[user_order_menu_icon1]', $data['user_order_menu_icons']['i1'], '', array('class_extra'=>'order_menu_icon'))}
  66. <div class="order_status_name">待付款</div>
  67. </div>
  68. <div class="order_status">
  69. {:tpl_form_field_image_sin('parameter[user_order_menu_icon2]', $data['user_order_menu_icons']['i2'], '', array('class_extra'=>'order_menu_icon'))}
  70. <div class="order_status_name">待配送</div>
  71. </div>
  72. <div class="order_status">
  73. {:tpl_form_field_image_sin('parameter[user_order_menu_icon3]', $data['user_order_menu_icons']['i3'], '', array('class_extra'=>'order_menu_icon'))}
  74. <div class="order_status_name">待提货</div>
  75. </div>
  76. <div class="order_status">
  77. {:tpl_form_field_image_sin('parameter[user_order_menu_icon4]', $data['user_order_menu_icons']['i4'], '', array('class_extra'=>'order_menu_icon'))}
  78. <div class="order_status_name">已提货</div>
  79. </div>
  80. <div class="order_status">
  81. {:tpl_form_field_image_sin('parameter[user_order_menu_icon5]', $data['user_order_menu_icons']['i5'], '', array('class_extra'=>'order_menu_icon'))}
  82. <div class="order_status_name">售后服务</div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="layui-form-item" style="margin-top: 20px;">
  87. <label class="layui-form-label" style="width: auto;">工具栏显示</label>
  88. <div class="layui-input-block" style="margin-left: 100px;">
  89. <input type="radio" name="parameter[user_tool_showtype]" value="0" lay-filter="toollisttype" title="列表模式" <?php if( empty($data) || $data['user_tool_showtype'] ==0 ){ ?>checked <?php } ?> />
  90. <input type="radio" name="parameter[user_tool_showtype]" value="1" lay-filter="toollisttype" title="宫格模式" <?php if( !empty($data) && $data['user_tool_showtype'] ==1 ){ ?>checked <?php } ?> />
  91. </div>
  92. </div>
  93. <div class="tool">
  94. <div class="toolList <?php if($data['user_tool_showtype'] ==1) { echo 'grad'; } ?>">
  95. <div class="item-main">
  96. {:tpl_form_field_image_sin('parameter[user_tool_icon1]', $data['user_tool_icons']['i1'], '', array('class_extra'=>'tool_icon'))}
  97. <span>余额</span>
  98. </div>
  99. <div class="item-main">
  100. {:tpl_form_field_image_sin('parameter[user_tool_icon10]', $data['user_tool_icons']['i10'], '', array('class_extra'=>'tool_icon'))}
  101. <span>我的接龙</span>
  102. </div>
  103. <div class="item-main">
  104. {:tpl_form_field_image_sin('parameter[user_tool_icon11]', $data['user_tool_icons']['i11'], '', array('class_extra'=>'tool_icon'))}
  105. <span>商品核销</span>
  106. </div>
  107. <div class="item-main">
  108. {:tpl_form_field_image_sin('parameter[user_tool_icon2]', $data['user_tool_icons']['i2'], '', array('class_extra'=>'tool_icon'))}
  109. <span>积分</span>
  110. </div>
  111. <div class="item-main">
  112. {:tpl_form_field_image_sin('parameter[user_tool_icon3]', $data['user_tool_icons']['i3'], '', array('class_extra'=>'tool_icon'))}
  113. <span>优惠券</span>
  114. </div>
  115. <div class="item-main">
  116. {:tpl_form_field_image_sin('parameter[user_tool_icon4]', $data['user_tool_icons']['i4'], '', array('class_extra'=>'tool_icon'))}
  117. <span>核销管理</span>
  118. </div>
  119. <div class="item-main">
  120. {:tpl_form_field_image_sin('parameter[user_tool_icon5]', $data['user_tool_icons']['i5'], '', array('class_extra'=>'tool_icon'))}
  121. <span>团长中心</span>
  122. </div>
  123. <div class="item-main">
  124. {:tpl_form_field_image_sin('parameter[user_tool_icon6]', $data['user_tool_icons']['i6'], '', array('class_extra'=>'tool_icon'))}
  125. <span>供应商</span>
  126. </div>
  127. <div class="item-main">
  128. {:tpl_form_field_image_sin('parameter[user_tool_icon12]', $data['user_tool_icons']['i12'], '', array('class_extra'=>'tool_icon'))}
  129. <span>预售中心</span>
  130. </div>
  131. <div class="item-main">
  132. {:tpl_form_field_image_sin('parameter[user_tool_icon13]', $data['user_tool_icons']['i13'], '', array('class_extra'=>'tool_icon'))}
  133. <span>邀请有礼</span>
  134. </div>
  135. <div class="item-main">
  136. {:tpl_form_field_image_sin('parameter[user_tool_icon14]', $data['user_tool_icons']['i14'], '', array('class_extra'=>'tool_icon'))}
  137. <span>礼品卡中心</span>
  138. </div>
  139. <div class="item-main">
  140. {:tpl_form_field_image_sin('parameter[user_tool_icon7]', $data['user_tool_icons']['i7'], '', array('class_extra'=>'tool_icon'))}
  141. <span>常见帮助</span>
  142. </div>
  143. <div class="item-main">
  144. {:tpl_form_field_image_sin('parameter[user_tool_icon8]', $data['user_tool_icons']['i8'], '', array('class_extra'=>'tool_icon'))}
  145. <span>联系客服</span>
  146. </div>
  147. <div class="item-main">
  148. {:tpl_form_field_image_sin('parameter[user_tool_icon9]', $data['user_tool_icons']['i9'], '', array('class_extra'=>'tool_icon'))}
  149. <span>关于我们</span>
  150. </div>
  151. <div class="item-main">
  152. {:tpl_form_field_image_sin('parameter[user_tool_icon15]', $data['user_tool_icons']['i15'], '', array('class_extra'=>'tool_icon'))}
  153. <span>退出登录</span>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="col-xs-6 col-md-7 user-details">
  161. <div class="details-title">备注:</div>
  162. <p>1.订单图标大小为56*56;</p>
  163. <p>2.工具栏菜单图标大小为40*40,宫格模式建议尺寸100*100。</p>
  164. </div>
  165. </div>
  166. <div class="layui-form-item">
  167. <label class="layui-form-label"> </label>
  168. <div class="layui-input-block">
  169. <input type="submit" value="提交" lay-submit lay-filter="formDemo" class="btn btn-primary" />
  170. </div>
  171. </div>
  172. </form>
  173. </div>
  174. </div>
  175. </div>
  176. <script src="/layuiadmin/layui/layui.js"></script>
  177. <script>
  178. layui.config({
  179. base: '/layuiadmin/' //静态资源所在路径
  180. }).extend({
  181. index: 'lib/index' //主入口模块
  182. }).use('index');
  183. </script>
  184. <script>
  185. //由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
  186. var layer = layui.layer;
  187. var $;
  188. layui.use(['jquery', 'layer','form'], function(){
  189. $ = layui.$;
  190. var form = layui.form;
  191. form.on('radio(toollisttype)', function(data){
  192. if (data.value == 1) {
  193. $('.toolList').addClass('grad');
  194. } else {
  195. $('.toolList').removeClass('grad');
  196. }
  197. })
  198. //监听提交
  199. form.on('submit(formDemo)', function(data){
  200. $.ajax({
  201. url: data.form.action,
  202. type: data.form.method,
  203. data: data.field,
  204. dataType:'json',
  205. success: function (info) {
  206. if(info.status == 0)
  207. {
  208. layer.msg(info.result.message,{icon: 1,time: 2000});
  209. }else if(info.status == 1){
  210. var go_url = location.href;
  211. if( info.result.hasOwnProperty("url") )
  212. {
  213. go_url = info.result.url;
  214. }
  215. layer.msg('操作成功',{time: 1000,
  216. end:function(){
  217. location.href = info.result.url;
  218. }
  219. });
  220. }
  221. }
  222. });
  223. return false;
  224. });
  225. })
  226. </script>
  227. </body>