huahuibao/app/admin/views/weixin/menu.php

<?php
use common\components\configDict;

?>
<link href="/css/weixin/base.css" rel="stylesheet" type="text/css">
<link href="/css/weixin/index.css" rel="stylesheet" type="text/css">
<div class="page-title">
    <div class="title-env">
        <h1 class="title" style="font-size: 18px;">微信菜单</h1>
    </div>
    <div class="breadcrumb-env">
        <ol class="breadcrumb bc-1">
            <li><a href="/"><i class="fa-home"></i>Home</a></li>
            <li><a href="javascript:void(0)">微信设置</a></li>
            <li class="active"><strong>微信菜单</strong></li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-body">

                <div class="menu_setting_area js_editBox weixin_menu">
                    <div class="menu_preview_area">
                        <div class="mobile_menu_preview">
                            <div class="mobile_hd tc"><?= $this->context->merchant['merchantName'] ?></div>
                            <div class="mobile_bd">
                                <ul id="menuList" class="pre_menu_list grid_line ui-sortable ui-sortable-disabled no_menu">
									<?php foreach ($menu as $mKey => $mVal) {
										$wxMenuContent = '0';
										$wxMenuOption = $mVal['menuOption'];
										switch ($wxMenuOption) {
											case $wxMenuOptionList['redirectToCommonUseUrl']://跳转到常用链接
												$wxMenuContent = $mVal['targetId'];
												break;
											case $wxMenuOptionList['redirectToCustomUrl']:
												$wxMenuContent = $mVal['replyUrl'];
												break;
											case $wxMenuOptionList['showText']:
												$wxMenuContent = $mVal['replyText'];
												break;
											case $wxMenuOptionList['redirectToActive']:
												$wxMenuContent = $mVal['targetId'];
												break;
										}
										?>

                                        <li class="jsMenu pre_menu_item grid_item jslevel1 ui-sortable ui-sortable-disabled size1of3">
                                            <a class="pre_menu_link" order="<?= $mKey ?>" reply_type="<?= $mVal['replyType'] ?>" has_child="<?= $mVal['hasSonMenu']; ?>" name="level_1_menu" id="level1Button<?= $mKey ?>" wx_menu_name="<?= $mVal['name'] ?>" wx_menu_option="<?= $mVal['menuOption'] ?>" wx_menu_content="<?= $wxMenuContent ?>" href="javascript:void(0);">
                                                <i class="icon_menu_dot js_icon_menu_dot dn"></i>
                                                <i class="icon20_common sort_gray"></i>
                                                <span class="js_l1Title"><?= $mVal['name'] ?></span> </a>
                                            <div class="sub_pre_menu_box js_l2TitleBox" style="display:none;">
                                                <ul class="sub_pre_menu_list">
													
													<?php
													if (!empty($mVal['child'])) {
														foreach ($mVal['child'] as $cKey => $cVal) {
															$aId = 'level2Button_' . $mKey . '_' . $cKey;
															$wxMenuContent = '0';
															$wxMenuOption = $cVal['menuOption'];
															switch ($wxMenuOption) {
																case $wxMenuOptionList['redirectToCommonUseUrl']://跳转到常用链接
																	$wxMenuContent = $cVal['targetId'];
																	break;
																case $wxMenuOptionList['redirectToCustomUrl']://跳转到自定义链接
																	$wxMenuContent = $cVal['replyUrl'];
																	break;
																case $wxMenuOptionList['showText']:
																	$wxMenuContent = $cVal['replyText'];//回复文字
																	break;
																case $wxMenuOptionList['redirectToActive']:
																	$wxMenuContent = $cVal['targetId'];//回复活动
																	break;
															}
															?>

                                                            <li class="jslevel2">
                                                                <a class="jsSubView" href="javascript:void(0);" reply_type="<?= $cVal['replyType'] ?>" parent_menu_order="<?= $mKey ?>" name="level_2_menu" wx_menu_name="<?= $cVal['name'] ?>" wx_menu_option="<?= $cVal['menuOption'] ?>" wx_menu_content="<?= $wxMenuContent ?>" id="<?= $aId ?>" onclick="editSonMenu(this,'<?= $aId ?>')">
                                                                    <img name="delMenu" onclick="showDel('<?= $aId ?>')" onmouseout="preDelButton(this)" onmouseover="newDelButton(this)" style="float:right;width:10px;margin-top:5px;" src="/images/icn_alert_error3.png"/>
                                                                    <span class="sub_pre_menu_inner js_sub_pre_menu_inner">
				<i class="icon20_common sort_gray"></i>
				&nbsp;<span class="js_l2Title"><?= $cVal['name'] ?></span>
			</span> </a>
                                                            </li>
														
														<?php }
													} ?>
                                                    <li class="js_addMenuBox">
                                                        <a class="jsSubView js_addL2Btn" href="javascript:void(0);" title="添加按钮">
														<span class="sub_pre_menu_inner js_sub_pre_menu_inner">
														<i class="icon14_menu_add"></i>
														</span> </a>
                                                    </li>

                                                </ul>
                                                <i class="arrow arrow_out"></i> <i class="arrow arrow_in"></i>
                                            </div>
                                        </li>
									
									<?php } ?>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="menu_form_area weixin_menu_right">
                        <div class="portable_editor to_left" id="js_rightBox">
                            <div class="editor_inner">
                                <div id="toDoMention" style="display:;">
                                    <div class="col-md-6" style="width: 50%; text-align: center; margin: 25% auto 0 25%;">
                                        <div class="alert alert-info" style="display:none;">点击左侧菜单进行设置。</div>
                                    </div>
                                </div>

                                <div class="menu_form_bd" id="toDoView" style="display:none;">
                                    <div class="frm_control_group js_setNameBox">
                                        <label class="frm_label" style="margin-left: 11px;">
                                            <strong class="title js_menuTitle"> 名称：</strong> </label>
                                        <div class="frm_controls">
											<span class="frm_input_box with_counter counter_in append">
											<input name="wx_menu_name" class="frm_input js_menu_name" type="text" value="" placeholder="请填写菜单名">
											</span>
                                            <p class="frm_tips js_titleNolTips"></p>
                                        </div>
                                    </div>
                                    <div class="frm_control_group js_setNameBox">
                                        <label class="frm_label" style="margin-left: 11px;"> <strong
                                                    class="title js_menuTitle"> 选项：</strong> </label>
                                        <div class="frm_controls">

                                            <select class="frm_select_box" name="wx_menu_option">
												<?php foreach ($wxMenuOptionName as $val) { ?>
                                                    <option reply_type="<?= $val['replyType'] ?>" value="<?= $val['key'] ?>"><?= $val['name'] ?></option>
												<?php } ?>
                                            </select>

                                        </div>
                                    </div>

                                    <div class="menu_content_container" style="display: block;">
                                        <div class="menu_content url jsMain" style="display: block;">

                                            <!-- 常用链接 -->
                                            <div class="frm_control_group" name="menu_container" style="display:;">
                                                <div style="margin: 4px 0 5px;">
                                                    <strong>零售店：</strong>
                                                </div>
                                                <p>
													<?php foreach ($commonUseUrl as $key => $val) {
														if ($val['manageStyle'] == $manageStyle['retail']) {
															?>
                                                            <label class="radio-inline"><input type="radio" name="common_use_url_key" value="<?= $val['key'] ?>"> <?= $val['name'] ?>
                                                            </label>
														<?php }
													} ?>
                                                </p>
                                            </div>
                                            <!-- 自定义链接 -->
                                            <div class="frm_control_group" name="menu_container" style="display: none;">
                                                <label class="frm_label" for=""> 请填写：</label>
                                                <div class="frm_controls">
													<span class="frm_input_box">
													<input class="frm_input" id="urlText" placeholder="必须以 http 开头" name="urlText" type="text">
													<p style="color:red;"></p>
													</span>
                                                </div>
                                            </div>
                                            <!-- 发送文字 -->
                                            <div class="frm_control_group" name="menu_container" style="display: none;">
                                                <div style="margin: 8px 0 5px;">
                                                    <strong>文字内容：</strong>
                                                </div>
                                                <textarea class="form-control" name="textContent" style="height: 100px;"></textarea>
                                            </div>
                                            <!-- 报名类活动 -->
                                            <div class="frm_control_group" name="menu_container" style="display: none;">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped table-hover table-condensed">

                                                        <thead>
                                                        <tr class="active">
                                                            <th class="no-sorting hidden-xs" style="text-align: center;">请选择</th>
                                                            <th class="hidden-xs">活动名称</th>
                                                            <th class="hidden-xs">开始时间</th>
                                                        </tr>
                                                        </thead>
														<?php if (!empty($active)){ ?>
                                                        <tbody class="middle-align">
														<?php foreach ($active as $actKey => $actVal) { ?>
                                                            <tr>
                                                                <td class="hidden-xs" style="text-align: center;">
                                                                    <input type="radio" name="active" value="<?= $actVal['id'] ?>" style="cursor:pointer;">
                                                                </td>
                                                                <td class="hidden-xs"><?= $actVal['title'] ?></td>
                                                                <td class="hidden-xs"><?= date("m-d H:i", $actVal['startTime']) ?></td>
                                                            </tr>
														<?php }
														} else { ?>
                                                            <tr>
                                                                <td class="hidden-xs" colspan="4" style="text-align:center;">还没有活动，<a href="/active/add" style="color:#40bbea;">点击新建</a>
                                                                </td>
                                                            </tr>
														<?php } ?>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>

                            </div>
                            <span class="editor_arrow_wrp"> <i
                                        class="editor_arrow editor_arrow_out"> </i> <i
                                        class="editor_arrow editor_arrow_in"> </i></span>
                        </div>
                    </div>
                </div>

                <div class="form-group" style="text-align: center; margin-top: 10px;">
                    <button type="button" onclick="submitData()" class="btn btn-info btn-single">保存</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" onclick="submitData('yes')" class="btn btn-info btn-single">生效</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- footer -->
<?php
use backend\widgets\FooterWidget;

?>
<?= FooterWidget::widget() ?>
<!-- footer -->

<script>
    var _csrf = '<?= Yii::$app->request->csrfToken ?>';
    var wxMenuOptionList = eval(<?= json_encode($wxMenuOptionList) ?>);
</script>

<div class="modal fade" id="confirmMention">
    <div class="modal-dialog" style="height:300px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">消息提示</h4>
            </div>
            <div class="modal-body">
                确认删除？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" name="delMenuConfirmOk">确认</button>
                <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<script src="/js/weixin/base.js"></script>