如图,在某个队伍的”编辑队伍人员“中输入一组数据后保存,再点击其他队伍的编辑队伍人员,会出现同样的数据。如何把队伍人员信息对应上指定的队伍中去呢?
点击”队员分配“出现”编辑队伍人员“窗口
编辑队伍人员(editpeople)和队伍(team)表中都有teamname,用来跟队伍(team)相关联,但都不是主键,主键都是id,两表没有外键(这个地方需要增加外键吗?)
<!-- 添加或修改编辑队伍人员对话框 -->
<el-dialog :title="title" :visible.sync="edit" width="500px" append-to-body>
<el-form ref="form1" :model="form1" :rules="rules1" label-width="80px">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="lineAdd"
>新增</el-button>
</el-col>
<table v-for="(form1, index) in editpeopleList" :key="index">
<el-form-item label="姓名" prop="name">
<el-input v-model="form1.name" placeholder="请输入" />
</el-form-item>
<el-form-item label="电话" prop="peoplephone">
<el-input v-model="form1.peoplephone" placeholder="请输入" />
</el-form-item>
<el-form-item label="岗位" prop="position">
<el-select v-model="form1.position" placeholder="请选择">
<el-option
v-for="dict in dict.type.position"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="deleteRow()"
v-hasPermi="['system:team:remove']"
>删除</el-button>
</table>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitEdit">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</template>
</el-table-column>
</el-table>
</div>
</template>
// 删除指定行
deleteRow(index) {
this.editpeopleList.splice(index, 1);
},
/** 添加记录按钮操作 */
/**
* 新增<前端假新增>
*/
lineAdd() {
this.editpeopleList.push(
{
name:'',
peoplephone:'',
position:'',
}
)
},
submitEdit() {
this.$refs["form1"].validate(valid => {
if (valid) {
this.buttonLoading = true;
updateEditpeople(this.form1).then(response => {
this.$modal.msgSuccess("修改成功");
this.edit = false;
}).finally(() => {
this.buttonLoading = false;
});
}
});
},