@extends('layouts.base')
@section('title','中台商品管理')

@section('content')
<div id="app">
    <div class="panel panel-info">
        <div class="panel-heading">
            <span>当前位置：</span>
            <a href="#">
                <span>商品选品过滤</span>
            </a>
        </div>
    </div>
    <div class="alert alert-info alert-important">
        <span>说明</span>
        <span style="padding-left: 60px;">填写中台商品ID以后在选品中心不显示对应中台商品ID的商品</span>
        <span>使用方法:</span>
        <span style="padding-left: 60px;">1,在文本框输入中台商品ID,多个商品ID用英文逗号隔开，如3512,2581，然后点击提交按钮进行保存</span>
        <span style="padding-left: 60px;">2,下载 <a style="text-decoration: none;
color: #333;" href="{{ yzWebUrl('plugin.goods-handle.backend.zt.exampleExcel') }}" >
            【中台商品ID模板】
        </a>，填入需要导入的中台商品ID并导入</span>
    </div>
    <form id="importform" class="form-horizontal form" action="{{ yzWebUrl('plugin.goods-handle.backend.zt.ztGoodsSet') }}"
          method="post" enctype="multipart/form-data">
        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">*中台商品ID :</label>
            <div class="col-sm-5 col-xs-5">
                <textarea style="height:180px;" class="form-control" v-model="zt_goods_ids"  name="remark" placeholder="请填写中台商品ID"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label must">EXCEL文件</label>
            <div class="col-sm-5 goodsname" style="padding-right:0;">
                <input type="file"  name="import_zt_goods_id" class="form-control"/>
            </div>
        </div>
         <div class='form-group'>
                <div class="col-sm-5 col-xs-12">
                    <div style="text-align: right">
                        <button type="submit" class="btn btn-primary" name="cancelsend" value="yes">
                            导入中台商品ID
                        </button>
                        <a style="margin-left: 10px;"  class="btn btn-primary"  @click="saveZtGoodsIds()">保存</a>
                    </div>
                </div>
            </div>
    </form>
    </div>
<script type="text/javascript">
    var app = new Vue({
        el: "#app",
        data(){
            return{
                zt_goods_ids:'',
            }
        },
        created() {
            var that = this;
            var arr=<?php echo $zt_goods_ids;?>;
            if(JSON.stringify(arr)!='[]'){
                for(var i in arr) {
                    this.zt_goods_ids+=arr[i]+',';
                }
            }else{
                that.$http.post('{!! yzWebFullUrl('plugin.goods-handle.backend.zt.getData') !!}').then(response => {
                    if (response.data.result == 1) {
                        var data=response.data.data;
                        this.zt_goods_ids=data.zt_goods_ids;
                    }
                })
            }
        },
        methods: {
            saveZtGoodsIds(){
                var that = this;
                var url = '{!! yzWebFullUrl('plugin.goods-handle.backend.zt.saveZtGoodsIds') !!}';
                const loading = this.$loading({ target: '.loading-area' });
                var data={zt_goods_ids:this.zt_goods_ids};
                that.$http.post(url, data).then(response => {
                    if (response.data.result == 1) {
                        that.$message.success(response.data.msg);
                    } else {
                        that.$message.error(response.data.msg);
                    }
                    loading.close();
                })
            }
        }
    })
</script>
@endsection('content')