我想当我选择已在库中的时候再完整的使用setUserInfo这个方法,如果我选择未在库中,我只需要setUserInfo方法中的第一行: this.addForm.worker = this.showUsername;不然就会报错,请问应该怎么修改呢?
<div class="grid-content bg-purple">
<el-radio border size="mini" @change="existenceChange(existence)" v-model="existence" :label="1">
已在库中
</el-radio>
<el-radio border size="mini" @change="existenceChange(existence)" v-model="existence" :label="0">
未在库中
</el-radio>
<el-row>
<el-col :span="8">
<el-form-item label="物资数量" prop="numbers" v-show="existence === 1">
<el-input v-model="addForm.numbers"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="物资名称" prop="itemname" v-show="existence === 0">
<el-input v-model="addForm.itemname"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="物资数量" prop="numbers" v-show="existence === 0">
<el-input v-model="addForm.numbers"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="物资单位" prop="unit" v-show="existence === 0">
<el-input v-model="addForm.unit"></el-input>
</el-form-item>
</el-col>
</el-row>
existenceChange(existence) {
if (existence === 1) {
} else if (existence === 0) {
}
},
selectedItems() {
return this.stockList.filter(item => this.$refs.table.selection.includes(item))
.map(item => ({ name: item.itemname, unit: item.unit }));
}
addIn() {
this.$refs.addFormRef.validate(async valid => {
if (!valid) return;
this.setUserInfo();
const {data: res} = await this.$http.post("addIn", this.addForm);
if (res != "success") {
return this.$message.error("入库失败~");
}
this.$message.success("入库成功~");
this.addDialogVisible = false;
this.getStockList();
});
},
setUserInfo() {
// 填入用户名
this.addForm.worker = this.showUsername;
this.addForm.itemname = this.selectedItems[0].name;
this.addForm.unit = this.selectedItems[0].unit;
},