|
@@ -1,133 +1,35 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="index_box">
|
|
|
|
|
- <div class="content_box">
|
|
|
|
|
- <Search></Search>
|
|
|
|
|
-
|
|
|
|
|
- <ele-split-layout
|
|
|
|
|
- space="0px"
|
|
|
|
|
- width="45%"
|
|
|
|
|
- :resizable="true"
|
|
|
|
|
- :min-size="200"
|
|
|
|
|
- :max-size="-200"
|
|
|
|
|
- :left-style="{
|
|
|
|
|
- background: 'rgba(185, 182, 229, .4)',
|
|
|
|
|
- overflow: 'hidden',
|
|
|
|
|
- width: '100%'
|
|
|
|
|
- }"
|
|
|
|
|
- :right-style="{ overflow: 'hidden' }"
|
|
|
|
|
- :responsive="false"
|
|
|
|
|
- style="height: calc(100vh - 70px - 50px - 40px)"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="left_main">
|
|
|
|
|
- <produceOrder
|
|
|
|
|
- @workSelect="workSelect"
|
|
|
|
|
- @rowClick="rowClick"
|
|
|
|
|
- ></produceOrder>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <template v-slot:content>
|
|
|
|
|
- <div class="right_main">
|
|
|
|
|
- <pickDetails ref="pickListRef"></pickDetails>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </ele-split-layout>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!--领料弹框 -->
|
|
|
|
|
- <picking
|
|
|
|
|
- v-if="pickingShow"
|
|
|
|
|
- @close="pickingClose"
|
|
|
|
|
- :workListIds="workListIds"
|
|
|
|
|
- ></picking>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
- import Search from '@/views/produce/components/search.vue';
|
|
|
|
|
|
|
|
|
|
- import produceOrder from '@/views/produce/components/produceOrder.vue';
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- import picking from '@/views/produce/components/picking/index.vue';
|
|
|
|
|
- import pickDetails from '@/views/produce/components/picking/details.vue';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
- Search,
|
|
|
|
|
- produceOrder,
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
- picking,
|
|
|
|
|
- pickDetails,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- loading: false,
|
|
|
|
|
- operationType: null,
|
|
|
|
|
- workListIds: [],
|
|
|
|
|
|
|
|
|
|
- pickingShow: false,
|
|
|
|
|
|
|
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
|
computed: {
|
|
|
- taskObj() {
|
|
|
|
|
- return this.$store.state.user.taskObj;
|
|
|
|
|
- }
|
|
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
created() {
|
|
created() {
|
|
|
- this.operationType = null;
|
|
|
|
|
- this.workListIds = [];
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- workSelect(data) {
|
|
|
|
|
- this.workListIds = data;
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- footBtn(t) {
|
|
|
|
|
- this.operationType = t;
|
|
|
|
|
-
|
|
|
|
|
- if (
|
|
|
|
|
- Object.keys(this.$store.state.user.taskObj).length === 0 &&
|
|
|
|
|
- this.$store.state.user.taskObj.constructor === Object
|
|
|
|
|
- ) {
|
|
|
|
|
- this.$message.warning('请选择工序');
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- if (['pick', 'feed', 'job'].includes(t)) {
|
|
|
|
|
- if (this.workListIds.length == 0) {
|
|
|
|
|
- this.$message.warning('请选择工单列表');
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- if (t == 'pick') {
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
|
- this.$refs.pickListRef.getList(this.workListIds);
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- this.pickingShow = true;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- if (t == 'feed') {
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- pickingClose(val) {
|
|
|
|
|
- if (val) {
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
|
- this.$refs.pickListRef.getList(this.workListIds);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- this.pickingShow = false;
|
|
|
|
|
- }
|
|
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
mounted() {},
|
|
mounted() {},
|
|
@@ -135,98 +37,3 @@
|
|
|
destroyed() {}
|
|
destroyed() {}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
-<style>
|
|
|
|
|
- .new-ele-admin-tabs {
|
|
|
|
|
- display: none !important;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .c_title {
|
|
|
|
|
- color: #157a2c;
|
|
|
|
|
- font-size: 18px;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .tableZ_box {
|
|
|
|
|
- border: 1px solid #e3e5e5;
|
|
|
|
|
- margin: 6px 0;
|
|
|
|
|
-
|
|
|
|
|
- &:last-child {
|
|
|
|
|
- border-bottom: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .row {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .col {
|
|
|
|
|
- width: calc(100% / 5);
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- min-width: 200px;
|
|
|
|
|
- min-height: 32px;
|
|
|
|
|
- border-bottom: 1px solid #e3e5e5;
|
|
|
|
|
- border-right: 1px solid #e3e5e5;
|
|
|
|
|
-
|
|
|
|
|
- &:last-child {
|
|
|
|
|
- border-right: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .name {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- padding: 4px;
|
|
|
|
|
- width: 80px;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- background-color: #d0e4d5;
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .content {
|
|
|
|
|
- padding: 4px 6px;
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .pd6 {
|
|
|
|
|
- padding: 0 6px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-</style>
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
|
- .index_box {
|
|
|
|
|
- padding: 8px;
|
|
|
|
|
- padding-bottom: 0px;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
-
|
|
|
|
|
- min-width: 1280px !important;
|
|
|
|
|
- height: calc(100vh - 100px);
|
|
|
|
|
- overflow-x: auto;
|
|
|
|
|
- /* 当内容超出宽度时,允许水平滚动 */
|
|
|
|
|
- white-space: nowrap;
|
|
|
|
|
- /* 防止内部文本换行,确保所有内容都在一行显示 */
|
|
|
|
|
- scrollbar-width: thin;
|
|
|
|
|
- /* 设置滚动条宽度(浏览器兼容性可能有所不同) */
|
|
|
|
|
- scrollbar-color: #40a9ff transparent;
|
|
|
|
|
- /* 设置滚动条颜色和轨道颜色(同样,浏览器兼容性) */
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- .left_main {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- justify-content: space-around;
|
|
|
|
|
- min-width: 640px;
|
|
|
|
|
- height: calc((100vh - 70px - 50px - 40px - 12px));
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .right_main {
|
|
|
|
|
- min-width: 640px;
|
|
|
|
|
- height: calc((100vh - 70px - 50px - 40px - 12px));
|
|
|
|
|
- margin-top: 6px;
|
|
|
|
|
- background: #f0f3f3;
|
|
|
|
|
- }
|
|
|
|
|
-</style>
|
|
|