feat: 质检不合格详情

gongchunyi

10 小时以前 9648963e54f4d9f0d2bba06dd2ef7c9c37a3c3d9

feat: 质检不合格详情

 src/api/qualityManagement/nonconformingManagement.js

@@ -48,3 +48,11 @@
    data: query,
  });
}

// æŸ¥è¯¢ä¸åˆæ ¼è¯¦æƒ…
  return request({
    url: "/quality/qualityUnqualified/detail/" + query,
    method: "get",
    data: query,
  });
}

 src/views/qualityManagement/nonconformingManagement/components/detailModal.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,98 @@
<template>
  <el-dialog
    v-model="visible"
    title="不合格处理详情"
    width="70%"
    @close="handleClose"
  >
    <el-descriptions border :column="2" class="detail-descriptions">
      <el-descriptions-item label="类别">
        {{ getInspectTypeName(form.inspectType) }}
      </el-descriptions-item>
      <el-descriptions-item label="产品名称">
        {{ form.productName }}
      </el-descriptions-item>
      <el-descriptions-item label="规格型号">
        {{ form.model }}
      </el-descriptions-item>
      <el-descriptions-item label="单位">
        {{ form.unit }}
      </el-descriptions-item>
      <el-descriptions-item label="数量">
        {{ form.quantity }}
      </el-descriptions-item>
      <el-descriptions-item label="检测日期">
        {{ form.checkTime }}
      </el-descriptions-item>
      <el-descriptions-item label="工序">
        {{ form.process }}
      </el-descriptions-item>
      <el-descriptions-item label="检验员">
        {{ form.checkName }}
      </el-descriptions-item>
      <el-descriptions-item label="检测单位">
        {{ form.checkCompany }}
      </el-descriptions-item>
      <el-descriptions-item label="不合格现象" :span="2">
        {{ form.defectivePhenomena }}
      </el-descriptions-item>
      <el-descriptions-item label="处理结果">
        {{ form.dealResult }}
      </el-descriptions-item>
      <el-descriptions-item label="处理人">
        {{ form.dealName }}
      </el-descriptions-item>
      <el-descriptions-item label="处理日期">
        {{ form.dealTime }}
      </el-descriptions-item>
    </el-descriptions>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="handleClose">关闭</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup>
import { ref } from "vue";
import { getQualityUnqualifiedDetail } from "@/api/qualityManagement/nonconformingManagement.js";

const visible = ref(false);
const form = ref({});

const getInspectTypeName = (type) => {
  if (type === 0) return "原材料检验";
  if (type === 1) return "过程检验";
  if (type === 2) return "出厂检验";
  return "";
};

const openDialog = (row) => {
  visible.value = true;
  form.value = { ...row };
  if (row.id) {
    getQualityUnqualifiedDetail(row.id).then((res) => {
      if (res.data) {
        form.value = { ...res.data };
      }
    });
  }
};

const handleClose = () => {
  visible.value = false;
  form.value = {};
};

defineExpose({
  openDialog,
});
</script>

<style scoped>
.detail-descriptions :deep(.el-descriptions__label) {
  width: 120px;
  justify-content: flex-end;
}
</style>

 src/views/qualityManagement/nonconformingManagement/index.vue

@@ -55,6 +55,7 @@
    </div>
    <FormDia ref="formDia" @close="handleQuery"></FormDia>
    <InspectionFormDia ref="inspectionFormDia" @close="handleQuery"></InspectionFormDia>
    <DetailModal ref="detailModal"></DetailModal>
  </div>
</template>

@@ -65,6 +66,7 @@
import {ElMessageBox} from "element-plus";
import {qualityUnqualifiedDel, qualityUnqualifiedListPage} from "@/api/qualityManagement/nonconformingManagement.js";
import InspectionFormDia from "@/views/qualityManagement/nonconformingManagement/components/inspectionFormDia.vue";
import DetailModal from "@/views/qualityManagement/nonconformingManagement/components/detailModal.vue";
import dayjs from "dayjs";

const data = reactive({
@@ -177,7 +179,7 @@
    label: "操作",
    align: "center",
    fixed: "right",
    width: 100,
    width: 150,
    operation: [
      {
        name: "处理",
@@ -186,6 +188,13 @@
          openInspectionForm("edit", row);
        },
        disabled: (row) => row.inspectState === 1,
      },
      {
        name: "详情",
        type: "text",
        clickFun: (row) => {
          detailModal.value?.openDialog(row);
        },
      },
    ],
  },
@@ -200,6 +209,7 @@
});
const formDia = ref()
const inspectionFormDia = ref()
const detailModal = ref()
const { proxy } = getCurrentInstance()

const changeDaterange = (value) => {