制衣模块详情

ant-design-vue-jeecg/src/views/process/ZyClothsModularList.vue

@@ -115,6 +115,7 @@
     <!--    <ZyClothsMcList ref="ZyClothsMcList"></ZyClothsMcList>-->
     <ZyClothsModularCompentList ref="ZyClothsModularCompentList"></ZyClothsModularCompentList>
     <ZyProcessModularList ref="ZyProcessModularList"></ZyProcessModularList>
+    <<ZyClothsModularListDetail ref="ZyClothsModularListDetail"></ZyClothsModularListDetail>
   </a-card>
 </template>
 
@@ -127,14 +128,15 @@ import ZyClothsModularModal from './modules/ZyClothsModularModal'
   import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
   import ZyClothsModularCompentList from "@views/process/ZyClothsModularCompentList";
   import ZyProcessModularList from "@views/zyProcessModular/ZyProcessModularList";
-
+  import ZyClothsModularListDetail from './modules/ZyClothsModularListDetail'
   export default {
     name: 'ZyClothsModularList',
     mixins: [JeecgListMixin, mixinDevice],
     components: {
       ZyProcessModularList,
       ZyClothsModularCompentList,
-    ZyClothsModularModal
+      ZyClothsModularModal,
+      ZyClothsModularListDetail
     },
     data() {
       return {
@@ -260,6 +262,9 @@ export default {
         fieldList.push({type: 'string', value: 'enterpriseId', text: '企业', dictCode: ''})
         fieldList.push({type: 'string', value: 'pictureUrl', text: '图片', dictCode: ''})
         this.superFieldList = fieldList
+      },
+      handleDetail(){
+        this.$refs.ZyClothsModularListDetail.showModal()
       }
     }
   }

ant-design-vue-jeecg/src/views/process/modules/ZyClothsModularListDetail.vue

@@ -0,0 +1,54 @@
+<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 >