<!--品牌详情-->
<template>
  <el-dialog width="50%" title="品牌详情" :visible.sync="dialogFormVisible" append-to-body>
    <el-descriptions class="margin-top" title="" :column="2" border>
      <el-descriptions-item label="名称">
        {{ brandForm.brandName }}
      </el-descriptions-item>
      <el-descriptions-item label="编号">
        {{ brandForm.brandCode }}
      </el-descriptions-item>
      <el-descriptions-item label="供应商">
        {{ brandForm.supplierStr }}
      </el-descriptions-item>
      <el-descriptions-item label="品类">
        {{ brandForm.categoryStr }}
      </el-descriptions-item>
      <el-descriptions-item label="性质">
        {{ brandForm.brandProperty }}
      </el-descriptions-item>
      <el-descriptions-item label="备注" :span="2">
        {{ brandForm.remark }}
      </el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script>

export default {
  name: 'DetailBrand',
  components: {

  },
  data() {
    return {
      dialogFormVisible: false, // 对话框是否显示
      dialogStatus: '', // 对话框类型：create,update,detail
      brandForm: {
        id: '',
        brandName: '',
        supplierStr: '',
        categoryStr: '',
        brandCode: '',
        brandProperty: '',
        remark: ''
      } // 表单
    }
  },
  methods: {
    // 初始化对话框
    initDialog: function(dialogStatus, row = null) {
      this.dialogFormVisible = true
      this.brandForm = {
        id: row.id,
        brandName: row.brandName,
        brandCode: row.brandCode,
        supplierStr: row.supplierStr,
        categoryStr: row.categoryStr,
        brandProperty: row.brandProperty,
        remark: row.remark
      }
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .el-select{
    width: 100%;
  }
  .el-date-editor{
    width: 100%;display: flex;
  }
</style>