recordCom.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <template>
  2. <div class="mainContentBox">
  3. <avue-crud
  4. ref="crudRef2"
  5. v-model:search="search"
  6. v-model="form"
  7. :data="data"
  8. :option="option"
  9. v-model:page="page"
  10. />
  11. <!-- <el-collapse accordion>
  12. <el-collapse-item
  13. :title="item.opName"
  14. :name="item.id"
  15. v-for="item in data"
  16. :key="item.id"
  17. />
  18. </el-collapse> -->
  19. </div>
  20. </template>
  21. <script setup>
  22. import { ref, getCurrentInstance } from "vue";
  23. import { useCrud } from "@/hooks/userCrud";
  24. import dictDataUtil from "@/common/configs/dictDataUtil";
  25. import ButtonPermKeys from "@/common/configs/buttonPermission";
  26. import { useCommonStoreHook, useDictionaryStoreHook } from "@/store";
  27. // 数据字典相关
  28. const { dicts } = useDictionaryStoreHook();
  29. // 传入一个url,后面不带/
  30. const {
  31. form,
  32. data,
  33. option,
  34. search,
  35. page,
  36. toDeleteIds,
  37. Methords,
  38. Utils,
  39. commonConfig,
  40. } = useCrud({
  41. src: "/api/v1/process/web/traceability/traceabilityRecordInfo",
  42. });
  43. const { dataList, createRow, updateRow, deleteRow, searchChange, resetChange } =
  44. Methords; //增删改查
  45. const { selectionChange, multipleDelete } = Methords; //选中和批量删除事件
  46. const { checkBtnPerm, downloadTemplate, exportData } = Utils; //按钮权限等工具
  47. const crudRef = ref(null); //crudRef.value 获取avue-crud对象
  48. const refreshTra = (row) => {
  49. commonConfig.value.params = { seqNo: row.seqNo };
  50. dataList();
  51. };
  52. defineExpose({ refreshTra });
  53. onMounted(() => {});
  54. option.value = Object.assign(option.value, {
  55. selection: false,
  56. border: true,
  57. index: false,
  58. expandLevel: 3,
  59. headerAlign: "center",
  60. align: "center",
  61. labelWidth: 100,
  62. addBtn: false,
  63. menu: false,
  64. header: false,
  65. column: [
  66. {
  67. label: "工序名称",
  68. prop: "opName",
  69. },
  70. {
  71. label: "记录项名称",
  72. prop: "thName",
  73. },
  74. {
  75. label: "单位",
  76. prop: "unit",
  77. search: false,
  78. dicData: dicts.danwei_type,
  79. props: {
  80. label: "dictLabel",
  81. value: "dictValue",
  82. },
  83. },
  84. {
  85. label: "标准值",
  86. prop: "standard",
  87. search: false,
  88. },
  89. {
  90. label: "上限值",
  91. prop: "upper",
  92. search: false,
  93. },
  94. {
  95. label: "下限值",
  96. prop: "lower",
  97. search: false,
  98. },
  99. {
  100. label: "实测值",
  101. prop: "realValue",
  102. search: false,
  103. },
  104. {
  105. label: "录入时间",
  106. prop: "created",
  107. search: false,
  108. },
  109. ],
  110. });
  111. </script>