|
@@ -10,129 +10,156 @@
|
|
|
width="80%"
|
|
width="80%"
|
|
|
@close="cancel"
|
|
@close="cancel"
|
|
|
>
|
|
>
|
|
|
- <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="supplierName"
|
|
|
|
|
- style="margin-bottom: 16px"
|
|
|
|
|
- >
|
|
|
|
|
- {{ form.supplierName }}
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item
|
|
|
|
|
- label="供应商联系人:"
|
|
|
|
|
- prop="linkName"
|
|
|
|
|
- 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="activeComp = item.key"
|
|
|
>
|
|
>
|
|
|
- {{ form.linkName }}
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item
|
|
|
|
|
- label="供应商电话:"
|
|
|
|
|
- prop="linkPhone"
|
|
|
|
|
- style="margin-bottom: 16px"
|
|
|
|
|
- >
|
|
|
|
|
- {{ 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="supplierName"
|
|
|
|
|
+ style="margin-bottom: 16px"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ form.supplierName }}
|
|
|
|
|
+ </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
|
|
|
|
|
|
|
+ <!-- <el-form-item
|
|
|
label="客户地址:"
|
|
label="客户地址:"
|
|
|
prop="partaAddress"
|
|
prop="partaAddress"
|
|
|
style="margin-bottom: 16px"
|
|
style="margin-bottom: 16px"
|
|
|
>
|
|
>
|
|
|
{{ form.receiveAddress }}
|
|
{{ form.receiveAddress }}
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
- <el-form-item
|
|
|
|
|
- label="审核状态:"
|
|
|
|
|
- prop="reviewStatus"
|
|
|
|
|
- style="margin-bottom: 16px"
|
|
|
|
|
- >
|
|
|
|
|
- {{ reviewStatusEnum[form.reviewStatus]?.label }}
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item
|
|
|
|
|
- label="附件:"
|
|
|
|
|
- prop="receiveFiles"
|
|
|
|
|
- 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-col>
|
|
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="审核状态:"
|
|
|
|
|
+ prop="reviewStatus"
|
|
|
|
|
+ style="margin-bottom: 16px"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ reviewStatusEnum[form.reviewStatus]?.label }}
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="附件:"
|
|
|
|
|
+ prop="receiveFiles"
|
|
|
|
|
+ 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-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="receiveNo"
|
|
|
|
|
- style="margin-bottom: 16px"
|
|
|
|
|
- >
|
|
|
|
|
- {{ form.receiveNo }}
|
|
|
|
|
- </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="是否回执:">
|
|
|
|
|
|
|
+ <el-col :span="12">
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="采购单类型:"
|
|
|
|
|
+ prop="receiveTypeName"
|
|
|
|
|
+ style="margin-bottom: 16px"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ form.receiveTypeName }}
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="车牌号:"
|
|
|
|
|
+ prop="carNo"
|
|
|
|
|
+ style="margin-bottom: 16px"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ form.carNo }}
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="收货单编码:"
|
|
|
|
|
+ prop="receiveNo"
|
|
|
|
|
+ style="margin-bottom: 16px"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ form.receiveNo }}
|
|
|
|
|
+ </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 ? '是' : '否' }}
|
|
{{ form.replied == 1 ? '是' : '否' }}
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- </el-form>
|
|
|
|
|
-
|
|
|
|
|
- <headerTitle title="产品清单"></headerTitle>
|
|
|
|
|
- <ele-pro-table
|
|
|
|
|
- ref="table"
|
|
|
|
|
- :needPage="false"
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- :toolkit="[]"
|
|
|
|
|
- :datasource="detailData.productList"
|
|
|
|
|
- row-key="id"
|
|
|
|
|
- >
|
|
|
|
|
- <!-- <template v-slot:toolbar>
|
|
|
|
|
|
|
+ <headerTitle title="产品清单"></headerTitle>
|
|
|
|
|
+ <ele-pro-table
|
|
|
|
|
+ ref="table"
|
|
|
|
|
+ :needPage="false"
|
|
|
|
|
+ :columns="columns"
|
|
|
|
|
+ :toolkit="[]"
|
|
|
|
|
+ :datasource="detailData.productList"
|
|
|
|
|
+ row-key="id"
|
|
|
|
|
+ >
|
|
|
|
|
+ <!-- <template v-slot:toolbar>
|
|
|
<div class="headbox">
|
|
<div class="headbox">
|
|
|
<span class="amount">总计:{{detailData.totalAmount}}元</span>
|
|
<span class="amount">总计:{{detailData.totalAmount}}元</span>
|
|
|
<span class="amount">应付金额:{{detailData.payAmount}}元</span>
|
|
<span class="amount">应付金额:{{detailData.payAmount}}元</span>
|
|
|
</div>
|
|
</div>
|
|
|
</template> -->
|
|
</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 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>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
+ <bpmDetail
|
|
|
|
|
+ v-if="activeComp === 'bpm' && form.processInstanceId"
|
|
|
|
|
+ :id="form.processInstanceId"
|
|
|
|
|
+ ></bpmDetail>
|
|
|
<div slot="footer" class="footer">
|
|
<div slot="footer" class="footer">
|
|
|
<el-button @click="cancel">返回</el-button>
|
|
<el-button @click="cancel">返回</el-button>
|
|
|
</div>
|
|
</div>
|
|
@@ -144,14 +171,21 @@
|
|
|
import dictMixins from '@/mixins/dictMixins';
|
|
import dictMixins from '@/mixins/dictMixins';
|
|
|
import { reviewStatusEnum } from '@/enum/dict';
|
|
import { reviewStatusEnum } from '@/enum/dict';
|
|
|
import { copyObj } from '@/utils/util';
|
|
import { copyObj } from '@/utils/util';
|
|
|
- import {
|
|
|
|
|
|
|
+ import bpmDetail from '@/views/bpm/processInstance/detail.vue';
|
|
|
|
|
|
|
|
- getReceiveSaleOrderrecordDetail
|
|
|
|
|
- } from '@/api/purchasingManage/purchaseorderreceive';
|
|
|
|
|
|
|
+ import { getReceiveSaleOrderrecordDetail } from '@/api/purchasingManage/purchaseorderreceive';
|
|
|
export default {
|
|
export default {
|
|
|
mixins: [dictMixins],
|
|
mixins: [dictMixins],
|
|
|
|
|
+ components: {
|
|
|
|
|
+ bpmDetail
|
|
|
|
|
+ },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ activeComp: 'main',
|
|
|
|
|
+ tabOptions: [
|
|
|
|
|
+ { key: 'main', name: '收货单详情' },
|
|
|
|
|
+ { key: 'bpm', name: '流程详情' }
|
|
|
|
|
+ ],
|
|
|
reviewStatusEnum,
|
|
reviewStatusEnum,
|
|
|
visible: false,
|
|
visible: false,
|
|
|
detailId: '',
|
|
detailId: '',
|
|
@@ -290,8 +324,8 @@
|
|
|
prop: 'remark',
|
|
prop: 'remark',
|
|
|
label: '备注',
|
|
label: '备注',
|
|
|
slot: 'remark'
|
|
slot: 'remark'
|
|
|
- }]
|
|
|
|
|
-
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ ]
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|