hemall.terabimsoft.com.cn/plugins/article/views/admin/infoVue.blade.php

@extends('layouts.base')
@section('title', '编辑文章')
@section('content')
@include('public.admin.uploadMultimediaImg')
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
<link rel="stylesheet" href="{{static_url('css/public-number.css')}}">

<style>
    .right .el-form-item__label {
        width:27%!important;
    }
    .right .el-form-item__content {
        margin-left:27%!important;
    }
    .right2 .el-form-item__label {
        width:32%!important;
    }
    .right2 .el-form-item__content {
        margin-left:32%!important;
    }
    .navbar-absolute {
        z-index:99
    }

    .el-checkbox-group .el-checkbox {
        margin-right: 20px;
    }

    .receive-levels label{
        line-height: 2.5;
    }
</style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-crumbs">
                <a @click="goParent()">文章管理</a>
                > {{id?'编辑':'发布'}}文章
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                <div style="display:flex;width:100%">
                    
                    <div style="flex:1;">
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">基本信息</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="文章标题" prop="title">
                                    <el-input v-model="form.title" placeholder="请输入文章标题" style="width:70%"></el-input>
                                </el-form-item>
                                <el-form-item label="文章类型" prop="type">
                                    <div style="line-height:40px">
                                        <el-radio v-model.number="form.type" :label="0">普通文章</el-radio>
                                        <el-radio v-model.number="form.type" :label="1">音频文章</el-radio>
                                    </div>
                                </el-form-item>
                                <el-form-item label="音频链接" prop="audio_link" v-if="form.type">
                                    <el-input v-model="form.audio_link" placeholder="请输入音频链接" style="width:70%"></el-input>
                                    <el-button  type="primary" @click="openUploadMult('audio_link', '2')">本地上传</el-button>
                                    <div class="tip">注：如是音频类型文章则从装修页面可以选择链接的地方选择音频文章入口链接</div>
                                </el-form-item>
                                <el-form-item label="发布作者" prop="author">
                                    <el-input v-model="form.author" placeholder="请输入发布作者" style="width:70%"></el-input>
                                    <div class="tip">注：如果不填文章作者，作者名字默认为平台名称</div>
                                </el-form-item>

                            </div>
                        </div>
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">文章内容</div>
                            </div>
                            <div class="vue-main-form" v-if="showPage">
                                <tinymceee v-model="form.content" ref = "tinymceee"  :upload_only_text_area="upload_only_text_area"></tinymceee>
                            </div>
                        </div>
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">SEO/分享设置</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="文章关键词" prop="keyword">
                                    <el-input v-model="form.keyword" placeholder="请输入文章关键词" style="width:70%"></el-input>
                                </el-form-item>
                                <el-form-item label="文章描述" prop="desc">
                                    <el-input v-model="form.desc" placeholder="请输入文章描述" style="width:70%" type="textarea" :rows="5"></el-input>
                                </el-form-item>
                                <el-form-item label="文章封面" prop="thumb">
                                    <div class="upload-box" @click="openUpload('thumb')" v-if="!form.thumb_url">
                                        <i class="el-icon-plus" style="font-size:32px"></i>
                                    </div>
                                    <p>建议尺寸: 375 * 286px</p>
                                    <div @click="openUpload('thumb')" class="upload-boxed" v-if="form.thumb_url">
                                        <img :src="form.thumb_url" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
                                        <i class="el-icon-close" @click.stop="clearImg('thumb')" title="点击清除图片"></i>
                                        <div class="upload-boxed-text">点击重新上传</div>
                                    </div>
                                </el-form-item>
                                <el-form-item label="原文链接(网页)" prop="link">
                                    <el-input v-model="form.link" style="width:70%;" placeholder=" 请选择链接"></el-input>
                                    <el-button  @click="showLink('link','link')">选择链接</el-button>
                                </el-form-item>
                                <el-form-item label="原文链接(小程序)" prop="small_link">
                                    <el-input v-model="form.small_link" style="width:70%;" placeholder=" 请选择链接"></el-input>
                                    <el-button   @click="showLink('mini','small_link')">选择小程序链接</el-button>
                                </el-form-item>
                            </div>
                        </div>
                        <div class="vue-main">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">底部广告设置</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="是否开启" prop="advs_type">
                                    <div style="line-height:40px">
                                        <el-switch v-model="form.advs_type" :active-value="1" :inactive-value="0"></el-switch>
                                    </div>
                                </el-form-item>
                                <el-form-item label="广告标题" prop="advs_title">
                                    <el-input v-model="form.advs_title" placeholder="请输入广告标题" style="width:70%"></el-input>
                                </el-form-item>
                                <el-form-item label="广告文字" prop="advs_title_footer">
                                    <el-input v-model="form.advs_title_footer" placeholder="请输入广告文字" style="width:70%" type="textarea" :rows="5"></el-input>
                                </el-form-item>
                                <el-form-item label="广告图片" prop="advs_img">
                                    <div class="upload-box" @click="openUpload('advs_img')" v-if="!form.advs_img_url">
                                        <i class="el-icon-plus" style="font-size:32px"></i>
                                    </div>
                                    <div @click="openUpload('advs_img')" class="upload-boxed" v-if="form.advs_img_url">
                                        <img :src="form.advs_img_url" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
                                        <i class="el-icon-close" @click.stop="clearImg('advs_img')" title="点击清除图片"></i>
                                        <div class="upload-boxed-text">点击重新上传</div>
                                    </div>
                                    <div class="tip">建议尺寸：380*130</div>
                                </el-form-item>
                                <el-form-item label="广告链接(网页)" prop="advs_link">
                                    <el-input v-model="form.advs_link" style="width:70%;" placeholder=" 请选择链接"></el-input>
                                    <el-button  @click="showLink('link','advs_link')">选择链接</el-button>
                                </el-form-item>
                                <el-form-item label="广告链接(小程序)" prop="min_app_advs_link">
                                    <el-input v-model="form.min_app_advs_link" style="width:70%;" placeholder=" 请选择链接"></el-input>
                                    <el-button   @click="showLink('mini','min_app_advs_link')">选择小程序链接</el-button>
                                </el-form-item>
                                
                            </div>
                        </div>
                    </div>
                    <div style="width:350px">
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">发布</div>
                            </div>
                            <div class="vue-main-form">
                                <div style="width:100%;text-align:center;margin:20px 0">
                                    <el-button type="primary" size="small" @click="submitForm('form')">发布</el-button>
                                    <el-button size="small" @click="goBack">返回列表</el-button>
                                </div>
                                <el-form-item label="排序" prop="display_order" class="right">
                                    <el-input v-model="form.display_order" placeholder="请输入排序"></el-input>
                                </el-form-item>
                                <el-form-item label="是否开启" prop="state" class="right">
                                    <div style="line-height:40px">
                                        <el-switch v-model="form.state" :active-value="1" :inactive-value="0"></el-switch>
                                    </div>
                                </el-form-item>

                                <el-form-item label="文章logo" prop="article_logo" class="right">
                                    <div class="upload-box" @click="openUpload('article_logo')" v-if="!form.article_logo_url" style="width:130px;height:80px">
                                        <i class="el-icon-plus" style="font-size:32px"></i>
                                    </div>
                                    <div @click="openUpload('article_logo')" class="upload-boxed" v-if="form.article_logo_url" style="width:130px;height:80px">
                                        <img :src="form.article_logo_url" alt="" style="width:130px;height:80px;border-radius: 5px;cursor: pointer;">
                                        <div class="upload-boxed-text">点击重新上传</div>
                                    </div>
                                    <div class="tip">建议尺寸:180*64</div>
                                </el-form-item>


                                <el-form-item label="页面设置" prop="effective_time" class="right">
                                    <el-checkbox :true-label="1" :false-label="0" v-model="form.no_copy_url">禁止复制链接</el-checkbox><br>
                                    <el-checkbox :true-label="1" :false-label="0" v-model="form.no_share">禁止分享朋友圈</el-checkbox><br>
                                    <el-checkbox :true-label="1" :false-label="0" v-model="form.no_share_to_friend">禁止分享好友</el-checkbox>
                                </el-form-item>
                                <el-form-item label="举报按钮" prop="report_enabled" class="right">
                                    <el-radio v-model.number="form.report_enabled" :label="1">模拟举报(使用有风险)</el-radio>
                                    <el-radio v-model.number="form.report_enabled" :label="0">不显示</el-radio>
                                </el-form-item>
                                <el-form-item label="虚拟阅读量" prop="virtual_read_num" class="right">
                                    <el-input v-model="form.virtual_read_num" placeholder="请输入虚拟阅读量"></el-input>
                                </el-form-item>
                                <el-form-item label="虚拟点赞量" prop="virtual_like_num" class="right">
                                    <el-input v-model="form.virtual_like_num" placeholder="请输入虚拟点赞量"></el-input>
                                </el-form-item>
                                <el-form-item label="虚拟发布时间" prop="virtual_created_at" class="right">
                                    <!-- <el-input v-model="form.virtual_created_at" placeholder="请输入虚拟发布时间"></el-input> -->
                                    <el-date-picker
                                        v-model="form.virtual_created_at"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        type="datetime"
                                        placeholder="选择日期时间">
                                    </el-date-picker>
                                </el-form-item>
                                
                            </div>
                        </div>
                        @if($wx_article_is_open == 1)
                            <div class="vue-head" id="wx_article">
                                <div class="vue-main-title">
                                    <div class="vue-main-title-left"></div>
                                    <div class="vue-main-title-content">微信文章智能抓取</div>
                                </div>
                                <div class="vue-main-form">
                                    <el-form-item label="" prop="" class="right1">
                                        <el-form-item  prop="wx_link">
                                            <el-input v-model="wx_link" placeholder="请输入微信图文链接地址" style="width:90%" type="textarea" :rows="5"></el-input>
                                        </el-form-item>

                                    </el-form-item>
                                    <div class="confirm-btn" style="  text-align: center;">
                                        <el-button type="primary" @click="capture">抓取</el-button>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="vue-head" id="category">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">选择分类</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="" prop="" class="right1">
                                    <el-checkbox-group v-model="form.checklist">
                                        <span v-for="(item,index) in categorys" :key="index" >
                                            <el-radio v-model="form.category_id" :label="item.id">[[item.name]]</el-radio><br>
                                        </span>
                                        
                                    </el-checkbox-group>
                                    <div>
                                        <el-link style="color:#29BA9C" :underline="false" @click="openCategory">
                                            <i class="el-icon-plus"></i>添加新分类
                                        </el-link>
                                    </div>
                                </el-form-item>
                                <div v-show="is_category">
                                        
                                    <el-form-item label="新分类名称" prop="category_name" class="right" size="mini">
                                        <el-input v-model="category_name" placeholder="请输入新分类名称"></el-input>
                                    </el-form-item>
                                    <el-form-item label=""size="mini" class="right">
                                        <el-button size="mini" @click="addCategory">添加分类</el-button>
                                    </el-form-item>
                                </div>
                            </div>
                            
                        </div>
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">会员等级浏览权限</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="" prop="" class="right1">
                                    <el-checkbox v-model="all_level" :true-label="1" :false-label="0" @change="changeLevel('all')">全部会员等级</el-checkbox><br>
                                    <el-checkbox-group v-model="form.show_levels">
                                        <span>
                                            <el-checkbox label="0" @change="changeLevel(0)">普通等级</el-checkbox><br>
                                        </span>
                                        <span v-for="(item,index) in levels" :key="index" >
                                            <el-checkbox :label="String(item.id)" @change="changeLevel(item.id)">[[item.level_name]]</el-checkbox><br>
                                        </span>
                                    </el-checkbox-group>
                                    
                                </el-form-item>
                                
                            </div>
                        </div>
                        <div class="vue-head">
                            <div class="vue-main-title">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">营销设置</div>
                            </div>
                            <div class="vue-main-form">
                                <el-form-item label="奖励方式" prop="reward_mode" class="right2">
                                    <div style="line-height:40px">
                                        <el-radio v-model.number="form.reward_mode" :label="0">按次</el-radio>
                                        <el-radio v-model.number="form.reward_mode" :label="1">按天</el-radio>
                                    </div>
                                </el-form-item>
                                <el-form-item label="最高累计奖金" prop="bonus_total" class="right2">
                                    <el-input v-model="form.bonus_total" placeholder="请输入最高累计奖金">
                                        <template slot="append">元</template>
                                    </el-input>
                                    <div class="tip">已奖励：[[bonus_sum||'0']]元</div>
                                </el-form-item>
                                <el-form-item label="每人每天奖励" prop="per_person_per_day" class="right2">
                                    <el-input v-model="form.per_person_per_day" placeholder="请输入每人每天奖励">
                                        <template slot="append">次</template>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="每人总共奖励" prop="total_per_person" class="right2">
                                    <el-input v-model="form.total_per_person" placeholder="请输入每人总共奖励">
                                        <template slot="append">次</template>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="分享一次奖励" prop="point" class="right2">
                                    <el-input v-model="form.point" placeholder="请输入分享一次奖励">
                                        <template slot="append">个积分</template>
                                    </el-input>
                                    <div style="margin-top:15px">
                                        <el-input v-model="form.credit" placeholder="请输入分享一次奖励">
                                            <template slot="append">元余额</template>
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item label="会员领取权限" class="right2">
                                    <el-radio v-model="form.is_member_receive_rule" :label="1">开启</el-radio>
                                    <el-radio v-model="form.is_member_receive_rule" :label="0">关闭</el-radio>
                                </el-form-item>
                                <el-form-item label="会员等级权限" class="right2 receive-levels">
                                    <el-checkbox-group v-model="form.receive_levels" class="el-checkbox-group-style">
                                        <el-checkbox :label="item.id" v-for="(item,index) in levels" :key="index">[[item.level_name]]</el-checkbox><br>
                                    </el-checkbox-group>
                                </el-form-item>
                                <div class="tip">奖励规则提示：分享后，好友点击进入后，才算成功分享一次。</div>
                                <div class="tip">奖励方式：1、按次，一篇文章同一个浏览者只奖励分享者一次积分/余额（只奖励首次浏览）。</div>
                                <div class="tip">2、按天，一篇文章同一个浏览者每天点击浏览，每天奖励分享者一次积分/余额（只奖励每天首次浏览）。</div>
                                <div class="tip">3、开启后，勾选到的等级才能获取奖励。</div>
                                
                            </div>
                        </div>
                    </div>
                    
                </div>
            </el-form>
            <!--end-->
            <!-- 分页 -->
            <!-- <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div> -->
            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp" @sure="sureImg"></upload-img>
            <pop :show="show" @replace="changeLink" @add="parHref"></pop>
            <program :pro="pro" @replacepro="changeprogram" @addpro="parpro"></program>

            <upload-multimedia-img :upload-show="uploadShowMult"
                                   :type="typeStatusMult"
                                   :name="chooseImgNameMult"
                                   :sel-Num="selNumMult"
                                   :platform-type="platformType"
                                   @replace="changePropMult"
                                   @sure="sureImgMult">
            </upload-multimedia-img>
        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script> 
    @include('Yunshop\Article::admin.tinymceee')
    @include('public.admin.uploadImg')
    @include('public.admin.pop')  
    @include('public.admin.program')

    <script>
        let upload_url = `{!! $upload_url?:'' !!}`
        let id = {!! $id?:'0' !!}
        console.log(id)
        
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    uploadShowMult: false,
                    typeStatusMult: '',
                    selNumMult: '',
                    platformType: '1',
                    chooseImgNameMult: '',
                    showPage: false,
                    upload_only_text_area:'',
                    show:false,//是否开启公众号弹窗
                    pro:false ,//是否开启小程序弹窗 
                    chooseLink:'',
                    chooseMiniLink:'',
                    upload_url:upload_url,
                    bonus_sum:'',//已奖励
                    wx_link:'',//需要抓取的微信文章链接
                    
                    form:{
                        title:'',
                        type:'',
                        audio_link:'',
                        author:'',
                        content:'',
                        keyword:'',
                        desc:'',
                        thumb:'',
                        link:'',
                        small_link:'',
                        advs_type:'',
                        advs_title:'',
                        advs_title_footer:'',
                        advs_img:'',
                        advs_link:'',
                        display_order:'',
                        state:1,
                        no_copy_url:0,
                        no_share:0,
                        no_share_to_friend:0,
                        report_enabled:0,
                        virtual_read_num:'0',
                        virtual_like_num:'0',
                        virtual_created_at: this.timeStyle(new Date()),
                        category_id:'',
                        show_levels:[],
                        reward_mode:0,
                        bonus_total:'0',
                        per_person_per_day:'0',
                        total_per_person:'0',
                        point:'0',
                        credit:'0',
                        min_app_advs_link:'',
                        article_logo:'',
                        is_member_receive_rule:1, //会员领取权限
                        receive_levels:[], //会员等级权限
                    },
                    all_level:1,
                    categorys:[],
                    levels:[],

                    is_category:false,
                    category_name:'',


                    id:id,
                    submit_url:'',

                    uploadShow:false,
                    chooseImgName:'',
                    chooseIndex:-1,
                    type:0,

                    goods_show:false,
                    goods_list:[],
                    search_goods:{},
                    choosed_goods:{},
                    choosed_goods_id:'',
                    goods_total:1,
                    goods_current_page:1,
                    goods_per_page:1,
                    
                    rules:{
                        name:{ required: true, message: '请输入品牌名称'}
                    },

                }
            },
            created() {
                if(this.id) {
                    this.submit_url = "{!! yzWebFullUrl('plugin.article.admin.article-vue.edit') !!}"
                }
                else {
                    this.submit_url = "{!! yzWebFullUrl('plugin.article.admin.article-vue.add') !!}"
                }
                this.getData();
            },
            mounted() {
                
            },
            methods: {
                //抓取微信文章内容
                capture(){
                    if(!this.wx_link) {
                        this.$message({type: 'error',message: '抓取链接不能为空！'});
                        return
                    }
                    // "http://mp.weixin.qq.com/s?__biz=MjM5NDAwMTA2MA==&mid=2695729619&idx=1&sn=8be0b6bd0210cee0d492ebdf20f7371f&chksm=83d74818b4a0c10ef286b33bb7deb73226125f866ddb5b2781166066a69afef3705eabdb3b85#rd
                    let loading = this.$loading({target:document.querySelector("#goods-list"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post("{!! yzWebFullUrl('plugin.wx-article.api.wx-article.get-wx-article') !!}",{wx_link:this.wx_link}).then(response => {
                        var data = response.data;

                        if (data.code == 1) {
                            this.$message({message: data.msg,type: 'error'});
                        } else {
                            app.$refs.tinymceee.hasChange = false;//让其监听改变回显
                            this.form.content += data.data.content_html;tinymceee.value = data.data.content_html;
                            this.$message({type: 'success',message: data.msg});
                        }
                        loading.close();
                    },response => {
                        loading.close();
                    });
                },
                getData() {
                    let json = {}
                    if(this.id) {
                        json.id = this.id
                    }
                    let loading = this.$loading({target:document.querySelector("#goods-list"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post(this.submit_url,json).then(response => {
                        if(response.data.result == 1) {
                            if (response.data.result) {
                            this.categorys = response.data.data.categorys;
                            this.levels = response.data.data.levels;
                            this.bonus_sum = response.data.data.bonus_sum;
                            if(this.id) {
                                this.form = response.data.data.article
                                this.form.receive_levels = this.form.receive_levels !== null ?  this.form.receive_levels : [];
                                console.log(this.form);
                            }
                            if(this.form.show_levels=='' || this.form.show_levels.length==0) {
                                this.all_level = 1;
                                this.form.show_levels = []
                            }
                            else {
                                this.all_level = 0;
                            }

                            } else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                        }
                        else {
                            this.$message.error(response.data.msg)
                        }
                        this.showPage = true;
                        loading.close();
                    }, response => {
                        console.log(response);
                        loading.close();
                    });
                },
                openUpload(str,index,type) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                    this.chooseIndex = index;
                    this.type = '2';
                },
                changeProp(val) {
                    if(val == true) {
                        this.uploadShow = false;
                    }
                    else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name,image,img_url) {
                    if(this.type==1) {
                        this.form[name][this.chooseIndex]['img_url'] = image;
                        this.form[name][this.chooseIndex]['full_img_url'] = img_url;
                    }
                    else {
                        this.form[name] = image;
                        this.form[name+'_url'] = img_url;
                    }
                    
                },
                clearImg(str,index,type) {
                    if(!type) {
                        this.form[str] = "";
                        this.form[str+'_url'] = "";
                    }
                    else if(type==1){
                        this.form[str][index].full_img_url = '';
                        this.form[str][index].img_url = '';
                    }
                    this.$forceUpdate();
                },

                submitForm(formName) {
                    console.log(this.form)
                    let json = {
                        title:this.form.title,
                        type:this.form.type,
                        audio_link:this.form.audio_link,
                        author:this.form.author,
                        content:this.form.content,
                        keyword:this.form.keyword,
                        desc:this.form.desc,
                        thumb:this.form.thumb,
                        link:this.form.link,
                        small_link:this.form.small_link,
                        advs_type:this.form.advs_type,
                        advs_title:this.form.advs_title,
                        advs_title_footer:this.form.advs_title_footer,
                        advs_img:this.form.advs_img,
                        advs_link:this.form.advs_link,
                        display_order:this.form.display_order,
                        state:this.form.state,
                        no_copy_url:this.form.no_copy_url,
                        no_share:this.form.no_share,
                        no_share_to_friend:this.form.no_share_to_friend,
                        report_enabled:this.form.report_enabled,
                        virtual_read_num:this.form.virtual_read_num,
                        virtual_like_num:this.form.virtual_like_num,
                        virtual_created_at:this.form.virtual_created_at,
                        category_id:this.form.category_id,
                        reward_mode:this.form.reward_mode,
                        bonus_total:this.form.bonus_total,
                        per_person_per_day:this.form.per_person_per_day,
                        total_per_person:this.form.total_per_person,
                        point:this.form.point,
                        credit:this.form.credit,
                        min_app_advs_link:this.form.min_app_advs_link,
                        article_logo:this.form.article_logo,
                        is_member_receive_rule:this.form.is_member_receive_rule, //会员领取权限
                        receive_levels:this.form.receive_levels, //会员等级权限
                    };
                    if(this.all_level) {
                        json.show_levels = []
                    }
                    if(this.form.show_levels.length>=0) {
                        json.show_levels = this.form.show_levels
                    }
                    let json1 = {
                        article:json
                    }
                    if(this.id) {
                        json1.id = this.id
                    }
                    
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post(this.submit_url,json1).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    this.goBack();
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },
                openCategory() {
                    this.is_category = true;
                    this.category_name = ''; 
                },

                addCategory() {

                    if(!this.category_name) {
                        this.$message({type: 'error',message: '分类名不能为空！'});
                        return
                    }
                    let loading = this.$loading({target:document.querySelector("#category"),background: 'rgba(0, 0, 0, 0)'});
                        this.$http.post("{!! yzWebFullUrl('plugin.article.admin.article-vue.add-category') !!}",{name:this.category_name}).then(response => {
                            if (response.data.result) {
                                this.$message({type: 'success',message: '添加成功!'});
                                this.is_category = false;
                                this.categorys = response.data.data
                            } else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },response => {
                            loading.close();
                        });
                },
                changeLevel(val) {
                    console.log(val);
                    if(val=='all') {
                        this.form.show_levels = []
                    }
                    else {
                        if(this.form.show_levels.length>0) {
                            this.all_level = 0;
                        }
                    }
                    
                },
                isNumber(index,type,key) {
                    console.log(this.form[key][index][type])
                    if(type=='quantity'){
                        this.form[key][index][type] = this.form[key][index][type].replace(/[^\d]/g,'')
                    }
                    else if(type=='single_consumption'){
                        this.form[key][index][type] = this.form[key][index][type].replace(/[^\d]/g,'')
                    }
                    else if(type=='price') {
                        this.form[key][index][type] = this.form[key][index][type].replace(/[^\d.]/g,'')
                        this.form[key][index][type] = this.form[key][index][type].replace(/\.{2,}/g, ".");
                        this.form[key][index][type] = this.form[key][index][type].replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                    }

                },
                // 字符转义
                escapeHTML(a) {
                    a = "" + a;
                    return a.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&apos;/g, "'");;
                },
                goBack() {
                    history.go(-1)
                },
                goParent() {
                    window.location.href = `{!! yzWebFullUrl('plugin.article.admin.article.index') !!}`;
                },
                //弹窗显示与隐藏的控制
                changeLink(item){
                    this.show=item;
                },
                //当前链接的增加
                parHref(child,confirm){
                    this.show=confirm;
                    // this.form.link=child;
                    let arr = []
                    if(this.chooseLink.indexOf(".") != -1) {
                        arr = this.chooseLink.split(".")
                        this.form[arr[0]][arr[1]] = child;
                    }
                    else {
                        this.form[this.chooseLink] = child;
                    }
                    
                },
                changeprogram(item){
                    this.pro=item;
                },
                parpro(child,confirm){
                    this.pro=confirm;
                    // this.form.prolink=child;
                    let arr = []
                    if(this.chooseMiniLink.indexOf(".") != -1) {
                        arr = this.chooseMiniLink.split(".")
                        this.form[arr[0]][arr[1]] = child;
                    }
                    else {
                        this.form[this.chooseMiniLink] = child;
                    }

                },
                showLink(type,name) {
                    if(type=="link") {
                        this.chooseLink = name;
                        this.show = true;
                    }
                    else {
                        this.chooseMiniLink = name;
                        this.pro = true;
                    }
                },

                timeStyle(time) {
                    let time1 = new Date(time);
                    let y = time1.getFullYear();
                    let m = time1.getMonth()+1;
                    let d = time1.getDate();
                    let h = time1.getHours();
                    let mm = time1.getMinutes();
                    let s = time1.getSeconds();
                    return y+'-'+this.add0(m)+'-'+this.add0(d)+' '+this.add0(h)+':'+this.add0(mm)+':'+this.add0(s);
                },
                add0(m) {
                    return m<10?'0'+m:m
                },
                openUploadMult(str, typeStatus) {
                    this.uploadShowMult = true;
                    this.chooseImgNameMult = str;
                    this.typeStatusMult = typeStatus
                    this.selNumMult = 'one'
                },
                changePropMult(val) {
                    if (val == true) {
                        this.uploadShowMult = false;
                    } else {
                        this.uploadShowMult = true;
                    }
                },
                sureImgMult(name, uploadShow, fileList) {
                    if (fileList.length <= 0) {
                        return
                    }
                    console.log(this.form, fileList[0].attachment, fileList[0].url)

                    this.$http.post("{!! yzWebFullUrl('plugin.article.admin.article-vue.format-audio-link') !!}",{ url : fileList[0].attachment}).then(response => {
                        if (response.data.result) {
                            this.form.audio_link = response.data.data
                         }
                    })
                }
            },
        })
    </script>
@endsection