fengdong777
2 years ago
8 changed files with 402 additions and 112 deletions
@ -0,0 +1,243 @@ |
|||
<template> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()" |
|||
>返回</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="purchaseForm" label-position="top" label-width="190px" class="formadd"> |
|||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
|||
<div style="margin-left: 15px;">主体信息</div> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">订单编号：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightb_item" prop="purchaseNo"> |
|||
<span>{{purchaseForm.no}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">订单日期：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightb_item"> |
|||
<span>{{purchaseForm.applicationDate}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">供货单位：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="supplier" class="trightb_item"> |
|||
<span>{{purchaseForm.custerName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">采购申请人：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightb_item"> |
|||
<span>{{purchaseForm.creatorName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
|
|||
|
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">出库仓库：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightb_item"> |
|||
<span>{{purchaseForm.storeHouseName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item class="trightb_item"> |
|||
<span slot="label">出库日期：</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightb_item"> |
|||
<span>{{purchaseForm.outDate}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-collapse v-model="activeNames"> |
|||
<el-collapse-item name="1"> |
|||
<template slot="title" > |
|||
<span style="margin-left: 15px;">商品信息</span> |
|||
</template> |
|||
<el-table :data="purchaseForm.list" border style="width: 100%;" |
|||
:row-style="{height: '40px'}"> |
|||
<el-table-column label="序号" type="index" width="60" fixed align="center" /> |
|||
<el-table-column label="质物名称" prop="proName" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="规格（型号）" width="150" prop="proModel" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="生产厂家(产地)" width="150" prop="manufacturer" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="数量/重量" width="160" prop="estimateNum" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="单价(元)" width="140" prop="estimateConfirmedPrice" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="出库价值(元)" width="150px" prop="estimateCalculatedValue" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="库存价值(元)" width="130" prop="realityCalculatedValue" align="center"> |
|||
</el-table-column> |
|||
<el-table-column label="货位号" width="150px" prop="locationNumber" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
viewTitle: "拣货信息", |
|||
purchaseForm: { |
|||
sid:'', |
|||
purchaseId: '', |
|||
product: '', |
|||
barCode: '', |
|||
applicationDate:'', |
|||
no:'', |
|||
creatorName:'', |
|||
storeHouseName:'', |
|||
storeHouseSid:"", |
|||
custerName:'', |
|||
custerSid:'', |
|||
list:[], |
|||
outDate:"" |
|||
}, |
|||
activeNames: ['1'], |
|||
storehouseList:[] |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.$emit("reloadlist"); |
|||
this.$emit("doback"); |
|||
}, |
|||
async showEdit(row) { |
|||
const _this = this; |
|||
const { data: result } = await this.$http.get(`/output/getOutStorehouse/${row.sid}`) |
|||
if (result.code==200) { |
|||
_this.purchaseForm=result.data |
|||
this.getStorehouseList() |
|||
} |
|||
}, |
|||
async getStorehouseList () { |
|||
const { data: result } = await this.$http.get("/v1/shstorehouse/listAll") |
|||
if (result.code == 200){ |
|||
this.storehouseList = result.data |
|||
} |
|||
if(this.purchaseForm.storeHouseSid){ |
|||
this.storehouseList.forEach((v, i) => { |
|||
if(v.sid == this.purchaseForm.storeHouseSid){ |
|||
this.purchaseForm.storeHouseName = v.name |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
font-weight: bold; |
|||
font-size: 16px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
.trightb { |
|||
display: flex; |
|||
align-items: center; |
|||
text-align: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.trightb_item { |
|||
padding-top: 5px; |
|||
} |
|||
|
|||
.span { |
|||
margin-left: 50px; |
|||
font-size: 15px; |
|||
font-weight: 400; |
|||
} |
|||
.formadd { |
|||
padding: 10px 40px 0 40px; |
|||
font-size: 16px; |
|||
} |
|||
.formadd .title { |
|||
font-weight: bold; |
|||
font-size: 16px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.first_row{ |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
.formadd .el-row { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
border-left: 1px solid #e0e3eb; |
|||
} |
|||
.formadd .el-row .el-col { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
padding: 0 15px; |
|||
min-height: 42px; |
|||
line-height: 1; |
|||
} |
|||
.formadd .el-row .el-col .el-form-item { |
|||
margin-bottom: 0; |
|||
line-height: 42px; |
|||
} |
|||
.addinputw { |
|||
width: 80%; |
|||
line-height: 42px; |
|||
} |
|||
.el-input__inner { |
|||
height: 36px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue