博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 添加页面表单添加编辑删除功能
阅读量:4111 次
发布时间:2019-05-25

本文共 5755 字,大约阅读时间需要 19 分钟。

实现功能:

  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) }}

 

转载地址:http://wjesi.baihongyu.com/

你可能感兴趣的文章
vue 遍历对象并动态绑定在下拉列表中
查看>>
Vue动态生成el-checkbox点击无法选中的解决方法
查看>>
python __future__
查看>>
MySQL Tricks1
查看>>
python 变量作用域问题(经典坑)
查看>>
pytorch
查看>>
pytorch(二)
查看>>
pytorch(三)
查看>>
pytorch(四)
查看>>
pytorch(5)
查看>>
pytorch(6)
查看>>
ubuntu相关
查看>>
C++ 调用json
查看>>
nano中设置脚本开机自启动
查看>>
动态库调动态库
查看>>
Kubernetes集群搭建之CNI-Flanneld部署篇
查看>>
k8s web终端连接工具
查看>>
手绘VS码绘(一):静态图绘制(码绘使用P5.js)
查看>>
手绘VS码绘(二):动态图绘制(码绘使用Processing)
查看>>
基于P5.js的“绘画系统”
查看>>