1.保存代码

feature-order-fix
x_z 2 years ago
parent 2a491bb851
commit ef574c117e

@ -2,179 +2,215 @@
<div> <div>
<el-form :model="formData" :rules="formRules" ref="dataForm"> <el-form :model="formData" :rules="formRules" ref="dataForm">
<el-row type="flex" justify="end"> <el-button-group style="display: flex;margin: -50px 0 10px 80%; height: 35px">
<el-button-group style="display: flex;margin-bottom: 15px; margin-right: 50px"> <el-button
<el-button type="primary"
type="primary" @click.native="saveOrder()"
@click.native="saveOrder()" >保存
:loading="loading" </el-button
>保存 >
</el-button </el-button-group>
>
</el-button-group> <el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="3">
<div class="ao-text">
<span>单据号</span>
</div>
</el-col>
<el-col :span="7">
<el-form-item prop="orderId">
<el-input v-model="formData.orderId" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<div class="ao-text">
<span>单据日期</span>
</div>
</el-col>
<el-col :span="7">
<el-form-item prop="billDate">
<el-date-picker
v-model="formData.billDate"
type="datetime"
placeholder="选择日期"
style="width: 100%"
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-card style="margin-top: -5px;"> <el-row :gutter="20" style="margin-top: 0px">
<el-row :gutter="20" style="margin-top: 10px;"> <el-col :span="3">
<el-col :span="3"> <div class="ao-text">
<div class="ao-text"> <span>当前仓库</span>
<span>单据号</span> </div>
</div> </el-col>
</el-col>
<el-col :span="7">
<el-form-item prop="orderId">
<el-input v-model="formData.orderId" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<div class="ao-text">
<span>单据日期</span>
</div>
</el-col>
<el-col :span="7">
<el-form-item prop="billDate">
<!-- <el-input v-model="formData.billdate" auto-complete="off"></el-input>-->
<el-date-picker
v-model="formData.billDate"
type="datetime"
placeholder="选择日期"
style="width: 100%"
:clearable="false"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 0px"> <el-col :span="7">
<el-col :span="3"> <el-form-item prop="locStorageCode">
<div class="ao-text"> <el-select v-model="formData.locStorageCode" placeholder="当前仓库信息"
<span>当前仓库</span> @change="locInChange"
</div> :disabled="codeArray.length>0"
</el-col> clearable>
<el-option
v-for="item in storageList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item prop="locStorageCode">
<el-select v-model="formData.locStorageCode" placeholder="当前仓库信息"
@change="locInChange"
:disabled="codeArray.length>0"
clearable>
<el-option
v-for="item in storageList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<div class="ao-text">
<span>当前分库</span>
</div>
</el-col>
<el-col :span="3"> <el-col :span="7">
<div class="ao-text"> <el-form-item prop="invWarehouseCode">
<span>当前分库</span> <el-select v-model="formData.invWarehouseCode" placeholder="当前分库信息"
</div> :disabled="codeArray.length>0"
</el-col> @change="subStorageChange"
clearable>
<el-option
v-for="item in subInvList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-col :span="7">
<el-form-item prop="invWarehouseCode">
<el-select v-model="formData.invWarehouseCode" placeholder="当前分库信息"
:disabled="codeArray.length>0"
@change="subStorageChange"
clearable>
<el-option
v-for="item in subInvList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="3">
<div class="ao-text">
<span>当前货位</span>
</div>
</el-col>
<el-col :span="7">
<el-form-item class="query-form-item" prop="invSpaceCode"
>
<el-select v-model="formData.invSpaceCode" placeholder="当前货位信息"
:disabled="codeArray.length>0"
clearable>
<el-option
v-for="item in spaceList"
:key="item.name"
:label="item.name"
:value="item.code">
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="3"> <el-row :gutter="20" style="margin-top: 12px">
<div class="ao-text"> <el-col :span="2">
<span>当前货位</span> <div class="ao-text">
</div> <el-link
</el-col> target="_blank">{{ scanText }}
<el-col :span="7"> </el-link>
<el-form-item class="query-form-item" prop="invSpaceCode" </div>
</el-col>
<el-col :span="16">
<el-form-item prop="code">
<el-input
id="inputer"
@focus="getInputFocus($event)"
@keypress.enter.native="enterKey($event)"
ref='inputRef'
style="ime-mode:disabled"
type="tel"
v-model="formData.code"
></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<el-button-group style="display: flex">
<el-button
type="primary"
size="small"
@click.native.stop="addCode()"
style="height: 31px; margin-left: 20px"
>添加
</el-button
> >
<el-select v-model="formData.invSpaceCode" placeholder="当前货位信息" <el-button
:disabled="codeArray.length>0" type="primary"
clearable> size="small"
<el-option @click.native.stop="selectProductFunction()"
v-for="item in spaceList" >产品录入
:key="item.name" </el-button
:label="item.name" >
:value="item.code"> </el-button-group>
<span style="float: left">{{ item.name }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-card>
<el-card> </el-col>
<el-button-group style="display: flex"> </el-row>
<el-button
type="primary"
size="small"
@click.native.stop="selectProductFunction()"
style="margin: 0px 60px 10px auto; height: 35px"
:loading="loading"
>产品录入
</el-button
>
</el-button-group>
<el-table v-loading="loading" :data="codeArray" style="width: 100%;" <el-row :gutter="20">
max-height="300" height="300" ref="multipleTable"> <el-col :span="14" style="margin-left: 40px">
<el-table-column label="序号" type="index" width="50"></el-table-column>
<el-table-column width="150" </el-col>
label="产品通用名" <el-col :span="3">
prop="productName" <div class="text item" style="margin-left: 30px"> 条码数量{{ codeArray.length }}
show-overflow-tooltip </div>
></el-table-column> </el-col>
<el-table-column width="150" </el-row>
label="规格型号"
prop="spec" <el-table v-loading="loading" :data="codeArray" style="width: 100%; margin-top: 10px;"
show-overflow-tooltip max-height="300" height="300" ref="multipleTable">
></el-table-column> <el-table-column label="序号" type="index" width="50"></el-table-column>
<el-table-column width="150" label="批次号" prop="batchNo"> <el-table-column width="150"
</el-table-column> label="产品通用名"
<el-table-column width="180" label="生产日期(yyMMdd)" prop="productDate"> prop="productName"
</el-table-column> show-overflow-tooltip
<el-table-column width="180" label="失效日期(yyMMdd)" prop="expireDate" show-overflow-tooltip> ></el-table-column>
</el-table-column> <el-table-column width="150"
<el-table-column width="250" label="注册/备案凭证号" prop="zczbhhzbapzbh" show-overflow-tooltip> label="规格型号"
</el-table-column> prop="spec"
<el-table-column width="150" label="生产厂家" prop="ylqxzcrbarmc" show-overflow-tooltip
show-overflow-tooltip></el-table-column> ></el-table-column>
<el-table-column width="150" label="库存数量" prop="invCount" <el-table-column width="150" label="批次号" prop="batchNo">
show-overflow-tooltip></el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" width="150"> <el-table-column width="150" label="库存数量" prop="invCount"
<template slot-scope="scope"> show-overflow-tooltip></el-table-column>
<el-button <el-table-column width="150" label="盘点数量" prop="countNum"
type="text" show-overflow-tooltip></el-table-column>
size="small" <el-table-column width="180" label="生产日期(yyMMdd)" prop="productDate">
@click.stop="true" </el-table-column>
@click.native="deleteCodeArray(scope.$index, scope.row)" <el-table-column width="180" label="失效日期(yyMMdd)" prop="expireDate" show-overflow-tooltip>
>删除 </el-table-column>
</el-button <el-table-column width="250" label="注册/备案凭证号" prop="zczbhhzbapzbh" show-overflow-tooltip>
> </el-table-column>
</template> <el-table-column width="150" label="生产厂家" prop="ylqxzcrbarmc"
</el-table-column> show-overflow-tooltip></el-table-column>
</el-table> <el-table-column label="操作" fixed="right" width="150">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.stop="true"
@click.native="deleteCodeArray(scope.$index, scope.row)"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
</el-card>
</el-form> </el-form>
<el-dialog <el-dialog
@ -305,7 +341,8 @@ export default {
page: 1, page: 1,
limit: 10 limit: 10
}, },
productList: [] productList: [],
scanText: "扫码录入:",
}; };
}, },
methods: { methods: {

Loading…
Cancel
Save