|
@@ -0,0 +1,114 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-form :model="form" label-position="left" v-loading="loading">
|
|
|
+ <div style="margin-bottom: 20px">
|
|
|
+ <labelTitle content="基本信息"></labelTitle>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 0px 20px">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="采购单号:">
|
|
|
+ <span> {{ form.purchase.code }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="供应商:">
|
|
|
+ <span> {{ form.purchase.supplierName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="物流公司:">
|
|
|
+ <span> {{ form.logisticsInfo.logisticsCompanyName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="物流/快递单号:">
|
|
|
+ <span> {{ form.logisticsInfo.code }} </span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 20px">
|
|
|
+ <labelTitle content="质检明细"></labelTitle>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 0px 20px">
|
|
|
+ <el-table :data="form.qualityDetailsList">
|
|
|
+ <el-table-column label="产品编码" prop="productCode" width="150" />
|
|
|
+ <el-table-column label="产品名称" prop="productName" width="150" />
|
|
|
+ <!-- <el-table-column label="质检合格" prop="qualifiedQuantity" width="100" /> -->
|
|
|
+ <el-table-column
|
|
|
+ label="质检合格"
|
|
|
+ prop="qualifiedQuantity"
|
|
|
+ width="100"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="质检不合格"
|
|
|
+ prop="disqualificationQuantity"
|
|
|
+ width="100"
|
|
|
+ />
|
|
|
+ <el-table-column label="备注" prop="remarks" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import labelTitle from "@/components/label-title/index.vue";
|
|
|
+import { qualityTestingDetails2 } from "@/api/inbound-outbound/arrivalInspection.js";
|
|
|
+// import { supplySelect } from "@/api/product-material/supply/index.js";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "QualityDetails",
|
|
|
+ props: {
|
|
|
+ rowData: {
|
|
|
+ type: Object,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ labelTitle,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading: false,
|
|
|
+ form: {
|
|
|
+ purchase: {},
|
|
|
+ logisticsInfo: {},
|
|
|
+ },
|
|
|
+ productTypeList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ const businessDictData = JSON.parse(
|
|
|
+ window.localStorage.getItem("businessDict")
|
|
|
+ );
|
|
|
+ this.productTypeList = businessDictData.find(
|
|
|
+ (item) => item.code === "productType"
|
|
|
+ ).children;
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ if (this.rowData.id) {
|
|
|
+ this.getDetails();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async getDetails() {
|
|
|
+ this.loading = true;
|
|
|
+ qualityTestingDetails2({ qualityInfoId: this.rowData.id }).then((res) => {
|
|
|
+ this.form = res.data.data;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+::v-deep {
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|