|
@@ -4,7 +4,7 @@
|
|
|
<!-- 自定义的二级文字标题 -->
|
|
|
<template slot="subTitle">
|
|
|
<a id="purchaseOrderEdit-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
|
|
|
- <p class="billno">单号:CG2021010100001</p>
|
|
|
+ <p class="billno">单号:{{ detail&&detail.purchaseBillNo }}</p>
|
|
|
</template>
|
|
|
<!-- 操作区,位于 title 行的行尾 -->
|
|
|
<template slot="extra">
|
|
@@ -28,10 +28,15 @@
|
|
|
@click.stop="handleEditInfo" />
|
|
|
</template>
|
|
|
<a-descriptions :column="3">
|
|
|
- <a-descriptions-item label="供应商">箭冠营销中心</a-descriptions-item>
|
|
|
- <a-descriptions-item label="支付方式">箭冠营销中心</a-descriptions-item>
|
|
|
- <a-descriptions-item label="收货人">箭冠营销中心</a-descriptions-item>
|
|
|
- <a-descriptions-item label="收货地址">箭冠营销中心</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="供应商">{{ detail&&detail.dealerName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="支付方式">{{ detail&&detail.settleStyle }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="收货人">{{ detail&&detail.consigneeName }}({{ detail&&detail.consigneeTel }})</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="收货地址">
|
|
|
+ {{ detail&&detail.shippingAddressProvinceName }} -
|
|
|
+ {{ detail&&detail.shippingAddressCityName }} -
|
|
|
+ {{ detail&&detail.shippingAddressCountyName }} -
|
|
|
+ {{ detail&&detail.shippingAddress }}
|
|
|
+ </a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</a-collapse-panel>
|
|
|
</a-collapse>
|
|
@@ -176,19 +181,22 @@
|
|
|
</div>
|
|
|
</a-affix>
|
|
|
<!-- 选择基本信息弹框 -->
|
|
|
- <basic-info-modal :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
|
+ <basic-info-modal ref="baseInfo" :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import basicInfoModal from './basicInfoModal.vue'
|
|
|
+import { purchaseDetail } from '@/api/purchase'
|
|
|
export default {
|
|
|
components: { STable, VSelect, basicInfoModal },
|
|
|
data () {
|
|
|
return {
|
|
|
+ openModal: false, // 选择基本信息弹框是否显示
|
|
|
+ detail: null, // 详细信息
|
|
|
+ // 选择产品
|
|
|
queryParam: {
|
|
|
-
|
|
|
},
|
|
|
brandData: [], // 产品品牌 下拉数据
|
|
|
typeData: [], // 产品类别 下拉数据
|
|
@@ -238,6 +246,7 @@ export default {
|
|
|
resolve(data)
|
|
|
})
|
|
|
},
|
|
|
+ // 已选产品
|
|
|
// 表头
|
|
|
chooseColumns: [
|
|
|
{ title: '序号', dataIndex: 'no', width: 80, align: 'center' },
|
|
@@ -278,11 +287,24 @@ export default {
|
|
|
_this.disabled = false
|
|
|
resolve(data)
|
|
|
})
|
|
|
- },
|
|
|
- openModal: false // 选择基本信息弹框是否显示
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 获取采购单详情
|
|
|
+ getOrderDetail () {
|
|
|
+ purchaseDetail({ id: this.$route.params.id }).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ this.detail = res.data
|
|
|
+ }
|
|
|
+ this.$message.info(res.message)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 基本信息编辑成功
|
|
|
+ handleOk (data) {
|
|
|
+ this.getOrderDetail()
|
|
|
+ },
|
|
|
// 重置
|
|
|
resetSearchForm () {
|
|
|
this.queryParam.orderBundleNo = ''
|
|
@@ -300,14 +322,11 @@ export default {
|
|
|
// 编辑基本信息
|
|
|
handleEditInfo () {
|
|
|
this.openModal = true
|
|
|
+ this.$refs.baseInfo.setData(this.detail)
|
|
|
},
|
|
|
// 提交
|
|
|
handleSubmit () {
|
|
|
|
|
|
- },
|
|
|
- // 基本信息 保存
|
|
|
- handleOk () {
|
|
|
-
|
|
|
},
|
|
|
// 返回列表
|
|
|
handleBack () {
|