UReportFileBindUserModal.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <template>
  2. <a-modal
  3. :title="title"
  4. :width="800"
  5. :visible="visible"
  6. :confirmLoading="confirmLoading"
  7. @ok="handleOk"
  8. @cancel="handleCancel"
  9. cancelText="关闭">
  10. <a-spin :spinning="confirmLoading">
  11. <a-form :form="form">
  12. <a-form-item
  13. :labelCol="labelCol"
  14. :wrapperCol="wrapperCol"
  15. label="fileId">
  16. <a-input placeholder="请输入fileId" v-decorator="['fileId', {}]" />
  17. </a-form-item>
  18. <a-form-item
  19. :labelCol="labelCol"
  20. :wrapperCol="wrapperCol"
  21. label="userId">
  22. <a-input placeholder="请输入userId" v-decorator="['userId', {}]" />
  23. </a-form-item>
  24. <a-form-item
  25. :labelCol="labelCol"
  26. :wrapperCol="wrapperCol"
  27. label="userName">
  28. <a-input placeholder="请输入userName" v-decorator="['userName', {}]" />
  29. </a-form-item>
  30. <a-form-item
  31. :labelCol="labelCol"
  32. :wrapperCol="wrapperCol"
  33. label="fileName">
  34. <a-input placeholder="请输入fileName" v-decorator="['fileName', {}]" />
  35. </a-form-item>
  36. </a-form>
  37. </a-spin>
  38. </a-modal>
  39. </template>
  40. <script>
  41. import { httpAction } from '@/api/manage'
  42. import pick from 'lodash.pick'
  43. import moment from "moment"
  44. export default {
  45. name: "UReportFileBindUserModal",
  46. data () {
  47. return {
  48. title:"操作",
  49. visible: false,
  50. model: {},
  51. labelCol: {
  52. xs: { span: 24 },
  53. sm: { span: 5 },
  54. },
  55. wrapperCol: {
  56. xs: { span: 24 },
  57. sm: { span: 16 },
  58. },
  59. confirmLoading: false,
  60. form: this.$form.createForm(this),
  61. validatorRules:{
  62. },
  63. url: {
  64. add: "/ctop/uReportFileBindUser/add",
  65. edit: "/ctop/uReportFileBindUser/edit",
  66. },
  67. }
  68. },
  69. created () {
  70. },
  71. methods: {
  72. add () {
  73. this.edit({});
  74. },
  75. edit (record) {
  76. this.form.resetFields();
  77. this.model = Object.assign({}, record);
  78. this.visible = true;
  79. this.$nextTick(() => {
  80. this.form.setFieldsValue(pick(this.model,'fileId','userId','userName','fileName'))
  81. //时间格式化
  82. });
  83. },
  84. close () {
  85. this.$emit('close');
  86. this.visible = false;
  87. },
  88. handleOk () {
  89. const that = this;
  90. // 触发表单验证
  91. this.form.validateFields((err, values) => {
  92. if (!err) {
  93. that.confirmLoading = true;
  94. let httpurl = '';
  95. let method = '';
  96. if(!this.model.id){
  97. httpurl+=this.url.add;
  98. method = 'post';
  99. }else{
  100. httpurl+=this.url.edit;
  101. method = 'put';
  102. }
  103. let formData = Object.assign(this.model, values);
  104. //时间格式化
  105. console.log(formData)
  106. httpAction(httpurl,formData,method).then((res)=>{
  107. if(res.success){
  108. that.$message.success(res.message);
  109. that.$emit('ok');
  110. }else{
  111. that.$message.warning(res.message);
  112. }
  113. }).finally(() => {
  114. that.confirmLoading = false;
  115. that.close();
  116. })
  117. }
  118. })
  119. },
  120. handleCancel () {
  121. this.close()
  122. },
  123. }
  124. }
  125. </script>
  126. <style lang="less" scoped>
  127. </style>