续上一个问题。搞了半天数据库没有问题反而是前端的问题……
需求是点击一个队伍就可以查询和修改相应人员的信息,比如说想把这两个属于1队的队员和1队关联起来,点击1队的队员分配按钮就会出现两个人的信息。但现在问题是添加一个队员后其他队伍都会出现同一个队员,两个表关联不上。
<!-- 添加或修改编辑队伍人员对话框 -->
<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>
created() {
this.getList();
},
methods: {
/** 查询team列表 */
getList() {
this.loading = true;
listTeam(this.queryParams).then(response => {
this.teamList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// team表格数据
teamList: [],
editpeopleList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
teamname: undefined,
address: undefined,
leader: undefined,
phone: undefined,
city: undefined,
situation: undefined,
leaderteam: undefined,
name: undefined,
peoplephone: undefined,
position: undefined,
},
// 表单参数
form: {},
form1: {},
/** 分配队员按钮操作 */
handleEdit(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getEditpeople(id).then(response => {
this.loading = false;
this.form1= response.data;
this.edit= true;
this.title = "编辑队伍人员";
});
},
/** 提交按钮 */
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;
});
}
});
},