index.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <el-card shadow="never">
  3. <yun-table
  4. :columns="columns"
  5. ref="yuntable"
  6. @render="onTableRender"
  7. toolbar="refresh"
  8. :auth="{
  9. multi:{:$auth->check('app\\admin\\controller\\user\\StockLog','multi')},
  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: 'user/stock_log/index',
  24. multi_url: 'user/stock_log/multi',
  25. },
  26. columns:[
  27. {checkbox: true,selectable:function (row,index){
  28. return true;
  29. }},
  30. {field:"id",title:"ID",operate:false},
  31. {field:"user_id",title:"用户"},
  32. {field: 'type_id',title: __('类型'),operate: false, searchList: Yunqi.data.typeList},
  33. {field:"type",title:"类型",width: 80,formatter:function (data) {
  34. let tag=Yunqi.formatter.tag;
  35. if (data == 1) {
  36. tag.type='primary';
  37. tag.value='出库';
  38. }else{
  39. tag.type='success';
  40. tag.value='入库';
  41. }
  42. return tag;
  43. }},
  44. {field:"stockconfig.title",title:"物品/品种",operate:false},
  45. {field:"change",title:"变更数量"},
  46. {field:"after",title:"当前库存"},
  47. {field:"remark",title:"备注",operate:false},
  48. {field:"createtime",title:"创建时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
  49. {field:"updatetime",title:"变更时间",visible:false,operate:false,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>