audit.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <template>
  2. <el-dialog title="审核通过" :visible.sync="open" width="800px" append-to-body>
  3. <el-form ref="form" :model="form" :rules="rules" label-width="140px">
  4. <el-form-item label="服务时间段" prop="serviceTime">
  5. <el-input @focus="getLayDate" id="inputUI" v-model="form.serviceTime"></el-input>
  6. <!-- <el-date-picker v-model="form.serviceTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> -->
  7. </el-form-item>
  8. </el-form>
  9. <div slot="footer" class="dialog-footer">
  10. <el-button type="primary" :disabled="disabled" @click="submitForm">确 定</el-button>
  11. <el-button @click="cancel">取 消</el-button>
  12. </div>
  13. </el-dialog>
  14. </template>
  15. <script>
  16. import {auditEntApi,getEntInfoByIdApi,updateEntInfoApi} from "@/api/admin/ent/ent"
  17. export default {
  18. data () {
  19. return {
  20. open: false,
  21. disabled: false,
  22. type: '',
  23. form: {
  24. serviceTime: "",
  25. authState: '2',
  26. endDate: '',
  27. startDate: ''
  28. },
  29. rules: {
  30. checkStatus: [
  31. {required: true, message: '请选择审核结果', trigger: 'change'}
  32. ],
  33. serviceTime: [
  34. {required: true, message: '请设置服务时间段', trigger: 'change'}
  35. ]
  36. }
  37. }
  38. },
  39. methods: {
  40. init(id,type) {
  41. this.open = true;
  42. this.form.id = id;
  43. this.type == type || ''
  44. if(this.type) {
  45. this.getData()
  46. }
  47. },
  48. getData() {
  49. this.loading = true
  50. getEntInfoByIdApi(this.form.id).then(res => {
  51. this.loading = false
  52. this.form = res.data || {}
  53. if(this.form.startDate && this.form.endDate) {
  54. this.form.serviceTime = this.form.startDate + ' 至 ' + this.form.endDate
  55. }else {
  56. this.form.serviceTime = ""
  57. }
  58. })
  59. },
  60. getLayDate(){
  61. let _self = this
  62. laydate.render({
  63. elem: '#inputUI', // 输入框的id属性,用来绑定到dom
  64. type: 'date',
  65. range: true,
  66. done: (value) => {
  67. _self.form.serviceTime = value; // 将选中的值赋给组件中的变量
  68. }
  69. })
  70. },
  71. submitForm() {
  72. this.$refs.form.validate(valid => {
  73. if (valid) {
  74. this.disabled = true
  75. if(this.form.serviceTime) {
  76. this.form.startDate = this.form.serviceTime.split('至')[0].trim()
  77. this.form.endDate = this.form.serviceTime.split('至')[1].trim()
  78. }else {
  79. this.form.startDate = ''
  80. this.form.endDate = ''
  81. }
  82. auditEntApi(this.form).then(res => {
  83. this.disabled = false;
  84. if(res.code == 200) {
  85. this.$message({
  86. message: '审核通过成功',
  87. type: 'success'
  88. });
  89. }
  90. this.open = false;
  91. this.$emit('refreshData');
  92. })
  93. }
  94. })
  95. },
  96. cancel() {
  97. this.open = false
  98. }
  99. }
  100. }
  101. </script>
  102. <style>
  103. </style>