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