metaverse2024vue/src/views/user/components/opinion.vue

<template>
  <div class="user-info py-10 px-20 w-full h-full">
    <div class="max-w-5xl flex flex-col justify-center">
      <div class=" text-xl mb-4 mt-10">意见反馈</div>
      <div class=" w-full rounded-xl w-full overflow-hidden">
        <div class="px-6 bg-white form">
          <div class="row flex justify-between items-start py-6">
            <div class="w-40">反馈内容</div>
            <el-input type="textarea" resize="none" :autosize="{ minRows: 5, maxRows: 5 }" v-model="form.content"
              placeholder="请输入内容"></el-input>
          </div>
          <div class="flex justify-between items-center py-6">
            <div class="w-52"></div>
            <div>
              <!-- <el-button round @click="showButton = false">取消</el-button> -->
              <el-button type="primary" round @click="submitForm">提交</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import { addFeedBackApi } from '@/api/user'
export default {
  data() {
    return {
      form: {
        content: '',
      },
    }
  },
  methods: {
    submitForm() {
      addFeedBackApi(this.form).then(res => {
        this.form = {
          content: '',
        }
        this.$message({
          type: 'success',
          message: '提交成功!'
        });
      })
    }
  }
}
</script>

<style></style>