<template>
  <basic-container>
    <el-dialog title="礼物详情" :append-to-body="true" :visible.sync="dialogFormVisible">
      <el-tabs type="border-card">
        <el-tab-pane label="基本信息">
          <el-form  :model="form"  ref="form"   label-width="120px">
            <el-form-item label="礼物名称" prop="name">
              <el-input disabled v-model="form.name" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item label="礼物价格" prop="price">
              <el-input disabled v-model="form.price" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item label="热力值" prop="hotValue">
              <el-input disabled v-model="form.hotValue" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item label="积分值" prop="pointsValue">
              <el-input disabled v-model="form.pointsValue" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item prop="icon" label="礼物图片" style="width: 45%;">
              <el-image v-if="form.icon" :src="form.icon"></el-image>
              <span v-else>暂无图片</span>
            </el-form-item>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="打赏获取的勋章信息">
          <el-form v-if="form.isGiveMedal==1"  :model="form"  ref="form"   label-width="120px">
            <el-form-item label="勋章名称" >
              <el-input disabled v-model="form.giveMedal.name" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item label="积分值" >
              <el-input disabled v-model="form.giveMedal.pointsValue" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item prop="icon" label="勋章图片" style="width: 45%;">
              <el-image v-if="form.giveMedal.icon" :src="form.giveMedal.icon"></el-image>
              <span v-else>暂无图片</span>
            </el-form-item>
          </el-form>
          <div v-else style="text-align: center;padding: 50px 0;color: #bfbfbf;">
            打赏不获取勋章信息
          </div>
        </el-tab-pane>
        <el-tab-pane label="打赏获取的实物信息">
          <el-form v-if="form.isSendGoods==1"  :model="form"  ref="form"   label-width="120px">
            <el-form-item label="实物名称" >
              <el-input disabled v-model="form.goodsName" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item label="包邮数量" >
              <el-input disabled v-model="form.goodsPostAmount" placeholder="暂无信息"></el-input>
            </el-form-item>
            <el-form-item prop="icon" label="实物图片" style="width: 45%;">
              <el-image v-if="form.goodsPic" :src="form.goodsPic"></el-image>
              <span v-else>暂无图片</span>
            </el-form-item>
          </el-form>
          <div v-else style="text-align: center;padding: 50px 0;color: #bfbfbf;">
            打赏不赠送实物
          </div>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </basic-container>
</template>

<script>
  export default {
    props:{
      form:Object
    },
    data() {
      return {
        dialogFormVisible: false
      }
    },
    methods: {
      open() {
        this.dialogFormVisible = true
      },
      close() {
        this.dialogFormVisible = false
      },
    }
  }
</script>

<style>
</style>
