|
|
@@ -1,46 +1,156 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
- <headerTitle title="发货信息"></headerTitle>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="客户名称:"
|
|
|
- prop="contactName"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.contactName }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="客户联系人:"
|
|
|
- prop="linkName"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.linkName }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="客户电话:"
|
|
|
- prop="linkPhone"
|
|
|
- style="margin-bottom: 16px"
|
|
|
+ <div class="switch">
|
|
|
+ <div class="switch_left">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ v-for="item in tabOptions"
|
|
|
+ :key="item.key"
|
|
|
+ :class="{ active: activeComp == item.key }"
|
|
|
+ @click="changeActive(item)"
|
|
|
>
|
|
|
- {{ form.linkPhone }}
|
|
|
- </el-form-item>
|
|
|
+ {{ item.name }}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="activeComp == 'main'">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
+ <headerTitle title="发货信息"></headerTitle>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="客户名称:"
|
|
|
+ prop="contactName"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.contactName }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="客户联系人:"
|
|
|
+ prop="linkName"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.linkName }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="客户电话:"
|
|
|
+ prop="linkPhone"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.linkPhone }}
|
|
|
+ </el-form-item>
|
|
|
|
|
|
+ <el-form-item
|
|
|
+ label="客户地址:"
|
|
|
+ prop="partaAddress"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.receiveAddress }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="发货附件:"
|
|
|
+ prop="sendFiles"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ <div v-if="detailData.sendFiles && detailData.sendFiles?.length">
|
|
|
+ <el-link
|
|
|
+ v-for="link in detailData.sendFiles"
|
|
|
+ :key="link.id"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="downloadFile(link)"
|
|
|
+ >
|
|
|
+ {{ link.name }}</el-link
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="回执附件:"
|
|
|
+ prop="sendFiles"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="
|
|
|
+ detailData.repliedFiles && detailData.repliedFiles?.length
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-link
|
|
|
+ v-for="link in detailData.repliedFiles"
|
|
|
+ :key="link.id"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="downloadFile(link)"
|
|
|
+ >
|
|
|
+ {{ link.name }}</el-link
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="车牌号:"
|
|
|
+ prop="carNo"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.carNo }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="发货单据编码:"
|
|
|
+ prop="docNo"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.docNo }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="制单人:"
|
|
|
+ prop="makerName"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ form.makerName }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="orderNo" label="订单编码:">
|
|
|
+ {{ form.orderNo }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="replied" label="是否回执:">
|
|
|
+ {{ form.replied == 1 ? '是' : '否' }}
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="审核状态:"
|
|
|
+ prop="reviewStatus"
|
|
|
+ style="margin-bottom: 16px"
|
|
|
+ >
|
|
|
+ {{ reviewStatusEnum[form.reviewStatus]?.label }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <headerTitle title="产品清单"></headerTitle>
|
|
|
+ <ele-pro-table
|
|
|
+ ref="table"
|
|
|
+ :needPage="false"
|
|
|
+ :columns="competAnalysisListcolumns"
|
|
|
+ :toolkit="[]"
|
|
|
+ :datasource="detailData.productList"
|
|
|
+ row-key="id"
|
|
|
+ >
|
|
|
+ <!-- <template v-slot:toolbar>
|
|
|
+ <div class="headbox">
|
|
|
+ <span class="amount">总计:{{detailData.totalAmount}}元</span>
|
|
|
+ <span class="amount">应付金额:{{detailData.payAmount}}元</span>
|
|
|
+ </div>
|
|
|
+ </template> -->
|
|
|
+ <template v-slot:industryArtFiles="{ row, $index }">
|
|
|
<el-form-item
|
|
|
- label="客户地址:"
|
|
|
- prop="partaAddress"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.receiveAddress }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="发货附件:"
|
|
|
- prop="sendFiles"
|
|
|
- style="margin-bottom: 16px"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ :prop="'datasource.' + $index + '.industryArtFiles'"
|
|
|
>
|
|
|
- <div v-if="detailData.sendFiles && detailData.sendFiles?.length">
|
|
|
+ <div v-if="row.industryArtFiles && row.industryArtFiles?.length">
|
|
|
<el-link
|
|
|
- v-for="link in detailData.sendFiles"
|
|
|
+ v-for="link in row.industryArtFiles"
|
|
|
:key="link.id"
|
|
|
type="primary"
|
|
|
:underline="false"
|
|
|
@@ -50,16 +160,15 @@
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
+ </template>
|
|
|
+ <template v-slot:otherFiles="{ row, $index }">
|
|
|
<el-form-item
|
|
|
- label="回执附件:"
|
|
|
- prop="sendFiles"
|
|
|
- style="margin-bottom: 16px"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ :prop="'datasource.' + $index + '.otherFiles'"
|
|
|
>
|
|
|
- <div
|
|
|
- v-if="detailData.repliedFiles && detailData.repliedFiles?.length"
|
|
|
- >
|
|
|
+ <div v-if="row.otherFiles && row.otherFiles?.length">
|
|
|
<el-link
|
|
|
- v-for="link in detailData.repliedFiles"
|
|
|
+ v-for="link in row.otherFiles"
|
|
|
:key="link.id"
|
|
|
type="primary"
|
|
|
:underline="false"
|
|
|
@@ -69,71 +178,11 @@
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="车牌号:"
|
|
|
- prop="carNo"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.carNo }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="发货单据编码:"
|
|
|
- prop="docNo"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.docNo }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="制单人:"
|
|
|
- prop="makerName"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ form.makerName }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="orderNo" label="订单编码:">
|
|
|
- {{ form.orderNo }}
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="replied" label="是否回执:">
|
|
|
- {{ form.replied == 1 ? '是' : '否' }}
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item
|
|
|
- label="审核状态:"
|
|
|
- prop="reviewStatus"
|
|
|
- style="margin-bottom: 16px"
|
|
|
- >
|
|
|
- {{ reviewStatusEnum[form.reviewStatus]?.label }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <headerTitle title="产品清单"></headerTitle>
|
|
|
- <ele-pro-table
|
|
|
- ref="table"
|
|
|
- :needPage="false"
|
|
|
- :columns="competAnalysisListcolumns"
|
|
|
- :toolkit="[]"
|
|
|
- :datasource="detailData.productList"
|
|
|
- row-key="id"
|
|
|
- >
|
|
|
- <!-- <template v-slot:toolbar>
|
|
|
- <div class="headbox">
|
|
|
- <span class="amount">总计:{{detailData.totalAmount}}元</span>
|
|
|
- <span class="amount">应付金额:{{detailData.payAmount}}元</span>
|
|
|
- </div>
|
|
|
- </template> -->
|
|
|
- <template v-slot:industryArtFiles="{ row, $index }">
|
|
|
- <el-form-item
|
|
|
- style="margin-bottom: 20px"
|
|
|
- :prop="'datasource.' + $index + '.industryArtFiles'"
|
|
|
- >
|
|
|
- <div v-if="row.industryArtFiles && row.industryArtFiles?.length">
|
|
|
+ </template>
|
|
|
+ <template v-slot:technicalDrawings="{ row }">
|
|
|
+ <div v-if="row.technicalDrawings && row.technicalDrawings?.length">
|
|
|
<el-link
|
|
|
- v-for="link in row.industryArtFiles"
|
|
|
+ v-for="link in row.technicalDrawings"
|
|
|
:key="link.id"
|
|
|
type="primary"
|
|
|
:underline="false"
|
|
|
@@ -142,40 +191,16 @@
|
|
|
{{ link.name }}</el-link
|
|
|
>
|
|
|
</div>
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- <template v-slot:otherFiles="{ row, $index }">
|
|
|
- <el-form-item
|
|
|
- style="margin-bottom: 20px"
|
|
|
- :prop="'datasource.' + $index + '.otherFiles'"
|
|
|
- >
|
|
|
- <div v-if="row.otherFiles && row.otherFiles?.length">
|
|
|
- <el-link
|
|
|
- v-for="link in row.otherFiles"
|
|
|
- :key="link.id"
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="downloadFile(link)"
|
|
|
- >
|
|
|
- {{ link.name }}</el-link
|
|
|
- >
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- <template v-slot:technicalDrawings="{ row }">
|
|
|
- <div v-if="row.technicalDrawings && row.technicalDrawings?.length">
|
|
|
- <el-link
|
|
|
- v-for="link in row.technicalDrawings"
|
|
|
- :key="link.id"
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="downloadFile(link)"
|
|
|
- >
|
|
|
- {{ link.name }}</el-link
|
|
|
- >
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </ele-pro-table>
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <add
|
|
|
+ ref="add"
|
|
|
+ v-if="activeComp == 'outBound'"
|
|
|
+ type="sourceBizNo"
|
|
|
+ @success="success"
|
|
|
+ ></add>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -185,10 +210,17 @@
|
|
|
import { getSendSaleOrderrecordDetail } from '@/api/bpm/components/saleManage/saleorder';
|
|
|
import { reviewStatusEnum } from '@/enum/dict';
|
|
|
import { copyObj } from '@/utils/util';
|
|
|
+ import add from '@/views/bpm/outgoingManagement/add.vue';
|
|
|
+
|
|
|
export default {
|
|
|
mixins: [dictMixins],
|
|
|
+ components: {
|
|
|
+ add
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeComp: 'main',
|
|
|
+ tabOptions: [{ key: 'main', name: '发货单详情' }],
|
|
|
reviewStatusEnum,
|
|
|
visible: false,
|
|
|
detailId: '',
|
|
|
@@ -333,12 +365,32 @@
|
|
|
props: {
|
|
|
businessId: {
|
|
|
default: ''
|
|
|
- }
|
|
|
+ },
|
|
|
+ taskDefinitionKey:{}
|
|
|
},
|
|
|
created() {
|
|
|
this.getDetailData(this.businessId);
|
|
|
+ if (this.taskDefinitionKey == 'storemanApprove') {
|
|
|
+ this.tabOptions.push({ key: 'outBound', name: '出库单' });
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
+ changeActive(item) {
|
|
|
+ this.activeComp = item.key;
|
|
|
+ this.$emit('activeCompChange', item.key);
|
|
|
+ if (
|
|
|
+ this.taskDefinitionKey == 'storemanApprove' &&
|
|
|
+ item.key == 'outBound'
|
|
|
+ ) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.add.eomSuccess(this.form);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success() {
|
|
|
+
|
|
|
+ this.$emit('handleClose');
|
|
|
+ },
|
|
|
cancel() {
|
|
|
this.$nextTick(() => {
|
|
|
// 关闭后,销毁所有的表单数据
|