<!--SN码规则详情弹窗-->
<template>
  <el-dialog title="详情" width="920px" :visible.sync="isShowInfo" append-to-body @close="close">
    <div class="contanier">
      <el-descriptions v-if="dataInfo" class="margin-top" title="" label-class-name="sn-description-label" :column="2" border>
        <el-descriptions-item label="SN码(固定标识)">
          {{ dataInfo.snCode ? dataInfo.snCode : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="SN码（固定标识）个数">
          {{ dataInfo.snQuantity ? dataInfo.snQuantity : '' }}
        </el-descriptions-item>
        <el-descriptions-item label="SN码（固定标识）说明">
          {{ dataInfo.snIllustration ? dataInfo.snIllustration : '' }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </el-dialog>
</template>

<script>
import { infoDialog } from '../../../utils/myUtils/mixins/infoDialog'
import { S_detail } from '@/api/product/snCodeRuls' // 抽离porp 和 methods
export default {
  mixins: [infoDialog],
  data() {
    return {
      detailList: []
    }
  },
  methods: {
    fetchDetail() {
      S_detail(this.dataInfo.id).then(res => {
        this.detailList = res
      })
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../../assets/css/infoDialog.scss';
</style>
<style>
.sn-description-label{
  width: 200px;
}
</style>