|
@@ -6,10 +6,10 @@
|
|
|
<template slot="subTitle">
|
|
|
<a id="purchaseOrderEdit-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
|
|
|
<p class="billno">单号:{{ detail&&detail.purchaseBillNo }}</p>
|
|
|
- <a @click="isShowBisiceInfo=!isShowBisiceInfo" style="margin-left:30px;color: #666;font-size: 14px;font-weight: 600;">
|
|
|
+ <a-button type="primary" ghost @click="isShowBisiceInfo=!isShowBisiceInfo" style="margin-left:30px;vertical-align:middle;">
|
|
|
基础信息
|
|
|
<a-icon :type="isShowBisiceInfo ? 'up' : 'down'"/>
|
|
|
- </a>
|
|
|
+ </a-button>
|
|
|
</template>
|
|
|
<!-- 操作区,位于 title 行的行尾 -->
|
|
|
<template slot="extra" v-if="$hasPermissions('B_purchasePrint')">
|
|
@@ -18,28 +18,35 @@
|
|
|
</a-page-header>
|
|
|
<!-- 基础信息 -->
|
|
|
<a-card size="small" :bordered="false" v-if="isShowBisiceInfo" class="purchaseOrderEdit-cont">
|
|
|
- <a-row :gutter="16" type="flex" sjustify="center">
|
|
|
- <a-col class="gutter-row" :span="12">
|
|
|
- 供应商:{{ detail&&detail.purchaseTargetName || '--' }}
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="12">
|
|
|
- 支付方式:{{ detail&&detail.settleStyleSnDictValue || '--' }}
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="12">
|
|
|
- 收货人:{{ detail&&detail.consigneeName || '--' }}({{ detail&&detail.consigneeTel || '--' }})
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="12">
|
|
|
- <span>收货地址:</span>
|
|
|
- <div style="display: inline-block;width:90%;vertical-align: top;" v-if="detail&&(detail.shippingAddressProvinceName || detail.shippingAddressCityName || detail.shippingAddressCountyName || detail.shippingAddress)">
|
|
|
- {{ detail&&detail.shippingAddressProvinceName || '' }}
|
|
|
- {{ detail&&detail.shippingAddressCityName || '' }}
|
|
|
- {{ detail&&detail.shippingAddressCountyName || '' }}
|
|
|
- {{ detail&&detail.shippingAddress || '' }}
|
|
|
- <a-button type="link" @click="openAddrModal=true">更换地址 >></a-button>
|
|
|
- </div>
|
|
|
- <div v-else><a-button type="link" @click="openAddrModal=true">选择地址 >></a-button></div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
+ <a-collapse :activeKey="['1']">
|
|
|
+ <a-collapse-panel key="1" :show-arrow="false" :disabled="true">
|
|
|
+ <template slot="header">
|
|
|
+ 基础信息
|
|
|
+ </template>
|
|
|
+ <a-row :gutter="16" type="flex" sjustify="center">
|
|
|
+ <a-col class="gutter-row" :span="12">
|
|
|
+ 供应商:{{ detail&&detail.purchaseTargetName || '--' }}
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="12">
|
|
|
+ 支付方式:{{ detail&&detail.settleStyleSnDictValue || '--' }}
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="12">
|
|
|
+ 收货人:{{ detail&&detail.consigneeName || '--' }}({{ detail&&detail.consigneeTel || '--' }})
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="12">
|
|
|
+ <span>收货地址:</span>
|
|
|
+ <div style="display: inline-block;width:90%;vertical-align: top;" v-if="detail&&(detail.shippingAddressProvinceName || detail.shippingAddressCityName || detail.shippingAddressCountyName || detail.shippingAddress)">
|
|
|
+ {{ detail&&detail.shippingAddressProvinceName || '' }}
|
|
|
+ {{ detail&&detail.shippingAddressCityName || '' }}
|
|
|
+ {{ detail&&detail.shippingAddressCountyName || '' }}
|
|
|
+ {{ detail&&detail.shippingAddress || '' }}
|
|
|
+ <a-button type="link" @click="openAddrModal=true">更换地址 >></a-button>
|
|
|
+ </div>
|
|
|
+ <div v-else><a-button type="link" @click="openAddrModal=true">选择地址 >></a-button></div>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-collapse-panel>
|
|
|
+ </a-collapse>
|
|
|
</a-card>
|
|
|
<!-- 选择产品 -->
|
|
|
<a-card size="small" :bordered="false" class="purchaseOrderEdit-cont">
|
|
@@ -653,7 +660,7 @@ export default {
|
|
|
font-size: 18px;
|
|
|
font-weight: 600;
|
|
|
display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
+ vertical-align: middle;
|
|
|
color: #666;
|
|
|
}
|
|
|
.purchaseOrderEdit-cont{
|
|
@@ -678,8 +685,11 @@ export default {
|
|
|
margin-left: 15px;
|
|
|
}
|
|
|
}
|
|
|
- .gutter-row:nth-child(1),.gutter-row:nth-child(2){
|
|
|
- margin-bottom:10px;
|
|
|
- }
|
|
|
+ .gutter-row:nth-child(1),.gutter-row:nth-child(2){
|
|
|
+ margin-bottom:10px;
|
|
|
+ }
|
|
|
+ .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header{
|
|
|
+ color:#333;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|