340 lines
11 KiB
Vue
340 lines
11 KiB
Vue
|
<template>
|
|||
|
|
<div >
|
|||
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|||
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="进仓主单号" prop="inNo">
|
|||
|
|
<el-input v-model="form.inNo" placeholder="请输入进仓主单号" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="进仓子单号" prop="inChildNo">
|
|||
|
|
<el-input v-model="form.inChildNo" placeholder="请输入进仓子单号" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="货物编码" prop="goodsCode">
|
|||
|
|
<el-input v-model="form.goodsCode" placeholder="请输入货物编码" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="货物名称" prop="goodsName">
|
|||
|
|
<el-input v-model="form.goodsName" placeholder="请输入货物名称" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="实际数量" prop="cargoQty">
|
|||
|
|
<el-input v-model="form.cargoQty" placeholder="请输入实际数量" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="异常数量" prop="abnormalQty">
|
|||
|
|
<el-input v-model="form.abnormalQty" placeholder="请输入异常数量" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="出库数量" prop="outQty">
|
|||
|
|
<el-input v-model="form.outQty" placeholder="请输入出库数量" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="单位" prop="unit">
|
|||
|
|
<el-input v-model="form.unit" placeholder="请输入单位" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="重量" prop="weight">
|
|||
|
|
<el-input v-model="form.weight" placeholder="请输入重量" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="货物单价" prop="price">
|
|||
|
|
<el-input v-model="form.price" placeholder="请输入货物单价" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="货物币种" prop="currency">
|
|||
|
|
<el-input v-model="form.currency" placeholder="请输入货物币种" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="原产国" prop="nationArea">
|
|||
|
|
<el-input v-model="form.nationArea" placeholder="请输入原产国" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="行邮税号" prop="taxNo">
|
|||
|
|
<el-input v-model="form.taxNo" placeholder="请输入行邮税号" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="海关编码" prop="hscode">
|
|||
|
|
<el-input v-model="form.hscode" placeholder="请输入海关编码" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="品牌" prop="brand">
|
|||
|
|
<el-input v-model="form.brand" placeholder="请输入品牌" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="材质" prop="material">
|
|||
|
|
<el-input v-model="form.material" placeholder="请输入材质" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="用途" prop="purpose">
|
|||
|
|
<el-input v-model="form.purpose" placeholder="请输入用途" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="成分" prop="ingredients">
|
|||
|
|
<el-input v-model="form.ingredients" placeholder="请输入成分" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="厂家" prop="manufacturer">
|
|||
|
|
<el-input v-model="form.manufacturer" placeholder="请输入厂家" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="供应商" prop="supplier">
|
|||
|
|
<el-input v-model="form.supplier" placeholder="请输入供应商" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="功能" prop="function">
|
|||
|
|
<el-input v-model="form.function" placeholder="请输入功能" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="规格型号" prop="goodsModel">
|
|||
|
|
<el-input v-model="form.goodsModel" placeholder="请输入规格型号" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="毛重" prop="grossWeight">
|
|||
|
|
<el-input v-model="form.grossWeight" placeholder="请输入毛重" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="净重" prop="netWeight">
|
|||
|
|
<el-input v-model="form.netWeight" placeholder="请输入净重" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="长" prop="length">
|
|||
|
|
<el-input v-model="form.length" placeholder="请输入长" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="高" prop="height">
|
|||
|
|
<el-input v-model="form.height" placeholder="请输入高" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="体积" prop="volume">
|
|||
|
|
<el-input v-model="form.volume" placeholder="请输入体积" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="条码" prop="barcode">
|
|||
|
|
<el-input v-model="form.barcode" placeholder="请输入条码" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="排序" prop="orderNum">
|
|||
|
|
<el-input v-model="form.orderNum" placeholder="请输入排序" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="备注" prop="remark">
|
|||
|
|
<el-input v-model="form.remark" placeholder="请输入备注" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="删除标志（0代表存在" prop="delFlag">
|
|||
|
|
<el-input v-model="form.delFlag" placeholder="请输入删除标志（0代表存在" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<!--
|
|||
|
|
<el-form-item label="上级字典">
|
|||
|
|
<treeselect
|
|||
|
|
ref="tree"
|
|||
|
|
v-model="form.parentId"
|
|||
|
|
:options="emisWarehouseInDtlOptions"
|
|||
|
|
:normalizer="normalizer"
|
|||
|
|
:default-expand-level="1"
|
|||
|
|
:show-count="true"
|
|||
|
|
placeholder="选择上级"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
-->
|
|||
|
|
</el-row>
|
|||
|
|
</el-form>
|
|||
|
|
<div style="text-align: center;margin-bottom: 10px;">
|
|||
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|||
|
|
<el-button @click="cancel">取 消</el-button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { listEmisWarehouseInDtl, getEmisWarehouseInDtl, delEmisWarehouseInDtl, addEmisWarehouseInDtl, updateEmisWarehouseInDtl } from "@/api/emis/emisWarehouseInDtl";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: "emisWarehouseInDtlForm",
|
|||
|
|
props:{
|
|||
|
|
id:{
|
|||
|
|
type:Number
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
components: { },
|
|||
|
|
dicts: [
|
|||
|
|
],
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
emisWarehouseInDtlOptions: [],
|
|||
|
|
// 遮罩层
|
|||
|
|
loading: true,
|
|||
|
|
// 表单参数
|
|||
|
|
form: {},
|
|||
|
|
// 表单校验
|
|||
|
|
rules: {
|
|||
|
|
id: [
|
|||
|
|
{ required: true, message: "id不能为空", trigger: "blur" }
|
|||
|
|
],
|
|||
|
|
delFlag: [
|
|||
|
|
{ required: true, message: "删除标志（0代表存在不能为空", trigger: "blur" }
|
|||
|
|
],
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
"id": {
|
|||
|
|
handler (newValue, oldValue) {
|
|||
|
|
this.id = newValue;
|
|||
|
|
this.initData();
|
|||
|
|
},
|
|||
|
|
deep: true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.initData();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
initData() {
|
|||
|
|
|
|||
|
|
if(this.id !=null) {
|
|||
|
|
this.loading = true;
|
|||
|
|
getEmisWarehouseInDtl(this.id).then(response => {
|
|||
|
|
this.form = response.data;
|
|||
|
|
this.loading = false;
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
this.reset();
|
|||
|
|
}
|
|||
|
|
// this.getTreeselect();
|
|||
|
|
},
|
|||
|
|
// 取消按钮
|
|||
|
|
cancel() {
|
|||
|
|
this.reset();
|
|||
|
|
this.$emit("on-cancel");
|
|||
|
|
},
|
|||
|
|
// 表单重置
|
|||
|
|
reset() {
|
|||
|
|
this.form = {
|
|||
|
|
id: null,
|
|||
|
|
inNo: null,
|
|||
|
|
inChildNo: null,
|
|||
|
|
goodsCode: null,
|
|||
|
|
goodsName: null,
|
|||
|
|
cargoQty: null,
|
|||
|
|
abnormalQty: null,
|
|||
|
|
outQty: null,
|
|||
|
|
unit: null,
|
|||
|
|
weight: null,
|
|||
|
|
price: null,
|
|||
|
|
currency: null,
|
|||
|
|
nationArea: null,
|
|||
|
|
taxNo: null,
|
|||
|
|
hscode: null,
|
|||
|
|
brand: null,
|
|||
|
|
material: null,
|
|||
|
|
purpose: null,
|
|||
|
|
ingredients: null,
|
|||
|
|
manufacturer: null,
|
|||
|
|
supplier: null,
|
|||
|
|
function: null,
|
|||
|
|
goodsModel: null,
|
|||
|
|
grossWeight: null,
|
|||
|
|
netWeight: null,
|
|||
|
|
length: null,
|
|||
|
|
width: null,
|
|||
|
|
height: null,
|
|||
|
|
volume: null,
|
|||
|
|
barcode: null,
|
|||
|
|
orderNum: null,
|
|||
|
|
remark: null,
|
|||
|
|
tenantId: null,
|
|||
|
|
delFlag: null,
|
|||
|
|
createBy: null,
|
|||
|
|
createTime: null,
|
|||
|
|
updateBy: null,
|
|||
|
|
updateTime: null,
|
|||
|
|
createSite: null,
|
|||
|
|
updateSite: null
|
|||
|
|
};
|
|||
|
|
this.resetForm("form");
|
|||
|
|
},
|
|||
|
|
/** 提交按钮 */
|
|||
|
|
submitForm() {
|
|||
|
|
this.$refs["form"].validate(valid => {
|
|||
|
|
if (valid) {
|
|||
|
|
if (this.form.id != null) {
|
|||
|
|
updateEmisWarehouseInDtl(this.form).then(response => {
|
|||
|
|
this.$modal.msgSuccess("修改成功");
|
|||
|
|
this.$emit("on-changed");
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
addEmisWarehouseInDtl(this.form).then(response => {
|
|||
|
|
this.$modal.msgSuccess("修改成功");
|
|||
|
|
this.$emit("on-changed");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// /** 转换菜单数据结构 */
|
|||
|
|
// normalizer(node) {
|
|||
|
|
// if (node.children && !node.children.length) {
|
|||
|
|
// delete node.children;
|
|||
|
|
// }
|
|||
|
|
// return {
|
|||
|
|
// id: node.id,
|
|||
|
|
// label: node.idName,
|
|||
|
|
// children: node.children
|
|||
|
|
// };
|
|||
|
|
// },
|
|||
|
|
// /** 查询菜单下拉树结构 */
|
|||
|
|
// getTreeselect() {
|
|||
|
|
// const queryParams = {}
|
|||
|
|
// listEmisWarehouseInDtl(queryParams).then(response => {
|
|||
|
|
// this.emisWarehouseInDtlOptions = [];
|
|||
|
|
// const rootItem = { idId: 0, emisWarehouseInDtlName: '-', children: [] };
|
|||
|
|
// rootItem.children = this.handleTree(response.data, "id");
|
|||
|
|
// this.emisWarehouseInDtlOptions.push(rootItem);
|
|||
|
|
|
|||
|
|
// if(this.parentId != undefined) {
|
|||
|
|
// this.form.parentId = this.parentId;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|