edit.vue 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <div class="cmain">
  3. <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  4. <el-form-item label="序号" prop="nkNumber">
  5. <el-input v-model="form.nkNumber" placeholder="请输入序号" clearable />
  6. </el-form-item>
  7. <el-form-item label="近亲姓名" prop="name">
  8. <el-input v-model="form.name" placeholder="请输入近亲姓名" clearable/>
  9. </el-form-item>
  10. <el-form-item label="患者id" prop="patientId">
  11. <el-input v-model="form.patientId" placeholder="请输入患者id" clearable/>
  12. </el-form-item>
  13. <el-form-item label="近亲关系" prop="kinship">
  14. <el-select v-model="form.kinship" placeholder="请选择近亲关系" clearable>
  15. <el-option v-for="dict in dict.type.nk_kinship" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
  16. </el-select>
  17. </el-form-item>
  18. <el-form-item label="近亲地址" prop="address">
  19. <el-input v-model="form.address" placeholder="请输入近亲地址" clearable/>
  20. </el-form-item>
  21. <el-form-item label="联系电话" prop="phone">
  22. <el-input v-model="form.phone" placeholder="请输入联系电话" clearable/>
  23. </el-form-item>
  24. <el-form-item label="工作名称" prop="workName">
  25. <el-input v-model="form.workName" placeholder="请输入工作名称" clearable/>
  26. </el-form-item>
  27. <el-form-item label="工作类别" prop="workCode">
  28. <el-input v-model="form.workCode" placeholder="请输入工作类别" clearable/>
  29. </el-form-item>
  30. </el-form>
  31. <div class="mfooter">
  32. <el-button type="primary" @click="submitForm">确 定</el-button>
  33. <el-button @click="$layer.close(layerid)">取 消</el-button>
  34. </div>
  35. </div>
  36. </template>
  37. <script>
  38. export default {
  39. dicts: ['nk_kinship'],
  40. data() {
  41. return {
  42. form: {},
  43. rules: {
  44. }
  45. };
  46. },
  47. mounted() {
  48. if (this.param.id) {
  49. this.ajax({ url: '/work/nk/detail/' + this.param.id }).then(response => {
  50. this.form = response.data;
  51. });
  52. }
  53. },
  54. methods: {
  55. submitForm() {
  56. this.$refs["form"].validate(valid => {
  57. if (valid) {
  58. if (this.form.id) {
  59. this.ajax({method: 'post',url: '/work/nk/edit', data: this.form }).then(response => {
  60. this.$modal.msgSuccess("修改成功");
  61. this.$layer.close(this.layerid);
  62. this.$parent.getList();
  63. });
  64. } else {
  65. this.ajax({method: 'post',url: '/work/nk/add', data: this.form }).then(response => {
  66. this.$modal.msgSuccess("新增成功");
  67. this.$layer.close(this.layerid);
  68. this.$parent.getList();
  69. });
  70. }
  71. }
  72. });
  73. }
  74. }
  75. };
  76. </script>