|
@@ -259,18 +259,57 @@
|
|
|
<byForm :formConfig="recordFormConfig" :formOption="recordFormOption" v-model="formData.recordData">
|
|
|
<template #detail1>
|
|
|
<div style="width:100%">
|
|
|
- a
|
|
|
+ <el-table :data="formData.recordData.purchaseProductList">
|
|
|
+ <el-table-column label="商品图片" width="80">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div v-if="row.fileUrl">
|
|
|
+ <img :src="row.fileUrl" class="pic" @click="openImg(row.fileUrl)" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="productCode" label="商品编码" width="160" />
|
|
|
+ <el-table-column prop="productName" label="商品名称" min-width="130" />
|
|
|
+ <el-table-column label="尺寸 (cm)" width="140">
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{row.productLength}} * {{row.productWidth}} * {{row.productHeight}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="颜色" prop="productColor" width="160" />
|
|
|
+ <el-table-column label="采购数量" prop="quantity" width="100" />
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #detail2>
|
|
|
<div style="width:100%">
|
|
|
- b
|
|
|
+ <el-table :data="formData.recordData.stockJournalDetailsList">
|
|
|
+ <el-table-column label="类型" width="100" :formatter="(row) => row.opType=='1'?'入库':'出库'" />
|
|
|
+ <el-table-column label="商品图片" width="80">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div v-if="row.fileUrl">
|
|
|
+ <img :src="row.fileUrl" class="pic" @click="openImg(row.fileUrl)" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="productCode" label="商品编码" width="160" />
|
|
|
+ <el-table-column prop="productName" label="商品名称" min-width="130" />
|
|
|
+ <el-table-column label="尺寸 (cm)" width="140">
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{row.productLength}} * {{row.productWidth}} * {{row.productHeight}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="颜色" prop="productColor" width="160" />
|
|
|
+ <el-table-column label="数量" prop="quantity" width="100" />
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
</byForm>
|
|
|
- <template #footer>
|
|
|
+ <!-- <template #footer>
|
|
|
<el-button @click="recordDialog = false" size="defualt" v-debounce>关闭</el-button>
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
|
|
@@ -909,6 +948,46 @@ const recordFormConfig = computed(() => {
|
|
|
});
|
|
|
const lookDetails = (item) => {
|
|
|
recordDialog.value = true;
|
|
|
+ proxy
|
|
|
+ .post("/produceOrder/detail", {
|
|
|
+ id: item.produceOrderId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res, "aaa");
|
|
|
+ formData.recordData = res;
|
|
|
+ if (
|
|
|
+ formData.recordData.purchaseProductList &&
|
|
|
+ formData.recordData.purchaseProductList.length > 0
|
|
|
+ ) {
|
|
|
+ let productIds = formData.recordData.purchaseProductList.map(
|
|
|
+ (x) => x.productId
|
|
|
+ );
|
|
|
+ proxy.getFileData({
|
|
|
+ businessIdList: productIds,
|
|
|
+ data: formData.recordData.purchaseProductList,
|
|
|
+ att: "productId",
|
|
|
+ businessType: "0",
|
|
|
+ fileAtt: "fileList",
|
|
|
+ filePathAtt: "fileUrl",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ formData.recordData.stockJournalDetailsList &&
|
|
|
+ formData.recordData.stockJournalDetailsList.length > 0
|
|
|
+ ) {
|
|
|
+ let productIds = formData.recordData.stockJournalDetailsList.map(
|
|
|
+ (x) => x.productId
|
|
|
+ );
|
|
|
+ proxy.getFileData({
|
|
|
+ businessIdList: productIds,
|
|
|
+ data: formData.recordData.stockJournalDetailsList,
|
|
|
+ att: "productId",
|
|
|
+ businessType: "0",
|
|
|
+ fileAtt: "fileList",
|
|
|
+ filePathAtt: "fileUrl",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
};
|
|
|
</script>
|
|
|
|