meswork/JY1.0
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

采购件入库

Browse Source
This commit is contained in:
zhangdingyu
2019-10-10 16:33:31 +08:00
parent 974987643c
commit 0edd6db0c3
3 changed files with 511 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/views/Inventory/PurchasePartsStorage/index.vue
View File

@@ -1,141 +1,159 @@
<template>
<div>
<div class="main">
<div style="padding: 0 10px">
<el-form label-width="80px" onsubmit="return false" style="font-size: 22px;">
<el-form-item label="物料码">
<el-input id="code1" v-model="qrCode" placeholder="输入合同明细流水号" @keyup.native.enter="codeChange1()" @focus="qrCode=''"/>
</el-form-item>
<el-form-item label="合同类型">
<el-select v-model="contractType" placeholder="请选择" style="width: 100%" @change="contractTypeChange">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-form>
<el-button type="primary" style="margin-bottom: 10px;width: 100%" @click="searchPartDetail">查询零件详情</el-button>
</div>
<el-form label-width="80px" style="margin-right:10px;margin-left: 10px">
<el-card>
<span>合同明细流水号：</span>
<el-input id="code1" v-model="qrCode" size="small" placeholder="输入合同明细流水号" style="width: 200px" @keyup.native.enter="codeChange1()" @focus="qrCode=''"/>
<span>合同类型：</span>
<el-select v-model="contractType" filterable size="small" placeholder="合同类型" @change="contractTypeChange">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button type="success" size="small" style="margin-left: 10px" @click="searchPartDetail">查询零件详情</el-button>
</el-card>
<el-card>
<el-form label-position="right" label-width="100px" class="searchForm">
<el-row>
<el-col :span="13">
<el-form-item v-show="Projectshow" label="机床号">
<el-tooltip :content="machine" class="item" effect="dark" placement="top">
<el-input v-model="machine" readonly placeholder="无"/>
</el-tooltip>
<el-col style="width: 300px">
<el-form-item label="机床号：">
<el-input v-model="machine" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item v-show="Projectshow" label="组号">
<el-tooltip :content="team" class="item" effect="dark" placement="top">
<el-input v-model="team" readonly placeholder="无"/>
</el-tooltip>
<el-col style="width: 300px">
<el-form-item label="组号：">
<el-input v-model="team" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="物料名称：">
<el-input v-model="materialname" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="物料型号：">
<el-input v-model="materialtype" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 300px">
<el-form-item label="物料规格：">
<el-input v-model="materialscale" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="零件名称：">
<el-input v-model="partname" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="零件图号：">
<el-input v-model="partpaint" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="供应商：">
<el-input v-model="supplier" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 300px">
<el-form-item label="合同编号：">
<el-input v-model="contractnumber" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="采购数量：">
<el-input v-model="contractnum" readonly size="small" style="width: 200px" placeholder="无"/>
</el-form-item>
</el-col>
</el-row>
<el-form-item v-show="purchasepart" label="物料名称">
<el-tooltip :content="materialname" class="item" effect="dark" placement="top">
<el-input v-model="materialname" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item v-show="purchasepart" label="物料型号">
<el-tooltip :content="materialtype" class="item" effect="dark" placement="top">
<el-input v-model="materialtype" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item v-show="purchasepart" label="物料规格">
<el-tooltip :content="materialscale" class="item" effect="dark" placement="top">
<el-input v-model="materialscale" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item v-show="basicpart" label="零件名称">
<el-tooltip :content="partname" class="item" effect="dark" placement="top">
<el-input v-model="partname" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item v-show="basicpart" label="零件图号">
<el-tooltip :content="partpaint" class="item" effect="dark" placement="top">
<el-input v-model="partpaint" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item label="供应商">
<el-tooltip :content="supplier" class="item" effect="dark" placement="top">
<el-input v-model="supplier" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item label="合同编号">
<el-tooltip :content="contractnumber" class="item" effect="dark" placement="top">
<el-input v-model="contractnumber" readonly placeholder="无"/>
</el-tooltip>
</el-form-item>
<el-form-item label="采购数量">
<el-input v-model="contractnum" readonly placeholder="无"/>
</el-form-item>
</el-form>
<hr style="margin-bottom: 10px">
<div style="width:310px;margin: 0 auto">
<el-radio v-model="locateType" label="1" border @change="locateNumber=''">扫码货位二维码</el-radio>
<el-radio v-model="locateType" label="2" border @change="locateNumber=''">选择仓库货位</el-radio>
</div>
<hr style="margin: 10px 0">
<el-form label-width="80px" onsubmit="return false" style="margin-right:10px;margin-left: 10px">
<el-form-item v-show="locateType==='1'" label="货位码">
<el-input id="code2" v-model="locateNumber" placeholder="若不扫码，可在此输入货位流水号" @keyup.native.enter="codeChange2()" @focus="locateNumber=''"/>
</el-form-item>
<el-form-item v-show="locateType==='2'" label="仓库名称">
<el-select v-model="inventoryNumber" style="width: 100%" placeholder="仓库名称" @change="getLocate">
<el-option
v-for="item in inventoryName"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item v-show="locateType==='2'" label="货位名称">
<el-select v-model="locateNumber" style="width: 100%" placeholder="货位名称">
<el-option
v-for="item in locateName"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item label="入库数量">
<el-input-number v-model="inboundNumber" :min="0" style="width: 100%"/>
</el-form-item>
<el-form-item label="重量/面积">
<el-input v-model="area" style="width: 53%"/>
<el-select v-model="unit" style="width: 45%">
<el-option
v-for="item in basicUnit"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="inboundNote" style="width: 100%"/>
</el-form-item>
</el-card>
<el-card>
<el-form label-position="right" label-width="100px" class="searchForm">
<el-row>
<el-col style="width: 300px">
<el-form-item label="仓库名称：">
<el-select v-model="inventoryNumber" style="width: 200px" size="small" placeholder="仓库名称" @change="getLocate">
<el-option
v-for="item in inventoryName"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="货位名称：">
<el-select v-model="locateNumber" style="width: 200px" size="small" placeholder="货位名称">
<el-option
v-for="item in locateName"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="入库数量：">
<el-input-number v-model="inboundNumber" :min="0" style="width: 200px" size="small"/>
</el-form-item>
</el-col>
<el-col style="width: 300px">
<el-form-item label="重量/面积：">
<el-input v-model="area" style="width: 90px" size="small"/>
<el-select v-model="unit" style="width: 90px" size="small">
<el-option
v-for="item in basicUnit"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 400px">
<el-form-item label="备注：">
<el-input v-model="inboundNote" style="width: 200px" size="small"/>
<el-button type="primary" style="margin-left: 5px" size="small" @click="inBound">确定入库</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-button type="primary" style="margin-bottom: 40px;width:100%" @click="inBound">确定入库</el-button>
</div>
<el-table :data="tableData" border highlight-current-row style="width: 100%;margin-top:20px;">
<el-table-column v-for="item of tableHeader" :key="item" :prop="item" :label="item" />
</el-card>
<el-table v-show="false" :data="tableData" border style="width: 100%;margin-top:20px;">
<el-table-column v-for="item of tableHeader" :key="item" :label="item">
<el-table-column label="重量" width="120">
<template slot-scope="scope">
{{ scope.row.address }}
</template>
</el-table-column>
<el-table-column label="金额" width="120">
<template slot-scope="scope">
{{ scope.row.date }}
</template>
</el-table-column>
</el-table-column>
</el-table>
</div>
</template>
<script>
import url from '@/utils/request'
import { url } from '@/utils/request'
import axios from 'axios'
import Cookie from 'js-cookie'
export default {
data() {
return {
locateType: '1',
tableData: [],
tableHeader: [],
locateType: '2',
qrCode: '',
inboundNote: '',
multipleSelection: [],
@@ -161,9 +179,6 @@ export default {
{
value: 1,
label: '采购部采购合同'
// }, {
// value: 2,
// label: '采购部离线合同'
}, {
value: 3,
label: '车间采购合同'
@@ -525,5 +540,10 @@ export default {
</script>
<style scoped>
.el-input{
margin-right: 2px;
}
.searchForm .el-form-item{
margin-bottom: 5px;
}
</style>