faultCom.vue 2.5 KB

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