new file: src/views/quality/rawMaterial/ExportMaterial.vue new file: ...

王震

2023-11-06 b4e14e627c761a3798bec08c6bf1260f013ad3b2

	new file:   src/views/quality/rawMaterial/ExportMaterial.vue
	new file:   src/views/warehouse/FinishedDelivery/index.vue
	new file:   src/views/warehouse/FinishedGoods/index.vue
	new file:   src/views/warehouse/FinishedWarehousing/index.vue

 src/views/quality/rawMaterial/ExportMaterial.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,93 @@
<template>
    <div style="width:400px">
   <el-button type="primary" @click="handleExcel">下载 excel</el-button>
   <el-button type="success" @click="handleExcel1">下载 å¤šçº§è¡¨å¤´excel</el-button>
  </div>
    
  </template>
  
  <script>
  export default {
    name: 'HelloWorld',
    data(){
      return {}
    },
    methods: {
       handleExcel() {
        let opt = {
          title: '文档标题',
          column: [{
            label: '标题',
            prop: 'title'
          }],
          data: [{
            title: "测试数据1"
          }, {
            title: "测试数据2"
          }]
        }
        console.log(this.$Export);
        this.$Export.excel({
          title: opt.title ,
          columns: opt.column,
          data: opt.data
        });
      },
      handleExcel1() {
        let opt = {
          title: '文档标题',
          column: [{
            label:'多级表头',
            prop:'header',
            children:[
              {
                label: '标题1',
                prop: 'title1'
              },{
                label: '标题2',
                prop: 'title2'
              }
            ]
          }],
          data: [{
            title1: "测试数据1",
            title2: "测试数据2"
          }, {
            title1: "测试数据2",
            title2: "测试数据2"
          }]
        }
        this.$Export.excel({
          title: opt.title,
          columns: opt.column,
          data: opt.data
        });
      }
    },
  
    props: {
      msg: String
      
      
    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
  h3 {
    margin: 40px 0 0;
  }
  ul {
    list-style-type: none;
    padding: 0;
  }
  li {
    display: inline-block;
    margin: 0 10px;
  }
  a {
    color: #42b983;
  }
  </style>
  

 src/views/warehouse/FinishedDelivery/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,124 @@
<template>
    <div class="mod-config">
        <basic-container>
        <ttable
        :table="table"
        :isShowHide="true"
        :prelang="prelang"
        :options="options" 
        ref="processconfiguration"
        >
        <template #toolbar></template>
        </ttable>
        </basic-container>
    </div>
</template>

<script>
import ttable from '@/views/common/ztt-table.vue'
export default {
    data(){
        return {
            prelang: 'operation',
            dataListLoading: false,
            options: {
                height: 300, // é»˜è®¤é«˜åº¦-为了表头固定
                stripe: true, // æ˜¯å¦ä¸ºæ–‘马纹 table
                highlightCurrentRow: false, // æ˜¯å¦è¦é«˜äº®å½“前行
                border: true, // æ˜¯å¦æœ‰çºµå‘边框
                lazy: false, // æ˜¯å¦éœ€è¦æ‡’加载
                fit: true, // åˆ—的宽度是否自撑开
                multiSelect: true, //
                seqNo: true,
                isShowHide: true, // æ˜¯å¦æ˜¾ç¤ºæ˜¾å½±æŒ‰é’®
                isRefresh: true, // æ˜¯å¦æ˜¾ç¤ºåˆ·æ–°æŒ‰é’®
                isSearch: true, // é«˜çº§æŸ¥è¯¢æŒ‰é’®
                defaultOrderBy: { column: 'createTime', direction: 'desc' }
            },
            table: {
                total: 0,
                currentPage: 1,
                pageSize: 20,
                data: [],
                // æ ‡é¢˜
                column: [
                  {
                    minWidth: '140',
                    prop: 'oo',
                    label: '订单编号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },{
                    minWidth: '140',
                    prop: 'materhhooial',
                    label: '质量追溯号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'mateuurial',
                    label: '产品名称',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materoiial',
                    label: '规格型号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'matperoial',
                    label: '单位',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materpial',
                    label: '数量',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '130',
                    width: '150',
                    prop: 'dealTime',
                    label: '入库时间',
                    sort: true,
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'datetimerange',
                    // formatter: this.formatDateTime,
                },
                ],
                toolbar: [
                  {
                    text: 'xxx',
                    type: 'primary',
                    // fun: this.addOrUpdateHandle
                  },
                ],
                // operator: [],
                // operatorConfig: {}
            },
       }
    },
    medthods: {},
//     computed: {
//     ...mapGetters(['permissions'])
//   },
    components: {
    ttable
    },
}
</script>

 src/views/warehouse/FinishedGoods/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,147 @@
<template>
    <div class="mod-config">
        <basic-container>
        <ttable
        :table="table"
        :isShowHide="true"
        :prelang="prelang"
        :options="options" 
        ref="processconfiguration"
        >
        <template #toolbar></template>
        </ttable>
        </basic-container>
    </div>
</template>

<script>
import ttable from '@/views/common/ztt-table.vue'
export default {
    data(){
        return {
            prelang: 'operation',
            dataListLoading: false,
            options: {
                height: 300, // é»˜è®¤é«˜åº¦-为了表头固定
                stripe: true, // æ˜¯å¦ä¸ºæ–‘马纹 table
                highlightCurrentRow: false, // æ˜¯å¦è¦é«˜äº®å½“前行
                border: true, // æ˜¯å¦æœ‰çºµå‘边框
                lazy: false, // æ˜¯å¦éœ€è¦æ‡’加载
                fit: true, // åˆ—的宽度是否自撑开
                multiSelect: true, //
                seqNo: true,
                isShowHide: true, // æ˜¯å¦æ˜¾ç¤ºæ˜¾å½±æŒ‰é’®
                isRefresh: true, // æ˜¯å¦æ˜¾ç¤ºåˆ·æ–°æŒ‰é’®
                isSearch: true, // é«˜çº§æŸ¥è¯¢æŒ‰é’®
                defaultOrderBy: { column: 'createTime', direction: 'desc' }
            },
            table: {
                total: 0,
                currentPage: 1,
                pageSize: 20,
                data: [],
                // æ ‡é¢˜
                column: [
                  {
                    minWidth: '140',
                    prop: 'material',
                    label: '订单编码',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'type',
                    label: '产品名称',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },{
                    minWidth: '140',
                    prop: 'oo',
                    label: '产品型号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },{
                    minWidth: '140',
                    prop: 'materhhooial',
                    label: '质量追溯号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'mateuurial',
                    label: '客户名称',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materoiial',
                    label: '工艺文件编号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'matperoial',
                    label: '库位号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materpial',
                    label: '产品名称',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '130',
                    width: '150',
                    prop: 'dealTime',
                    label: '审核时间',
                    sort: true,
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'datetimerange',
                    // formatter: this.formatDateTime,
                },
                {
                    minWidth: '140',
                    prop: 'maial',
                    label: '数量',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                ],
                toolbar: [
                  {
                    text: '获取IFS成品库',
                    type: 'primary',
                    // fun: this.addOrUpdateHandle
                  },
                ],
                // operator: [],
                // operatorConfig: {}
            },
       }
    },
    medthods: {},
//     computed: {
//     ...mapGetters(['permissions'])
//   },
    components: {
    ttable
    },
}
</script>

 src/views/warehouse/FinishedWarehousing/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,144 @@
<template>
    <div class="mod-config">
        <basic-container>
        <ttable
        :table="table"
        :isShowHide="true"
        :prelang="prelang"
        :options="options" 
        ref="processconfiguration"
        >
        <template #toolbar></template>
        </ttable>
        </basic-container>
    </div>
</template>

<script>
import ttable from '@/views/common/ztt-table.vue'
export default {
    data(){
        return {
            prelang: 'operation',
            dataListLoading: false,
            options: {
                height: 300, // é»˜è®¤é«˜åº¦-为了表头固定
                stripe: true, // æ˜¯å¦ä¸ºæ–‘马纹 table
                highlightCurrentRow: false, // æ˜¯å¦è¦é«˜äº®å½“前行
                border: true, // æ˜¯å¦æœ‰çºµå‘边框
                lazy: false, // æ˜¯å¦éœ€è¦æ‡’加载
                fit: true, // åˆ—的宽度是否自撑开
                multiSelect: true, //
                seqNo: true,
                isShowHide: true, // æ˜¯å¦æ˜¾ç¤ºæ˜¾å½±æŒ‰é’®
                isRefresh: true, // æ˜¯å¦æ˜¾ç¤ºåˆ·æ–°æŒ‰é’®
                isSearch: true, // é«˜çº§æŸ¥è¯¢æŒ‰é’®
                defaultOrderBy: { column: 'createTime', direction: 'desc' }
            },
            table: {
                total: 0,
                currentPage: 1,
                pageSize: 20,
                data: [],
                // æ ‡é¢˜
                column: [
                  {
                    minWidth: '140',
                    prop: 'material',
                    label: '产品名称',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'type',
                    label: '产品型号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },{
                    minWidth: '140',
                    prop: 'oo',
                    label: '质量追溯号',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },{
                    minWidth: '140',
                    prop: 'materhhooial',
                    label: '合同编码',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'mateuurial',
                    label: '单位',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materoiial',
                    label: '数量',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'matperoial',
                    label: '检查状态',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '140',
                    prop: 'materpial',
                    label: '检查人员',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                  },
                  {
                    minWidth: '130',
                    prop: 'dealTime',
                    label: '装配人员',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                },
                {
                    minWidth: '130',
                    prop: 'dealTissme',
                    label: '编制人',
                    isTrue: true,
                    isSearch: true,
                    searchInfoType: 'text',
                },
                ],
                toolbar: [
                  {
                    text: 'xx',
                    type: 'primary',
                    // fun: this.addOrUpdateHandle
                  },
                ],
                // operator: [],
                // operatorConfig: {}
            },
       }
    },
    medthods: {},
//     computed: {
//     ...mapGetters(['permissions'])
//   },
    components: {
    ttable
    },
}
</script>