index.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template>
  2. <el-card shadow="never">
  3. <yun-table
  4. :columns="columns"
  5. ref="yuntable"
  6. @render="onTableRender"
  7. toolbar="refresh,download"
  8. :auth="{
  9. add:{:$auth->check('app\\admin\\controller\\ScanLog','add')},
  10. edit:{:$auth->check('app\\admin\\controller\\ScanLog','edit')},
  11. del:{:$auth->check('app\\admin\\controller\\ScanLog','del')},
  12. multi:{:$auth->check('app\\admin\\controller\\ScanLog','multi')},
  13. import:{:$auth->check('app\\admin\\controller\\ScanLog','import')},
  14. download:{:$auth->check('app\\admin\\controller\\ScanLog','download')},
  15. }"
  16. :extend="extend">
  17. </yun-table>
  18. </el-card>
  19. </template>
  20. <script>
  21. import table from "@components/Table.js";
  22. export default{
  23. components:{
  24. 'YunTable':table
  25. },
  26. data:{
  27. extend:{
  28. index_url: 'scan_log/index',
  29. add_url: 'scan_log/add',
  30. edit_url: 'scan_log/edit',
  31. del_url: 'scan_log/del',
  32. multi_url: 'scan_log/multi',
  33. download_url: 'scan_log/download',
  34. import_url: 'scan_log/import',
  35. },
  36. columns:[
  37. // {checkbox: true,selectable:function (row,index){
  38. // //可以根据业务需求返回false让某些行不可选中
  39. // return true;
  40. // }},
  41. {field:"id",title:"ID",operate:false},
  42. { field: 'avatar', title: __('头像'), formatter: Yunqi.formatter.image, operate: false },
  43. {field:"manage_nickname",title:"用户"},
  44. {field:"code",title:"快递单号"},
  45. // {field:"order_status",title:"订单状态 0不存在 1存在",operate:"select",searchList:{1:"是",0:"否"},formatter:Yunqi.formatter.select},
  46. {field:"remark",title:"备注"},
  47. // {field:"spec_id",title:"规格id"},
  48. {field:"createtime",title:"创建时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
  49. {field:"updatetime",title:"变更时间",visible:false,operate:"daterange",formatter:Yunqi.formatter.datetime}
  50. ]
  51. },
  52. //页面加载完成时执行
  53. onLoad:function(query){
  54. console.log(query);
  55. },
  56. //页面初始显示或在框架内显示时执行
  57. onShow:function(){
  58. },
  59. //页面在框架内隐藏时执行
  60. onHide:function(){
  61. },
  62. //页面在框架内关闭时执行
  63. onUnload:function(){
  64. },
  65. methods: {
  66. onTableRender:function(list){
  67. //表格渲染完成后执行
  68. /**
  69. * table常用方法
  70. * this.$refs.yuntable.reset();//重新渲染整个组件,当columns修改时,需要重新渲染表格才能生效,可以执行该方法。
  71. * this.$refs.yuntable.reload();//保持当前的page,重新获取数据
  72. * this.$refs.yuntable.submit();//返回第一页,重新获取数据
  73. * this.$refs.yuntable.expandAllTree();//树形表格展开所有节点
  74. * this.$refs.yuntable.expandTree(topid);//树形表格展开指定节点
  75. */
  76. }
  77. }
  78. }
  79. </script>
  80. <style>
  81. </style>