| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- @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;">1. 下载 <a style="text-decoration: none;
- color: #333;" href="{{ yzWebUrl('plugin.goods-handle.backend.zt.excelExample3') }}" >
- 【商城商品模板】
- </a>填入商城商品id</span>
- <span style="padding-left: 60px;">2. 上传并确认导入</span>
- </div>
- <form id="importform" class="form-horizontal form" action="{{ yzWebUrl('plugin.goods-handle.backend.zt.goodsIndex2') }}"
- 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="import_shop_goods_id" 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">
- 导入商城商品ID
- </button>
- <a style="margin-left: 10px;" class="btn btn-primary" @click="pushShopGoods">导出商城商品</a>
- </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')
|