goods-set.blade.php 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @extends('layouts.base')
  2. @section('title','中台商品管理')
  3. @section('content')
  4. <div id="app">
  5. <div class="panel panel-info">
  6. <div class="panel-heading">
  7. <span>当前位置:</span>
  8. <a href="#">
  9. <span>商品选品过滤</span>
  10. </a>
  11. </div>
  12. </div>
  13. <div class="alert alert-info alert-important">
  14. <span>说明</span>
  15. <span style="padding-left: 60px;">填写中台商品ID以后在选品中心不显示对应中台商品ID的商品</span>
  16. <span>使用方法:</span>
  17. <span style="padding-left: 60px;">1,在文本框输入中台商品ID,多个商品ID用英文逗号隔开,如3512,2581,然后点击提交按钮进行保存</span>
  18. <span style="padding-left: 60px;">2,下载 <a style="text-decoration: none;
  19. color: #333;" href="{{ yzWebUrl('plugin.goods-handle.backend.zt.exampleExcel') }}" >
  20. 【中台商品ID模板】
  21. </a>,填入需要导入的中台商品ID并导入</span>
  22. </div>
  23. <form id="importform" class="form-horizontal form" action="{{ yzWebUrl('plugin.goods-handle.backend.zt.ztGoodsSet') }}"
  24. method="post" enctype="multipart/form-data">
  25. <div class="form-group">
  26. <label class="col-xs-12 col-sm-3 col-md-2 control-label">*中台商品ID :</label>
  27. <div class="col-sm-5 col-xs-5">
  28. <textarea style="height:180px;" class="form-control" v-model="zt_goods_ids" name="remark" placeholder="请填写中台商品ID"></textarea>
  29. </div>
  30. </div>
  31. <div class="form-group">
  32. <label class="col-sm-2 control-label must">EXCEL文件</label>
  33. <div class="col-sm-5 goodsname" style="padding-right:0;">
  34. <input type="file" name="import_zt_goods_id" class="form-control"/>
  35. </div>
  36. </div>
  37. <div class='form-group'>
  38. <div class="col-sm-5 col-xs-12">
  39. <div style="text-align: right">
  40. <button type="submit" class="btn btn-primary" name="cancelsend" value="yes">
  41. 导入中台商品ID
  42. </button>
  43. <a style="margin-left: 10px;" class="btn btn-primary" @click="saveZtGoodsIds()">保存</a>
  44. </div>
  45. </div>
  46. </div>
  47. </form>
  48. </div>
  49. <script type="text/javascript">
  50. var app = new Vue({
  51. el: "#app",
  52. data(){
  53. return{
  54. zt_goods_ids:'',
  55. }
  56. },
  57. created() {
  58. var that = this;
  59. var arr=<?php echo $zt_goods_ids;?>;
  60. if(JSON.stringify(arr)!='[]'){
  61. for(var i in arr) {
  62. this.zt_goods_ids+=arr[i]+',';
  63. }
  64. }else{
  65. that.$http.post('{!! yzWebFullUrl('plugin.goods-handle.backend.zt.getData') !!}').then(response => {
  66. if (response.data.result == 1) {
  67. var data=response.data.data;
  68. this.zt_goods_ids=data.zt_goods_ids;
  69. }
  70. })
  71. }
  72. },
  73. methods: {
  74. saveZtGoodsIds(){
  75. var that = this;
  76. var url = '{!! yzWebFullUrl('plugin.goods-handle.backend.zt.saveZtGoodsIds') !!}';
  77. const loading = this.$loading({ target: '.loading-area' });
  78. var data={zt_goods_ids:this.zt_goods_ids};
  79. that.$http.post(url, data).then(response => {
  80. if (response.data.result == 1) {
  81. that.$message.success(response.data.msg);
  82. } else {
  83. that.$message.error(response.data.msg);
  84. }
  85. loading.close();
  86. })
  87. }
  88. }
  89. })
  90. </script>
  91. @endsection('content')