<template>
  <el-dialog
    class="infoDialog"
    title="装置信息"
    :visible.sync="isShow"
    :close-on-click-modal="false"
    width="50%"
  >
    <div class="infoTable">
      <el-descriptions class="margin-top" :column="3" border>
        <el-descriptions-item>
          <template slot="label"> 图像监测装置 ID </template>
          XYIGQ10C230300104
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 装置名称 </template>
          XYIGQ10C230300104
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 装置型号 </template>
          xxx
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 装置基本信息版本号 </template>
          xxxxxxxxxxxx
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 生产厂家 </template>
          xxxxxxxxxxxxxxxxxxxxxxxx
        </el-descriptions-item>

        <el-descriptions-item>
          <template slot="label"> 生产日期 </template>
          xxxxxxxxxxxxxxxxxxxxx
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label"> 出厂编号 </template>
          xxxxxxxxxxxxxxxxxx
        </el-descriptions-item>
      </el-descriptions>
    </div>
    <div slot="footer" class="dialog-footer">
      <!-- <el-button @click="isShow = false">取 消</el-button> -->
      <el-button type="primary" @click="isShow = false">确 定</el-button>
    </div>
  </el-dialog>
</template>
<script>
import { getChannelListJoggle } from "@/utils/api/index";
export default {
  props: {
    title: String,
  },
  data() {
    return {
      loading: true,
      isShow: false,
    };
  },
  mounted() {},
  methods: {
    display() {
      this.isShow = true;
    },
    hide() {
      this.isShow = false;
    },
  },
};
</script>
<style lang="less">
.infoDialog {
}
</style>
