<template>
    <div >
      <el-form ref="productForm" :model="row" label-width="110px" style="margin:0 auto;width:500px">
          <el-form-item label="产品类别名称: " prop="productCategoryName" >
            <span>{{ row.productCategoryName }}</span>
          </el-form-item>
          <el-form-item label="创建人: " prop="createPersonName">
            <span>{{ row.createPersonName }}</span>
          </el-form-item>
          <el-form-item label="参考许可费率: " prop="licenseRate">
            <span>{{ row.licenseRate }}</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.remark }}</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>