@extends('layouts.base')
@section('title', "公众号设置")
@section('content')
<style>
    .rightlist #app .rightlist-head{line-height:50px;padding:15px 0;}
    .rightlist #app{margin-left:30px;}
    .el-form-item__label{padding-right:30px;}
    .tip{font-size:12px;color:#999;}
    .rightlist-head-con{float:left;padding-right:20px;font-size:16px;color:#888;}
    .el-tag{font-weight:700;font-size:15px;margin-bottom:30px;}
    .el-icon-edit{font-size:16px;padding:0 15px;color:#409EFF;cursor: pointer;}
    /* 滑块选择小白点 */
    .el-switch.is-checked .el-switch__core::after {left: 100%;margin-left: -17px;}
    .el-switch__core::after {content: "";position: absolute;top: 1px;left: 1px;border-radius: 100%;transition: all .3s;width: 16px;height: 16px;background-color: #fff;}
    /* 选择图文 */
    .image_text_head{border:1px solid #dadada;}
    .image_text_head:hover{border:1px #428bca solid;cursor: pointer;color:#428bca; background:#f4f6f9;}

    [v-cloak]{
        display:none;
    }
</style>
<div class="rightlist">
    <div id="app" v-loading="submit_loading" v-cloak>
        <link rel="stylesheet" href="//at.alicdn.com/t/font_913727_z06rk8m5vie.css">
        <div class="rightlist-head">
            <div class="rightlist-head-con">公众号设置</div>
            <a href="{{ yzWebUrl('plugin.wechat.admin.menu.controller.default-menu.index', array('type' => '1')) }}">
                <el-button type="primary" icon="el-icon-plus">添加新菜单</el-button>
            </a>
        </div>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="默认菜单" name="default">
                <el-tabs v-model="activeChild" @tab-click="handleClickChild">
                    <el-tab-pane label="默认菜单" name="menu">
                    <div style="text-align:center;padding:30px 0;">
                        <span>菜单组名称：</span>
                        <el-input style="width:30%;" v-model="menu.title" @input="title_tips=false" @blur="menu.title==''?title_tips=true:title_tips=false"></el-input>
                        <p class="menu-tips" style="color:#e15f63" v-show="title_tips">请输入菜单组名称</p>
                    </div>

                    <div class="content" style="width:1000px;margin:0 auto;overflow:hidden;">
                        <div>
                            <!-- 预览窗 -->
                            <div class="weixin-preview">
                                <div class="weixin-hd">
                                    <div class="weixin-title">[[weixinTitle]]</div>
                                </div>
                                <div class="weixin-bd">
                                    <ul class="weixin-menu" id="weixin-menu" >
                                        <li v-for="(btn,i) in menu.button" class="menu-item" :class="{current:selectedMenuIndex===i&&selectedMenuLevel()==1}" @click="selectedMenu(i,$event)">
                                            <div class="menu-item-title">
                                                <i class="icon_menu_dot"></i>
                                                <span>[[ btn.name ]]</span>
                                            </div>
                                            <ul class="weixin-sub-menu" v-show="selectedMenuIndex===i">
                                                <li v-for="(sub,i2) in btn.sub_button" class="menu-sub-item" :class="{current:selectedSubMenuIndex===i2&&selectedMenuLevel()==2}"  @click.stop="selectedSubMenu(i2,$event)">
                                                    <div class="menu-item-title">
                                                        <span>[[sub.name]]</span>
                                                    </div>
                                                </li>
                                                <li v-if="btn.sub_button.length<5" class="menu-sub-item" @click.stop="addMenu(2)">
                                                    <div class="menu-item-title">
                                                        <i class="icon14_menu_add"></i>
                                                    </div>
                                                </li>
                                                <i class="menu-arrow arrow_out"></i>
                                                <i class="menu-arrow arrow_in"></i>
                                            </ul>
                                        </li>
                                        <li class="menu-item" v-if="menu.button.length<3" @click="addMenu(1)"> <i class="icon14_menu_add"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 主菜单 -->
                            <div class="weixin-menu-detail" v-if="selectedMenuLevel()==1">
                                <div class="menu-input-group" style="border-bottom: 2px #e8e8e8 solid;">
                                    <div class="menu-name">[[menu.button[selectedMenuIndex].name]]</div>
                                    <div class="menu-del" @click="delMenu">删除菜单</div>
                                </div>
                                <div class="menu-input-group">
                                    <div class="menu-label">菜单名称</div>
                                    <div class="menu-input">
                                        <input type="text" name="name" placeholder="请输入菜单名称" class="menu-input-text" v-model="menu.button[selectedMenuIndex].name" @input="checkMenuName(menu.button[selectedMenuIndex].name)">
                                        <p class="menu-tips" style="color:#e15f63" v-show="menuNameBounds">字数超过上限</p>
                                        <p class="menu-tips">字数不超过4个汉字或8个字母</p>
                                    </div>
                                </div>
                                <template v-if="menu.button[selectedMenuIndex].sub_button.length==0">
                                    <div class="menu-input-group">
                                        <div class="menu-label" style="height:100px;">菜单内容</div>
                                        <div class="">
                                            <!-- <el-radio v-model="menu.button[selectedMenuIndex].type" label="media_id">发送消息</el-radio> -->
                                            <el-radio v-model="menu.button[selectedMenuIndex].type" label="click">发送消息</el-radio>
                                            <el-radio v-model="menu.button[selectedMenuIndex].type" label="view">跳转网页</el-radio>
                                            <el-radio v-model="menu.button[selectedMenuIndex].type" label="scancode_push">扫码</el-radio>
                                            <el-radio v-model="menu.button[selectedMenuIndex].type" label="miniprogram">关联小程序</el-radio>

                                        </div>
                                        <!-- <div class="menu-input">
                                            <select v-model="menu.button[selectedMenuIndex].type" name="type" class="menu-input-text">
                                                <option value="view">跳转网页(view)</option>
                                                <option value="media_id">发送消息(media_id)</option>
                                                <option value="view_limited">跳转公众号图文消息链接(view_limited)</option>
                                                <option value="miniprogram">打开指定小程序(miniprogram)</option>
                                                <option value="click">自定义点击事件(click)</option>
                                                <option value="scancode_push">扫码上传消息(scancode_push)</option>
                                                <option value="scancode_waitmsg">扫码提示下发(scancode_waitmsg)</option>
                                                <option value="pic_sysphoto">系统相机拍照(pic_sysphoto)</option>
                                                <option value="pic_photo_or_album">弹出拍照或者相册(pic_photo_or_album)</option>
                                                <option value="pic_weixin">弹出微信相册(pic_weixin)</option>
                                                <option value="location_select">弹出地理位置选择器(location_select)</option>
                                            </select>
                                        </div> -->
                                    </div>
                                    <div class="menu-content" v-if="selectedMenuType()==1">
                                        <div class="menu-input-group">
                                            <p class="menu-tips">订阅者点击该菜单会跳到以下链接</p>
                                            <div class="menu-label">页面地址</div>
                                            <div class="menu-input">
                                                <input type="text" placeholder="" class="menu-input-text" v-model="menu.button[selectedMenuIndex].url">
                                                <p class="menu-tips cursor" @click="selectWebsiteUrl(1)">选择地址</p>
                                                <div class="tip">指定点击此菜单时要跳转的链接（注：链接需加http://）</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-msg-content" v-else-if="selectedMenuType()==2">
                                        <div class="menu-msg-head">发送消息</div>
                                        <div>
                                            <div v-if="menu.button[selectedMenuIndex].type=='click'" style="padding:15px 0 0 50px;">
                                                <div v-if="menu.button[selectedMenuIndex].material.type=='news'">
                                                    <img :src="menu.button[selectedMenuIndex].material.has_many_news[0].thumb_url" style="max-width:50px;" alt="">
                                                    【图文消息】
                                                </div>
                                                <div v-if="menu.button[selectedMenuIndex].material.type=='image'">
                                                    <img :src="menu.button[selectedMenuIndex].material.attachment" style="max-width:50px;" alt="">
                                                    【图片消息】
                                                </div>
                                                <div v-if="menu.button[selectedMenuIndex].material.type=='voice'">
                                                    <i class="iconfont icon-paishipin" style="float:left;display:inline-block;font-size:50px;height:60px;padding-top:20px;"></i>
                                                    <div style="display:block;overflow:hidden;">【语音消息】[[menu.button[selectedMenuIndex].material.media_id]]</div>
                                                </div>
                                                <div v-if="menu.button[selectedMenuIndex].material.type=='video'">
                                                    <i class="iconfont icon-shipindianbo" style="float:left;display:inline-block;font-size:50px;height:60px;padding-top:20px;"></i>
                                                    <div style="display:block;overflow:hidden;">【视频消息】[[menu.button[selectedMenuIndex].material.filename]]</div>
                                                </div>
                                            </div>
                                            <div v-if="menu.button[selectedMenuIndex].type=='click'&&menu.button[selectedMenuIndex].key" style="padding:15px 0 0 50px;">
                                                <div>
                                                    【关键字】<span>[[menu.button[selectedMenuIndex].key]]</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="menu-msg-panel">
                                            <div class="menu-msg-select1">
                                                <div class="div1" @click="selectMsgUrl(1)">
                                                    <i class="iconfont icon-haibao" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    图文
                                                </div>
                                                <div class="div1" @click="selectMsgUrl(2)">
                                                    <i class="iconfont icon-tupian" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    图片

                                                </div>
                                                <div class="div1" @click="selectMsgUrl(3)">
                                                    <i class="iconfont icon-shipindianbo" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    视频
                                                    </div>

                                                <div class="div1" @click="selectMsgUrl(4)">
                                                    <i class="iconfont icon-paishipin" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    语音
                                                    </div>
                                                <div class="div1" @click="selectMsgUrl(5)">
                                                    <i class="iconfont icon-gexinghuapingtaitubiao-" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    触发关键字
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 扫码 -->

                                    <div class="menu-content" v-else-if="selectedMenuType()==3">
                                        <div class="menu-input-group">
                                            <p class="menu-tips">菜单内容为扫码，那么点击这个菜单是，手机扫描二维码</p>
                                            <div v-if="menu.button[selectedMenuIndex].type=='scancode_push'&&menu.button[selectedMenuIndex].key" style="padding:15px 0 0 50px;">
                                                <div>
                                                    【关键字】<span>[[menu.button[selectedMenuIndex].key]]</span>
                                                </div>
                                            </div>
                                            <div class="menu-msg-panel menu-msg-panel">
                                                <div class="menu-msg-select1">
                                                    <div class="div1" @click="selectMsgUrl(6)">
                                                        <i class="iconfont icon-gexinghuapingtaitubiao-" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                        触发关键字
                                                        </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-content" v-else-if="selectedMenuType()==4">
                                        <div class="menu-input-group">
                                            <p class="menu-tips">订阅者点击该子菜单会跳到以下小程序</p>
                                            <div class="menu-label">小程序APPID</div>
                                            <div class="menu-input">
                                                <input type="text" placeholder="请确保小程序与公众号以关联" class="menu-input-text" v-model="menu.button[selectedMenuIndex].appid">
                                            </div>
                                        </div>
                                        <div class="menu-input-group">
                                            <div class="menu-label">页面</div>
                                            <div class="menu-input">
                                                <input type="text" placeholder="请填写跳转页面的小程序访问路径" class="menu-input-text" v-model="menu.button[selectedMenuIndex].pagepath">
                                            </div>
                                        </div>
                                        <div class="menu-input-group">
                                            <div class="menu-label">备用网页</div>
                                            <div class="menu-input">
                                                <input type="text" placeholder="" class="menu-input-text" v-model="menu.button[selectedMenuIndex].url">
                                                <p class="menu-tips">旧版微信客户端无法支持小程序，用户点击菜单时将会打开备用网页。</p>
                                            </div>
                                        </div>
                                    </div>
                                </template>
                            </div>
                            <!-- 子菜单 -->
                            <div class="weixin-menu-detail" v-if="selectedMenuLevel()==2">
                                <div class="menu-input-group" style="border-bottom: 2px #e8e8e8 solid;">
                                    <div class="menu-name">[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].name]]</div>
                                    <div class="menu-del" @click="delMenu">删除子菜单</div>
                                </div>
                                <div class="menu-input-group">
                                    <div class="menu-label">子菜单名称</div>
                                    <div class="menu-input">
                                        <input type="text" placeholder="请输入子菜单名称" class="menu-input-text" v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].name" @input="checkMenuName(menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].name)">
                                        <p class="menu-tips" style="color:#e15f63" v-show="menuNameBounds">字数超过上限</p>
                                        <p class="menu-tips">字数不超过7个汉字或14个字母</p>
                                    </div>
                                </div>
                                <div class="menu-input-group">
                                    <div class="menu-label" style="padding:30px 0;">子菜单内容</div>
                                    <div class="">
                                        <!-- <el-radio v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" label="media_id">发送消息</el-radio> -->
                                        <el-radio v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" label="click">发送消息</el-radio>
                                        <el-radio v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" label="view">跳转网页</el-radio>
                                        <el-radio v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" label="scancode_push">扫码</el-radio>
                                        <el-radio v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" label="miniprogram">关联小程序</el-radio>


                                        <!-- <select v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type" name="type" class="menu-input-text">
                                            <option value="view">跳转网页(view)</option>
                                            <option value="media_id">发送消息(media_id)</option>
                                            <option value="view_limited">跳转公众号图文消息链接(view_limited)</option>
                                            <option value="miniprogram">打开指定小程序(miniprogram)</option>
                                            <option value="click">自定义点击事件(click)</option>
                                            <option value="scancode_push">扫码上传消息(scancode_push)</option>
                                            <option value="scancode_waitmsg">扫码提示下发(scancode_waitmsg)</option>
                                            <option value="pic_sysphoto">系统相机拍照(pic_sysphoto)</option>
                                            <option value="pic_photo_or_album">弹出拍照或者相册(pic_photo_or_album)</option>
                                            <option value="pic_weixin">弹出微信相册(pic_weixin)</option>
                                            <option value="location_select">弹出地理位置选择器(location_select)</option>
                                        </select> -->
                                    </div>
                                </div>
                                <div class="menu-content" v-if="selectedMenuType()==1">
                                    <div class="menu-input-group">
                                        <p class="menu-tips">订阅者点击该子菜单会跳到以下链接</p>
                                        <div class="menu-label">页面地址</div>
                                        <div class="menu-input">
                                            <input type="text" placeholder="" class="menu-input-text" v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].url">
                                            <p class="menu-tips cursor" @click="selectWebsiteUrl()">选择地址</p>
                                            <div class="tip">指定点击此菜单时要跳转的链接（注：链接需加http://）</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="menu-msg-content" v-else-if="selectedMenuType()==2">
                                    <div class="menu-msg-head">发送消息</div>
                                    <div>
                                        <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type=='click'" style="padding:15px 0 0 50px;">
                                            <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.type=='news'">
                                                <img :src="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.has_many_news[0].thumb_url" style="max-width:50px;" alt="">
                                                【图文消息】
                                            </div>
                                            <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.type=='image'">
                                                <img :src="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.attachment" style="max-width:50px;" alt="">
                                                【图片消息】
                                            </div>
                                            <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.type=='voice'">
                                                <i class="iconfont icon-paishipin" style="float:left;display:inline-block;font-size:50px;height:60px;padding-top:20px;"></i>
                                                <div style="display:block;overflow:hidden;">【语音消息】[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.media_id]]</div>
                                            </div>
                                            <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.type=='video'">
                                                <i class="iconfont icon-shipindianbo" style="float:left;display:inline-block;font-size:50px;height:60px;padding-top:20px;"></i>
                                                <div style="display:block;overflow:hidden;">【视频消息】[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].material.filename]]</div>
                                            </div>
                                        </div>
                                        <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type=='click'&&menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].key" style="padding:15px 0 0 50px;">
                                            <div>
                                                【关键字】<span>[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].key]]</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div>
                                        <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].media_id">
                                            这里是发送消息回显内容[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].media_id]]
                                        </div>
                                    </div> -->
                                    <div class="menu-msg-panel">
                                        <div class="menu-msg-select1">
                                            <div class="div1" @click="selectMsgUrl(1)">
                                                <i class="iconfont icon-haibao" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                图文
                                            </div>
                                            <div class="div1" @click="selectMsgUrl(2)">
                                                <i class="iconfont icon-tupian" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                图片

                                            </div>
                                            <div class="div1" @click="selectMsgUrl(3)">
                                                <i class="iconfont icon-shipindianbo" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                视频
                                                </div>

                                            <div class="div1" @click="selectMsgUrl(4)">
                                                <i class="iconfont icon-paishipin" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                语音
                                                </div>
                                            <div class="div1" @click="selectMsgUrl(5)">
                                                <i class="iconfont icon-gexinghuapingtaitubiao-" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                触发关键字
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- 扫码 -->
                                <div class="menu-content" v-else-if="selectedMenuType()==3">
                                    <div class="menu-input-group">
                                        <p class="menu-tips">菜单内容为扫码，那么点击这个菜单是，手机扫描二维码</p>
                                        <div v-if="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].type=='scancode_push'&&menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].key" style="padding:15px 0 0 50px;">
                                            <div>
                                                【关键字】<span>[[menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].key]]</span>
                                            </div>
                                        </div>
                                        <div class="menu-msg-panel menu-msg-panel">
                                            <div class="menu-msg-select1">
                                                <div class="div1" @click="selectMsgUrl(6)">
                                                    <i class="iconfont icon-gexinghuapingtaitubiao-" style="line-height:20px;float:left;display:inline-block;font-size:20px;width:100%;text-align:center"></i>
                                                    触发关键字
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="menu-content" v-else-if="selectedMenuType()==4">
                                    <div class="menu-input-group">
                                        <p class="menu-tips">订阅者点击该子菜单会跳到以下小程序</p>
                                        <div class="menu-label">小程序APPID</div>
                                        <div class="menu-input">
                                            <input type="text" placeholder="小程序的appid（仅认证公众号可配置）" class="menu-input-text" v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].appid">
                                        </div>
                                    </div>
                                    <div class="menu-input-group">
                                        <div class="menu-label">小程序路径</div>
                                        <div class="menu-input">
                                            <input type="text" placeholder="小程序的页面路径" class="menu-input-text" v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].pagepath">
                                        </div>
                                    </div>
                                    <div class="menu-input-group">
                                        <div class="menu-label">备用网页</div>
                                        <div class="menu-input">
                                            <input type="text" placeholder="" class="menu-input-text" v-model="menu.button[selectedMenuIndex].sub_button[selectedSubMenuIndex].url">
                                            <p class="menu-tips">旧版微信客户端无法支持小程序，用户点击菜单时将会打开备用网页。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="weixin-btn-group" style="width:100%;">
                            <el-button id="btn-create" type="primary" v-if="!menu.status==1" @click="submit('save')">仅保存</el-button>
                            <el-button id="btn-create" type="success" @click="submit('publish')">发布</el-button>
                            <!-- <el-button id="btn-clear" >清空</el-button> -->
                        </div>
                    </div>




                    </el-tab-pane>
                    <el-tab-pane label="历史菜单列表" name="list">
                    历史菜单列表
                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="个性化菜单" name="individuation">
                个性化菜单
            </el-tab-pane>
            <!-- 子菜单选择网址弹出框 -->
            <el-dialog title="选择网页链接" :visible.sync="website_url" v-loading="dialog_loading">
                <div v-for="(item,index) in website_url_list" :key="index">
                    <h5 style="border-bottom:1px solid #999">
                        [[item.name]]
                    </h5>
                    <div style="display:inline-block;margin:5px;" v-for="(item1,index1) in item.url_list" :key="index1">
                        <el-button @click="chooseWebsiteUrl(index,index1)" style="width:120px;" >
                            [[item1.name]]
                        </el-button>
                    </div>
                    
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="website_url = false">取 消</el-button>
                </span>
            </el-dialog>
            <!-- 图文选择弹出框 -->
            <el-dialog title="图文" :visible.sync="img_text_url" width="60%" v-loading="dialog_loading">
                <div>
                    <el-tabs v-model="img_text_url0" @tab-click="handleClickImgText">
                        <el-tab-pane label="微信" name="img_text_url1">
                            <el-row>
                                <el-col :span="12">
                                    <el-input placeholder="标题/作者/摘要" v-model="search_img_text"></el-input>
                                </el-col>
                                <el-col :span="12">
                                <el-button>搜索</el-button>
                                </el-col>
                            </el-row>
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in img_text_list" :key="index"  style="margin:10px 10px;width:280px;" @click.native="chooseImgTextUrl(index)">
                                    <div class="image_text_head">
                                        <div style="width:100%;">
                                            <div class="image_text_head_time" style="width:90%;margin-left:5%;border-bottom:1px #dadada solid">
                                                <div style="width:80%;padding:10px 0;">[[item.createtime]]</div>
                                            </div>
                                        </div>
                                        <div style="padding:10px 30px">
                                            <div class="image_text_con" style="min-width:230px;height:180px;overflow:hidden;position:relative;">
                                                <img :src="item.has_many_wechat_news[0].thumb_url"  style="min-width:230px;height:180px;overflow:hidden;" alt="">
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeWechatTextImg" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <el-tab-pane label="本地服务器" name="img_text_url2">
                            <el-row>
                                <el-col :span="12">
                                    <el-input placeholder="标题/作者/摘要" v-model="search_img_text"></el-input>
                                </el-col>
                                <el-col :span="12">
                                <el-button>搜索</el-button>
                                </el-col>
                            </el-row>
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in img_text_list" :key="index"  style="margin:10px 10px;width:280px;" @click.native="chooseImgTextUrl(index)">
                                    <div class="image_text_head">
                                        <div style="width:100%;">
                                            <div class="image_text_head_time" style="width:90%;margin-left:5%;border-bottom:1px #dadada solid">
                                                <div style="width:80%;padding:10px 0;">[[item.createtime]]</div>
                                            </div>
                                        </div>
                                        <div style="padding:10px 30px">
                                            <div class="image_text_con" style="min-width:230px;height:180px;overflow:hidden;position:relative;">
                                                <img :src="item.has_many_wechat_news[0].thumb_url"  style="min-width:230px;height:180px;overflow:hidden;" alt="">
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeLocalTextImg" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                    </el-tabs>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="img_text_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
            <!-- 图片选择弹出框 -->
            <el-dialog title="图片" :visible.sync="img_url" width="60%" v-loading="dialog_loading">
                <div>
                    <el-tabs v-model="img_url0" @tab-click="handleClickImg">
                        <el-tab-pane label="微信" name="img_url1">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="5" v-for="(item,index) in img_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseImgUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 30px">
                                            <div class="image_text_con" style="min-width:180px;height:150px;overflow:hidden;position:relative;">
                                                <img :src="item.attachment"  style="min-width:180px;height:150px;overflow:hidden;" alt="">
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeWechatImg" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <el-tab-pane label="本地服务器" name="img_url2">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="5" v-for="(item,index) in img_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseImgUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 30px">
                                            <div class="image_text_con" style="min-width:180px;height:150px;overflow:hidden;position:relative;">
                                                <img :src="item.attachment"  style="min-width:180px;height:150px;overflow:hidden;" alt="">
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeLocalImg" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <!-- <el-tab-pane label="本地服务器" name="img_url3">
                        提取网络地址
                        </el-tab-pane> -->
                    </el-tabs>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="img_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
            <!-- 视频选择弹出框 -->
            <el-dialog title="视频" :visible.sync="video_url" width="60%" v-loading="dialog_loading">
                <div>
                    <el-tabs v-model="video_url0" @tab-click="handleClickVideo">
                        <el-tab-pane label="微信" name="video_url1">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in video_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseVideoUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 0px">
                                            <div class="image_text_con" style="min-width:200px;height:130px;overflow:hidden;position:relative;">
                                                <div style="text-align:center;">
                                                <div class="iconfont icon-shipindianbo" style="display:block;font-size:80px;width:100%;height:60px;padding-top:20px;"></div>
                                                    <!-- <img :src="item.img"  style="width:50px;height:50px;" alt=""> -->
                                                    <div>创建于：[[item.createtime]]</div>
                                                </div>
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;overflow:hidden;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                             <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeWechatVideo" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <el-tab-pane label="本地服务器" name="video_url2">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in video_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseVideoUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 0px">
                                            <div class="image_text_con" style="min-width:200px;height:130px;overflow:hidden;position:relative;">
                                                <div style="text-align:center;">
                                                <div class="iconfont icon-shipindianbo" style="display:block;font-size:80px;width:100%;height:60px;padding-top:20px;"></div>
                                                    <!-- <img :src="item.img"  style="width:50px;height:50px;" alt=""> -->
                                                    <div>创建于：[[item.createtime]]</div>
                                                </div>
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;overflow:hidden;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeLocalVideo" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                    </el-tabs>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="video_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
            <!-- 语音选择弹出框 -->
            <el-dialog title="语音" :visible.sync="audio_url" width="60%" v-loading="dialog_loading">
                <div>
                    <el-tabs v-model="audio_url0" @tab-click="handleClickAudio">
                        <el-tab-pane label="微信" name="audio_url1">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in voice_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseAudioUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 0px">
                                            <div class="image_text_con" style="min-width:200px;height:130px;overflow:hidden;position:relative;">
                                                <div style="text-align:center;">
                                                    <div class="iconfont icon-paishipin" style="display:block;font-size:80px;width:100%;height:60px;padding-top:20px;"></div>
                                                    <div>创建于：[[item.createtime]]</div>
                                                </div>
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;overflow:hidden;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeWechatVoice" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                        <el-tab-pane label="本地服务器" name="audio_url2">
                            <el-row style="overflow-y: scroll;max-height:400px;">
                                <el-col :span="6" v-for="(item,index) in voice_list" :key="index"  style="margin:10px 10px;width:230px;" @click.native="chooseAudioUrl(index)">
                                    <div class="image_text_head">
                                        <div style="padding:10px 0px">
                                            <div class="image_text_con" style="min-width:200px;height:130px;overflow:hidden;position:relative;">
                                                <div style="text-align:center;">
                                                    <div class="iconfont icon-paishipin" style="display:block;font-size:80px;width:100%;height:60px;padding-top:20px;"></div>
                                                    <div>创建于：[[item.createtime]]</div>
                                                </div>
                                                <div class="image_text_con_title" style="position:absolute;bottom:0;width:100%;overflow:hidden;line-height:32px;background:#000;opacity:0.5;color:#fff;padding:0 15px;">
                                                    [[item.media_id]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                            <!-- 分页 -->
                            <el-row>
                                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                                    <el-pagination layout="prev, pager, next" @current-change="currentChangeLocalVoice" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                                </el-col>
                            </el-row>
                        </el-tab-pane>
                    </el-tabs>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="audio_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
            <!-- 发送消息-关键字选择弹出框 -->
            <el-dialog title="关键字" :visible.sync="keyword_url" width="60%" v-loading="dialog_loading">
                <el-row>
                    <el-col :span="12">
                        <el-input placeholder="搜索关键字" v-model="search_keyword"></el-input>
                    </el-col>
                    <el-col :span="12">
                    <el-button @click="searchKeyword">搜索</el-button>
                    </el-col>
                </el-row>
                <div>
                    <el-row style="overflow-y: scroll;max-height:400px;">
                        <el-col :span="3" v-for="(item,index) in keyword_list" :key="index"  style="margin:10px 10px;width:150px;overflow:hidden;" @click.native="chooseKeywordUrl(index)">
                            <div class="image_text_head">
                                <div style="text-align:center;">
                                    <div class="image_text_con" style="padding:10px 0">
                                        [[item.content]]
                                    </div>
                                </div>
                            </div>
                        </el-col>
                    </el-row>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="keyword_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
             <!-- 扫码-关键字选择弹出框 -->
             <el-dialog title="关键字" :visible.sync="code_keyword_url" width="60%" v-loading="dialog_loading">
                <el-row>
                    <el-col :span="12">
                        <el-input placeholder="搜索关键字" v-model="search_keyword"></el-input>
                    </el-col>
                    <el-col :span="12">
                    <el-button @click="searchKeyword">搜索</el-button>
                    </el-col>
                </el-row>
                <div>
                    <el-row style="overflow-y: scroll;max-height:400px;">
                        <el-col :span="3" v-for="(item,index) in keyword_list" :key="index"  style="margin:10px 10px;width:150px;overflow:hidden;" @click.native="chooseCodeKeywordUrl(index)">
                            <div class="image_text_head">
                                <div style="text-align:center;">
                                    <div class="image_text_con" style="padding:10px 0">
                                        [[item.content]]
                                    </div>
                                </div>
                            </div>
                        </el-col>
                    </el-row>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="code_keyword_url = false">取 消</el-button>
                    <!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
                </span>
            </el-dialog>
        </el-tabs>

    </div>

<script>
    var app = new Vue({
        el:"#app",
        delimiters: ['[[', ']]'],
        data() {
            let data = {!! $data?:'{}' !!};
            console.log(data);

            if(data==null){
                data="";
            }
            if(data.button){
                for(let i=0;i<data.button.length;i++){
                    if(!data.button[i].sub_button){
                        data.button[i].sub_button=[];
                    }
                    if(data.button[i].sub_button.length==0){
                        if(!data.button[i].material){
                            data.button[i].material="";
                        }
                    }
                    if(data.button[i].sub_button.length>0){
                        for(let j=0;j<data.button[i].sub_button.length;j++){
                            if(!data.button[i].sub_button[j].material){
                                data.button[i].sub_button[j].material="";
                            }
                        }
                    }
                }
            }

            return{
                submit_loading:false,
                dialog_loading:false,
                // title:"",//菜单组名称
                // type:1,//菜单组类型
                title_tips:false,//菜单组输入提示
                weixinTitle: '普通菜单',
                menu:{
                    button:[],
                    title:"",
                    type:1,
                    ...data,
                },
                // menu: {'button': []},//当前菜单
                selectedMenuIndex:'',//当前选中菜单索引
                selectedSubMenuIndex:'',//当前选中子菜单索引
                menuNameBounds:false,//菜单长度是否过长
                website_url:false,//选择网页弹出框控制
                img_text_url:false,//选择图文弹出框控制
                img_text_url0:"img_text_url1",//选择图文tabs
                img_url0:"img_url1",//选择图片tabs
                search_img_text:"",//搜索图文
                img_url:false,//图片
                video_url:false,//视频
                video_url0:"video_url1",//选择视频tabs
                audio_url:false,//语音
                audio_url0:"audio_url1",//选择语音tabs
                keyword_url:false,//关键字
                keyword_url0:"keyword_url1",//选择关键字tabs
                search_keyword:"",//搜索关键字
                code_keyword_url:false,//扫码-关键字
                code_search_keyword:"",//搜索扫码关键字
                material:{
                    title:'',
                    url:'',
                    thumb_url:''
                },
                img_list:"",
                music_list:"",
                voice_list:"",
                video_list:"",
                keyword_list:"",
                img_text_list:[{has_many_wechat_news:[{thumb_url:''}]}],
                activeName:"default",
                activeChild:"menu",
                // 网址数据
                website_url_list:[
                    {
                        name:"商城页面链接",
                        url_list:[
                            {id:1,name:"商城首页",url:"{{ yzAppFullUrl('home') }}"},
                            {id:2,name:"分类导航",url:"{{ yzAppFullUrl('category') }}"},
                            {id:3,name:"全部商品",url:" {{ yzAppFullUrl('searchAll') }}"},
                        ],
                    },{
                        name:"会员中心链接",
                        url_list:[
                            {id:1,name:"会员中心",url:"{{ yzAppFullUrl('member') }}"},
                            {id:2,name:"我的订单",url:"{{ yzAppFullUrl('member/orderList/0')}}"},
                            {id:3,name:"购物车",url:"{{ yzAppFullUrl('cart') }}"},
                            {id:4,name:"我的收藏",url:"{{ yzAppFullUrl('member/collection') }}"},
                            {id:5,name:"我的足迹",url:"{{ yzAppFullUrl('member/footprint') }}"},
                            {id:6,name:"评价",url:"{{ yzAppFullUrl('member/myEvaluation') }}"},
                            {id:7,name:"关系",url:"{{ yzAppFullUrl('member/myrelationship') }}"},
                            {id:8,name:"收货地址",url:"{{ yzAppFullUrl('member/address') }}"},
                            {id:9,name:"我的优惠券",url:"{{ yzAppFullUrl('coupon/coupon_index') }}"},
                            {id:10,name:"领券中心",url:"{{ yzAppFullUrl('coupon/coupon_store') }}"},
                            {id:11,name:"积分页面",url:"{{ yzAppFullUrl('member/integral_v2') }}"},
                            {id:12,name:"积分明细",url:"{{ yzAppFullUrl('member/integrallist') }}"},
                            {id:13,name:"余额页面",url:"{{ yzAppFullUrl('member/balance') }}	"},
                            {id:14,name:"余额明细",url:"{{ yzAppFullUrl('member/detailed') }}"},
                        ],
                    },{
                        name:"我的推广链接",
                        url_list:[
                            {id:1,name:"推广中心",url:"{{ yzAppFullUrl('member/extension') }}"},
                            {id:2,name:"收入明细",url:"{{ yzAppFullUrl('member/incomedetails') }}"},
                            {id:3,name:"收入提现",url:"{{ yzAppFullUrl('member/income') }}"},
                            {id:4,name:"提现明细",url:"{{ yzAppFullUrl('member/presentationRecord') }}"},
                           

                        ],
                    },          
                ],

                dialogToken:false,
                dialogKey:false,
                // 分页
                loading:false,
                table_loading:false,
                total:0,
                per_size:0,
                current_page:0,
                rules:{

                },

            }
        },
        created() {

        },
        methods: {
            handleClick(tab, event) {
                this.submit_loading = true;
                if(tab.name=="default"){
                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.index') !!}';
                }
                if(tab.name=="individuation"){
                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.conditional-menu.conditional-menu') !!}';
                }
                console.log(event);
            },
            handleClickChild(tab, event){
                this.submit_loading = true;
                if(tab.name=="menu"){
                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.index') !!}';
                }
                if(tab.name=="list"){
                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
                }
            },
            // 图片弹出框里的tabs
            handleClickImg() {
                var that = this;
                console.log(that.per_page);
                if(that.img_url0 == "img_url1"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.get-wechat-image') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        console.log("hahahahah")
                        that.img_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
                else if(that.img_url0 == "img_url2"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.get-local-image') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.img_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
            },

            // 图文弹出框里的tabs
            handleClickImgText() {
                var that = this;
                if(that.img_text_url0 == "img_text_url1"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.news.get-wechat-news') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.img_text_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
                else if(that.img_text_url0 == "img_text_url2"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.news.get-local-news') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.img_text_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
            },
             // 语音弹出框里的tabs
             handleClickAudio() {
                var that = this;
                if(that.audio_url0 == "audio_url1"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.get-wechat-voice') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.voice_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
                else if(that.audio_url0 == "audio_url2"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.get-local-voice') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.voice_list = response.data.data.data;
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
            },
            // 视频弹出框里的tabs
             handleClickVideo() {
                var that = this;
                if(that.video_url0 == "video_url1"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.get-wechat-video') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.video_list = response.data.data.data;
                        for(let i=0;i<that.video_list.length;i++){
                            that.video_list[i].createtime = new Date(parseInt(that.video_list[i].createtime) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
                        }
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
                else if(that.video_url0 == "video_url2"){
                    that.dialog_loading=true,
                    that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.get-local-video') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.video_list = response.data.data.data;
                        for(let i=0;i<that.video_list.length;i++){
                            that.video_list[i].createtime = new Date(parseInt(that.video_list[i].createtime) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
                        }
                        that.per_size = response.data.data.per_page;
                        that.total = response.data.data.total;
                        that.current_page = response.data.data.current_page;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                    }),function(res){
                        console.log(res);
                        that.dialog_loading = false;
                    };
                }
            },
            // 本地图片分页
            currentChangeLocalImg(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.get-local-image') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.img_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 微信图片分页
            currentChangeWechatImg(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.get-wechat-image') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.img_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 微信图文分页
            currentChangeWechatTextImg(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.news.get-wechat-news') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.img_text_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 本地图文分页
            currentChangeLocalTextImg(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.news.get-local-news') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.img_text_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 微信语音分页
            currentChangeWechatVoice(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.get-wechat-voice') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.voice_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 本地语音分页
            currentChangeLocalVoice(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.get-local-voice') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.voice_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 微信视频分页
            currentChangeWechatVideo(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.get-wechat-video') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.video_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },
            // 本地视频分页
            currentChangeLocalVideo(val){
                this.loading = true;
                this.$http.post('{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.get-local-video') !!}',{page:val}).then(function (response){
                    console.log(response);
                    this.video_list = response.data.data.data;
                    this.per_size = response.data.data.per_page;
                    this.total = response.data.data.total;
                    this.current_page = response.data.data.current_page;
                    this.loading = false;
                },function (response) {
                    console.log(response);
                    this.loading = false;
                }
                );
            },

            submit(submit_type) {
                this.menu.title = this.menu.title.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');//菜单组名去除两端空格
                if(this.menu.title==""){
                    this.title_tips = true;
                    return false;
                }
                if(this.menu.button.length==0){
                    // this.title_tips = true;
                    this.$message.error("菜单不能为空！");
                    return false;
                }
                // 选择网页格式验证
               var reg = /^http(s)?:\/\/+/;
               for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length==0&&this.menu.button[i].type=="view"){
                        if (!reg.test(this.menu.button[i].url)){
                            this.$message.error("主菜单链接格式错误！")
                            return false;
                        }
                    }
                }
                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length>0){
                        for(let j=0;j<this.menu.button[i].sub_button.length;j++){
                            if(this.menu.button[i].sub_button[j].type=="view"){
                                if (!reg.test(this.menu.button[i].sub_button[j].url)){
                                    this.$message.error("子菜单链接格式错误！")
                                    return false;
                                }
                            }
                        }
                    }
                }
               // 选择发送消息格式验证
               for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length==0&&(this.menu.button[i].type=="media_id"||this.menu.button[i].type=="click")){
                        if ((this.menu.button[i].media_id==""||!this.menu.button[i].media_id)&&(this.menu.button[i].key==""||!this.menu.button[i].key)){
                            this.$message.error("主菜单未选择发送消息！");
                            return false;
                        }
                    }
                }
                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length>0){
                        for(let j=0;j<this.menu.button[i].sub_button.length;j++){
                            if(this.menu.button[i].sub_button[j].type=="media_id"||this.menu.button[i].sub_button[j].type=="click"){
                                if ((this.menu.button[i].sub_button[j].media_id==""||!this.menu.button[i].sub_button[j].media_id)&&(this.menu.button[i].sub_button[j].key==""||!this.menu.button[i].sub_button[j].key)){
                                    this.$message.error("子菜单未选择发送消息！");
                                    return false;
                                }
                            }
                        }
                    }
                }
                // 选择扫码格式验证
                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length==0&&this.menu.button[i].type=="scancode_push"){
                        if (this.menu.button[i].key==""||!this.menu.button[i].key){
                            this.$message.error("主菜单未选择扫码触发关键字！");
                            return false;
                        }
                    }
                }

                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length>0){
                        for(let j=0;j<this.menu.button[i].sub_button.length;j++){
                            if(this.menu.button[i].sub_button[j].type=="scancode_push"){
                                if (this.menu.button[i].sub_button[j].key==""||!this.menu.button[i].sub_button[j].key){
                                    this.$message.error("子菜单未选择扫码触发关键字！");
                                    return false;
                                }
                            }
                        }
                    }
                }
                // 选择关联小程序格式验证
                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length==0&&this.menu.button[i].type=="miniprogram"){
                        if (this.menu.button[i].appid==""||!this.menu.button[i].appid){
                            this.$message.error("主菜单appid未输入！");
                            return false;
                        }
                        if (this.menu.button[i].pagepath==""||!this.menu.button[i].pagepath){
                            this.$message.error("主菜单pagepath未输入！");
                            return false;
                        }
                        if (this.menu.button[i].url==""||!this.menu.button[i].url){
                            this.$message.error("主菜单url未输入！");
                            return false;
                        }
                        if (!reg.test(this.menu.button[i].url)){
                            this.$message.error("主菜单url格式错误！")
                            return false;
                        }
                    }
                }

                for(let i=0;i<this.menu.button.length;i++){
                    if(this.menu.button[i].sub_button.length>0){
                        for(let j=0;j<this.menu.button[i].sub_button.length;j++){
                            if(this.menu.button[i].sub_button[j].type=="miniprogram"){
                                if (this.menu.button[i].sub_button[j].appid==""||!this.menu.button[i].sub_button[j].appid){
                                    this.$message.error("子菜单appid未输入！");
                                    return false;
                                }
                                if (this.menu.button[i].sub_button[j].pagepath==""||!this.menu.button[i].sub_button[j].pagepath){
                                    this.$message.error("子菜单pagepath未输入！");
                                    return false;
                                }
                                if (this.menu.button[i].sub_button[j].url==""||!this.menu.button[i].sub_button[j].url){
                                    this.$message.error("子菜单url未输入！");
                                    return false;
                                }
                                if (!reg.test(this.menu.button[i].sub_button[j].url)){
                                    this.$message.error("子菜单url格式错误！")
                                    return false;
                                }
                            }
                        }
                    }
                }
                // console.log(this.form);
                // this.$refs[formName].validate((valid) => {
                //     if (valid) {
                        this.submit_loading = true;
                        this.menu.submit_type = submit_type;//保存还是发布，publish发布，save保存
                        // 父级菜单有子孩子数据处理
                        for(let i=0;i<this.menu.button.length;i++){
                            if(this.menu.button[i].sub_button.length>0){
                                this.menu.button[i]={
                                    type:"click",
                                    sub_button:this.menu.button[i].sub_button,
                                    name:this.menu.button[i].name,
                                };
                            }
                        }
                        // 父级菜单没有子孩子数据处理
                        for(let i=0;i<this.menu.button.length;i++){
                            if(this.menu.button[i].sub_button.length==0){
                                // delete(this.menu.button[i].material);
                            }
                        }
                        // 子孩子数据处理
                        for(let i=0;i<this.menu.button.length;i++){
                            if(this.menu.button[i].sub_button.length>0){
                                for(let j=0;j<this.menu.button[i].sub_button.length;j++){
                                    // delete(this.menu.button[i].sub_button[j].material);
                                }
                            }
                        }
                        console.log("11111111111111111111111222222222")
                        console.log(this.menu);
                        if(submit_type=="save"){
                            this.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.save-menu') !!}",{'group':this.menu}).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                    this.submit_loading = false;
                                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
                                }
                            },response => {
                                this.$message({message: response.data.msg,type: 'error'});
                                this.submit_loading = false;
                                window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
                            });

                        }
                        else {
                            this.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.push-menu') !!}",{'group':this.menu}).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                    this.submit_loading = false;
                                }
                            },response => {
                                this.$message({message: response.data.msg,type: 'error'});
                                this.submit_loading = false;
                            });
                        }
                    // }
                    // else {
                    //     return false;
                //     }
                // });
            },
            // 选择网页地址
            chooseWebsiteUrl(index,index1){
                console.log(index);
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    that.menu.button[that.selectedMenuIndex].url = that.website_url_list[index].url_list[index1].url;
                    that.menu.button[that.selectedMenuIndex].url = that.menu.button[that.selectedMenuIndex].url.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
                }
                else{
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].url = that.website_url_list[index].url_list[index1].url;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].url = that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].url.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
                }
                that.website_url = false;
            },
            // 选择图文
            chooseImgTextUrl(index){
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    that.menu.button[that.selectedMenuIndex].media_id = that.img_text_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].key ="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].material.type="news";
                    that.menu.button[that.selectedMenuIndex].material.has_many_news=[{thumb_url:that.img_text_list[index].has_many_wechat_news[0].thumb_url}];
                }
                else{

                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = that.img_text_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="news";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.has_many_news=[{thumb_url:that.img_text_list[index].has_many_wechat_news[0].thumb_url}];
                    // that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.has_many_news[0].thumb_url=that.has_many_wechat_news[index].has_many_wechat_news[0].thumb_url;
                console.log(that.menu)
                }
                that.img_text_url = false;
            },
            // 选择图片
            chooseImgUrl(index){
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    if(!that.img_list[index].media_id){
                        that.submit_loading=true,
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.local-to-wechat') !!}",{id:that.img_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].key ="";
                            that.menu.button[that.selectedMenuIndex].material={
                            ...that.menu.button[that.selectedMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].material.type="image";
                            that.menu.button[that.selectedMenuIndex].material.attachment=response.data.data.attachment;
                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.img_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].media_id = that.img_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].key ="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].material.type="image";
                    that.menu.button[that.selectedMenuIndex].material.attachment=that.img_list[index].attachment;
                }
                else{
                    if(!that.img_list[index].media_id){
                        that.submit_loading=true,
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.image.local-to-wechat') !!}",{id:that.img_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                                ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="image";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.attachment=response.data.data.attachment;
                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.img_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = that.img_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="image";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.attachment=that.img_list[index].attachment;
                }
                that.img_url = false;
            },
            // 选择视频
            chooseVideoUrl(index){
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    if(!that.video_list[index].media_id){
                        that.submit_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.local-to-wechat') !!}",{id:that.video_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].key ="";
                            that.menu.button[that.selectedMenuIndex].material={
                            ...that.menu.button[that.selectedMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].material.type="video";
                            that.menu.button[that.selectedMenuIndex].material.filename=response.data.data.filename;

                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.video_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].media_id = that.video_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].key ="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].material.type="video";
                    that.menu.button[that.selectedMenuIndex].material.filename=that.video_list[index].filename;

                }
                else{
                    if(!that.video_list[index].media_id){
                        that.submit_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.video.local-to-wechat') !!}",{id:that.video_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                                ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="video";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].filename=response.data.data.filename;

                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.video_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = that.video_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="video";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.filename=that.video_list[index].filename;
                    // that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.tag.title=that.video_list[index].filename;
                }
                that.video_url = false;
            },
            // 选择语音
            chooseAudioUrl(index) {
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    if(!that.voice_list[index].media_id){
                        that.submit_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.local-to-wechat') !!}",{id:that.voice_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].key ="";
                            that.menu.button[that.selectedMenuIndex].material={
                            ...that.menu.button[that.selectedMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].material.type="voice";
                            that.menu.button[that.selectedMenuIndex].material.media_id=response.data.data.media_id;
                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.audio_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].media_id = that.voice_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].key ="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].material.type="voice";
                    that.menu.button[that.selectedMenuIndex].material.media_id=that.voice_list[index].media_id;
                }
                else{
                    if(!that.voice_list[index].media_id){
                        that.submit_loading = true;
                        that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.voice.local-to-wechat') !!}",{id:that.voice_list[index].id}).then(response => {
                        console.log(response);
                        if(response.data.result==1){
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = response.data.data.media_id;
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                                ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                            };
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="voice";
                            that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.media_id=response.data.data.media_id;
                        }
                        else{
                            that.$message.error(response.data.msg);
                            that.submit_loading = false;
                            return false;
                        }
                        that.submit_loading = false;
                    }),function(res){
                        console.log(res);
                        that.submit_loading = false;
                        return false;
                    };
                    that.audio_url = false;
                    return false;
                    }
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = that.voice_list[index].media_id;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.type="voice";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.media_id=that.voice_list[index].media_id;
                }
                that.audio_url = false;
            },
            // 发送消息-选择关键字
            chooseKeywordUrl(index) {
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    that.menu.button[that.selectedMenuIndex].key = that.keyword_list[index].content;
                    that.menu.button[that.selectedMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].media_id="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };

                }
                else{
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key = that.keyword_list[index].content;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].type="click";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                }
                that.keyword_url = false;

            },
            // 扫码-选择关键字
            chooseCodeKeywordUrl(index) {
                var that = this;
                if(that.menu.button[that.selectedMenuIndex].sub_button.length == 0){
                    that.menu.button[that.selectedMenuIndex].key = that.keyword_list[index].content;
                    that.menu.button[that.selectedMenuIndex].media_id="";
                    that.menu.button[that.selectedMenuIndex].material={
                      ...that.menu.button[that.selectedMenuIndex].material
                    };
                }
                else{
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].key = that.keyword_list[index].content;
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id="";
                    that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material={
                        ...that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material
                    };
                }
                that.code_keyword_url = false;
            },
        //选中主菜单
        selectedMenu:function(i,event){
            this.selectedSubMenuIndex=''
            this.selectedMenuIndex=i
            var selectedMenu=this.menu.button[this.selectedMenuIndex]
            //清空选中media_id 防止再次请求

            //检查名称长度
            this.checkMenuName(selectedMenu.name)
        },
        //选中子菜单
        selectedSubMenu:function(i,event){
            this.selectedSubMenuIndex=i
            var selectedSubMenu=this.menu.button[this.selectedMenuIndex].sub_button[this.selectedSubMenuIndex]

            this.checkMenuName(selectedSubMenu.name)
        },
        //选中菜单级别
		selectedMenuLevel: function () {
            if (this.selectedMenuIndex !== '' && this.selectedSubMenuIndex === '') {
                //主菜单
                return 1;
            }else if (this.selectedMenuIndex !== '' && this.selectedSubMenuIndex !== '') {
                //子菜单
                return 2;
            }else {
                //未选中任何菜单
                return 0;
            }
        },
        //获取菜单类型 1. view网页类型，2. media_id类型和view_limited类型 3. click点击类型，4.miniprogram表示小程序类型
        selectedMenuType: function () {
            if (this.selectedMenuLevel() == 1&&this.menu.button[this.selectedMenuIndex].sub_button.length==0) {
                //主菜单
                switch (this.menu.button[this.selectedMenuIndex].type) {
                    case 'view':return 1;
                    case 'media_id':return 2;
                    case 'click':return 2;
                    case 'view_limited':return 2;
                    case 'click':return 2;
                    case 'scancode_push':return 3;
                    case 'scancode_waitmsg':return 3;
                    case 'pic_sysphoto':return 3;
                    case 'pic_photo_or_album':return 3;
                    case 'pic_weixin':return 3;
                    case 'location_select':return 3;
                    case 'miniprogram':return 4;
                }
            } else if (this.selectedMenuLevel() == 2) {
                //子菜单
                switch (this.menu.button[this.selectedMenuIndex].sub_button[this.selectedSubMenuIndex].type) {
                    case 'view':return 1;
                    case 'media_id':return 2;
                    case 'click':return 2;
                    case 'view_limited':return 2;
                    case 'click':return 2;
                    case 'scancode_push':return 3;
                    case 'scancode_waitmsg':return 3;
                    case 'pic_sysphoto':return 3;
                    case 'pic_photo_or_album':return 3;
                    case 'pic_weixin':return 3;
                    case 'location_select':return 3;
                    case 'miniprogram':return 4;
                }
            } else {
                return 1;
            }
        },
        //添加菜单
		addMenu:function(level){
			if(level==1&&this.menu.button.length<3){
				this.menu.button.push({
					"type": "view",
					"name": "菜单名称",
					"sub_button": [],
                    "url":"",
                    material:{type:""},
				})
                this.selectedMenuIndex=this.menu.button.length-1
                this.selectedSubMenuIndex=''
                this.checkMenuName(this.menu.button[this.selectedMenuIndex].name)
			}
			if(level==2&&this.menu.button[this.selectedMenuIndex].sub_button.length<5){
				this.menu.button[this.selectedMenuIndex].sub_button.push({
					"type": "view",
					"name": "子菜单名称",
                    "url":"",
                    material:{type:""},
				})
				this.selectedSubMenuIndex=this.menu.button[this.selectedMenuIndex].sub_button.length-1
                this.checkMenuName(this.menu.button[this.selectedMenuIndex].sub_button[this.selectedSubMenuIndex].name)
			}


		},
        //删除菜单
		delMenu:function(){
			if(this.selectedMenuLevel()==1&&confirm('删除后菜单下设置的内容将被删除')){
				if(this.selectedMenuIndex===0){
					this.menu.button.splice(this.selectedMenuIndex, 1);
					this.selectedMenuIndex = 0;
				}else{
					this.menu.button.splice(this.selectedMenuIndex, 1);
					this.selectedMenuIndex -=1;
				}
				if(this.menu.button.length==0){
                    this.selectedMenuIndex = ''
                }
			}else if(this.selectedMenuLevel()==2){
                if(this.selectedSubMenuIndex===0){
                    this.menu.button[this.selectedMenuIndex].sub_button.splice(this.selectedSubMenuIndex, 1);
                    this.selectedSubMenuIndex = 0;
                }else{
                    this.menu.button[this.selectedMenuIndex].sub_button.splice(this.selectedSubMenuIndex, 1);
                    this.selectedSubMenuIndex -= 1;
                }
                if(this.menu.button[this.selectedMenuIndex].sub_button.length==0){
                    this.selectedSubMenuIndex = ''
                }
			}
		},
        //检查菜单名称长度
		checkMenuName:function(val){
			if(this.selectedMenuLevel()==1&&this.getMenuNameLen(val)<=8){
                this.menuNameBounds=false
			}else if(this.selectedMenuLevel()==2&&this.getMenuNameLen(val)<=14){
                this.menuNameBounds=false
			}else{
			    this.menuNameBounds=true
            }
		},
        //获取菜单名称长度
        getMenuNameLen: function (val) {
            var len = 0;
            for (var i = 0; i < val.length; i++) {
                var a = val.charAt(i);
                a.match(/[^\x00-\xff]/ig) != null?len += 2:len += 1;
            }
            return len;
        },

        //选择网页链接
        selectWebsiteUrl (){
            var that = this;
            that.website_url = true;
            // that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.save-menu') !!}",{'group':this.menu}).then(response => {
            //     if (response.data.result) {
            //         that.$message({type: 'success',message: '操作成功!'});
            //         window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.menu.controller.default-menu.display-menu') !!}';
            //     } else {
            //         that.$message({message: response.data.msg,type: 'error'});
            //         that.submit_loading = false;
            //     }
            // },response => {
            //     that.$message({message: response.data.msg,type: 'error'});
            //     that.submit_loading = false;
            // });

            console.log("选择地址！！！");
        },
        // 选择发送消息
        selectMsgUrl(x) {
            console.log("选择发送消息！！！");
            var that = this;
            that.dialog_loading = true;
            if(x===1) {
                that.img_text_url = true;
                that.img_text_url0 = "img_text_url1";
                that.handleClickImgText();
            }
            if(x===2) {
                that.img_url = true;
                that.img_url0 = "img_url1";
                that.handleClickImg();
            }
            if(x===3) {
                that.video_url = true;
                that.video_url0="video_url1";
                that.handleClickVideo();

            }
            if(x===4) {
                that.audio_url = true;
                that.audio_url0="audio_url1";
                that.handleClickAudio();
            }
            if(x===5) {
                that.keyword_url = true;
                that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.reply.controller.keywords-auto-reply.get-keywords') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        console.log("hahahahah")
                        that.keyword_list = response.data.data;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                }),function(res){
                    console.log(res);
                    that.dialog_loading = false;
                };

            }
            if(x===6) {
                that.code_keyword_url = true;
                that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.reply.controller.keywords-auto-reply.get-keywords') !!}",{}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        console.log("hahahahah")
                        that.keyword_list = response.data.data;
                        that.dialog_loading = false;
                    }
                    that.dialog_loading = false;
                }),function(res){
                    console.log(res);
                    that.dialog_loading = false;
                };


            }
        },
        searchKeyword(){
            var that = this;
            that.dialog_loading = true;
            that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.reply.controller.keywords-auto-reply.get-keywords') !!}",{search:that.search_keyword}).then(response => {
                console.log(response);
                if(response.data.result==1){
                    console.log("hahahahah")
                    that.keyword_list = response.data.data;
                    that.dialog_loading = false;
                }
                that.dialog_loading = false;
            }),function(res){
                console.log(res);
                that.dialog_loading = false;
            };
        },
        },
    })

</script>
<style>
    *{
        box-sizing: border-box;
    }
    ul{
        padding:0;
    }
    li{
        list-style:none;
    }
    #app-menu{
        overflow: hidden;
        width:950px;
    }
    .weixin-preview{
        position: relative;
        display:inline-block;
        width: 320px;
        height: 540px;
        float: left;
        margin-right:10px;
        border: 1px solid #e7e7eb;
    }
    .weixin-preview a{
        text-decoration: none;
        color: #616161;
    }
    .weixin-preview .weixin-hd{
        color: #fff;
        text-align: center;
        position: relative;
        top:0px;
        left:0px;
        width: 320px;
        height:64px;
        background: transparent url({{ plugin_assets('wechat', 'assets/images/menu_head.png') }}) no-repeat 0 0;
        background-position: 0 0;
    }
    .weixin-preview .weixin-hd .weixin-title{
        color:#fff;
        font-size:15px;
        width:100%;
        text-align: center;
        position:absolute;
        top: 33px;
        left: 0px;
    }

    .weixin-preview .weixin-bd{

    }
    .weixin-preview .weixin-menu{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #e7e7e7;
        background: transparent url({{ plugin_assets('wechat', 'assets/images/menu_foot.png') }}) no-repeat 0 0;
        background-position: 0 0;
        background-repeat: no-repeat;
        padding-left: 43px;
        margin-bottom:0px;
    }
    /*一级*/
    .weixin-preview .weixin-menu .menu-item{
        position: relative;
        float: left;
        line-height: 50px;
        height:50px;
        text-align: center;
        width:33.33%;
        border-left: 1px solid #e7e7e7;
        cursor: pointer;
        color:#616161;
    }
    .weixin-preview .weixin-menu .menu-item:first-child{
        /*border-left-width:0px;*/
    }

    /*二级*/
    .weixin-preview .weixin-sub-menu{
        position: absolute;
        bottom: 60px;
        left: 0;
        right: 0;
        border-top: 1px solid #d0d0d0;
        margin-bottom:0px;
        background: #fafafa;
        display: block;
        padding:0;
    }
    .weixin-preview .weixin-sub-menu .menu-sub-item{
        line-height: 50px;
        height:50px;
        text-align: center;
        width:100%;
        border: 1px solid #d0d0d0;
        border-top-width: 0px;
        cursor: pointer;
        position: relative;
        color:#616161;
    }
    .weixin-preview .menu-arrow{
        position: absolute;
        left: 50%;
        margin-left: -6px;
    }
    .weixin-preview .arrow_in{
        bottom: -4px;
        display: inline-block;
        width: 0px;
        height: 0px;
        border-width: 6px 6px 0px;
        border-style: solid dashed dashed;
        border-color: #fafafa  transparent transparent;
    }
    .weixin-preview .arrow_out{
        bottom: -5px;
        display: inline-block;
        width: 0px;
        height: 0px;
        border-width: 6px 6px 0px;
        border-style: solid dashed dashed;
        border-color: #d0d0d0 transparent transparent;
    }

    .weixin-preview .menu-item .menu-item-title,.weixin-preview .menu-sub-item .menu-item-title{
        width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }


    .weixin-preview .menu-item.current,.weixin-preview .menu-sub-item.current{
        border: 1px solid #44b549;
        background: #fff;
        color:#44b549;
    }
    .weixin-preview .weixin-sub-menu.show{
        display:block;
    }
    .weixin-preview .icon_menu_dot{
        background: url({{ plugin_assets('wechat', 'assets/images/plus.png') }}) 0px -36px no-repeat;
        width: 7px;
        height: 7px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 2px;
        margin-top: -2px;
    }
    .weixin-preview .icon14_menu_add{
        background: url({{ plugin_assets('wechat', 'assets/images/plus.png') }}) 0px 0px no-repeat;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        display: inline-block;
        margin-top: -2px;
    }
    .weixin-preview li:hover .icon14_menu_add{
        background: url({{ plugin_assets('wechat', 'assets/images/plus.png') }}) 0px -18px no-repeat;
    }

    .weixin-preview .menu-item:hover{
        color: #000;
    }
    .weixin-preview .menu-sub-item:hover{
        background: #eee;
    }

    .weixin-preview li.current:hover{
        background: #fff;
        color: #44b549;
    }

    /*菜单内容*/
    .weixin-menu-detail{
        display:inline-block;
        width: 600px;
        padding: 0px 20px 5px;
        background-color: #f4f5f9;
        border: 1px solid #e7e7eb;
        float: left;
        min-height: 540px;
        overflow:hidden;
    }
    .weixin-menu-detail .menu-name{
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .weixin-menu-detail .menu-del{
        float: right;
        height: 40px;
        line-height: 40px;
        color: #459ae9;
        cursor:pointer;
    }
    .weixin-menu-detail .menu-input-group{
        width:540px;
        margin:10px 0 30px 0;
        overflow: hidden;
    }
    .weixin-menu-detail .menu-label{
        float: left;
        height: 30px;
        line-height: 30px;
        width:80px;
        text-align: right;
    }
    .weixin-menu-detail .menu-input{
        float:left;
        width: 380px
    }
    .weixin-menu-detail .menu-input-text{
        border: 0px;
        outline: 0px;
        background: #fff;
        width: 300px;
        padding: 5px 0px 5px 0px;
        margin-left: 10px;
        text-indent: 10px;
        height: 35px;
    }
    .weixin-menu-detail .menu-tips{
        color: #8d8d8d;
        padding-top: 4px;
        margin:0;
    }
    .weixin-menu-detail .menu-tips.cursor{
        color: #459ae9;
        cursor: pointer;
    }

    .weixin-menu-detail .menu-input .menu-tips{
        margin:0 0 0 10px;
    }
    .weixin-menu-detail .menu-content{
        padding: 16px 20px;
        border: 1px solid #e7e7eb;
        background-color: #fff;
    }
    .weixin-menu-detail .menu-content .menu-input-group{
        margin: 0px 0 10px 0;
    }
    .weixin-menu-detail .menu-content .menu-label{
        text-align: left;
        width:100px;
    }
    .weixin-menu-detail .menu-content .menu-input-text{
        border: 1px solid #e7e7eb;
    }
    .weixin-menu-detail .menu-content .menu-tips{
        padding-bottom: 10px;
    }

    .weixin-menu-detail .menu-msg-content{
        padding: 0;
        border: 1px solid #e7e7eb;
        background-color: #fff;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-head{
        overflow: hidden;
        border-bottom: 1px solid #e7e7eb;
        line-height: 38px;
        height: 38px;
        padding: 0 20px;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-panel{
        padding: 30px 50px;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-select{
        padding: 40px 20px;
        border: 2px dotted #d9dadc;
        text-align: center;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-select1{
        padding: 40px 0px;
        border: 2px dotted #d9dadc;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-select1 .div1{
        display:inline-block;
        width:22%;
        height:100px;
        text-align:center;
        /* line-height:100px; */
        /* padding-top:30px; */
        border:1px #dadada solid;
        margin:10px;
        text-align: center;

    }
    .weixin-menu-detail .menu-msg-content .menu-msg-select:hover{
        border-color: #b3b3b3;
    }
    .menu-msg-select1 .div1:hover{
        background:#f4f6f9;
        color:#428bca;
        cursor:pointer;
    }
    .menu-msg-select1{
        padding: 40px 0px;
        border: 2px dotted #d9dadc;
    }
    .menu-msg-select1 .div1{
        display:inline-block;
        width:22%;
        height:100px;
        text-align:center;
        /* line-height:100px; */
        padding-top:30px;
        border:1px #dadada solid;
        margin:10px;
        text-align: center;

    }
     .menu-msg-select:hover{
        border-color: #b3b3b3;
    }
    .menu-msg-select1 .div1:hover{
        background:#f4f6f9;
        color:#428bca;
        cursor:pointer;
    }

    .weixin-menu-detail .menu-msg-content strong{
        display: block;
        padding-top: 3px;
        font-weight: 400;
        font-style: normal;
    }
    .weixin-menu-detail .menu-msg-content .menu-msg-title{
        float: left;
        width: 310px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .icon36_common{
        width: 36px;
        height: 36px;
        vertical-align: middle;
        display: inline-block;
    }
    .icon36_common.add_gray{
        background: url(../images/base_z381ecd.png) 0 -2548px no-repeat;
    }
    .icon_msg_sender{
        margin-right: 3px;
        margin-top: -2px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        display: inline-block;
        background: url(../images/msg_tab_z25df2d.png) 0 -270px no-repeat;
    }

    .weixin-btn-group{
        text-align: center;
        width:950px;
        margin:30px 0px;
        overflow: hidden;
    }
    .weixin-btn-group .btn{
        width: 100px;
        border-radius: 0px;
    }

    #material-list{
        padding:20px;
        overflow-y:scroll;
        height: 558px;
    }
    #news-list{
        padding:20px;
        overflow-y:scroll;
        height: 558px;
    }
    #material-list table{
        width:100%;
    }
    .el-radio + .el-radio {
        margin-left: 0px;
    }
    /* .el-radio {
        margin-left: 30px;
    } */
    /* .el-button + .el-button {
        margin-left: 0px;
    } */
    .el-button {
        margin-left: 30px;
    }

</style>
@endsection