<template>
  <div >
    <el-form ref="productForm" :model="row" label-width="110px" style="margin:0 auto;width:50%">
        <el-form-item label="所属产品类别 " prop="productCategoryName" >
          <span>{{ row.productCategory.productCategoryName }}</span>
        </el-form-item>
        <el-form-item label="产品名称 " prop="productName">
          <span>{{ row.productName }}</span>
        </el-form-item>
        <el-form-item label="上市时间 " prop="marketTime">
          <span>{{ row.marketTime }}</span>
        </el-form-item>
        <el-form-item label="所属公司 " prop="companyName">
          <span>{{ row.companyName }}</span>
        </el-form-item>
        <el-form-item label="参考许可费率 " prop="companyName">
          <span>{{ row.companyName }}</span>
        </el-form-item>
        <el-form-item label="图片 ">
          <span v-if="row.pictures && row.pictures.length>0" class="avatar">
            <el-image ref="image" style="width:148px;height:148px;" :src="row.pictures[0].id? $p + row.pictures[0].url:row.pictures[0].url" :preview-src-list="row.pictures?row.pictures.map(item=>{return item.id? $p + item.url:item.url}):[]"></el-image>
          </span>
        </el-form-item>
        <el-form-item label="产品说明 ">
          <span>{{ row.productExplain }}</span>
        </el-form-item>
      </el-form>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    row:{
        default:()=>{
            return {}
        }
    }
  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>