vue 添加页面表单添加编辑删除功能

实现功能:

  1. 自然人和法人切换显示各自的内容 
  2. 分别判断自然人和法人点击添加按钮判断是否有值,没有值时提示错误,有值则提交添加成功
  3. 点击编辑编辑当前内容,隐藏添加按钮,显示完成和取消按钮
  4. 点击删除当前
  5. 点击完成按钮更新当前内容
  6. 点击取消当前
/*错误提示*/
.defendant-error {
    display: block;
}
.errors {
    color: red;
    position: absolute;
    font-size: 10px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0;
    display: none;
}

 

被告不能为空,请填写
诉讼身份不能为空,请填写
民族不能为空,请填写
出生年月日不能为空,请填写
身份证号不能为空,请填写
地址不能为空,请填写
信用代码不能为空,请填写
住所地不能为空,请填写
法定代表人不能为空,请填写
工商信息不能为空,请填写
序号 被告 诉讼身份 自然人/法人 性别 民族 出生年月日 身份证号 统一社会信用代码 法定代表人 最新工商信息情况 居民身份证地址/住所地 操作
{{index+1}} {{item.Name}} {{item.CaseIdentity}} {{item.IsLegalPerson?"自然人":"法人"}} {{item.IsLegalPerson?(item.Gender === 1?"男":"女"):"" }} {{item.IsLegalPerson?(item.Nation):""}} {{item.IsLegalPerson?(item.Dob):""}} {{item.IsLegalPerson?(item.IdCard):""}} {{item.Uscc}} {{item.LegalPerson}} {{item.BusinessInformation}} {{(item.LegalPersonAddress === null?"": item.LegalPersonAddress) + (item.IdCardAddress === null?"": item.IdCardAddress) }}

 

你可能感兴趣的:(Vue,javascript,前端开发)