制衣模块详情

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

@@ -12,14 +12,14 @@
     <!-- 操作按钮区域 -->
     <div class="table-operator">
       <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
-<!--      <a-button type="primary" icon="download" @click="handleExportXls('zy_cloths_modular')">导出</a-button>-->
+      <!--      <a-button type="primary" icon="download" @click="handleExportXls('zy_cloths_modular')">导出</a-button>-->
-<!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"-->
+      <!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"-->
-<!--                @change="handleImportExcel">-->
+      <!--                @change="handleImportExcel">-->
-<!--        <a-button type="primary" icon="import">导入</a-button>-->
+      <!--        <a-button type="primary" icon="import">导入</a-button>-->
-<!--      </a-upload>-->
+      <!--      </a-upload>-->
       <!-- 高级查询区域 -->
-<!--      <j-super-query :fieldList="superFieldList" ref="superQueryModal"-->
+      <!--      <j-super-query :fieldList="superFieldList" ref="superQueryModal"-->
-<!--                     @handleSuperQuery="handleSuperQuery"></j-super-query>-->
+      <!--                     @handleSuperQuery="handleSuperQuery"></j-super-query>-->
       <a-dropdown v-if="selectedRowKeys.length > 0">
         <a-menu slot="overlay">
           <a-menu-item key="1" @click="batchDel">
@@ -112,29 +112,31 @@
     </div>
 
     <zy-cloths-modular-modal ref="modalForm" @ok="modalFormOk"></zy-cloths-modular-modal>
-<!--    <ZyClothsMcList ref="ZyClothsMcList"></ZyClothsMcList>-->
+    <!--    <ZyClothsMcList ref="ZyClothsMcList"></ZyClothsMcList>-->
     <ZyClothsModularCompentList ref="ZyClothsModularCompentList"></ZyClothsModularCompentList>
     <ZyProcessModularList ref="ZyProcessModularList"></ZyProcessModularList>
+    <<ZyClothsModularListDetail ref="ZyClothsModularListDetail"></ZyClothsModularListDetail>
   </a-card>
 </template>
 
 <script>
 
-import '@/assets/less/TableExpand.less'
+  import '@/assets/less/TableExpand.less'
-import {mixinDevice} from '@/utils/mixin'
+  import {mixinDevice} from '@/utils/mixin'
-import {JeecgListMixin} from '@/mixins/JeecgListMixin'
+  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-import ZyClothsModularModal from './modules/ZyClothsModularModal'
+  import ZyClothsModularModal from './modules/ZyClothsModularModal'
-import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
+  import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
-import ZyClothsModularCompentList from "@views/process/ZyClothsModularCompentList";
+  import ZyClothsModularCompentList from "@views/process/ZyClothsModularCompentList";
-import ZyProcessModularList from "@views/zyProcessModular/ZyProcessModularList";
+  import ZyProcessModularList from "@views/zyProcessModular/ZyProcessModularList";
-
+  import ZyClothsModularListDetail from './modules/ZyClothsModularListDetail'
-export default {
+  export default {
     name: 'ZyClothsModularList',
     mixins: [JeecgListMixin, mixinDevice],
     components: {
       ZyProcessModularList,
       ZyClothsModularCompentList,
-    ZyClothsModularModal
+      ZyClothsModularModal,
+      ZyClothsModularListDetail
     },
     data() {
       return {
@@ -260,10 +262,13 @@ 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()
+      }
     }
   }
-}
 </script>
 <style scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 </style>

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 >