<template>
  <div>
    <a-modal
      title="制衣模块详情"
      :visible="visible"
      :confirm-loading="confirmLoading"
      :width='1000'
      @ok="handleOk"
      @cancel="handleCancel">
      <a-descriptions title="" bordered>
        <a-descriptions-item label="企业">Cloud Database</a-descriptions-item>
        <a-descriptions-item label="模块名称">Prepaid</a-descriptions-item>
        <a-descriptions-item label="服装类型">YES</a-descriptions-item>
        <a-descriptions-item label="图片" :span="3">
          <a-image
            :width="200"
            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
          />
        </a-descriptions-item>
        <a-descriptions-item label="描述" :span="3">
          <a-badge status="processing" text="Running" />
        </a-descriptions-item>
      </a-descriptions>
    </a-modal>
  </div>
</template>
<script>
  export default {
    name: 'ZyClothsModularListDetail',//此处填组件名称
    data () {
      return {
        visible: false,
        confirmLoading: false,
        model:{
        },
      }
    },
    methods: {
      showModal(id) {
        this.visible = true;
      },
      handleOk(e) {
        this.confirmLoading = true;
        setTimeout(() => {
          this.visible = false;
          this.confirmLoading = false;
        }, 1);
      },
      handleCancel(e) {
        this.visible = false;
      },
    },
  }
</script >