index.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <div>
  3. <basicLayout
  4. ref="basicLayout"
  5. :oldFormPath="{
  6. add:'HDrpManagement/stock/modules'
  7. }"
  8. tableName="stockTable"
  9. idName="stockid"
  10. :apiId="{query:20230104094604,del:20230104095004}"
  11. :detailPath="null">
  12. <div slot="custom"></div>
  13. <template v-slot:tbList="scope">
  14. <div>
  15. <span v-if="scope.data.column.columnname === 'isused'">{{scope.data.column.data[scope.data.column.columnname] == 1?'是':'否'}}</span>
  16. <span v-else-if="scope.data.column.columnname === 'issalestock'">{{scope.data.column.data[scope.data.column.columnname] == 1?'是':'否'}}</span>
  17. <span v-else>{{scope.data.column.data[scope.data.column.columnname]}}</span>
  18. </div>
  19. </template>
  20. <template v-slot:tbOpreation="scope">
  21. <edit :data="scope.data.data" @onSuccess="$refs.basicLayout.listData()"></edit>
  22. </template>
  23. </basicLayout>
  24. </div>
  25. </template>
  26. <script>
  27. /**
  28. * @basicLayout 提供this.$ref['basicLayout'].listData()方法查询列表信息
  29. * @param {string} formPath 新建,编辑组件所在文件夹名称,以后所有列表新增修改文件统一放入Form文件夹下面,并创建与开发应用相同的名称的子文件夹
  30. * @param {string} tableName 开发端配置的表格名称
  31. * @param {String} idName 数据主id名称
  32. * @param {object} apiId:{query:查询的接口id,del:删除的接口id}
  33. * @param {Array} options:{label:描述,value:值}
  34. */
  35. import edit from './modules/edit.vue'
  36. export default {
  37. data () {
  38. return {
  39. options:[]
  40. }
  41. },
  42. components:{
  43. edit
  44. },
  45. methods:{
  46. }
  47. }
  48. </script>
  49. <style>
  50. </style>