<template>
    <div style="display: flex;white-space: nowrap;  padding: 30px;" >
        <el-form  style="padding-left: 50px;" :label-position="labelPosition" :model="tableData">
            <el-form-item label="分类" aria-required="">
                {{ tableData.className }}
            </el-form-item> 
            <el-form-item label="标题">
                {{ tableData.awardName }}
            </el-form-item>
            <el-form-item label="金额">
               {{ tableData.worthAmount}}
            </el-form-item>
            <el-form-item label="兑换积分">
               {{ tableData.points}}
            </el-form-item>
            <el-form-item label="有效期至">
               {{ tableData.Nickname}}
            </el-form-item>
            <el-form-item label="兑换地点">
               {{ tableData.Nicknae}}
            </el-form-item>
            <el-form-item label="规则说明">
               {{ tableData.Nickname}}
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
import { requestPost,requestGet } from "@/js/dai/request";
export default {
   name: "see",
    data() {
    return {
        labelPosition: 'right',
        tableData: [],
        awardId:""
    };
  },
  props:{
    list:{
      type: Object,
      default: () => {}
    }
  },
  created() {
    console.log(this.list,"list");
    // this.tableData=this.list
    this.awardId=this.list.id
    this.getTableData()
  },
  methods: {
     getTableData() {
        console.log(this.formData);
        const url = "/voluntary/pointsAward/admin/detail";
        let params = {
          id:this.awardId
      }
        const { data, code, msg } =  requestGet(url, params)
        if (code === 0) {
          console.log("列表请求成功！！！！！！！！！！！！！！");
          this.total = data.total || 0;
          this.tableData = data
          console.log(this.tableData,"this.tableData");
          
    
        } else {
        }
      },

  },


}

</script>
<style lang="scss" scoped>
</style>