生产报表页面调整

src/views/statisticalAnalysis/productionData.js

@@ -1,3 +1,248 @@
 export default {
-    
+    1: [
+        {
+            label: '交付中心',
+            prop: 'rlueId',
+        },
+        {
+            label: '调度人员',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '班组长/外协',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '计划部门',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期完成项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期未完项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '在途项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '总项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时率',
+            prop: 'rlueName',
+
+        },
+    ],
+    2: [
+        {
+            label: '交付中心',
+            prop: 'rlueId',
+        },
+        {
+            label: '调度人员',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '班组长/外协',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '计划部门',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期完成项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期未完项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '在途项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '总项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时率',
+            prop: 'rlueName',
+
+        },
+    ],
+    3: [
+        {
+            label: '调度员',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '班组长',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '镀种小类',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '使用部门',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '平均加工周期(h)',
+            prop: 'rlueName',
+
+        },
+    ],
+    4: [
+        {
+            label: '工序',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期完成项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '拖期未完项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '在途项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '总项',
+            prop: 'rlueName',
+
+        },
+        {
+            label: '准时率',
+            prop: 'rlueName',
+
+        },
+    ],
+    5: [
+        {
+            label: '车间订单号',
+            prop: 'rlueName',
+        },
+        {
+            label: '零件号',
+            prop: 'rlueName',
+        },
+        {
+            label: '批次号',
+            prop: 'rlueName',
+        },
+        {
+            label: '实验项目',
+            prop: 'rlueName',
+        },
+        {
+            label: '标准',
+            prop: 'rlueName',
+        },
+        {
+            label: '检验员',
+            prop: 'rlueName',
+        },
+        {
+            label: '检验数量',
+            prop: 'rlueName',
+        },
+        {
+            label: '检验日期',
+            prop: 'rlueName',
+        },
+        {
+            label: '工时定额',
+            prop: 'rlueName',
+        },
+        {
+            label: '准备工时',
+            prop: 'rlueName',
+        },
+        {
+            label: '总工时',
+            prop: 'rlueName',
+        },
+    ],
+    6: [
+        {
+            label: '调度员',
+            prop: 'rlueName',
+        },
+        {
+            label: '保管员',
+            prop: 'rlueName',
+        },
+        {
+            label: '镀种',
+            prop: 'rlueName',
+        },
+        {
+            label: '班组长',
+            prop: 'rlueName',
+        },
+        {
+            label: '外协',
+            prop: 'rlueName',
+        },
+        {
+            label: '计划部门',
+            prop: 'rlueName',
+        },
+        {
+            label: '批次',
+            prop: 'rlueName',
+        },
+         {
+            label: '数量(件)',
+            prop: 'rlueName',
+        },
+    ]
 }

src/views/statisticalAnalysis/productionReport.vue

@@ -11,8 +11,8 @@
             <el-tab-pane label="玻璃饼" name="bolibing"></el-tab-pane>
         </el-tabs>
         <!-- 内容 -->
-        <el-row>
+        <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form :inline="true" :model="formInline" class="demo-form-inline">
+            <el-row>
                 <el-col :span="6">
                     <el-form-item label="统计类型">
                         <el-select v-model="formInline.type" class="m-2" placeholder="请选择" size="small"
@@ -22,13 +22,24 @@
                         </el-select>
                     </el-form-item>
                 </el-col>
+                <el-col :span="6">
+                    <el-form-item label="选择日期">
+                        <el-date-picker v-model="value1" type="daterange" range-separator="~" start-placeholder="开始时间"  end-placeholder="结束时间" size="small" style="width: 200px" />
+                    </el-form-item>
+                </el-col>
                 <el-col :span="6">
                     <el-form-item label="调度员">
-                        <el-input v-model="formInline.user" placeholder="请输入" clearable />
+                        <el-input v-model="formInline.user" placeholder="请输入" clearable size="small"
+                            style="width: 200px" />
                     </el-form-item>
                 </el-col>
-            </el-form>
+                <el-col :span="6">
-        </el-row>
+                    <el-button type="primary" size="small" icon="search">查询</el-button>
+                    <el-button size="small" icon="refreshLeft">重置</el-button>
+                    <el-button size="small" icon="download" type="primary">导出</el-button>
+                </el-col>
+            </el-row>
+        </el-form>
         <!-- 表格数据 -->
         <avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
             @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
@@ -37,14 +48,14 @@
     </basic-container>
 </template>
 <script>
-// import productionData from './productionData.js'
+import productionCol from './productionData.js'
 export default {
     data() {
         return {
             tabPosition: 'rebiao',
             formInline: {
                 type: '',//统计类型
-                user:'',//调度员
+                user: '',//调度员
             },
             productionData: {
                 "rebiao": [
@@ -107,21 +118,20 @@ export default {
         }
     },
     methods: {
-        tabPositionChange(value,event) {
+        tabPositionChange(value, event) {
-            console.log(888,value,event)
             this.formInline.type = this.productionData[value][0].value
-            this.option.column = []
+            this.option.column = productionCol[this.formInline.type]
         }
     },
     mounted() {
         this.formInline.type = this.productionData.rebiao[0].value
-        this.option.column = []
+        this.option.column = productionCol[this.formInline.type]
     },
 }
 </script>
 
 <style lang="scss" scoped>
-:deep(.el-card__body){
+:deep(.el-card__body) {
     padding: 0 12px 0 12px !important;
 }
 </style>