2703 lines
164 KiB
PHP
2703 lines
164 KiB
PHP
@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">字数不超过5个汉字或10个字母</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 @click="currentChangeWechatTextImg(1)">搜索</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.created_at]]</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_article[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.has_many_article[0].title]]
|
||
</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 @click="currentChangeLocalTextImg(1)">搜索</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="checkImgTextUrl(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.created_at]]</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_article[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.has_many_article[0].title]]
|
||
</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.filename]]
|
||
</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.filename]]
|
||
</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.filename]]
|
||
</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.created_at]]</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.filename]]
|
||
</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.created_at]]</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.filename]]
|
||
</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.created_at]]</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.filename]]
|
||
</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 = "";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//只有图文-才将media_id 字段变为 article_id ，并且删除本地服务器
|
||
if(data.button !== undefined ){
|
||
for(let item of data.button){
|
||
item.media_id = item.article_id !== undefined ? item.article_id : item.media_id !== undefined ? item.media_id : '';
|
||
item.article_id = '';
|
||
}
|
||
}
|
||
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_article: [{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/withdrawal') }}"},
|
||
{id: 4, name: "提现明细", url: "{{ yzAppFullUrl('member/presentationRecord',['extension'=>'extension']) }}"},
|
||
|
||
|
||
],
|
||
},
|
||
],
|
||
|
||
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;
|
||
this.search_img_text = '';
|
||
if (that.img_text_url0 == "img_text_url1") {
|
||
that.dialog_loading = true,
|
||
that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.article.getWechatArticles') !!}", {}).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.article.getWechatArticles') !!}', {
|
||
page: val,
|
||
filename: this.search_img_text
|
||
}).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,
|
||
filename: this.search_img_text
|
||
}).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.menu.button[i].sub_button[j].article_id == "" || !this.menu.button[i].sub_button[j].article_id)) {
|
||
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") {
|
||
for(let item of this.menu.button){
|
||
if(item.material !== undefined ){
|
||
if(item.material.type == 'news'){
|
||
item.article_id = item.media_id ? item.media_id : item.material && item.material.article_id ? item.material.article_id : '';
|
||
item.media_id = '';
|
||
// break;
|
||
}
|
||
}else {
|
||
if(item.sub_button.length > 0) {
|
||
for(let el of item.sub_button) {
|
||
if(el.material.type == 'news') {
|
||
el.article_id = el.media_id ? el.media_id : el.material && el.material.article_id ? el.material.article_id : '';
|
||
el.media_id = '';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
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 {
|
||
for(let item of this.menu.button){
|
||
if(item.material !== undefined ){
|
||
if(item.material.type == 'news'){
|
||
item.article_id = item.media_id ? item.media_id : item.material && item.material.article_id ? item.material.article_id : '';
|
||
item.media_id = '';
|
||
// break;
|
||
}
|
||
}else {
|
||
if(item.sub_button.length > 0) {
|
||
for(let el of item.sub_button) {
|
||
if(el.material.type == 'news') {
|
||
el.article_id = el.media_id ? el.media_id : el.material && el.material.article_id ? el.material.article_id : '';
|
||
el.media_id = '';
|
||
// break
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
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;
|
||
},
|
||
getOneNews(id,index){
|
||
var that = this;
|
||
that.$http.get("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.News.getOneNews') !!}" + '&id=' + id).then((res)=>{
|
||
if(res.data.result){
|
||
if(index || index == 0) {
|
||
that.img_text_list[index] = res.data.data;
|
||
that.chooseImgTextUrl(index);
|
||
}
|
||
return;
|
||
}else{
|
||
this.$message({
|
||
type: 'error',
|
||
message: '获取图文失败，' + res.data.msg
|
||
});
|
||
}
|
||
},(err)=>{
|
||
this.$message({
|
||
type: 'error',
|
||
message: '获取图文失败，' + err.data.msg
|
||
});
|
||
})
|
||
},
|
||
// 验证是否本地图文
|
||
checkImgTextUrl(index) {
|
||
var that = this;
|
||
if (!that.img_text_list[index].media_id || that.img_text_list[index].media_id == '') {
|
||
that.$confirm('该素材需要上传到微信才可使用，是否上传', '提示', {
|
||
confirmButtonText: '上传',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.material.controller.News.save') !!}",{
|
||
model:'perm',
|
||
form_data:that.img_text_list[index]
|
||
}).then((res) => {
|
||
if(res.data.result){
|
||
that.getOneNews(res.data.data.id,index);
|
||
}else{
|
||
this.$message({
|
||
type: 'error',
|
||
message: '上传失败,' + res.data.msg
|
||
});
|
||
}
|
||
},(err)=>{
|
||
this.$message({
|
||
type: 'error',
|
||
message: '上传失败,' + err.data.msg
|
||
});
|
||
})
|
||
}).catch(() => {
|
||
});
|
||
} else {
|
||
this.chooseImgTextUrl(index);
|
||
}
|
||
},
|
||
// 选择图文
|
||
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].article_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_article[0].thumb_url}];
|
||
} else {
|
||
|
||
that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].media_id = that.img_text_list[index].article_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_article[0].thumb_url}];
|
||
// that.menu.button[that.selectedMenuIndex].sub_button[that.selectedSubMenuIndex].material.has_many_news[0].thumb_url=that.has_many_article[index].has_many_article[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) <= 10) {
|
||
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
|