edit.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <div class="cmain">
  3. <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  4. <el-form-item label="微信id" prop="openId">
  5. <el-input v-model="form.openId" placeholder="请输入微信id" clearable/>
  6. </el-form-item>
  7. <el-form-item label="状态" prop="state">
  8. <el-input v-model="form.state" placeholder="请输入状态" clearable/>
  9. </el-form-item>
  10. <el-form-item label="创建者" prop="createBy">
  11. <el-input v-model="form.createBy" placeholder="请输入创建者" clearable/>
  12. </el-form-item>
  13. <el-form-item label="创建时间" prop="createTime">
  14. <el-date-picker clearable
  15. v-model="form.createTime"
  16. type="date"
  17. value-format="yyyy-MM-dd"
  18. placeholder="请选择创建时间">
  19. </el-date-picker>
  20. </el-form-item>
  21. <el-form-item label="更新者" prop="updateBy">
  22. <el-input v-model="form.updateBy" placeholder="请输入更新者" clearable/>
  23. </el-form-item>
  24. <el-form-item label="更新时间" prop="updateTime">
  25. <el-date-picker clearable
  26. v-model="form.updateTime"
  27. type="date"
  28. value-format="yyyy-MM-dd"
  29. placeholder="请选择更新时间">
  30. </el-date-picker>
  31. </el-form-item>
  32. </el-form>
  33. <div class="mfooter">
  34. <el-button type="primary" @click="submitForm">确 定</el-button>
  35. <el-button @click="$layer.close(layerid)">取 消</el-button>
  36. </div>
  37. </div>
  38. </template>
  39. <script>
  40. export default {
  41. data() {
  42. return {
  43. form: {},
  44. rules: {
  45. openId: [
  46. { required: true, message: "微信id不能为空", trigger: "blur" }
  47. ],
  48. }
  49. };
  50. },
  51. mounted() {
  52. if (this.param.id) {
  53. this.ajax({ url: '/work/user/detail/' + this.param.id }).then(response => {
  54. this.form = response.data;
  55. });
  56. }
  57. },
  58. methods: {
  59. submitForm() {
  60. this.$refs["form"].validate(valid => {
  61. if (valid) {
  62. if (this.form.id) {
  63. this.ajax({method: 'post',url: '/work/user/edit', data: this.form }).then(response => {
  64. this.$modal.msgSuccess("修改成功");
  65. this.$layer.close(this.layerid);
  66. this.$parent.getList();
  67. });
  68. } else {
  69. this.ajax({method: 'post',url: '/work/user/add', data: this.form }).then(response => {
  70. this.$modal.msgSuccess("新增成功");
  71. this.$layer.close(this.layerid);
  72. this.$parent.getList();
  73. });
  74. }
  75. }
  76. });
  77. }
  78. }
  79. };
  80. </script>