制衣模块详情

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-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"-->
-<!--                @change="handleImportExcel">-->
-<!--        <a-button type="primary" icon="import">导入</a-button>-->
-<!--      </a-upload>-->
+      <!--      <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"-->
+      <!--                @change="handleImportExcel">-->
+      <!--        <a-button type="primary" icon="import">导入</a-button>-->
+      <!--      </a-upload>-->
       <!-- 高级查询区域 -->
-<!--      <j-super-query :fieldList="superFieldList" ref="superQueryModal"-->
-<!--                     @handleSuperQuery="handleSuperQuery"></j-super-query>-->
+      <!--      <j-super-query :fieldList="superFieldList" ref="superQueryModal"-->
+      <!--                     @handleSuperQuery="handleSuperQuery"></j-super-query>-->
       <a-dropdown v-if="selectedRowKeys.length > 0">
         <a-menu slot="overlay">
           <a-menu-item key="1" @click="batchDel">
@@ -112,158 +112,163 @@
     </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 {mixinDevice} from '@/utils/mixin'
-import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-import ZyClothsModularModal from './modules/ZyClothsModularModal'
-import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
-import ZyClothsModularCompentList from "@views/process/ZyClothsModularCompentList";
-import ZyProcessModularList from "@views/zyProcessModular/ZyProcessModularList";
-
-export default {
-  name: 'ZyClothsModularList',
-  mixins: [JeecgListMixin, mixinDevice],
-  components: {
-    ZyProcessModularList,
-    ZyClothsModularCompentList,
-    ZyClothsModularModal
-  },
-  data() {
-    return {
-      description: '制衣模块 zy_cloths_modular管理页面',
+  import '@/assets/less/TableExpand.less'
+  import {mixinDevice} from '@/utils/mixin'
+  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
+  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,
+      ZyClothsModularListDetail
+    },
+    data() {
+      return {
+        description: '制衣模块 zy_cloths_modular管理页面',
 
-      // 表头
-      columns: [
-        {
-          title: '#',
-          dataIndex: '',
-          key: 'rowIndex',
-          width: 60,
-          align: "center",
-          customRender: function (t, r, index) {
-            return parseInt(index) + 1;
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key: 'rowIndex',
+            width: 60,
+            align: "center",
+            customRender: function (t, r, index) {
+              return parseInt(index) + 1;
+            }
+          },
+          {
+            title: '编号',
+            align: "center",
+            dataIndex: 'nums'
+          },
+          {
+            title: '模块名称',
+            align: "center",
+            dataIndex: 'modularName'
+          },
+          // {
+          //   title: '模块部件名称',
+          //   align: "center",
+          //   dataIndex: 'modularType_dictText'
+          // },
+          // {
+          //   title: '描述',
+          //   align: "center",
+          //   dataIndex: 'description'
+          // },
+          {
+            title: '服装类型',
+            align: "center",
+            dataIndex: 'clothsTypeId_dictText'
+          },
+          {
+            title: '企业',
+            align: "center",
+            dataIndex: 'enterpriseId_dictText'
+          },
+          {
+            title: '图片',
+            align: "center",
+            dataIndex: 'pictureUrl',
+            scopedSlots: {customRender: 'imgSlot'}
+          },
+          {
+            title: '创建时间',
+            align: "center",
+            dataIndex: 'createTime'
+          },
+          {
+            title: '模块部件',
+            dataIndex: 'action2',
+            align:"center",
+            // fixed:"right",
+            scopedSlots: { customRender: 'action2' }
+          },
+          {
+            title: '模块工序',
+            dataIndex: 'action3',
+            align:"center",
+            // fixed:"right",
+            scopedSlots: { customRender: 'action3' }
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align: "center",
+            fixed: "right",
+            width: 147,
+            scopedSlots: {customRender: 'action'}
           }
-        },
-        {
-          title: '编号',
-          align: "center",
-          dataIndex: 'nums'
-        },
-        {
-          title: '模块名称',
-          align: "center",
-          dataIndex: 'modularName'
-        },
-        // {
-        //   title: '模块部件名称',
-        //   align: "center",
-        //   dataIndex: 'modularType_dictText'
-        // },
-        // {
-        //   title: '描述',
-        //   align: "center",
-        //   dataIndex: 'description'
-        // },
-        {
-          title: '服装类型',
-          align: "center",
-          dataIndex: 'clothsTypeId_dictText'
-        },
-        {
-          title: '企业',
-          align: "center",
-          dataIndex: 'enterpriseId_dictText'
-        },
-        {
-          title: '图片',
-          align: "center",
-          dataIndex: 'pictureUrl',
-          scopedSlots: {customRender: 'imgSlot'}
-        },
-        {
-          title: '创建时间',
-          align: "center",
-          dataIndex: 'createTime'
-        },
-        {
-          title: '模块部件',
-          dataIndex: 'action2',
-          align:"center",
-          // fixed:"right",
-          scopedSlots: { customRender: 'action2' }
-        },
-        {
-          title: '模块工序',
-          dataIndex: 'action3',
-          align:"center",
-          // fixed:"right",
-          scopedSlots: { customRender: 'action3' }
-        },
-        {
-          title: '操作',
-          dataIndex: 'action',
-          align: "center",
-          fixed: "right",
-          width: 147,
-          scopedSlots: {customRender: 'action'}
-        }
-      ],
-      url: {
-        list: "/base/zyClothsModular/list",
-        delete: "/base/zyClothsModular/delete",
-        deleteBatch: "/base/zyClothsModular/deleteBatch",
-        exportXlsUrl: "/base/zyClothsModular/exportXls",
-        importExcelUrl: "base/zyClothsModular/importExcel",
+        ],
+        url: {
+          list: "/base/zyClothsModular/list",
+          delete: "/base/zyClothsModular/delete",
+          deleteBatch: "/base/zyClothsModular/deleteBatch",
+          exportXlsUrl: "/base/zyClothsModular/exportXls",
+          importExcelUrl: "base/zyClothsModular/importExcel",
 
-      },
-      dictOptions: {},
-      superFieldList: [],
-    }
-  },
-  created() {
-    this.getSuperFieldList();
-  },
-  computed: {
-    importExcelUrl: function () {
-      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
-    },
-  },
-  methods: {
-    viewVid(record){
-      this.$refs.ZyClothsModularCompentList.showModal1();
-      this.$refs.ZyClothsModularCompentList.edit1(record);
-      console.log("zyclothsMclist"+record.id);
-      this.$refs.ZyClothsModularCompentList.disableSubmit = false;
+        },
+        dictOptions: {},
+        superFieldList: [],
+      }
     },
-    viewVid2(record){
-      this.$refs.ZyProcessModularList.showModal1();
-      this.$refs.ZyProcessModularList.edit1(record);
-      console.log("父弹窗ID++++++："+record.id);
-      this.$refs.ZyProcessModularList.disableSubmit = false;
+    created() {
+      this.getSuperFieldList();
     },
-    initDictConfig() {
+    computed: {
+      importExcelUrl: function () {
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
     },
-    getSuperFieldList() {
-      let fieldList = [];
-      fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
-      fieldList.push({type: 'string', value: 'modularName', text: '模块名称', dictCode: ''})
-      fieldList.push({type: 'string', value: 'description', text: '描述', dictCode: ''})
-      fieldList.push({type: 'string', value: 'clothsTypeId', text: '衣服类型', dictCode: 'zy_cloths_type,type_name,id'})
-      fieldList.push({type: 'string', value: 'enterpriseId', text: '企业', dictCode: ''})
-      fieldList.push({type: 'string', value: 'pictureUrl', text: '图片', dictCode: ''})
-      this.superFieldList = fieldList
+    methods: {
+      viewVid(record){
+        this.$refs.ZyClothsModularCompentList.showModal1();
+        this.$refs.ZyClothsModularCompentList.edit1(record);
+        console.log("zyclothsMclist"+record.id);
+        this.$refs.ZyClothsModularCompentList.disableSubmit = false;
+      },
+      viewVid2(record){
+        this.$refs.ZyProcessModularList.showModal1();
+        this.$refs.ZyProcessModularList.edit1(record);
+        console.log("父弹窗ID++++++："+record.id);
+        this.$refs.ZyProcessModularList.disableSubmit = false;
+      },
+      initDictConfig() {
+      },
+      getSuperFieldList() {
+        let fieldList = [];
+        fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
+        fieldList.push({type: 'string', value: 'modularName', text: '模块名称', dictCode: ''})
+        fieldList.push({type: 'string', value: 'description', text: '描述', dictCode: ''})
+        fieldList.push({type: 'string', value: 'clothsTypeId', text: '衣服类型', dictCode: 'zy_cloths_type,type_name,id'})
+        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 >