@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;">请导入商品改价EXCEL</span>
    </div>
    <form id="importform" class="form-horizontal form" action="{{ yzWebUrl('plugin.goods-handle.backend.zt.changeGoodsInfo') }}"
          method="post" enctype="multipart/form-data">
        <div class='form-group'>
            <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="change_shop_goods" class="form-control"/>
                </div>
            </div>
            <div class='form-group'>
                <div class="col-sm-12">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" name="cancelsend" value="yes">
                           上传商品并确认改价
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    </div>
    <script type="text/javascript">
        var app = new Vue({
            el: "#app",
            delimiters: ['[[', ']]'],
            data(){
              let goods_ids = {!! $goods_ids !!};
              return{
                goods_list: [],
                  sort_price:"",
                  sort_stock:"",
                  sort_sales:"",
                  needMergeArr: ['p_id','image_url', 'products_title'], // 有合并项的列（首列ID 和 第二列姓名）
                  rowMergeArrs: {}, // 包含需要一个或多个合并项信息的对象
                  multipleSelection:[],
                  goods_ids:goods_ids,
                  total:0,
                  per_size:15,
                  current_page:0,
                  loading:false,
              }
            },
            created() {

            },
            methods: {
                pushShopGoods(){
                    var url = '{!! yzWebFullUrl('plugin.goods-handle.backend.zt.exportShopGoods') !!}';
                    const loading = this.$loading({ target: '.loading-area' });
                    var data={goods_ids:this.goods_ids};
                  /*  this.$http.post('{!! yzWebFullUrl('plugin.goods-handle.backend.zt.exportShopGoods') !!}', data).then(response => {
                        if (response.data.result) {
                            this.$message({type: 'success',message: '同步成功!'});
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                        loading.close();
                    }, response => {
                        loading.close();
                        this.$message({message: response.data.msg, type: 'error'});
                    })*/
                 axios({
                        method:'post',
                        url: url, // 请求地址
                        data: data, // 参数
                        responseType: 'blob', // 表明返回服务器返回的数据类型
                        headers: {
                            'Content-Type': 'application/json'
                        }
                    }).then(res => {
                        loading.close()
                        const blob = new Blob([res.data], {
                            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;"
                        });
                        const downloadElement = document.createElement("a");
                        const href = window.URL.createObjectURL(blob);
                        const filename = "商城商品信息表"
                        downloadElement.href = href;
                        downloadElement.download = filename + '.xlsx'; //命名下载名称
                        downloadElement.click();
                        window.URL.revokeObjectURL(href); //下载完成进行释放
                    })
                }
            }

        })
    </script>
@endsection('content')