|
@@ -4,7 +4,7 @@
|
|
|
ref="table"
|
|
ref="table"
|
|
|
:columns="columns"
|
|
:columns="columns"
|
|
|
width="100%"
|
|
width="100%"
|
|
|
- height="300px"
|
|
|
|
|
|
|
+ :height="internalIsFullscreen ? '400px' : '300px'"
|
|
|
:datasource="datasource"
|
|
:datasource="datasource"
|
|
|
:selection.sync="selection"
|
|
:selection.sync="selection"
|
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
@@ -14,22 +14,43 @@
|
|
|
:need-page="false"
|
|
:need-page="false"
|
|
|
>
|
|
>
|
|
|
<template v-slot:toolbar>
|
|
<template v-slot:toolbar>
|
|
|
- <div class="c_title">工单列表 </div>
|
|
|
|
|
|
|
+ <div class="c_title">工单列表 {{ internalIsFullscreen }}</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<template v-slot:code="{ row }">
|
|
<template v-slot:code="{ row }">
|
|
|
- <el-link type="primary" @click="handRoute(row)" :underline="false" >{{ row.code }}</el-link>
|
|
|
|
|
|
|
+ <el-link type="primary" @click="handRoute(row)" :underline="false">{{
|
|
|
|
|
+ row.code
|
|
|
|
|
+ }}</el-link>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <template v-slot:formingNum="{ row }">
|
|
|
|
|
+ <span >
|
|
|
|
|
+ {{ row.formingNum }} {{ row.unit }}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+ <template v-slot:formingWeight="{ row }">
|
|
|
|
|
+ <span >
|
|
|
|
|
+ {{ row.formingNum }} {{ row.weightUnit }}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</ele-pro-table>
|
|
</ele-pro-table>
|
|
|
|
|
|
|
|
- <routings v-if="routingShow" :routeObj="routeObj" @closeRoute="closeRoute"></routings>
|
|
|
|
|
|
|
+ <routings
|
|
|
|
|
+ v-if="routingShow"
|
|
|
|
|
+ :routeObj="routeObj"
|
|
|
|
|
+ @closeRoute="closeRoute"
|
|
|
|
|
+ ></routings>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import { workorderPage } from '@/api/produce/workOrder.js';
|
|
import { workorderPage } from '@/api/produce/workOrder.js';
|
|
|
import routings from './routings.vue';
|
|
import routings from './routings.vue';
|
|
|
-
|
|
|
|
|
|
|
+ import { isFullscreen } from 'ele-admin';
|
|
|
export default {
|
|
export default {
|
|
|
components: { routings },
|
|
components: { routings },
|
|
|
data() {
|
|
data() {
|
|
@@ -38,7 +59,9 @@
|
|
|
selection: [],
|
|
selection: [],
|
|
|
|
|
|
|
|
routeObj: {},
|
|
routeObj: {},
|
|
|
- routingShow: false
|
|
|
|
|
|
|
+ routingShow: false,
|
|
|
|
|
+
|
|
|
|
|
+ internalIsFullscreen: isFullscreen() // 初始值
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -104,7 +127,77 @@
|
|
|
prop: 'model',
|
|
prop: 'model',
|
|
|
label: '型号',
|
|
label: '型号',
|
|
|
align: 'center'
|
|
align: 'center'
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'priority',
|
|
|
|
|
+ label: '优先级',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ minWidth: 120,
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'formingNum',
|
|
|
|
|
+ label: '要求生产数量',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ slot: 'formingNum',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'formingWeight',
|
|
|
|
|
+ label: '要求生产重量',
|
|
|
|
|
+ slot: 'formingWeight',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'formedNum',
|
|
|
|
|
+ label: '已生产数量',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'formedWeight',
|
|
|
|
|
+ label: '已生产重量',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'planStartTime',
|
|
|
|
|
+ label: '计划开始时间',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'planCompleteTime',
|
|
|
|
|
+ label: '计划结束时间',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'startTime',
|
|
|
|
|
+ label: '实际开始时间',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'createTime',
|
|
|
|
|
+ label: '创建时间',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 110
|
|
|
|
|
+ },
|
|
|
];
|
|
];
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -123,6 +216,16 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {},
|
|
created() {},
|
|
|
|
|
+
|
|
|
|
|
+ mounted() {
|
|
|
|
|
+ // 添加窗口resize事件监听器
|
|
|
|
|
+ window.addEventListener('resize', this.handleResize);
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ beforeDestroy() {
|
|
|
|
|
+ // 组件销毁前移除事件监听器,防止内存泄漏
|
|
|
|
|
+ window.removeEventListener('resize', this.handleResize);
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
/* 表格数据源 */
|
|
/* 表格数据源 */
|
|
|
datasource({ page, where }) {
|
|
datasource({ page, where }) {
|
|
@@ -152,15 +255,17 @@
|
|
|
rowClick() {},
|
|
rowClick() {},
|
|
|
|
|
|
|
|
handRoute(row) {
|
|
handRoute(row) {
|
|
|
- this.routeObj = row;
|
|
|
|
|
- this.routingShow = true;
|
|
|
|
|
|
|
+ this.routeObj = row;
|
|
|
|
|
+ this.routingShow = true;
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
closeRoute() {
|
|
closeRoute() {
|
|
|
this.routingShow = false;
|
|
this.routingShow = false;
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
|
|
+ handleResize() {
|
|
|
|
|
+ this.internalIsFullscreen = isFullscreen();
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|