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>
|