cs的可可 2023-08-04 10:52 采纳率: 71.4%
浏览 1
已结题

两个表怎么一一对应起来

img


如图,在某个队伍的”编辑队伍人员“中输入一组数据后保存,再点击其他队伍的编辑队伍人员,会出现同样的数据。如何把队伍人员信息对应上指定的队伍中去呢?

img


点击”队员分配“出现”编辑队伍人员“窗口

img

编辑队伍人员(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;
            });

          }

      });
    },

  • 写回答

2条回答 默认 最新

  • cs的可可 2023-08-04 10:58
    关注

    前面有成功一一对应过,但是却出现了另一个问题,就是每次新增文本框时都会出现跟第一次输入时一模一样的数据,这个问题解决后另一个问题又来了,对应不上相应的队伍

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 8月8日
  • 创建了问题 8月4日

悬赏问题

  • ¥30 关于用python写支付宝扫码付异步通知收不到的问题
  • ¥50 vue组件中无法正确接收并处理axios请求
  • ¥15 隐藏系统界面pdf的打印、下载按钮
  • ¥15 MATLAB联合adams仿真卡死如何解决(代码模型无问题)
  • ¥15 基于pso参数优化的LightGBM分类模型
  • ¥15 安装Paddleocr时报错无法解决
  • ¥15 python中transformers可以正常下载,但是没有办法使用pipeline
  • ¥50 分布式追踪trace异常问题
  • ¥15 人在外地出差,速帮一点点
  • ¥15 如何使用canvas在图片上进行如下的标注,以下代码不起作用,如何修改