款式详情

ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue

@@ -47,13 +47,32 @@
 <!--      </table>-->
       <h3 style="width: 98%;;margin:0px auto">款式详情</h3>
       <a-table  style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" bordered :pagination="false">
-
       </a-table>
-      <h3 style="width: 98%;;margin:20px auto 0">管理模块详情</h3>
 
+      <h3 style="width: 98%;;margin:20px auto 0">管理模块</h3>
       <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns" :data-source="data" bordered :pagination="false">
 
       </a-table>
+
+      <h3 style="width: 98%;;margin:20px auto 0">管理面料</h3>
+      <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns2" :data-source="data2" bordered :pagination="false">
+
+      </a-table>
+
+      <h3 style="width: 98%;;margin:20px auto 0">管理辅料</h3>
+      <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns3" :data-source="data3" bordered :pagination="false">
+
+      </a-table>
+
+      <h3 style="width: 98%;;margin:20px auto 0">管理型号</h3>
+<!--      <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns4" :data-source="data4" bordered :pagination="false">-->
+
+<!--      </a-table>-->
+
+      <h3 style="width: 98%;;margin:20px auto 0">管理工序</h3>
+      <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns5" :data-source="data5" bordered :pagination="false">
+
+      </a-table>
     </a-modal>
   </div>
 </template>
@@ -109,76 +128,292 @@
   ];
   const columns = [
     {
-      title: '管理模块',
+      title: '服装类型',
       dataIndex: 'a',
       key: 'a',
       align:'center'
-
     },
     {
-      title: '名称',
+      title: '款式编号',
-      dataIndex: 'name',
+      dataIndex: 'b',
-      key: 'name',
+      key: 'b',
       align:'center'
     },
     {
-      title: '编号',
+      title: '款式名称',
-      dataIndex: 'age',
+      dataIndex: 'c',
-      key: 'age',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '模块编号',
+      dataIndex: 'd',
+      key: 'd',
+      align:'center'
+    },
+    {
+      title: '模块名称',
+      dataIndex: 'e',
+      key: 'e',
       align:'center'
     },
     {
       title: '创建时间',
-      dataIndex: 'address',
+      dataIndex: 'f',
-      key: 'address',
+      key: 'f',
       align:'center'
     }
   ];
-
   const data = [
     {
       key: '1',
-      a:'款式',
+      a:'女衬衫',
-      name: 'tttt',
+      b:'a000400000014',
-      age: 'QIYE80301100000130',
+      c:'test010',
-      address: '2022-12-05 21:11:32',
+      d:'QIYE80301100000021',
+      e:'tttt',
+      f:'2022-12-06 10:02:59',
     },
     {
       key: '2',
-      a:'模块',
+      a:'女衬衫',
-      name: 'tttt',
+      b:'a000400000014',
-      age: 'QIYE80301100000130',
+      c:'test010',
-      address: '2022-12-05 21:11:32',
+      d:'a000180301100000022',
+      e:'袖口模块A1',
+      f:'2022-12-06 10:02:59',
     },    {
       key: '3',
-      a:'面料',
+      a:'女衬衫',
-      name: '白色素面布',
+      b:'a000400000014',
-      age: '1001',
+      c:'test010',
-      address: '2022-12-05 21:11:32',
+      d:'b0005',
+      e:'领子模块',
+      f:'2022-12-06 10:02:59',
+    }
+  ];
+  const columns2 = [
+    {
+      title: '服装类型',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '款式编号',
+      dataIndex: 'b',
+      key: 'b',
+      align:'center'
+    },
+    {
+      title: '款式名称',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
     },
     {
-      key: '4',
+      title: '面料编号',
-      a:'辅料',
+      dataIndex: 'd',
-      name: '无纺衬双面衬',
+      key: 'd',
-      age: '无',
+      align:'center'
-      address: '2022-12-05 21:11:32',
     },
     {
-      key: '5',
+      title: '面料名称',
-      a:'型号',
+      dataIndex: 'e',
-      name: '无',
+      key: 'e',
-      age: '无',
+      align:'center'
-      address: '无',
     },
     {
-      key: '6',
+      title: '创建时间',
-      a:'工序',
+      dataIndex: 'f',
-      name: '1-3合后育克',
+      key: 'f',
-      age: '无',
+      align:'center'
-      address: '2022-12-05 21:11:32',
+    }
+  ];
+  const data2 = [
+    {
+      key: '1',
+      a:'女衬衫',
+      b:'a000400000014',
+      c:'test010',
+      d:'1002',
+      e:'面料2',
+      f:'2022-12-06 10:02:59',
+    },
+    {
+      key: '2',
+      a:'女衬衫',
+      b:'a000400000014',
+      c:'test010',
+      d:'1003',
+      e:'面料3',
+      f:'2022-12-06 10:02:59',
+    }
+  ];
+  const columns3 = [
+    {
+      title: '服装类型名称',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '款式名称',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '辅料名称',
+      dataIndex: 'e',
+      key: 'e',
+      align:'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    }
+  ];
+  const data3 = [
+    {
+      key: '1',
+      a:'女衬衫',
+      c:'test010',
+      e:'123',
+      f:'2022-12-06 10:02:59',
+    }
+  ];
+  const columns4 = [
+    {
+      title: '服装款式',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '是否默认尺码',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '型号编码',
+      dataIndex: 'e',
+      key: 'e',
+      align:'center'
+    },
+    {
+      title: '码数',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+    {
+      title: '型',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '号',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '领大',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '胸围',
+      dataIndex: 'e',
+      key: 'e',
+      align:'center'
+    },
+    {
+      title: '袖长',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+    {
+      title: '连肩袖长',
+      dataIndex: 'e',
+      key: 'e',
+      align:'center'
+    },
+    {
+      title: '总肩宽',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+    {
+      title: '袖口',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+    {
+      title: '腰围',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+    {
+      title: '下摆',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    }
+  ];
+  const data4 = [
+    {
+      key: '1',
+      a:'女衬衫',
+      c:'test010',
+      e:'123',
+      f:'2022-12-06 10:02:59',
+    }
+  ];
+  const columns5 = [
+    {
+      title: '款式名称',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '工序',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    }
+  ];
+  const data5 = [
+    {
+      key: '1',
+      a:'test010',
+      c:'9',
+      f:'2022-12-06 10:02:59',
+    },
+    {
+      key: '2',
+      a:'test010',
+      c:'8',
+      f:'2022-12-06 10:02:59',
     }
   ];
-
   export default {
     name: 'ZyClothsStyleListDetail',//此处填组件名称
     data () {
@@ -191,6 +426,14 @@
         columns,
         data1,
         columns1,
+        data2,
+        columns2,
+        data3,
+        columns3,
+        columns4,
+        data4,
+        columns5,
+        data5,
       }
     },
     methods: {