index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <template>
  2. <el-card shadow="never">
  3. <yun-table
  4. :columns="columns"
  5. ref="yuntable"
  6. @render="onTableRender"
  7. toolbar="refresh,del"
  8. :auth="{
  9. del:{:$auth->check('app\\admin\\controller\\goods\\ImportList','del')},
  10. }"
  11. :extend="extend">
  12. </yun-table>
  13. </el-card>
  14. </template>
  15. <script>
  16. import table from "@components/Table.js";
  17. export default{
  18. components:{
  19. 'YunTable':table
  20. },
  21. data:{
  22. extend:{
  23. index_url: 'goods/import_list/index',
  24. del_url: 'goods/import_list/del',
  25. multi_url: 'goods/import_list/multi',
  26. },
  27. columns:[
  28. {checkbox: true,selectable:function (row,index){
  29. //可以根据业务需求返回false让某些行不可选中
  30. return true;
  31. }},
  32. {field:"id",title:"ID",operate:false},
  33. {field:"shop_id",title:"店铺ID"},
  34. {field: 'type_id', title:('打单平台'), operate: false,searchList: {1:'风速', 2:'聚水潭',0: '无'},formatter: function(data,row){
  35. let tag=Yunqi.formatter.tag;
  36. if(row.type_id==1){
  37. tag.value='风速';
  38. tag.type='success';
  39. }else if(row.type_id==2){
  40. tag.value='聚水潭';
  41. tag.type='primary';
  42. }else{
  43. tag.value='无';
  44. tag.type='info';
  45. }
  46. return tag;
  47. }},
  48. {field:"trade_from",title:"平台"},
  49. {field:"province",title:"省份",operate: false},
  50. {field:"city",title:"城市",operate: false},
  51. {field:"company_name",title:"快递名称"},
  52. {field:"waybill_no",title:"快递单号"},
  53. {field:"goods_title",title:"产品名称",width:300,align:'left'},
  54. {field:"goods_info",title:"商品信息",width:300,align:'left'},
  55. {field:"sku_id",title:"规格id"},
  56. {field:"num",title:"件数",operate: false},
  57. {field:"price",title:"实付价格",operate: false},
  58. {field:"consign_time",title:"发货时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
  59. {field:"status",title:"状态",operate:"select",searchList:{1:"无店铺", 2:"无Sku", 3:"正常"},formatter:Yunqi.formatter.tags},
  60. // {field:"user_id",title:"录入人",operate: false},
  61. {field:"createtime",title:"创建时间",operate: false,formatter:Yunqi.formatter.datetime},
  62. {field:"updatetime",title:"修改时间",visible:false,operate: false,formatter:Yunqi.formatter.datetime},
  63. {
  64. field: 'operate',
  65. fixed: 'right',
  66. title: __('操作'),
  67. width:150,
  68. action:{
  69. shops:{
  70. tooltip:true,
  71. icon:'fa fa-certificate',
  72. type:'success',
  73. text:__('关联店铺'),
  74. method:'shops',
  75. visible:function(row,index){
  76. return row.status == 1;
  77. }
  78. },
  79. specs:{
  80. tooltip:true,
  81. icon:'fa fa-list',
  82. type:'info',
  83. text:__('关联规格'),
  84. method:'specs',
  85. visible:function(row,index){
  86. return row.status == 2;
  87. }
  88. },
  89. del:true
  90. }
  91. }
  92. ]
  93. },
  94. methods: {
  95. shops:function (row){
  96. let that=this;
  97. Yunqi.api.open({
  98. url:'goods/import_list/shops?ids='+row.shop_id,
  99. width:1000,
  100. title:__('关联店铺'),
  101. icon:'fa fa-list',
  102. close:function (r){
  103. that.$refs.yuntable.reload();
  104. }
  105. });
  106. },
  107. specs:function (row){
  108. let that=this;
  109. Yunqi.api.open({
  110. url:'goods/import_list/specs?ids='+row.id,
  111. width:1000,
  112. title:__('关联规格'),
  113. icon:'fa fa-list',
  114. close:function (r){
  115. if(r){
  116. that.$refs.yuntable.reload();
  117. }
  118. }
  119. })
  120. },
  121. }
  122. }
  123. </script>
  124. <style>
  125. </style>