178 lines
2.9 KiB
Vue
178 lines
2.9 KiB
Vue
|
<template>
|
||
|
|
<el-descriptions :column="4" border>
|
||
|
|
<el-descriptions-item :label="item.label" v-for="(item, index) in projectData">{{item.value}}</el-descriptions-item>
|
||
|
|
暂无信息
|
||
|
|
</el-descriptions>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script >
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
basicInfo:{
|
||
|
|
|
||
|
|
billNo: '单据编号',
|
||
|
|
/**
|
||
|
|
* 单据类型
|
||
|
|
*/
|
||
|
|
billTypeName: '单据类型',
|
||
|
|
/**
|
||
|
|
* 运输单号
|
||
|
|
*/
|
||
|
|
carriageNO: '运输单号',
|
||
|
|
/**
|
||
|
|
* 承运商
|
||
|
|
*/
|
||
|
|
carrierName: '承运商',
|
||
|
|
/**
|
||
|
|
* 客户
|
||
|
|
*/
|
||
|
|
customerName: '客户',
|
||
|
|
/**
|
||
|
|
* 日期
|
||
|
|
*/
|
||
|
|
date: '日期',
|
||
|
|
/**
|
||
|
|
* 发货部门
|
||
|
|
*/
|
||
|
|
deliveryDeptName: '发货部门',
|
||
|
|
/**
|
||
|
|
* 单据状态
|
||
|
|
*/
|
||
|
|
documentStatus: '单据状态',
|
||
|
|
/**
|
||
|
|
* 交货地点
|
||
|
|
*/
|
||
|
|
headLocationName: '交货地点',
|
||
|
|
/**
|
||
|
|
* 销售部门
|
||
|
|
*/
|
||
|
|
saleDeptName: '销售部门',
|
||
|
|
/**
|
||
|
|
* 销售组织
|
||
|
|
*/
|
||
|
|
saleOrgName: '销售组织',
|
||
|
|
/**
|
||
|
|
* 销售组
|
||
|
|
*/
|
||
|
|
salesGroupName: '销售组',
|
||
|
|
/**
|
||
|
|
* 销售员
|
||
|
|
*/
|
||
|
|
salesManName: '销售员',
|
||
|
|
/**
|
||
|
|
* 结算币种
|
||
|
|
*/
|
||
|
|
settleCurrName: '结算币种',
|
||
|
|
/**
|
||
|
|
* 库存组
|
||
|
|
*/
|
||
|
|
stockerGroupName: '库存组',
|
||
|
|
/**
|
||
|
|
* 仓管员
|
||
|
|
*/
|
||
|
|
stockerName: '仓管员',
|
||
|
|
/**
|
||
|
|
* 发货组织
|
||
|
|
*/
|
||
|
|
stockOrgName: '发货组织',
|
||
|
|
|
||
|
|
},
|
||
|
|
customerInfo:{
|
||
|
|
/**
|
||
|
|
* 收货人姓名
|
||
|
|
*/
|
||
|
|
linkMan: '收货人姓名',
|
||
|
|
/**
|
||
|
|
* 联系电
|
||
|
|
*/
|
||
|
|
linkPhone: '联系电话',
|
||
|
|
/**
|
||
|
|
* 结算方
|
||
|
|
*/
|
||
|
|
payerName: '结算方',
|
||
|
|
/**
|
||
|
|
* 收货方地址
|
||
|
|
*/
|
||
|
|
receiveAddress: '收货方地址',
|
||
|
|
/**
|
||
|
|
* 收货方联系人
|
||
|
|
*/
|
||
|
|
receiverContactName: '收货方联系人',
|
||
|
|
/**
|
||
|
|
* 收货方
|
||
|
|
*/
|
||
|
|
receiverName: '收货方',
|
||
|
|
/**
|
||
|
|
* 结算方
|
||
|
|
*/
|
||
|
|
settleName: '结算方',
|
||
|
|
},
|
||
|
|
financialInfo:{
|
||
|
|
/**
|
||
|
|
* 整单折扣额
|
||
|
|
*/
|
||
|
|
allDisCount: '整单折扣额',
|
||
|
|
/**
|
||
|
|
* 汇率
|
||
|
|
*/
|
||
|
|
exchangeRate: '汇率',
|
||
|
|
/**
|
||
|
|
* 汇率类型
|
||
|
|
*/
|
||
|
|
exchangeTypeName: '汇率类型',
|
||
|
|
/**
|
||
|
|
* 本位币
|
||
|
|
*/
|
||
|
|
localCurrName: '本位币',
|
||
|
|
/**
|
||
|
|
* 收款条件
|
||
|
|
*/
|
||
|
|
receiptConditionName: '收款条件',
|
||
|
|
/**
|
||
|
|
* 结算币种
|
||
|
|
*/
|
||
|
|
settleCurrName: '结算币种',
|
||
|
|
/**
|
||
|
|
* 结算组织
|
||
|
|
*/
|
||
|
|
settleOrgName: '结算组织',
|
||
|
|
/**
|
||
|
|
* 结算方式
|
||
|
|
*/
|
||
|
|
settleTypeName: '结算方式',
|
||
|
|
},
|
||
|
|
projectData:[],
|
||
|
|
};
|
||
|
|
|
||
|
|
},
|
||
|
|
props:['data','keyName'],
|
||
|
|
created() {
|
||
|
|
this.formatData(this.data)
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
formatData(data){
|
||
|
|
if(data){
|
||
|
|
for(var key in data){
|
||
|
|
|
||
|
|
if(this[this.keyName][key]){
|
||
|
|
this.projectData.push({
|
||
|
|
label:this[this.keyName][key],
|
||
|
|
value:data[key]||'/'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
.select {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|