@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