|
@@ -16,8 +16,13 @@
|
|
|
:action-list="[]"
|
|
|
@get-list="getList"
|
|
|
>
|
|
|
- <template #slotName="{ item }">
|
|
|
- {{ item.createTime }}
|
|
|
+ <template #linkCode="{ item }">
|
|
|
+ <div
|
|
|
+ style="cursor: pointer; color: #409eff"
|
|
|
+ @click="handleClickLinkCode(item)"
|
|
|
+ >
|
|
|
+ {{ item.linkCode }}
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</byTable>
|
|
|
</div>
|
|
@@ -83,6 +88,135 @@
|
|
|
</template>
|
|
|
</byForm>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="'到货详情'"
|
|
|
+ v-model="dialogVisibleTwo"
|
|
|
+ width="80%"
|
|
|
+ destroy-on-close
|
|
|
+ >
|
|
|
+ <byForm
|
|
|
+ :formConfig="formConfigOne"
|
|
|
+ :formOption="formOption"
|
|
|
+ v-model="formData.dataOne"
|
|
|
+ :rules="rules"
|
|
|
+ ref="byformOne"
|
|
|
+ >
|
|
|
+ <template #detailSlot>
|
|
|
+ <div style="width: 100%">
|
|
|
+ <el-table :data="formData.dataOne.purchaseDetailVoList">
|
|
|
+ <el-table-column prop="productCustomCode" label="物品编码" />
|
|
|
+ <el-table-column prop="productName" label="物品名称" />
|
|
|
+ <el-table-column prop="count" label="采购数量" />
|
|
|
+ <el-table-column prop="deliverGoodsQuantity" label="已发货">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom-start"
|
|
|
+ title="发货详情"
|
|
|
+ :width="500"
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <div default>
|
|
|
+ <el-table :data="row.deliverGoodsDetailList">
|
|
|
+ <el-table-column
|
|
|
+ label="发货时间"
|
|
|
+ prop="createTime"
|
|
|
+ width="155"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="物流单号"
|
|
|
+ prop="logisticsCode"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="数量"
|
|
|
+ prop="deliverGoodsQuantity"
|
|
|
+ width="100"
|
|
|
+ />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #reference>
|
|
|
+ <div style="cursor: pointer; color: #0084ff">
|
|
|
+ {{ row.deliverGoodsQuantity }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="receiptQuantity" label="已入库">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom-start"
|
|
|
+ title="入库详情"
|
|
|
+ :width="500"
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <div default>
|
|
|
+ <el-table :data="row.receiptList">
|
|
|
+ <el-table-column
|
|
|
+ label="入库时间"
|
|
|
+ prop="createTime"
|
|
|
+ width="155"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="入库单号"
|
|
|
+ prop="logisticsCode"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="数量"
|
|
|
+ prop="quantity"
|
|
|
+ width="100"
|
|
|
+ />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #reference>
|
|
|
+ <div style="cursor: pointer; color: #0084ff">
|
|
|
+ {{ row.receiptQuantity }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column prop="purchaseBackQuantity" label="退货">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <div>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom-start"
|
|
|
+ title="退货详情"
|
|
|
+ :width="500"
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <div default>
|
|
|
+ <el-table :data="row.purchaseBackDetailsList">
|
|
|
+ <el-table-column label="退货时间" prop="createTime" />
|
|
|
+ <el-table-column label="数量" prop="quantity" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #reference>
|
|
|
+ <div style="cursor: pointer; color: #0084ff">
|
|
|
+ {{ row.purchaseBackQuantity }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="qualityQuantity" label="已质检数量" />
|
|
|
+ <el-table-column prop="noQualifiedCount" label="不合格数量" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </byForm>
|
|
|
+ <template #footer>
|
|
|
+ <el-button @click="dialogVisibleTwo = false" size="large"
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -106,6 +240,7 @@ const sourceList = ref({
|
|
|
});
|
|
|
let dialogVisible = ref(false);
|
|
|
let dialogVisibleOne = ref(false);
|
|
|
+let dialogVisibleTwo = ref(false);
|
|
|
|
|
|
let roomDialogVisible = ref(false);
|
|
|
let modalType = ref("add");
|
|
@@ -141,7 +276,7 @@ const typeData = [
|
|
|
value: "40",
|
|
|
},
|
|
|
{
|
|
|
- label: "入库数量差异",
|
|
|
+ label: "待入库",
|
|
|
value: "50",
|
|
|
},
|
|
|
];
|
|
@@ -195,6 +330,7 @@ const config = computed(() => {
|
|
|
label: "关联单号",
|
|
|
prop: "linkCode",
|
|
|
width: 180,
|
|
|
+ slot: "linkCode",
|
|
|
},
|
|
|
},
|
|
|
{
|
|
@@ -317,6 +453,7 @@ const config = computed(() => {
|
|
|
|
|
|
let formData = reactive({
|
|
|
data: {},
|
|
|
+ dataOne: {},
|
|
|
treeData: [],
|
|
|
});
|
|
|
const formOption = reactive({
|
|
@@ -325,6 +462,35 @@ const formOption = reactive({
|
|
|
itemWidth: 100,
|
|
|
rules: [],
|
|
|
});
|
|
|
+let formConfigOne = computed(() => [
|
|
|
+ {
|
|
|
+ type: "title",
|
|
|
+ title: "基础信息",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "input",
|
|
|
+ prop: "supplyName",
|
|
|
+ label: "供应商",
|
|
|
+ disabled: true,
|
|
|
+ itemWidth: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "input",
|
|
|
+ prop: "purchaseCode",
|
|
|
+ label: "采购单号",
|
|
|
+ disabled: true,
|
|
|
+ itemWidth: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "title",
|
|
|
+ title: "采购明细",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "slot",
|
|
|
+ slotName: "detailSlot",
|
|
|
+ label: "",
|
|
|
+ },
|
|
|
+]);
|
|
|
const byform = ref(null);
|
|
|
const treeData = ref([]);
|
|
|
const formConfigData = [
|
|
@@ -467,7 +633,6 @@ const getList = async (req) => {
|
|
|
.then((message) => {
|
|
|
console.log(message);
|
|
|
sourceList.value.data = message.rows;
|
|
|
- // sourceList.value.data = [{}];
|
|
|
sourceList.value.pagination.total = message.total;
|
|
|
setTimeout(() => {
|
|
|
loading.value = false;
|
|
@@ -530,6 +695,26 @@ const getDict = () => {
|
|
|
formConfigData[0][9].data = handleMethon.value;
|
|
|
});
|
|
|
};
|
|
|
+
|
|
|
+const handleClickLinkCode = (row) => {
|
|
|
+ if (row.type == 10 || row.type == 50) {
|
|
|
+ ElMessage({
|
|
|
+ message: "数据请求中,请稍后",
|
|
|
+ type: "info",
|
|
|
+ });
|
|
|
+ proxy
|
|
|
+ .post("/deliverGoods/arrivalDetail", { purchaseId: row.purchaseId })
|
|
|
+ .then((res) => {
|
|
|
+ formData.dataOne = {
|
|
|
+ supplyName: res.supplyName,
|
|
|
+ purchaseCode: row.linkCode,
|
|
|
+ purchaseDetailVoList: res.purchaseDetailVoList,
|
|
|
+ };
|
|
|
+ dialogVisibleTwo.value = true;
|
|
|
+ });
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
getDict();
|
|
|
getList();
|
|
|
</script>
|