addnavigat.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  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. <style>
  45. .multi-audio-details .multi-audio-item {
  46. width: 155px;
  47. height: 40px;
  48. position: relative;
  49. float: left;
  50. margin-right: 5px;
  51. }
  52. </style>
  53. </head>
  54. <body layadmin-themealias="default">
  55. <div class="layui-fluid">
  56. <div class="layui-card">
  57. <div class="layui-card-header layui-elem-quote">当前位置:<span class="line-text"><?php if( !empty($item['id'])){ ?>编辑<?php }else{ ?>添加<?php } ?>导航图标<?php if( !empty($item['id'])){ ?>({$item['navname']})<?php } ?></span></div>
  58. <div class="layui-card-body" style="padding:15px;">
  59. <form action="" method="post" class="layui-form" lay-filter="component-layui-form-item" enctype="multipart/form-data" >
  60. <input type="hidden" name="data[id]" value="{$item['id']}"/>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label must">导航图标名称</label>
  63. <div class="layui-input-block ">
  64. <input type="text" id='advname' name="data[navname]" class="form-control" value="{$item['navname']}" data-rule-required="true"/>
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <label class="layui-form-label must">图片</label>
  69. <div class="layui-input-block">
  70. {:tpl_form_field_image2('data[thumb]', $item['thumb'])}
  71. <span class='help-block'>建议尺寸:120 * 120 , 请将所有图标尺寸保持1:1</span>
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <label class="layui-form-label">链接类型</label>
  76. <div class="layui-input-block">
  77. <label class='radio-inline'>
  78. <input type='radio' name='data[type]' title="本小程序链接" lay-filter="linktype" value=1 <?php if($item['type']==1 || empty($item)){ ?>checked<?php } ?> />
  79. </label>
  80. <label class='radio-inline'>
  81. <input type='radio' name='data[type]' title="webview外链" lay-filter="linktype" value=0 <?php if( $item['type']==0 && !empty($item) ){ ?>checked<?php } ?> />
  82. </label>
  83. <label class='radio-inline'>
  84. <input type='radio' name='data[type]' title="外部小程序链接" lay-filter="linktype" value=2 <?php if( $item['type']==2 && !empty($item) ){ ?>checked<?php } ?> />
  85. </label>
  86. <label class='radio-inline'>
  87. <input type='radio' name='data[type]' title="首页分类" lay-filter="linktype" value=3 <?php if( $item['type']==3 && !empty($item) ){ ?>checked<?php } ?> />
  88. </label>
  89. <label class='radio-inline'>
  90. <input type='radio' name='data[type]' title="独立分类页" lay-filter="linktype" value=4 <?php if( $item['type']==4 && !empty($item) ){ ?>checked<?php } ?> />
  91. </label>
  92. <label class='radio-inline'>
  93. <input type='radio' name='data[type]' title="客服" lay-filter="linktype" value=5 <?php if( $item['type']==5 && !empty($item) ){ ?>checked<?php } ?> />
  94. </label>
  95. <label class='radio-inline'>
  96. <input type='radio' name='data[type]' title="优惠券" lay-filter="linktype" value=6 <?php if( $item['type']==6 && !empty($item) ){ ?>checked<?php } ?> />
  97. </label>
  98. </div>
  99. </div>
  100. <div class="layui-form-item" style="<?php if( $item['type']!=2 ){ ?>display: none;<?php } ?>" id="typeGroup">
  101. <label class="layui-form-label">外链小程序appid</label>
  102. <div class="layui-input-block ">
  103. <input type="text" id='appid' name="data[appid]" class="form-control" value="{$item['appid']}" maxlength="32"/>
  104. </div>
  105. </div>
  106. <div class="layui-form-item" style="<?php if( $item['type']==3 || $item['type']==4 || $item['type']==5 || $item['type']==6){ ?>display: none;<?php } ?>" id="typeUrl">
  107. <label class="layui-form-label must">链接</label>
  108. <div class="layui-input-block">
  109. <div class="input-group" style="margin: 0;">
  110. <input type="text" value="{$item['link']}" class="form-control valid" name="data[link]" placeholder="" id="advlink">
  111. <span class="input-group-btn">
  112. <span data-input="#advlink" id="chose_link" data-toggle="selectUrl" class="btn btn-default">选择链接</span>
  113. </span>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="layui-form-item" style="<?php if( $item['type']!=3 && $item['type']!=4 ){ ?>display: none;<?php } ?>" id="typeCid">
  118. <label class="layui-form-label must">分类</label>
  119. <div class="layui-input-block">
  120. <select id="cates" name='data[cid]' class="form-control select2">
  121. <?php foreach($category as $c){ ?>
  122. <option value="{$c['id']}" <?php if($c['id']==$item['link']){ ?>selected<?php } ?> >{$c['name']}</option>
  123. <?php } ?>
  124. </select>
  125. </div>
  126. </div>
  127. <div class="layui-form-item" id="couponId" style="<?php if( $item['type']!=6 ){ ?>display: none;<?php } ?>">
  128. <label class="layui-form-label must">优惠券</label>
  129. <div class="layui-input-block">
  130. <div class="input-group " style="margin: 0;">
  131. <input type="text" disabled value="" class="form-control valid" name="coupon_dan_id" placeholder="" id="coupon_id">
  132. <span class="input-group-btn">
  133. <span data-input="#coupon_id_box" data-name="coupon_id" id="chose_coupon_id" class="btn btn-default">选择优惠券</span>
  134. </span>
  135. </div>
  136. <div class="multi-audio-details container" id="coupon_id_box" style="width:auto;">
  137. <?php if( !empty($couponinfo) ){ ?>
  138. <?php foreach($couponinfo as $c){ ?>
  139. <div class="multi-audio-item " data-id="{$c['id']}">
  140. <div class="input-group">
  141. <input type="text" class="form-control img-textname" readonly="" value="{$c['voucher_title']}">
  142. <input type="hidden" value="{$c['id']}" name="coupon_id[]">
  143. <div class="input-group-btn">
  144. <button class="btn btn-default" data-id="{$c['id']}" onclick="cancle_coupon(this, {$c['id']})" type="button"><i class="fa fa-remove"></i></button>
  145. </div>
  146. </div>
  147. </div>
  148. <?php } ?>
  149. <?php } ?>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="layui-form-item">
  154. <label class="layui-form-label">排序</label>
  155. <div class="layui-input-block">
  156. <input type="text" name="data[displayorder]" class="form-control" value="{$item['displayorder']}"/>
  157. <span class='help-block'>数字越大,排名越靠前</span>
  158. </div>
  159. </div>
  160. <div class="layui-form-item">
  161. <label class="layui-form-label">状态</label>
  162. <div class="layui-input-block">
  163. <label class='radio-inline'>
  164. <input type='radio' name='data[enabled]' title="显示" value=1 <?php if( $item['enabled']==1 || empty($item)){ ?>checked<?php } ?> />
  165. </label>
  166. <label class='radio-inline'>
  167. <input type='radio' name='data[enabled]' title="隐藏" value=0 <?php if( $item['enabled']==0 && !empty($item) ){ ?>checked<?php } ?> />
  168. </label>
  169. </div>
  170. </div>
  171. <div class="layui-form-item">
  172. <label class="layui-form-label"> </label>
  173. <div class="layui-input-block">
  174. <input type="submit" value="提交" lay-submit lay-filter="formDemo" class="btn btn-primary" />
  175. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  176. <!-- <a class="btn btn-default" style='margin-left:10px;' href="{:U('configindex/navigat',array('ok'=>'1'))}">返回列表</a>-->
  177. </div>
  178. </div>
  179. </form>
  180. </div>
  181. </div>
  182. </div>
  183. <script src="/layuiadmin/layui/layui.js"></script>
  184. <script>
  185. layui.config({
  186. base: '/layuiadmin/' //静态资源所在路径
  187. }).extend({
  188. index: 'lib/index' //主入口模块
  189. }).use('index');
  190. </script>
  191. <script>
  192. //由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
  193. var layer = layui.layer;
  194. var $;
  195. var cur_open_div;
  196. var iptname;
  197. layui.use(['jquery', 'layer','form'], function(){
  198. $ = layui.$;
  199. var form = layui.form;
  200. form.on('radio(linktype)', function(data){
  201. if (data.value == 2) {
  202. $('#typeGroup').show();
  203. } else {
  204. $('#typeGroup').hide();
  205. }
  206. if(data.value == 3 || data.value == 4){
  207. $('#typeUrl').hide();
  208. $('#typeCid').show();
  209. $('#couponId').hide();
  210. } else if(data.value == 5){
  211. $('#typeUrl').hide();
  212. $('#typeCid').hide();
  213. $('#couponId').hide();
  214. } else if(data.value == 6){
  215. $('#typeUrl').hide();
  216. $('#typeCid').hide();
  217. $('#couponId').show();
  218. } else {
  219. $('#typeUrl').show();
  220. $('#typeCid').hide();
  221. $('#couponId').hide();
  222. }
  223. });
  224. $('#chose_link').click(function(){
  225. cur_open_div = $(this).attr('data-input');
  226. $.post("{:U('util/selecturl', array('ok' => 1))}", {}, function(shtml){
  227. layer.open({
  228. type: 1,
  229. area: '930px',
  230. content: shtml //注意,如果str是object,那么需要字符拼接。
  231. });
  232. });
  233. })
  234. $('#chose_coupon_id').click(function(){
  235. cur_open_div = $(this).attr('data-input');
  236. iptname = $(this).data('name');
  237. var coupon_ids = [];
  238. $('.multi-audio-item').each(function(){
  239. coupon_ids.push( $(this).attr("data-id") );
  240. })
  241. $.post("{:U('Marketing/couponquery', array('ok' => 1))}", {coupon_ids:coupon_ids}, function(shtml){
  242. layer.open({
  243. type: 1,
  244. area: '930px',
  245. content: shtml //注意,如果str是object,那么需要字符拼接。
  246. });
  247. })
  248. })
  249. //监听提交
  250. form.on('submit(formDemo)', function(data){
  251. $.ajax({
  252. url: data.form.action,
  253. type: data.form.method,
  254. data: data.field,
  255. dataType:'json',
  256. success: function (info) {
  257. if(info.status == 0)
  258. {
  259. layer.msg(info.result.message,{icon: 1,time: 2000});
  260. }else if(info.status == 1){
  261. var go_url = location.href;
  262. if( info.result.hasOwnProperty("url") )
  263. {
  264. go_url = info.result.url;
  265. }
  266. layer.msg('操作成功',{time: 1000,
  267. end:function(){
  268. var backurl = "{:U('Configindex/navigat',array('ok'=>'1'))}";
  269. location.href = backurl;
  270. // location.href = info.result.url;
  271. }
  272. });
  273. }
  274. }
  275. });
  276. return false;
  277. });
  278. })
  279. function cancle_coupon(obj,sdiv)
  280. {
  281. $('#coupon_id').val('');
  282. $('#'+sdiv).val('');
  283. $(obj).parents('.multi-audio-item').remove();
  284. var coupon_id = "";
  285. var head_arr = [];
  286. $('.mult_heads').each(function(){
  287. head_arr.push( $(this).val() );
  288. })
  289. coupon_id = head_arr.join(',');
  290. $('#coupon_id').val(coupon_id);
  291. //$('.mult_choose_goodsid').remove();
  292. }
  293. </script>
  294. </body>