dispatchAndReturnMxAgent.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <div>
  3. <listTemp ref="list" :columns="columns" :param="param" :tableName="'dispatchMxTable'" :searchType="searchType">
  4. <template #operation>
  5. 发退货明细
  6. <table-export :param="param"></table-export>
  7. </template>
  8. <template #tb_cell="{data}">
  9. <template v-if="data.column.dataIndex === 'price'">
  10. <span>{{utils.formatAmount(data.record.price)}}</span>
  11. </template>
  12. <template v-if="data.column.dataIndex === 'amount'">
  13. <span>{{utils.formatAmount(data.record.amount)}}</span>
  14. </template>
  15. <template v-if="data.column.dataIndex === 'billno'">
  16. <router-link v-if="data.record.type == '发货'" :to="{path:'/dispatchdetail_agent',query:{id:data.record.id}}">{{data.record.billno}}</router-link>
  17. <router-link v-else :to="{path:'/aftersalesBillDetail',query:{id:data.record.id}}">{{data.record.billno}}</router-link>
  18. </template>
  19. </template>
  20. </listTemp>
  21. </div>
  22. </template>
  23. <script setup>
  24. import utils from '@/utils/utils'
  25. import Api from '@/api/api'
  26. import listTemp from '@/components/listTemplate/index.vue';
  27. import tableExport from '@/components/tableExport/index.vue'
  28. import { ref } from 'vue'
  29. import { useRouter } from "vue-router";
  30. import { onMounted } from "vue";
  31. const router = useRouter()
  32. const list = ref()
  33. let columns = ref([])
  34. let dataSource = ref([])
  35. let searchType = ref([
  36. {label:'类型',key:'type',type:'select',dataSource:[{remarks:'发货',value:'发货'},{remarks:'退货',value:'退货'}]},
  37. {label:'出库时间',key:'dateRange',type:'datepickerRange',objKeys:['begindate','enddate']},
  38. {label:'搜索',key:'condition',type:'input'},
  39. ])
  40. let param = ref({
  41. "content": {
  42. "pageNumber": 1,
  43. "pageSize": 20,
  44. "where": {
  45. "condition": ""
  46. }
  47. },
  48. "id": 20230626104003,
  49. })
  50. const onSuccess = ()=>{
  51. list.value.tableData()
  52. }
  53. </script>
  54. <style>
  55. </style>