dialog.vue 2.35 KB
<template>
  <el-dialog
    class="entryDialog classCUploadDialog"
    title="详情"
    :visible.sync="visible"
    width="850px"
    :destroy-on-close="true"
    @close="close()"
  >
    <div class="modelItem">
      <el-descriptions class="margin-top" title="" :column="1" border>
        <el-descriptions-item>
          <template slot="label"> 商品编码 </template>
          {{ selected.skuCode }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 商品名称 </template>
          {{ selected.skuname }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 法定计量单位 </template>
          {{ selected.unitLegalFirst }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 法定计量单位(编码) </template>
          {{ selected.unitLegalFirstCode }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 法定第二计量单位 </template>
          {{ selected.unitLegalSecond }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 法定第二计量单位(编码) </template>
          {{ selected.unitLegalSecondCode }}
        </el-descriptions-item>
        <el-descriptions-item :span="1">
          <template slot="label"> 申报要素 </template>
          {{ selected.declarationElement }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 备注 </template>
          {{ selected.remark }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 更新时间 </template>
          {{ selected.updateTime }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: {
    outerVisible: {
      type: Boolean,
      default: false,
    },
    selected: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      visible: false,
    };
  },
  watch: {
    outerVisible(val) {
      if (val) {
        this.visible = val;
      }
    },
  },
  methods: {
    close() {
      this.visible = false;
      this.$emit("close", false);
    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/assets/styles/variables.scss";
</style>