index.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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\\FengsuShip','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/fengsu_ship/index',
  24. del_url: 'goods/fengsu_ship/del',
  25. multi_url: 'goods/fengsu_ship/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:"trade_from",title:"平台"},
  35. {field:"province",title:"省份",operate: false},
  36. {field:"city",title:"城市",operate: false},
  37. {field:"company_name",title:"快递名称"},
  38. {field:"waybill_no",title:"快递单号"},
  39. {field:"goods_title",title:"产品名称"},
  40. {field:"sku_id",title:"规格id"},
  41. {field:"num",title:"件数",operate: false},
  42. {field:"price",title:"实付价格",operate: false},
  43. {field:"consign_time",title:"发货时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
  44. {field:"status",title:"状态",operate:"select",searchList:{1:"无店铺", 2:"无Sku", 3:"正常"},formatter:Yunqi.formatter.tags},
  45. // {field:"user_id",title:"录入人",operate: false},
  46. {field:"createtime",title:"创建时间",operate: false,formatter:Yunqi.formatter.datetime},
  47. {field:"updatetime",title:"修改时间",visible:false,operate: false,formatter:Yunqi.formatter.datetime},
  48. {
  49. field: 'operate',
  50. title: __('操作'),
  51. width:150,
  52. action:{
  53. shops:{
  54. tooltip:true,
  55. icon:'fa fa-certificate',
  56. type:'success',
  57. text:__('关联店铺'),
  58. method:'shops',
  59. visible:function(row,index){
  60. return row.status == 1;
  61. }
  62. },
  63. specs:{
  64. tooltip:true,
  65. icon:'fa fa-list',
  66. type:'info',
  67. text:__('关联规格'),
  68. method:'specs',
  69. visible:function(row,index){
  70. return row.status == 2;
  71. }
  72. },
  73. del:true
  74. }
  75. }
  76. ]
  77. },
  78. methods: {
  79. shops:function (row){
  80. Yunqi.api.open({
  81. url:'goods/fengsu_ship/shops?ids='+row.shop_id,
  82. width:1000,
  83. title:__('关联店铺'),
  84. icon:'fa fa-list'
  85. });
  86. },
  87. specs:function (row){
  88. let that=this;
  89. Yunqi.api.open({
  90. url:'goods/fengsu_ship/specs?ids='+row.id,
  91. width:1000,
  92. title:__('关联规格'),
  93. icon:'fa fa-list',
  94. close:function (r){
  95. if(r){
  96. that.$refs.yuntable.reload();
  97. }
  98. }
  99. })
  100. },
  101. }
  102. }
  103. </script>
  104. <style>
  105. </style>