不合格管理：重构详情展示与操作按钮

yyb

13 小时以前 65193cc9b4e27aad36a65eca447e6c62f6ee037f

 src/views/qualityManagement/nonconformingManagement/index.vue

@@ -1,3 +1,4 @@
// 不合格管理
<template>
  <div class="app-container">
    <div class="search_form">
@@ -51,8 +52,10 @@
          :tableLoading="tableLoading"
          @pagination="pagination"
          :total="page.total"
      ></PIMTable>
      >
      </PIMTable>
    </div>
    <DetailDia ref="detailDiaRef" />
    <FormDia ref="formDia" @close="handleQuery"></FormDia>
    <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia>
  </div>
@@ -60,11 +63,12 @@

<script setup>
import { Search } from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {onMounted, ref, reactive, toRefs, nextTick, getCurrentInstance} from "vue";
import FormDia from "@/views/qualityManagement/nonconformingManagement/components/formDia.vue";
import {ElMessageBox} from "element-plus";
import {qualityUnqualifiedDel, qualityUnqualifiedListPage} from "@/api/qualityManagement/nonconformingManagement.js";
import InspectionFormDia from "@/views/qualityManagement/nonconformingManagement/components/inspectionFormDia.vue";
import DetailDia from "@/views/qualityManagement/nonconformingManagement/components/detailDia.vue";
import dayjs from "dayjs";

const data = reactive({
@@ -173,19 +177,40 @@
    width: 120
  },
  {
    label: "原因分析",
    prop: "reasonAnalysis",
    slot: "reasonAnalysis",
    width: 120
  },
  {
    label: "预防与纠正措施",
    prop: "preventiveCorrective",
    slot: "preventiveCorrective",
    width: 120
  },
  {
    label: "工时损失",
    prop: "lossWorking",
    width: 140
  },
  {
    label: "材料费损失",
    prop: "lossMaterial",
    width: 140
  },
  {
    dataType: "action",
    label: "操作",
    align: "center",
    fixed: "right",
    width: 120,
    width: 140,
    operation: [
      {
        name: "编辑",
        name: "详情",
        type: "text",
        clickFun: (row) => {
          openForm("edit", row);
          openDetailDialog(row);
        },
        disabled: (row) => row.inspectState === 1,
      },
      {
        name: "处理",
@@ -208,6 +233,7 @@
});
const formDia = ref()
const inspectionFormDia = ref()
const detailDiaRef = ref()
const { proxy } = getCurrentInstance()

const changeDaterange = (value) => {
@@ -267,6 +293,10 @@
    inspectionFormDia.value?.openDialog(type, row)
  })
};
// 打开详情弹框
const openDetailDialog = (row) => {
  detailDiaRef.value?.openDialog(row);
};

// 删除
const handleDelete = () => {
@@ -311,4 +341,12 @@
});
</script>

<style scoped></style>
<style scoped>
.text-ellipsis {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>