From e2ced904fc506856a32dcffa4a2dd4912e95d4af Mon Sep 17 00:00:00 2001
From: shenyuan <shenyuan2825@163.com>
Date: Sat, 17 Dec 2022 16:32:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=AC=BE=E5=BC=8F=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/zyclothsstyle/ZyClothsStyleList.vue | 376 +++++++++---------
 .../modules/ZyClothsStyleListDetail.vue       | 220 ++++++++++
 2 files changed, 409 insertions(+), 187 deletions(-)
 create mode 100644 ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue

diff --git a/ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue b/ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue
index f7f7eda2..33ad0d9f 100644
--- a/ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue
+++ b/ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue
@@ -131,207 +131,209 @@
     </div>
 
     <zy-cloths-style-modal ref="modalForm" @ok="modalFormOk"></zy-cloths-style-modal>
+    <ZyClothsStyleListDetail ref="ZyClothsStyleListDetail"></ZyClothsStyleListDetail>
   </a-card>
 </template>
 
 <script>
 
-import '@/assets/less/TableExpand.less'
-import {mixinDevice} from '@/utils/mixin'
-import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-import ZyClothsStyleModal from './modules/ZyClothsStyleModal'
+  import '@/assets/less/TableExpand.less'
+  import {mixinDevice} from '@/utils/mixin'
+  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
+  import ZyClothsStyleModal from './modules/ZyClothsStyleModal'
+  import ZyClothsStyleListDetail from './modules/ZyClothsStyleListDetail'
 
-export default {
-  name: 'ZyClothsStyleList',
-  mixins: [JeecgListMixin, mixinDevice],
-  components: {
-    ZyClothsStyleModal
-  },
-  data() {
-    return {
-      description: '服装款式表管理页面',
-      // 表头
-      columns: [
-        {
-          title: '#',
-          dataIndex: '',
-          key: 'rowIndex',
-          width: 60,
-          align: "center",
-          customRender: function (t, r, index) {
-            return parseInt(index) + 1;
-          }
-        },
-        {
-          title: '服装类型名称',
-          align: "center",
-          dataIndex: 'typeName'
-        },
-        {
-          title: '款式名称',
-          align: "center",
-          dataIndex: 'styleNames'
-        },
-        {
-          title: '编号',
-          align: "center",
-          dataIndex: 'nums'
-        },
+  export default {
+    name: 'ZyClothsStyleList',
+    mixins: [JeecgListMixin, mixinDevice],
+    components: {
+      ZyClothsStyleModal,ZyClothsStyleListDetail
+    },
+    data() {
+      return {
+        description: '服装款式表管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key: 'rowIndex',
+            width: 60,
+            align: "center",
+            customRender: function (t, r, index) {
+              return parseInt(index) + 1;
+            }
+          },
 
-        {
-          title: '规格',
-          align: "center",
-          dataIndex: 'specification'
-        },
+          {
+            title: '款式名称',
+            align: "center",
+            dataIndex: 'styleNames'
+          },
+          {
+            title: '编号',
+            align: "center",
+            dataIndex: 'nums'
+          },
 
-        {
-          title: '形式',
-          align: "center",
-          dataIndex: 'shape_dictText'
-        },
-        {
-          title: '企业',
-          align: "center",
-          dataIndex: 'enterpriseId_dictText'
-        },
-        // {
-        //   title:'折叠搭配及包装',
-        //   align:"center",
-        //   dataIndex: 'foldingPackaging_dictText'
-        // },
-        // {
-        //   title:'缝纫形式',
-        //   align:"center",
-        //   dataIndex: 'sewingForm_dictText'
-        // },
-        {
-          title: '创建时间',
-          align: "center",
-          dataIndex: 'createTime'
-        },
-        {
-          title: '管理模块',
-          dataIndex: 'action1',
-          align: "center",
-          fixed: "right",
-          width: 110,
-          scopedSlots: {customRender: 'action1'}
-        },
-        {
-          title: '操作',
-          dataIndex: 'action',
-          align: "center",
-          fixed: "right",
-          width: 147,
-          scopedSlots: {customRender: 'action'}
-        }
-      ],
-      url: {
-        list: "/zyclothsstyle/zyClothsStyle/list",
-        delete: "/zyclothsstyle/zyClothsStyle/delete",
-        deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
-        exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
-        importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
+          {
+            title: '规格',
+            align: "center",
+            dataIndex: 'specification'
+          },
 
-      },
-      styleId: '',
-      dictOptions: {},
-      superFieldList: [],
-    }
-  },
-  created() {
-    this.getSuperFieldList();
-  },
-  computed: {
-    importExcelUrl: function () {
-      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
-    },
-  },
-  methods: {
-    initDictConfig() {
-    },
-    //管理模块
-    jumpPage1(record) {
-      this.$router.push({
-        path: '/src/views/zystylemodule/ZyStyleModuleList',
-        query: {  // 路由携带参数
-          'id': record.id,
-          'typeId': record.typeId,
-          'styleNames': record.styleNames,
-        }
-      });
-    },
-    //管理面料
-    jumpPage2(record) {
-      this.$router.push({
-        path: '/src/views/zystylefabric/ZyStyleFabricList',
-        query: {  // 路由携带参数
-          'id': record.id,
-          'styleNames': record.styleNames,
-        }
-      });
-    },
-    //管理辅料
-    jumpPage3(record) {
-      this.$router.push({
-        path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
-        query: {  // 路由携带参数
-          'id': record.id,
-          'styleNames': record.styleNames,
-        }
-      });
+          {
+            title: '形式',
+            align: "center",
+            dataIndex: 'shape_dictText'
+          },
+          {
+            title: '企业',
+            align: "center",
+            dataIndex: 'enterpriseId_dictText'
+          },
+          // {
+          //   title:'折叠搭配及包装',
+          //   align:"center",
+          //   dataIndex: 'foldingPackaging_dictText'
+          // },
+          // {
+          //   title:'缝纫形式',
+          //   align:"center",
+          //   dataIndex: 'sewingForm_dictText'
+          // },
+          {
+            title: '创建时间',
+            align: "center",
+            dataIndex: 'createTime'
+          },
+          {
+            title: '管理模块',
+            dataIndex: 'action1',
+            align: "center",
+            fixed: "right",
+            width: 110,
+            scopedSlots: {customRender: 'action1'}
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align: "center",
+            fixed: "right",
+            width: 147,
+            scopedSlots: {customRender: 'action'}
+          }
+        ],
+        url: {
+          list: "/zyclothsstyle/zyClothsStyle/list",
+          delete: "/zyclothsstyle/zyClothsStyle/delete",
+          deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
+          exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
+          importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
+
+        },
+        styleId: '',
+        dictOptions: {},
+        superFieldList: [],
+      }
     },
-    //款式型号管理
-    jumpPage4(record) {
-      this.$router.push({
-        path: '/src/views/zystylemodel/ZyStyleModelList',
-        query: {  // 路由携带参数
-          'id': record.id,
-          'styleNames': record.styleNames,
-        }
-      });
+    created() {
+      this.getSuperFieldList();
     },
-    //款式工序管理
-    jumpPage5(record) {
-      this.$router.push({
-        //path: '/process/ZyProcessList',
-        path: '/zystylemodular/ZyStyleModularList',
-        query: {  // 路由携带参数
-          'id': record.id,
-          'styleNames': record.styleNames,
-        },
-      });
+    computed: {
+      importExcelUrl: function () {
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
     },
-    getSuperFieldList() {
-      let fieldList = [];
-      fieldList.push({
-        type: 'popup',
-        value: 'typeId',
-        text: '类型id',
-        popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'}
-      })
-      fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''})
-      fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
-      fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''})
-      fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''})
-      fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''})
-      fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''})
-      fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''})
-      fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''})
-      fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''})
-      fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''})
-      fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''})
-      fieldList.push({type: 'string', value: 'error', text: '误差', dictCode: ''})
-      fieldList.push({type: 'string', value: 'quotaMaterials', text: '定额用料', dictCode: ''})
-      fieldList.push({type: 'string', value: 'foldingPackaging', text: '折叠搭配及包装', dictCode: ''})
-      fieldList.push({type: 'string', value: 'accLogos', text: '配件及标志', dictCode: ''})
-      fieldList.push({type: 'string', value: 'sewingForm', text: '缝纫形式', dictCode: ''})
-      fieldList.push({type: 'sel_depart', value: 'enterpriseId', text: '企业id'})
-      this.superFieldList = fieldList
+    methods: {
+      initDictConfig() {
+      },
+      //管理模块
+      jumpPage1(record) {
+        this.$router.push({
+          path: '/src/views/zystylemodule/ZyStyleModuleList',
+          query: {  // 路由携带参数
+            'id': record.id,
+            'typeId': record.typeId,
+            'styleNames': record.styleNames,
+          }
+        });
+      },
+      //管理面料
+      jumpPage2(record) {
+        this.$router.push({
+          path: '/src/views/zystylefabric/ZyStyleFabricList',
+          query: {  // 路由携带参数
+            'id': record.id,
+            'styleNames': record.styleNames,
+          }
+        });
+      },
+      //管理辅料
+      jumpPage3(record) {
+        this.$router.push({
+          path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
+          query: {  // 路由携带参数
+            'id': record.id,
+            'styleNames': record.styleNames,
+          }
+        });
+      },
+      //款式型号管理
+      jumpPage4(record) {
+        this.$router.push({
+          path: '/src/views/zystylemodel/ZyStyleModelList',
+          query: {  // 路由携带参数
+            'id': record.id,
+            'styleNames': record.styleNames,
+          }
+        });
+      },
+      //款式工序管理
+      jumpPage5(record) {
+        this.$router.push({
+          //path: '/process/ZyProcessList',
+          path: '/zystylemodular/ZyStyleModularList',
+          query: {  // 路由携带参数
+            'id': record.id,
+            'styleNames': record.styleNames,
+          },
+        });
+      },
+      // 详情
+      handleDetail(record){
+        this.$refs.ZyClothsStyleListDetail.showModal(record)
+      },
+      getSuperFieldList() {
+        let fieldList = [];
+        fieldList.push({
+          type: 'popup',
+          value: 'typeId',
+          text: '类型id',
+          popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'}
+        })
+        fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''})
+        fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
+        fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''})
+        fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''})
+        fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''})
+        fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''})
+        fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''})
+        fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''})
+        fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''})
+        fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''})
+        fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''})
+        fieldList.push({type: 'string', value: 'error', text: '误差', dictCode: ''})
+        fieldList.push({type: 'string', value: 'quotaMaterials', text: '定额用料', dictCode: ''})
+        fieldList.push({type: 'string', value: 'foldingPackaging', text: '折叠搭配及包装', dictCode: ''})
+        fieldList.push({type: 'string', value: 'accLogos', text: '配件及标志', dictCode: ''})
+        fieldList.push({type: 'string', value: 'sewingForm', text: '缝纫形式', dictCode: ''})
+        fieldList.push({type: 'sel_depart', value: 'enterpriseId', text: '企业id'})
+        this.superFieldList = fieldList
+      }
     }
   }
-}
 </script>
 <style scoped>
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 </style>
\ No newline at end of file
diff --git a/ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue b/ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue
new file mode 100644
index 00000000..3481cd14
--- /dev/null
+++ b/ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue
@@ -0,0 +1,220 @@
+<template>
+  <div>
+    <a-modal
+      title="服装款式详情"
+      :visible="visible"
+      :confirm-loading="confirmLoading"
+      :width='1000'
+      @ok="handleOk"
+      @cancel="handleCancel">
+<!--      <table border="1" style="width: 98%;font-size:14px;margin:30px auto 0" class="table">-->
+<!--        <tr>-->
+<!--          <td><span>款式名称：</span>tttt</td>-->
+<!--          <td><span>款式编号：</span>QIYE80301100000130</td>-->
+<!--          <td><span>款式规格：</span>123</td>-->
+<!--          <td><span>款式形式：</span>预制</td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--          <td><span>企业：</span>黄淮服装智能制造中心</td>-->
+<!--          <td><span>款式创建时间：</span>2022-12-06 10:02:59</td>-->
+<!--          &lt;!&ndash;          模块&ndash;&gt;-->
+<!--          <td><span>服装类型：</span>tttt</td>-->
+<!--          <td><span>模块编号：</span>QIYE80301100000130</td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--          <td><span>模块名称：</span>2</td>-->
+<!--          <td><span>模块创建时间：</span>2022-12-06 10:02:59</td>-->
+<!--          &lt;!&ndash;          面料&ndash;&gt;-->
+<!--          <td><span>面料编号：</span>2</td>-->
+<!--          <td><span>面料名称：</span>2A01</td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--          <td><span>面料创建时间：</span>2022-12-06 10:02:59</td>-->
+<!--          &lt;!&ndash;          辅料&ndash;&gt;-->
+<!--          <td><span>辅料名称：</span>2A01</td>-->
+<!--          <td><span>辅料创建时间：</span>2022-12-06 10:02:59</td>-->
+<!--          &lt;!&ndash;          工序&ndash;&gt;-->
+<!--          <td><span>工序名称：</span>2A01</td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--          <td><span>工序创建时间：</span>2022-12-06 10:02:59</td>-->
+
+<!--          <td><span>面料编号：</span>2</td>-->
+<!--          <td><span>面料名称：</span>2A01</td>-->
+<!--          <td><span>面料名称：</span>2A01</td>-->
+<!--        </tr>-->
+
+<!--      </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>
+
+      <a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns" :data-source="data" bordered :pagination="false">
+
+      </a-table>
+    </a-modal>
+  </div>
+</template>
+<script>
+  const columns1 = [
+    {
+      title: '款式名称',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+    },
+    {
+      title: '款式编号',
+      dataIndex: 'b',
+      key: 'b',
+      align:'center'
+    },
+    {
+      title: '款式规格',
+      dataIndex: 'c',
+      key: 'c',
+      align:'center'
+    },
+    {
+      title: '款式形式',
+      dataIndex: 'd',
+      key: 'd',
+      align:'center'
+    },
+    {
+      title: '企业',
+      dataIndex: 'e',
+      key: 'e',
+      align:'center'
+    },
+    {
+      title: '款式创建时间',
+      dataIndex: 'f',
+      key: 'f',
+      align:'center'
+    },
+  ];
+  const data1 = [
+    {
+      key:'1',
+      a:'tttt',
+      b:'QIYE80301100000130',
+      c:'123',
+      d:'预制',
+      e:'黄淮服装智能制造中心',
+      f:'2022-12-06 10:02:59',
+    }
+  ];
+  const columns = [
+    {
+      title: '管理模块',
+      dataIndex: 'a',
+      key: 'a',
+      align:'center'
+
+    },
+    {
+      title: '名称',
+      dataIndex: 'name',
+      key: 'name',
+      align:'center'
+    },
+    {
+      title: '编号',
+      dataIndex: 'age',
+      key: 'age',
+      align:'center'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'address',
+      key: 'address',
+      align:'center'
+    }
+  ];
+
+  const data = [
+    {
+      key: '1',
+      a:'款式',
+      name: 'tttt',
+      age: 'QIYE80301100000130',
+      address: '2022-12-05 21:11:32',
+    },
+    {
+      key: '2',
+      a:'模块',
+      name: 'tttt',
+      age: 'QIYE80301100000130',
+      address: '2022-12-05 21:11:32',
+    },    {
+      key: '3',
+      a:'面料',
+      name: '白色素面布',
+      age: '1001',
+      address: '2022-12-05 21:11:32',
+    },
+    {
+      key: '4',
+      a:'辅料',
+      name: '无纺衬双面衬',
+      age: '无',
+      address: '2022-12-05 21:11:32',
+    },
+    {
+      key: '5',
+      a:'型号',
+      name: '无',
+      age: '无',
+      address: '无',
+    },
+    {
+      key: '6',
+      a:'工序',
+      name: '1-3合后育克',
+      age: '无',
+      address: '2022-12-05 21:11:32',
+    }
+  ];
+
+  export default {
+    name: 'ZyClothsStyleListDetail',//此处填组件名称
+    data () {
+      return {
+        visible: false,
+        confirmLoading: false,
+        model:{
+        },
+        data,
+        columns,
+        data1,
+        columns1,
+      }
+    },
+    methods: {
+      showModal(record) {
+        this.visible = true;
+        this.model = record
+        console.log('this.model')
+        console.log(this.model)
+      },
+      handleOk(e) {
+        this.confirmLoading = true;
+        setTimeout(() => {
+          this.visible = false;
+          this.confirmLoading = false;
+        }, 1);
+      },
+      handleCancel(e) {
+        this.visible = false;
+      },
+    },
+  }
+</script >
+<style scoped>
+  .table{border-color:#d9d9d9;border-radius: 3px}
+  .table td{padding: 10px 20px;max-width: 380px; }
+  .table td span{color: #333}
+</style>
\ No newline at end of file