|
@@ -1,36 +1,20 @@
|
|
|
<template>
|
|
|
<el-dialog
|
|
|
- :title="!id ? '新增': display ? '查看' : '出库'"
|
|
|
+ title="查看"
|
|
|
width="70%"
|
|
|
:close-on-click-modal="false"
|
|
|
:visible.sync="visible">
|
|
|
- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
|
|
|
- <el-row class="my-row">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="模板出库编码" prop="recordCode">
|
|
|
- <el-input v-model="dataForm.recordCode" :disabled="true" placeholder="模板出库编码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" style="padding-left: 20px">
|
|
|
- <el-form-item label="产品编号" prop="recordNumber">
|
|
|
- <el-input v-model="dataForm.recordNumber" :disabled="true" placeholder="产品编号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" style="padding-left: 20px">
|
|
|
- <el-form-item label="模板名称" prop="templateName">
|
|
|
- <el-input v-model="dataForm.templateName" :disabled="true" placeholder="模板名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row class="my-row">
|
|
|
- <el-form-item label="备注说明" prop="notes">
|
|
|
- <el-input v-model="dataForm.notes" :disabled="true" placeholder="备注说明"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <div class="title"><span style="color: red">*</span> 模板对应的零件</div>
|
|
|
+ <div style="margin-left: 20px;margin-right: 20px">
|
|
|
+ <e-desc title="基本信息" column="3">
|
|
|
+ <e-desc-item label="模板出库编码">{{dataForm.recordCode}}</e-desc-item>
|
|
|
+ <e-desc-item label="产品编号">{{dataForm.recordNumber}}</e-desc-item>
|
|
|
+ <e-desc-item label="模板名称">{{dataForm.templateName}}</e-desc-item>
|
|
|
+
|
|
|
+ <e-desc-item label="备注说明" span="3">{{dataForm.notes}}</e-desc-item>
|
|
|
+ </e-desc>
|
|
|
+ <e-desc title="模板对应的零件">
|
|
|
<el-table
|
|
|
- :data="dataList"
|
|
|
+ :data="materialList"
|
|
|
border
|
|
|
style="width: 100%;">
|
|
|
<el-table-column
|
|
@@ -52,10 +36,10 @@
|
|
|
label="规格">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="planCnt"
|
|
|
+ prop="cnt"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
- label="计划数量">
|
|
|
+ label="数量">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="unitName"
|
|
@@ -64,122 +48,69 @@
|
|
|
label="单位">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="cnt"
|
|
|
- header-align="center"
|
|
|
- align="center"
|
|
|
- label="仓库库存数量">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- v-if="display"
|
|
|
prop="deliveredCnt"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="已出库">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- v-if="!display"
|
|
|
- :key="display"
|
|
|
- prop="planCntUser"
|
|
|
- header-align="center"
|
|
|
- align="center"
|
|
|
- label="请选择数量">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input-number v-model="scope.row.planCntUser" :min="1" style="width: 140px;"/>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- v-if="!display"
|
|
|
- prop="undeliveredCnt"
|
|
|
- header-align="center"
|
|
|
- align="center"
|
|
|
- label="未出库数量">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- v-if="display"
|
|
|
prop="batchName"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
+ width="180"
|
|
|
+ :show-tooltip-when-overflow="true"
|
|
|
label="选择零件的批次和数量">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop="notes"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
+ width="120"
|
|
|
+ :show-tooltip-when-overflow="true"
|
|
|
label="备注">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ </e-desc>
|
|
|
+ </div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button v-if="!display" @click="visible = false">取消</el-button>
|
|
|
- <el-button v-if="!display" type="primary" @click="dataFormSubmit()">确定</el-button>
|
|
|
+ <el-button @click="visible = false">返回</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {getDeliveryDetail, templateOut} from '@/api/warehouse'
|
|
|
+ import EDesc from '../common/e-desc'
|
|
|
+ import EDescItem from '../common/e-desc-item'
|
|
|
+ import { getDeliveryDetail } from '@/api/warehouse'
|
|
|
export default {
|
|
|
- name: 'template-delivery-detail',
|
|
|
+ name: 'template-deliver-detail',
|
|
|
+ components: {
|
|
|
+ EDesc, EDescItem
|
|
|
+ },
|
|
|
data () {
|
|
|
return {
|
|
|
visible: false,
|
|
|
- display: false,
|
|
|
- dataList: [],
|
|
|
id: 0,
|
|
|
- dataForm: { },
|
|
|
- dataRule: {
|
|
|
- }
|
|
|
+ dataForm: {},
|
|
|
+ materialList: []
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- async init (id, display) {
|
|
|
+ async init (id) {
|
|
|
this.visible = true
|
|
|
this.id = id || 0
|
|
|
- this.display = display
|
|
|
this.dataForm = {}
|
|
|
- this.dataList = []
|
|
|
- if (!id) return
|
|
|
- // 获取详情
|
|
|
- await getDeliveryDetail(this.id).then(({data}) => {
|
|
|
+ this.materialList = []
|
|
|
+ this.getDetails()
|
|
|
+ },
|
|
|
+ getDetails () {
|
|
|
+ getDeliveryDetail(this.id).then(({data}) => {
|
|
|
if (data && data.code === '200') {
|
|
|
this.dataForm = data.data
|
|
|
- if (data.data.whTemplateItemPlanList) {
|
|
|
- data.data.whTemplateItemPlanList.forEach((item) => {
|
|
|
- this.dataList.push(item)
|
|
|
- })
|
|
|
- }
|
|
|
+ // 模板对应的零件
|
|
|
+ this.materialList = data.data.whTemplateItemPlanList
|
|
|
}
|
|
|
})
|
|
|
- },
|
|
|
- // 表单提交
|
|
|
- dataFormSubmit () {
|
|
|
- this.$refs['dataForm'].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- let params = {
|
|
|
- 'recordId': this.id,
|
|
|
- 'whTemplateItemPlanList': this.dataList
|
|
|
- }
|
|
|
- templateOut(params).then(({data}) => {
|
|
|
- if (data && data.code === '200') {
|
|
|
- this.$message({
|
|
|
- message: '操作成功',
|
|
|
- type: 'success',
|
|
|
- duration: 1500,
|
|
|
- onClose: () => {
|
|
|
- this.visible = false
|
|
|
- this.$emit('refreshDataList')
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.$message.error(data.msg)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- validateField (type) {
|
|
|
- this.$refs.dataForm.validateField(type)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -190,4 +121,7 @@
|
|
|
border-bottom: 1px solid #c0c4cc;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+.title{
|
|
|
+ padding: 10px 0 ;
|
|
|
+}
|
|
|
</style>
|