1561 lines
83 KiB
PHP
1561 lines
83 KiB
PHP
@extends('layouts.base')
|
||
@section('title', '发现基础设置')
|
||
@section('content')
|
||
<link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
|
||
<style>
|
||
.find #app .base-title{padding:15px 0;padding-bottom:10px;font-size:16px;line-height:30px;border-bottom:solid 1px #eee;color:#333;margin-bottom:25px;}
|
||
.find #app .award-title{padding:15px 0;padding-bottom:10px;font-size:16px;line-height:30px;border-bottom:solid 1px #eee;color:#333;margin-bottom:25px;}
|
||
.find #app .user-agreement{padding:15px 0;padding-bottom:10px;font-size:16px;line-height:30px;border-bottom:solid 1px #eee;color:#333;margin-bottom:25px;}
|
||
.find #app .find-content{padding-left:80px;}
|
||
.find #app .award-content{padding-left:80px;}
|
||
.find #app .award-content .percent {margin-bottom:15px;}
|
||
.find #app .award-content .percent .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .switch {margin-bottom:15px;}
|
||
.find #app .find-content .switch .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .member{margin-bottom:15px;}
|
||
.find #app .find-content .member .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .blank{margin-bottom:15px;}
|
||
.find #app .find-content .blank .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .limit{margin-bottom:15px;}
|
||
.find #app .find-content .limit .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .banner-one{margin-bottom:15px;}
|
||
.find #app .find-content .banner-one .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-one{margin-bottom:15px;position:relative;}
|
||
.find #app .find-content .img-one .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-one img{width:200px;height:200px;display:inline-block;}
|
||
.find #app .find-content .text-one{margin-bottom:15px;}
|
||
.find #app .find-content .text-one .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .link-one{margin-bottom:15px;}
|
||
.find #app .find-content .link-one .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .pro-one{margin-bottom:15px;}
|
||
.find #app .find-content .pro-one .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .banner-two{margin-bottom:15px;margin-top:70px;}
|
||
.find #app .find-content .banner-two .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-two{margin-bottom:15px;position:relative;}
|
||
.find #app .find-content .img-two .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-two img{width:200px;height:200px;display:inline-block;}
|
||
.find #app .find-content .text-two{margin-bottom:15px;}
|
||
.find #app .find-content .text-two .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .link-two{margin-bottom:15px;}
|
||
.find #app .find-content .link-two .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .pro-two{margin-bottom:15px;}
|
||
.find #app .find-content .pro-two .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .banner-three{margin-bottom:15px;margin-top:70px;}
|
||
.find #app .find-content .banner-three .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-three{margin-bottom:15px;position:relative;}
|
||
.find #app .find-content .img-three .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .img-three img{width:200px;height:200px;display:inline-block;}
|
||
.find #app .find-content .text-three{margin-bottom:15px;}
|
||
.find #app .find-content .text-three .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .link-three{margin-bottom:15px;}
|
||
.find #app .find-content .link-three .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .pro-three{margin-bottom:15px;}
|
||
.find #app .find-content .pro-three .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .bg-img{margin-bottom:15px;margin-top:70px;}
|
||
.find #app .find-content .bg-img .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .background{margin-bottom:15px;position:relative;}
|
||
.find #app .find-content .background .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
.find #app .find-content .background img{width:200px;height:200px;display:inline-block;}
|
||
.find #app .find-content .text-bg{margin-bottom:15px;}
|
||
.find #app .find-content .text-bg .text{width:170px;text-align:right;display:inline-block;margin-right:15px;}
|
||
/* 上传图片 */
|
||
.avatar-uploader .el-upload {margin-top: 15px;border: 1px dashed #d9d9d9;border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;}
|
||
.avatar-uploader .el-upload:hover {border-color: #409eff;}
|
||
.avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 178px;height: 178px;line-height: 178px;text-align: center;}
|
||
.avatar_box {width:300px;height:300px;margin: 0 auto;}
|
||
.avatar {width: 100%;height: 100%;}
|
||
.el-upload-tip {width: 178px;margin: 0;padding: 0;color: #999;text-align: center;}
|
||
input[type="file"] {display: none;}
|
||
.find #app .find-content .img-one .el-icon-circle-close{margin-left:10px;color: #999;position:absolute;top:0;}
|
||
.find #app .find-content .img-two .el-icon-circle-close{margin-left:10px;color: #999;position:absolute;top:0;}
|
||
.find #app .find-content .img-three .el-icon-circle-close{margin-left:10px;color: #999;position:absolute;top:0;}
|
||
.find #app .find-content .background .el-icon-circle-close{margin-left:10px;color: #999;position:absolute;top:0;}
|
||
/*弹窗上传图片*/
|
||
#upload-img .avatar {width: 100px;height: 100px;display: block;}
|
||
#upload-img .avatar-uploader-box {position: relative;margin: 20px 0 0 10px;width: 110px;}
|
||
#upload-img .el-icon-circle-close {position: absolute;top: -7px;right: 1px;color: #999;}
|
||
.imgList {display: flex;flex-wrap: wrap;margin: 10px auto;}
|
||
.save{margin-top:30px;margin-bottom:15px;}
|
||
.shut{width:220px;text-align:right;}
|
||
.normal{width:70%;text-align:left;margin:0 auto;}
|
||
.notcie_icon{
|
||
font-size: 32px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
.content{
|
||
background: #eff3f6;
|
||
padding: 10px!important;
|
||
}
|
||
.con{
|
||
padding-bottom:20px;
|
||
position:relative;
|
||
border-radius: 8px;
|
||
min-height: 100vh;
|
||
background: #fff;
|
||
}
|
||
.con .setting .block{
|
||
padding:10px;
|
||
background-color:#fff;
|
||
border-radius: 8px;
|
||
}
|
||
.con .setting .block .title{
|
||
margin-bottom:15px;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="{{resource_get('plugins/video-share/assets/css/index.css')}}">
|
||
<style>
|
||
.vue-head {
|
||
/*background: #fff;*/
|
||
border-radius: 5px;
|
||
margin: 0 10px;
|
||
padding: 10px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.vue-main {
|
||
background: #eff3f6;
|
||
border-radius: 5px;
|
||
margin: 0 10px;
|
||
padding: 10px;
|
||
min-height: calc(100vh - 90px);
|
||
}
|
||
|
||
.el-tag1 {
|
||
line-height: 60px !important;
|
||
height: 60px !important;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.el-form-item1 .el-form-item__label {
|
||
line-height: 28px;
|
||
}
|
||
|
||
/* 导航 */
|
||
.el-radio-button .el-radio-button__inner, .el-radio-button:first-child .el-radio-button__inner {
|
||
border-radius: 4px 4px 4px 4px;
|
||
border-left: 0px;
|
||
}
|
||
|
||
.el-radio-button__inner {
|
||
border: 0;
|
||
}
|
||
|
||
.el-radio-button:last-child .el-radio-button__inner {
|
||
border-radius: 4px 4px 4px 4px;
|
||
}
|
||
|
||
/* 商品图片添加 */
|
||
.add-price-img {
|
||
height: 150px;
|
||
width: 150px;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
cursor: pointer;
|
||
position: relative;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
.vue-title {
|
||
display: flex;
|
||
margin: 5px 0;
|
||
line-height: 32px;
|
||
/* font-size: 16px; */
|
||
color: #333;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.vue-title-left {
|
||
width: 4px;
|
||
height: 18px;
|
||
margin-top: 6px;
|
||
background: #29ba9c;
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.vue-title-content {
|
||
font-size: 14px;
|
||
font-family: "黑体";
|
||
flex: 1;
|
||
}
|
||
|
||
|
||
.select-price {
|
||
font-size: 13px;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
.el-form-item__label {
|
||
font-size: 13px;
|
||
font-family: "黑体";
|
||
color: black;
|
||
font-weight: 400;
|
||
}
|
||
|
||
/* 文本字体 */
|
||
.el-form-item__content {
|
||
font-size: 13px;
|
||
color: #999;
|
||
font-family: inherit;
|
||
font-weight: 400;
|
||
}
|
||
|
||
/* 重点红色 */
|
||
.sign-red {
|
||
color: red;
|
||
}
|
||
|
||
/* 文本框 */
|
||
.el-input {
|
||
font-size: 13px;
|
||
}
|
||
|
||
/*上传图片 */
|
||
.addImg-box {
|
||
width: 700px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 点击事件添加 */
|
||
.addLevel {
|
||
margin-left: 65px;
|
||
}
|
||
|
||
.el-icon-plus {
|
||
font-size: 40px;
|
||
/*margin-top: 45px;*/
|
||
}
|
||
|
||
.itemImg_box {
|
||
}
|
||
|
||
.addImg-list {
|
||
height: 150px;
|
||
width: 150px;
|
||
margin-right: 20px;
|
||
margin-bottom: 60px;
|
||
position: relative;
|
||
}
|
||
|
||
/* 商品图片添加 */
|
||
.add-price-img {
|
||
height: 150px;
|
||
width: 150px;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
cursor: pointer;
|
||
position: relative;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
.anew {
|
||
width: 100%;
|
||
color: whitesmoke;
|
||
text-align: center;
|
||
background: rgba(0, 0, 0, .5) !important;
|
||
padding: 5px 0 5px 0;
|
||
position: absolute;
|
||
bottom: 0;
|
||
}
|
||
|
||
.cancel-box {
|
||
width: 16px;
|
||
height: 16px;
|
||
user-select: none;
|
||
background: black;
|
||
position: absolute;
|
||
top: -9px;
|
||
right: -9px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.cancel {
|
||
color: white;
|
||
font-size: 18px;
|
||
line-height: 19px;
|
||
text-indent: 0px;
|
||
position: relative;
|
||
left: 2px;
|
||
top: -10px;
|
||
}
|
||
|
||
.cell {
|
||
/* text-align: center; */
|
||
}
|
||
|
||
[v-cloak] {
|
||
display: none;
|
||
}
|
||
|
||
/* 文字溢出隐藏 */
|
||
.middenTitle {
|
||
width: 100%;
|
||
font-size: 12px;
|
||
white-space: normal;
|
||
text-overflow: -o-ellipsis-lastline;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
line-height: 20px;
|
||
text-indent: -6px;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
/* 表格居中 */
|
||
.el-table tr .cell {
|
||
text-align: center;
|
||
}
|
||
.upload-box-member{
|
||
text-align: center;
|
||
font-weight: 300;
|
||
font-size: 14px;
|
||
}
|
||
</style>
|
||
<div class="find">
|
||
|
||
<div id="app">
|
||
<div class="con">
|
||
<div class="setting">
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>基础设置</b>
|
||
</div>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">发现插件开启</span>
|
||
<template>
|
||
<el-radio v-model="form.is_open" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_open" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">H5聚合页链接</span>
|
||
<el-input v-model="form.page" style="width:70%;" readonly ref="page"></el-input>
|
||
<el-button @click="copyLink('page')">复制</el-button>
|
||
</div>
|
||
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">小程序聚合页链接</span>
|
||
<el-input v-model="form.mini_page" style="width:70%;" readonly ref="mini_page"></el-input>
|
||
<el-button @click="copyLink('mini_page')">复制</el-button>
|
||
</div>
|
||
</div>
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>短视频中心管理</b>
|
||
</div>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">短视频中心默认会员</span>
|
||
<template>
|
||
<div style="margin-left: 190px;">
|
||
<el-row>
|
||
<div class="upload-box" @click="openMember('member_id')" v-if="!form.default_member_id">
|
||
<div class="upload-box-member" style="height:70px;">
|
||
<i class="el-icon-plus notcie_icon" style="font-size:32px;line-height: 40px;"></i><br>
|
||
<span style="line-height: 40px;">选择会员</span>
|
||
</div>
|
||
</div>
|
||
<div class="upload-boxed" v-if="form.default_member_id">
|
||
<img @click="openMember('member_id')" :src="choosed_store.avatar" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;" />
|
||
<div class="upload-boxed-text">重新选择</div>
|
||
<div class="upload-boxed-text-clear" v-if="form.id<=0" @click="clearMember('member_id')">清除选择</div>
|
||
<div style="text-align:center;line-height: 20px;">[[choosed_store.nickname]]</div>
|
||
</div>
|
||
</el-row>
|
||
|
||
</div>
|
||
</template>
|
||
<el-dialog title="选择会员" :visible.sync="member_show" width="60%">
|
||
<div>
|
||
<el-input v-model="member_keyword" style="width:60%;" placeholder="会员信息"></el-input>
|
||
<el-button @click="getMember" >搜索</el-button>
|
||
</div>
|
||
<el-table :data="member_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
|
||
<el-table-column label="ID" prop="uid" align="center" width="100px"></el-table-column>
|
||
<el-table-column label="会员信息">
|
||
<template slot-scope="scope">
|
||
<div style="display:flex;align-items: center;">
|
||
<div v-if="scope.row.avatar_image" style="width:40px;">
|
||
<el-image :src="scope.row.avatar_image" alt="" style="width:40px;height:40px;border-radius:50%"></el-image>
|
||
</div>
|
||
<div style="flex:1;">【id:[[scope.row.uid]]】[[scope.row.nickname]]</div>
|
||
</div>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="refund_time" label="操作" align="center" width="320">
|
||
<template slot-scope="scope">
|
||
<el-button @click="chooseMember(scope.row)">
|
||
选择
|
||
</el-button>
|
||
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="member_show = false">取 消</el-button>
|
||
</span>
|
||
|
||
</el-dialog>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">自动同步短视频</span>
|
||
<template>
|
||
<el-radio v-model="form.auto_sync_mid_ground_video" :label="1">开启</el-radio>
|
||
<el-radio v-model="form.auto_sync_mid_ground_video" :label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 220px;">开启供应链中台新增短视频的,自动导入商城分享视频。</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">自动同步短视频导入分类</span>
|
||
<el-select v-model="form.mid_ground_cate" filterable clearable style="width:12%">
|
||
<el-option v-for="(item,index) in category" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||
</el-select>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">支持自动导入的短视频来源</span>
|
||
<template>
|
||
<el-checkbox-group v-model="form.mid_ground_source" style="display:inline-block;">
|
||
<el-checkbox v-for="item in mid_ground_list" :label="item.id">[[item.title]]</el-checkbox>
|
||
</el-checkbox-group>
|
||
</template>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 220px;">支持多选,勾选后中台新增短视频自动同步导入指定的分类中。</div>
|
||
</div>
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>发布设置</b>
|
||
</div>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">发布是否需要审核</span>
|
||
<template>
|
||
<el-radio v-model="form.is_review" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_review" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否强制发布视频</span>
|
||
<template>
|
||
<el-radio v-model="form.need_video" label="1">开启</el-radio>
|
||
<el-radio v-model="form.need_video" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 220px;">用户没发布过视频的，不能访问主页和其它页面。开启后与发布权限有冲突，发布权限建议选择全部。</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">发布视频是否必传视频</span>
|
||
<template>
|
||
<el-radio v-model="form.must_video" label="1">开启</el-radio>
|
||
<el-radio v-model="form.must_video" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="switch" style="padding-left:80px;margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否开启选择商品</span>
|
||
<template>
|
||
<el-radio v-model="form.select_goods" label="1">开启</el-radio>
|
||
<el-radio v-model="form.select_goods" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="find-content" >
|
||
<div class="member">
|
||
<span class="text"><span style="color: red">*</span>发布权限</span>
|
||
<template>
|
||
<el-checkbox-group v-model="checkList" style="display:inline-block;">
|
||
<el-checkbox v-if="plugin.member == true" label="会员"></el-checkbox>
|
||
<el-checkbox v-if="plugin.agent == true" label="推广员"></el-checkbox>
|
||
<el-checkbox v-if="plugin.team_dividend == true" label="经销商"></el-checkbox>
|
||
<el-checkbox v-if="plugin.store == true" label="门店店长/店员"></el-checkbox>
|
||
<el-checkbox v-if="plugin.hotel == true" label="酒店店长/店员"></el-checkbox>
|
||
<el-checkbox v-if="plugin.supplier == true" label="供应商"></el-checkbox>
|
||
<el-checkbox v-if="plugin.appoint_member == true" label="指定会员"></el-checkbox>
|
||
</el-checkbox-group>
|
||
</template>
|
||
</div>
|
||
<div class="blank">
|
||
<span class="text"></span>
|
||
<span>只有开启的角色才能发布视频。</span>
|
||
</div>
|
||
<div class="blank" v-if="checkList.indexOf('指定会员') !=-1">
|
||
<span class="text">选择会员</span>
|
||
<!-- <input type="hidden" id="agencyid" name="team[uid]" value="">
|
||
<input type="text" name="agency" maxlength="30" value="" id="agency" class="form-control" readonly="">
|
||
<div class="input-group-btn">
|
||
<button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-agency').modal();">
|
||
选择角色
|
||
</button>
|
||
<button class="btn btn-danger" type="button" onclick="$('#agencyid').val('');$('#agency').val('');">
|
||
清除选择
|
||
</button>
|
||
</div>-->
|
||
<el-input v-model="name_content" placeholder="请选择角色" style="width:60%;" disabled></el-input>
|
||
<el-button @click="userVisible=true">选择角色</el-button>
|
||
<el-button @click="clearUser()" type="danger">清除选择</el-button>
|
||
<div style="padding:10px 145px;display:flex;flex-wrap: wrap;">
|
||
<div v-for="(item,index) in member" :key="index" style="width:150px;height:170px;margin:5px;position: relative">
|
||
<img :src="item.avatar_image" alt="" style="width:150px;height:150px">
|
||
<div style="line-height:20px;text-align:center">[[item.nickname]]</div>
|
||
<i class="el-icon-close" @click="clearOne(item.uid,index)" style="position: absolute;top: 0;right: 0;cursor: pointer;"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="limit">
|
||
<span class="text"><span style="color: red">*</span>视频长度限制</span>
|
||
<el-input v-model="form.limit" placeholder="请输入时长" style="width:30%;"></el-input>
|
||
<span>秒</span>
|
||
</div>
|
||
<div class="limit">
|
||
<span class="text">设置默认标题</span>
|
||
<el-input v-model="form.default_title" style="width:30%;"></el-input>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">为空则不设置默认标题，设置了默认标题，前端则不显示标题</div>
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示分类</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_cate" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_cate" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="limit">
|
||
<span class="text">设置默认分类</span>
|
||
<el-select v-model="form.default_cate" filterable clearable style="width:12%">
|
||
<el-option v-for="(item,index) in category" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||
</el-select>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">设置后前端发布视频不显示分类</div>
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示已隐藏分类</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_hide" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_hide" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">开启后用户发布视频时可选择隐藏分类。</div>
|
||
<div class="limit">
|
||
<span class="text">上传按钮</span>
|
||
<el-input v-model="form.upload_button" style="width:30%;"></el-input>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">默认为确认发布</div>
|
||
<div class="limit">
|
||
<span class="text">温馨提示</span>
|
||
<el-input v-model="form.notice" style="width:70%;"></el-input>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">在发布视频页面显示，默认为视频时长不应超过xxx秒，封面图尽量和视频高度一致</div>
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示我的关注</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_own_follow" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_own_follow" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="bg-img">
|
||
<span class="text"><span style="color: red">*</span>发布页背景</span>
|
||
<el-input v-model="form.bgImg" placeholder="请选择图片" style="width:60%;"></el-input>
|
||
<el-button @click="openUpload('bgImg')">选择图片</el-button>
|
||
</div>
|
||
|
||
<div class="background">
|
||
<span class="text"></span>
|
||
<img :src="form.bgImg" v-if="form.bgImg">
|
||
<i
|
||
v-show="form.bgImg"
|
||
class="el-icon-circle-close"
|
||
@click="clearImg('bgImg')"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
<div class="text-bg">
|
||
<span class="text"></span>
|
||
<span>(请上传375*375px方形图片)</span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="award-content" >
|
||
<div class="percent" >
|
||
<span class="text">用户协议自定义名称</span>
|
||
<el-input v-model="form.diy_title" style="width:30%;" placeholder="默认为用户协议"></el-input>
|
||
</div>
|
||
</div>
|
||
<div class="award-content" >
|
||
<div class="percent" >
|
||
<span class="text"><span style="color: red">*</span>用户协议</span>
|
||
<tinymce v-model="form.content" style="width:70%;margin-left:160px;"></tinymce>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>显示设置</b>
|
||
</div>
|
||
</div>
|
||
<div class="find-content" >
|
||
<div class="switch" style="margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">列表样式</span>
|
||
<template>
|
||
<el-radio v-model="form.list_style" label="1" style="margin-right: 15px;">样式一</el-radio>
|
||
<el-radio v-model="form.list_style" label="2">样式二</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示我的关注</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_own_follow" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_own_follow" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示推荐</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_recommend" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_recommend" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示正在直播按钮</span>
|
||
<template>
|
||
<el-radio v-model="form.is_show_live" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_show_live" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
{{--<div class="switch" >--}}
|
||
{{--<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否显示发布会员昵称</span>--}}
|
||
{{--<el-radio v-model="form.is_show_name" label="1">开启</el-radio>--}}
|
||
{{--<el-radio v-model="form.is_show_name" label="0">关闭</el-radio>--}}
|
||
{{--</template>--}}
|
||
{{--</div>--}}
|
||
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">是否开启评论</span>
|
||
<template>
|
||
<el-radio v-model="form.is_open_comment" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_open_comment" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">显示会员中心入口</span>
|
||
<el-switch v-model="form.is_member_enter" :active-value="1" :inactive-value="0">
|
||
</el-switch>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">开启后在短视频详情页面显示会员中心入口</div>
|
||
<div class="switch">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">cps播放方式</span>
|
||
<template>
|
||
<el-radio v-model="form.video_type" :label="1">在线播放</el-radio>
|
||
<el-radio v-model="form.video_type" :label="2">下载播放</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
<div class="switch" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">显示视频观看进度条</span>
|
||
<el-switch v-model="form.is_show_video_progress" :active-value="1" :inactive-value="0">
|
||
</el-switch>
|
||
</div>
|
||
<div style="text-align: right;display: inline-block;margin: 0 0 20px 150px;">开启后在短视频详情页面显示视频观看进度条</div>
|
||
|
||
<div class="link-one">
|
||
<span class="text">头像跳转H5链接</span>
|
||
<el-input v-model="form.topLike" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseFour">选择链接</el-button>
|
||
</div>
|
||
<div class="link-one">
|
||
<span class="text">头像跳转小程序链接</span>
|
||
<el-input v-model="form.topSmileLike" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseProFour">选择页面</el-button>
|
||
</div>
|
||
|
||
<div class="banner-one">
|
||
<span class="text">自定义图标</span>
|
||
<el-input v-model="form.customIcon" placeholder="请选择图片" style="width:40%;"></el-input>
|
||
<el-button @click="openUpload('customIcon')">选择图片</el-button>
|
||
</div>
|
||
<div class="img-one">
|
||
<span class="text"></span>
|
||
<img :src="form.customIcon" v-if="form.customIcon">
|
||
<i
|
||
v-show="form.customIcon"
|
||
class="el-icon-circle-close"
|
||
@click="clearImg('customIcon')"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
<div class="text-one">
|
||
<span class="text"></span>
|
||
<span>建议尺寸：100*100</span>
|
||
</div>
|
||
|
||
<div class="link-one">
|
||
<span class="text">自定义图标文字</span>
|
||
<el-input v-model="form.icon_name" placeholder="自定义图标文字" style="width:60%;"></el-input>
|
||
<span>字数限定在4个以内</span>
|
||
</div>
|
||
|
||
<div class="link-one">
|
||
<span class="text">自定义图标链接</span>
|
||
<el-input v-model="form.iconLink" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseFive">选择链接</el-button>
|
||
</div>
|
||
<div class="link-one">
|
||
<span class="text">自定义图标小程序链接</span>
|
||
<el-input v-model="form.iconSmileLink" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseProFive">选择页面</el-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>幻灯片设置</b>
|
||
</div>
|
||
</div>
|
||
<div class="find-content">
|
||
<div class="switch" style="margin-bottom: 15px;">
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">发现首页幻灯片显示</span>
|
||
<template>
|
||
<el-radio v-model="form.is_rotation" label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_rotation" label="0">关闭</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
<div class="banner-one">
|
||
<span class="text">发现首页幻灯一</span>
|
||
<el-input v-model="form.banOne" placeholder="请选择图片" style="width:60%;"></el-input>
|
||
<el-button @click="openUpload('banOne')">选择图片</el-button>
|
||
</div>
|
||
<div class="img-one">
|
||
<span class="text"></span>
|
||
<img :src="form.banOne" v-if="form.banOne">
|
||
<i
|
||
v-show="form.banOne"
|
||
class="el-icon-circle-close"
|
||
@click="clearImg('banOne')"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
<div class="text-one">
|
||
<span class="text"></span>
|
||
<span>(请上传640*300px方形图片)</span>
|
||
</div>
|
||
|
||
<div class="link-one">
|
||
<span class="text">跳转链接</span>
|
||
<el-input v-model="form.linkOne" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseOne">选择链接</el-button>
|
||
</div>
|
||
<div class="link-one">
|
||
<span class="text">小程序跳转</span>
|
||
<el-input v-model="form.proOne" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseProOne">选择页面</el-button>
|
||
</div>
|
||
<div class="banner-two" >
|
||
<span class="text">发现首页幻灯二</span>
|
||
<el-input v-model="form.banTwo" placeholder="请选择图片" style="width:60%;"></el-input>
|
||
<el-button @click="openUpload('banTwo')">选择图片</el-button>
|
||
</div>
|
||
<div class="img-two">
|
||
<span class="text"></span>
|
||
<img :src="form.banTwo" v-if="form.banTwo">
|
||
<i
|
||
v-show="form.banTwo"
|
||
class="el-icon-circle-close"
|
||
@click="clearImg('banTwo')"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
<div class="text-two">
|
||
<span class="text"></span>
|
||
<span>(请上传640*300px方形图片)</span>
|
||
</div>
|
||
<div class="link-two">
|
||
<span class="text">跳转链接</span>
|
||
<el-input v-model="form.linkTwo" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseTwo">选择链接</el-button>
|
||
</div>
|
||
<div class="pro-two">
|
||
<span class="text">小程序跳转</span>
|
||
<el-input v-model="form.proTwo" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseProTwo">选择页面</el-button>
|
||
</div>
|
||
<div class="banner-three">
|
||
<span class="text">发现首页幻灯三</span>
|
||
<el-input v-model="form.banThree" placeholder="请选择图片" style="width:60%;"></el-input>
|
||
<el-button @click="openUpload('banThree')">选择图片</el-button>
|
||
</div>
|
||
<div class="img-three">
|
||
<span class="text"></span>
|
||
<img :src="form.banThree" v-if="form.banThree">
|
||
<i
|
||
v-show="form.banThree"
|
||
class="el-icon-circle-close"
|
||
@click="clearImg('banThree')"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
<div class="text-three">
|
||
<span class="text"></span>
|
||
<span>(请上传640*300px方形图片)</span>
|
||
</div>
|
||
<div class="link-three">
|
||
<span class="text">跳转链接</span>
|
||
<el-input v-model="form.linkThree" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseThree">选择链接</el-button>
|
||
</div>
|
||
<div class="pro-three">
|
||
<span class="text">小程序跳转</span>
|
||
<el-input v-model="form.proThree" placeholder="请选择链接" style="width:60%;"></el-input>
|
||
<el-button @click="chooseProThree">选择页面</el-button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div style="background: #eff3f6;width:100%;height:15px;"></div>
|
||
|
||
|
||
<div class="block">
|
||
<div class="title">
|
||
<div style="display:flex;align-items:center;">
|
||
<span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
|
||
<b>发现奖励设置</b>
|
||
</div>
|
||
</div>
|
||
<div class="award-content" >
|
||
|
||
<div class="percent" >
|
||
<span class="text" style="width: 170px;text-align: right;display: inline-block;margin-right: 15px;">发现奖励计算方式</span>
|
||
<template>
|
||
<el-radio v-model="form.find_reward" label="0">订单实付金额</el-radio>
|
||
<el-radio v-model="form.find_reward" label="1">利润(实付金额-成本，负数取0)</el-radio>
|
||
</template>
|
||
</div>
|
||
|
||
<div class="percent">
|
||
<span class="text"><span style="color: red">*</span>购买奖励</span>
|
||
<el-input v-model="form.percent" placeholder="请输入百分比" style="width:30%;"></el-input>
|
||
<span>%</span>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="normal">
|
||
<el-button class="save" @click="submit()" type="success">保存</el-button>
|
||
</div>
|
||
<pop :show="show" @replace="changeProp" @add="parHref"></pop>
|
||
<program :pro="pro" @replacepro="changeprogram" @addpro="parpro"></program>
|
||
<el-dialog :visible.sync="centerDialogVisible" width="65%" center>
|
||
<el-tabs v-model="activeName2" type="card">
|
||
<el-tab-pane label="上传图片" name="first">
|
||
<div
|
||
style="text-align: center"
|
||
class="submit_Img"
|
||
v-loading="submit_loading"
|
||
>
|
||
<el-upload
|
||
class="avatar-uploader"
|
||
:action=`${picture.upload_url}image`
|
||
accept="image/*"
|
||
:show-file-list="false"
|
||
:on-success="uploadSuccess"
|
||
:before-upload="beforeUpload"
|
||
>
|
||
<div class="avatar_box" v-if="uploadImg">
|
||
<img :src="uploadImg" class="avatar" />
|
||
</div>
|
||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||
</el-upload>
|
||
</div>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="提取网络图片" name="second">
|
||
<el-input
|
||
v-model="uploadImg"
|
||
placeholder="请输入网络图片地址"
|
||
style="width:90%"
|
||
></el-input>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="浏览图片" name="third">
|
||
<div>
|
||
<el-radio-group v-model="radio1" size="medium" @change="chooseYear">
|
||
<el-radio-button label="不限">不限</el-radio-button>
|
||
<el-radio-button :label="item" v-for="(item,index) in yearList" :key="index">[[item]]年</el-radio-button>
|
||
</el-radio-group>
|
||
</div>
|
||
|
||
<div style="margin-top: 10px;">
|
||
<el-radio-group v-model="radio2" size="small" @change="chooseMonth">
|
||
<el-radio-button label="不限">不限</el-radio-button>
|
||
<el-radio-button label="1">1月</el-radio-button>
|
||
<el-radio-button label="2">2月</el-radio-button>
|
||
<el-radio-button label="3">3月</el-radio-button>
|
||
<el-radio-button label="4">4月</el-radio-button>
|
||
<el-radio-button label="5">5月</el-radio-button>
|
||
<el-radio-button label="6">6月</el-radio-button>
|
||
<el-radio-button label="7">7月</el-radio-button>
|
||
<el-radio-button label="8">8月</el-radio-button>
|
||
<el-radio-button label="9">9月</el-radio-button>
|
||
<el-radio-button label="10">10月</el-radio-button>
|
||
<el-radio-button label="11">11月</el-radio-button>
|
||
<el-radio-button label="12">12月</el-radio-button>
|
||
</el-radio-group>
|
||
</div>
|
||
|
||
<div id="upload-img" class="imgList">
|
||
<div class="avatar-uploader-box" v-for="img in ImgList">
|
||
<img
|
||
@click="chooseTheImg(img.url)"
|
||
:src="img.url"
|
||
class="avatar"
|
||
/>
|
||
<i
|
||
class="el-icon-circle-close"
|
||
@click="deleteImg(img.id)"
|
||
title="点击清除图片"
|
||
></i>
|
||
</div>
|
||
</div>
|
||
|
||
<el-pagination
|
||
style="margin-top: 10px;text-align: right"
|
||
background
|
||
@current-change="currentChange"
|
||
:page-size="pageSize"
|
||
:current-page.sync="current_page"
|
||
:total="total"
|
||
layout="prev, pager, next"
|
||
>
|
||
</el-pagination>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="centerDialogVisible = false">取 消</el-button>
|
||
<el-button type="primary" @click="sureImg">确 定 </el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<el-dialog :visible.sync="userVisible" width="65%" center>
|
||
<div>
|
||
<!-- 表格start -->
|
||
<el-input v-model="keyword" style="width:50%"></el-input>
|
||
<el-button @click="searchMember">搜索</el-button>
|
||
<el-table :data="user_list" style="max-height:600px;overflow:auto">
|
||
<el-table-column prop="uid" label="ID" align="center" width="80"></el-table-column>
|
||
<el-table-column label="会员" align="left" width="80">
|
||
<template slot-scope="scope">
|
||
<div>
|
||
<img :src="scope.row.avatar_image" alt="" style="width:50px;height:50px">
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="" prop="nickname" align="left" >
|
||
</el-table-column>
|
||
|
||
<el-table-column label="操作" align="center" width="180">
|
||
<template slot-scope="scope">
|
||
<div>
|
||
<el-button size="small" @click="chooseUser(scope.row,scope.row.uid)">选择</el-button>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<!-- 表格end -->
|
||
<!-- <el-row v-if="list.length>0">
|
||
<el-col :span="24" align="right" migra style="padding:15px 5% 15px 0" v-loading="loading">
|
||
<el-pagination background layout="prev, pager, next, jumper" @current-change="search" :total="total"
|
||
:page-size="page_size" :current-page="current_page"></el-pagination>
|
||
</el-col>
|
||
</el-row> -->
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="userVisible = false">取 消</el-button>
|
||
<el-button type="primary" @click="sureUser">确 定 </el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
@include('public.admin.pop')
|
||
@include('public.admin.program')
|
||
<script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
|
||
<script src="{{resource_get('static/yunshop/tinymceTemplate.js')}}"></script>
|
||
<script>
|
||
var vm = new Vue({
|
||
el:"#app",
|
||
delimiters: ['[[', ']]'],
|
||
data() {
|
||
let type = {!! $type?:0 !!};
|
||
let url = {!! $url?:'{}' !!};
|
||
let set = {!! $set?:'{}' !!};
|
||
let member = {!! $releaserMember?:'[]' !!};
|
||
let plugin = {!! $pluginStatus?:'[]' !!};
|
||
let choosed_store = {!! $choosedStore?:'[]' !!};
|
||
let category = {!! $category?:'[]' !!};
|
||
return{
|
||
new:type,
|
||
mid_ground_list:[],
|
||
video_cate:[],
|
||
picture:url,
|
||
show:false,
|
||
pro:false,
|
||
tab:'',
|
||
form:{
|
||
is_show_video_progress:'0',
|
||
is_open:'1',
|
||
is_review:'0',
|
||
select_goods:'1',
|
||
limit:'',
|
||
banOne:'',
|
||
linkOne:'',
|
||
banTwo:'',
|
||
linkTwo:'',
|
||
banThree:'',
|
||
linkThree:'',
|
||
bgImg:'',
|
||
percent:'',
|
||
content:'',
|
||
releaser:[],
|
||
proOne:'',
|
||
proTwo:'',
|
||
proThree:'',
|
||
releaserMember:[],
|
||
pluginStatus:[],
|
||
mini_page:'',
|
||
page:'',
|
||
list_style:'1',
|
||
is_rotation:'0',
|
||
is_show_cate:'0',
|
||
is_show_hide:'0',
|
||
is_show_own_follow:'0',
|
||
is_show_recommend:'0',
|
||
is_show_live:'0',
|
||
is_open_comment:'0',
|
||
is_member_enter: 1,
|
||
is_show_name:'0',
|
||
find_reward:'0',
|
||
topLike:'',
|
||
topSmileLike:'',
|
||
customIcon:'',
|
||
icon_name:'',
|
||
icon_link:'',
|
||
icon_smile_link:'',
|
||
video_type: 1,
|
||
default_member_id:'',
|
||
mid_ground_source:[],
|
||
auto_sync_mid_ground_video:0,
|
||
...set
|
||
},
|
||
checkList:[],
|
||
pageSize: 0,
|
||
current_page: 0,
|
||
total: 0,
|
||
radio1: "不限", //年
|
||
radio2: "不限", //月
|
||
uploadImg: "",
|
||
chooseImg: "",
|
||
ImgList: [],
|
||
submit_loading: false,
|
||
centerDialogVisible: false,
|
||
activeName2: "first",
|
||
yearList:[],
|
||
obj:{},
|
||
loading:false,
|
||
user_list:[],
|
||
userVisible:false,
|
||
keyword:'',
|
||
member:member,
|
||
plugin:plugin,
|
||
name_content:'',
|
||
member_list:[],
|
||
member_keyword:'',
|
||
member_show:false,
|
||
choose_member_type:'',
|
||
choosed_store:choosed_store,
|
||
category:category,
|
||
|
||
|
||
|
||
}
|
||
},
|
||
activated () {
|
||
|
||
},
|
||
mounted() {
|
||
|
||
|
||
window.addEventListener('beforeunload', e => {
|
||
window.onbeforeunload =null
|
||
});
|
||
this.year();
|
||
this.currentChange(1);
|
||
this.initData();
|
||
this.getVideoCate();
|
||
this.getNameContent();
|
||
this.getMiddlegroundConfiguration()
|
||
},
|
||
methods: {
|
||
getMiddlegroundConfiguration(){
|
||
this.$http.post('{!! yzWebFullUrl('plugin.video-share.admin.set.getMidGroundList') !!}').then(function (response) {
|
||
if (response.data.result) {
|
||
this.mid_ground_list = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg, type: 'error'});
|
||
}
|
||
}, function (response) {
|
||
this.$message({message: response.data.msg, type: 'error'});
|
||
})
|
||
},
|
||
getVideoCate(){
|
||
this.$http.post('{!! yzWebFullUrl('plugin.video-share.admin.set.getVideoCate') !!}').then(function (response) {
|
||
if (response.data.result) {
|
||
this.video_cate = response.data.data;
|
||
} else {
|
||
this.$message({message: response.data.msg, type: 'error'});
|
||
}
|
||
}, function (response) {
|
||
this.$message({message: response.data.msg, type: 'error'});
|
||
})
|
||
},
|
||
getMember() {
|
||
this.$http.post("{!! yzWebUrl('plugin.video-share.admin.center.getMemberList') !!}", {keyword: this.member_keyword}).then(response => {
|
||
if (response.data.result) {
|
||
this.member_list = response.data.data.data
|
||
} else {
|
||
this.$message({type: 'error', message: response.data.msg});
|
||
}
|
||
}, response => {
|
||
this.$message({type: 'error', message: response.data.msg});
|
||
|
||
});
|
||
},
|
||
openMember(type) {
|
||
console.log(132)
|
||
|
||
this.member_show = true;
|
||
this.choose_member_type = type;
|
||
|
||
},
|
||
chooseMember(row) {
|
||
let that = this;
|
||
|
||
if (this.choose_member_type != "salers") {
|
||
if (this.choose_member_type == "member_id") {
|
||
this.form.default_member_id = row.uid;
|
||
this.choosed_store = row;
|
||
}
|
||
this.form[this.choose_member_type] = row.uid
|
||
this.member_show = false;
|
||
|
||
}
|
||
// 多选
|
||
else {
|
||
for (let i in this.form.salers) {
|
||
if (row.uid == i) {
|
||
this.$message.error("该会员已选择，请勿重复选择！");
|
||
return;
|
||
}
|
||
}
|
||
that.form.salers[row.uid] = row;
|
||
|
||
}
|
||
|
||
},
|
||
|
||
clearMember(type) {
|
||
if (this.choose_member_type == "uid") {
|
||
this.choosed_store = {};
|
||
}
|
||
this.form[type] = "";
|
||
this.$forceUpdate();
|
||
},
|
||
copyLink(type) {
|
||
this.$refs[type].select();
|
||
document.execCommand("Copy")
|
||
this.$message.success("复制成功!");
|
||
},
|
||
|
||
initData(){
|
||
this.form.releaser.map((item,index,key)=>{
|
||
switch(item){
|
||
case 'member':
|
||
this.checkList.push('会员');
|
||
break;
|
||
case 'agent':
|
||
this.checkList.push('推广员');
|
||
break;
|
||
case 'team_dividend':
|
||
this.checkList.push('经销商');
|
||
break;
|
||
case 'store':
|
||
this.checkList.push('门店店长/店员');
|
||
break;
|
||
case 'hotel':
|
||
this.checkList.push('酒店店长/店员');
|
||
break;
|
||
case 'supplier':
|
||
this.checkList.push('供应商');
|
||
break;
|
||
case 'appoint_member':
|
||
this.checkList.push('指定会员');
|
||
break;
|
||
}
|
||
})
|
||
},
|
||
year(){
|
||
let date=new Date();
|
||
let yearOnce=date.getFullYear();
|
||
for(let i=0;i<=4;i++){
|
||
this.yearList.push(yearOnce-i)
|
||
}
|
||
},
|
||
changeProp(item){
|
||
this.show=item;
|
||
},
|
||
parHref(child,confirm){
|
||
if(this.tab===1){
|
||
this.form.linkOne=child;
|
||
}
|
||
if(this.tab===2){
|
||
this.form.linkTwo=child;
|
||
}
|
||
if(this.tab===3){
|
||
this.form.linkThree=child;
|
||
}
|
||
if(this.tab===4){
|
||
this.form.topLike=child;
|
||
}
|
||
if(this.tab===5){
|
||
this.form.iconLink=child;
|
||
}
|
||
this.show=confirm;
|
||
},
|
||
changeprogram(item){
|
||
this.pro=item;
|
||
},
|
||
parpro(child,confirm){
|
||
if(this.tab===1){
|
||
this.form.proOne=child;
|
||
}
|
||
if(this.tab===2){
|
||
this.form.proTwo=child;
|
||
}
|
||
if(this.tab===3){
|
||
this.form.proThree=child;
|
||
}
|
||
if(this.tab===4){
|
||
this.form.topSmileLike=child;
|
||
}
|
||
if(this.tab===5){
|
||
this.form.iconSmileLink=child;
|
||
}
|
||
this.pro=confirm;
|
||
},
|
||
chooseOne(){
|
||
this.tab='';
|
||
this.show=true;
|
||
this.tab=1;
|
||
},
|
||
chooseTwo(){
|
||
this.tab='';
|
||
this.show=true;
|
||
this.tab=2;
|
||
},
|
||
chooseThree(){
|
||
this.tab='';
|
||
this.show=true;
|
||
this.tab=3;
|
||
},
|
||
chooseFour(){
|
||
this.tab='';
|
||
this.show=true;
|
||
this.tab=4;
|
||
},
|
||
chooseFive(){
|
||
this.tab='';
|
||
this.show=true;
|
||
this.tab=5;
|
||
},
|
||
chooseProOne(){
|
||
this.tab='';
|
||
this.pro=true;
|
||
this.tab=1;
|
||
},
|
||
chooseProTwo(){
|
||
this.tab='';
|
||
this.pro=true;
|
||
this.tab=2;
|
||
},
|
||
chooseProThree(){
|
||
this.tab='';
|
||
this.pro=true;
|
||
this.tab=3;
|
||
},
|
||
chooseProFour(){
|
||
this.tab='';
|
||
this.pro=true;
|
||
this.tab=4;
|
||
},
|
||
chooseProFive(){
|
||
this.tab='';
|
||
this.pro=true;
|
||
this.tab=5;
|
||
},
|
||
openUpload(str) {
|
||
this.chooseImg = str;
|
||
this.uploadImg = "";
|
||
this.centerDialogVisible = true;
|
||
},
|
||
sureImg(){
|
||
this.form[this.chooseImg] = this.uploadImg;
|
||
this.centerDialogVisible = false;
|
||
this.currentChange(1);
|
||
},
|
||
beforeUpload(file) {
|
||
this.submit_loading = true;
|
||
const isLt2M = file.size / 1024 / 1024 < 2;
|
||
const isImg = file.type === 'image/jpeg' || file.type==="image/png";
|
||
if (!isLt2M) {
|
||
this.$message.error("上传图片大小不能超过 2MB!");
|
||
this.submit_loading = false ;
|
||
return false ;
|
||
}
|
||
if (!isImg) {
|
||
this.$message.error('上传图片的格式只能是 JPG或PNG 格式!');
|
||
this.submit_loading = false;
|
||
return false ;
|
||
}
|
||
},
|
||
uploadSuccess(res, file) {
|
||
if(res.result == 0){
|
||
this.$message.error(res.msg);
|
||
this.submit_loading = false;
|
||
return;
|
||
}
|
||
|
||
if(res.url){
|
||
this.uploadImg = res.url;
|
||
this.$message.success("上传成功！");
|
||
this.submit_loading = false;
|
||
}
|
||
else{
|
||
this.$message.error(res.message);
|
||
this.submit_loading = false;
|
||
}
|
||
},
|
||
clearImg(str) {
|
||
this.form[str] = "";
|
||
},
|
||
deleteImg(id) {
|
||
this.$http.get(`${this.picture.delet_url}?id=${id}`).then(response => {
|
||
this.currentChange(this.history);
|
||
this.$message.success("图片删除成功");
|
||
}).catch(err => {
|
||
console.error(err);
|
||
|
||
});
|
||
},
|
||
chooseYear(year) {
|
||
this.currentChange(1);
|
||
},
|
||
chooseMonth(month) {
|
||
this.currentChange(1);
|
||
},
|
||
submit(){
|
||
if(this.checkList.length<=0){
|
||
this.$message.error("请选择发布权限");
|
||
return
|
||
}
|
||
if(this.form.limit===''){
|
||
this.$message.error("请输入视频长度限制");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.banOne === ''){
|
||
this.$message.error("请先添加首页幻灯片一");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.linkOne === ''){
|
||
this.$message.error("请先添加首页幻灯片一跳转链接");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.banTwo === ''){
|
||
this.$message.error("请先添加首页幻灯片二");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.linkTwo === ''){
|
||
this.$message.error("请先添加首页幻灯片二跳转链接");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.banThree === ''){
|
||
this.$message.error("请先添加首页幻灯片三");
|
||
return
|
||
}
|
||
if(this.form.is_rotation==='1' && this.form.linkThree === ''){
|
||
this.$message.error("请先添加首页幻灯片三跳转链接");
|
||
return
|
||
}
|
||
if(this.form.bgImg===''){
|
||
this.$message.error("请先添加发布页背景");
|
||
return
|
||
}
|
||
if(this.form.percent===''){
|
||
this.$message.error("请输入购买奖励");
|
||
return
|
||
}
|
||
if(this.form.content===''){
|
||
this.$message.error('请输入用户协议');
|
||
return
|
||
}
|
||
|
||
if (String(this.form.icon_name).length >4) {
|
||
this.$message.error('图标文字长度不能超过4');
|
||
return
|
||
}
|
||
|
||
this.form.releaser=[];
|
||
this.checkList.map((item,index,key)=>{
|
||
switch(item){
|
||
case '会员':
|
||
this.form.releaser.push('member');
|
||
break;
|
||
case '推广员':
|
||
this.form.releaser.push('agent');
|
||
break;
|
||
case '经销商':
|
||
this.form.releaser.push('team_dividend');
|
||
break;
|
||
case '门店店长/店员':
|
||
this.form.releaser.push('store');
|
||
break;
|
||
case '酒店店长/店员':
|
||
this.form.releaser.push('hotel');
|
||
break;
|
||
case '供应商':
|
||
this.form.releaser.push('supplier');
|
||
break;
|
||
case '指定会员':
|
||
this.form.releaser.push('appoint_member');
|
||
break;
|
||
}
|
||
})
|
||
this.$http.post('{!! yzWebFullUrl('plugin.video-share.admin.set.sub') !!}',{'setdata':this.form}).then(response => {
|
||
if (response.data.result === 1) {
|
||
this.$message.success("保存成功！");
|
||
}else{
|
||
this.$message.error(response.data.msg);
|
||
}
|
||
}).catch(err=>{
|
||
this.$message.error("保存失败！");
|
||
|
||
})
|
||
|
||
|
||
},
|
||
currentChange(val) {
|
||
if(this.new==1){
|
||
var urlType = '{!! yzWebFullUrl('plugin.video-share.admin.set.get-images') !!}';
|
||
}else{
|
||
var urlType=this.picture.image_url
|
||
}
|
||
this.$http.post(urlType,{page:val,year:this.radio1,month:this.radio2}).then(response => {
|
||
if(response.data.result==1){
|
||
this.total = response.data.data.total;
|
||
this.ImgList = response.data.data.data;
|
||
this.current_page = response.data.data.current_page;
|
||
this.pageSize = response.data.data.per_page;
|
||
this.history=val;
|
||
}else{
|
||
this.$message.error(response.data.msg);
|
||
}
|
||
}).catch(err=>{
|
||
console.log(err)
|
||
})
|
||
},
|
||
chooseTheImg(img) {
|
||
this.form[this.chooseImg] = img;
|
||
this.centerDialogVisible = false;
|
||
},
|
||
// var urlType = '{!! yzWebFullUrl('plugin.video-share.admin.set.get-images') !!}';
|
||
clearUser() {
|
||
this.form.releaserMember = [];
|
||
this.member = [];
|
||
this.getNameContent();
|
||
},
|
||
clearOne(id,index) {
|
||
this.form.releaserMember.splice(index,1);
|
||
this.member.splice(index,1);
|
||
console.log(this.form);
|
||
console.log(this.member)
|
||
this.getNameContent();
|
||
},
|
||
sureUser() {
|
||
this.userVisible = false;
|
||
},
|
||
chooseUser(item,id) {
|
||
if(this.form.releaserMember.indexOf(id)!=-1) {
|
||
this.$message.error("您已选择了该会员，请勿重复选择！");
|
||
return;
|
||
}
|
||
this.member.push(item);
|
||
this.form.releaserMember.push(id);
|
||
this.getNameContent();
|
||
},
|
||
getNameContent() {
|
||
this.name_content = '';
|
||
let arr = [];
|
||
this.member.forEach((item,index) => {
|
||
arr.push(item.nickname);
|
||
})
|
||
this.name_content = arr.join(",");
|
||
},
|
||
searchMember() {
|
||
this.$http.post('{!! yzWebFullUrl('plugin.video-share.admin.set.get-member') !!}',{keyword:this.keyword}).then(response => {
|
||
if(response.data.result==1){
|
||
this.user_list = response.data.data;
|
||
}else{
|
||
this.$message.error(response.data.msg);
|
||
}
|
||
}).catch(err=>{
|
||
console.log(err)
|
||
})
|
||
}
|
||
},
|
||
});
|
||
</script>
|
||
@endsection
|