#

Junjie

2024-08-19 18147c6baeb59f3427eba5904614e924a6a72785

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<script setup>
import { ref, nextTick } from 'vue';
import { get, post, postBlob, postForm } from '@/utils/request.js'
import { formatMessage } from '@/utils/localeUtils.js';
import { message } from 'ant-design-vue';
 
const formTable = ref(null);
const submitButton = ref(null);
const isSave = ref(true);
const open = ref(false);
const initFormData = {}
let formData = ref(initFormData);
 
const emit = defineEmits(['tableReload'])
 
const handleOk = (e) => {
    nextTick(() => {
        setTimeout(() => {
            submitButton.value.$el.click();
        }, 100);
    });
};
 
const onFinish = values => {
    // console.log('Success:', values);
    open.value = false;
    post('/api/locTypeBind/init', formData.value).then((resp) => {
        let result = resp.data;
        if (result.code === 200) {
            message.success(formatMessage('page.add.success', '初始化成功'));
        } else {
            message.error(result.msg);
        }
        emit('tableReload', 'reload')
        nextTick(() => {
            formTable.value.resetFields()
        })
    })
};
const onFinishFailed = errorInfo => {
    console.log('Failed:', errorInfo);
};
 
const locQueryList = ref(null);
locQuery();
function locQuery() {
    postForm('/api/loc/query', {}).then(resp => {
        let result = resp.data;
        locQueryList.value = result.data;
    })
}
const locTypeQueryList = ref(null);
locTypeQuery();
function locTypeQuery() {
    post('/api/locType/tree', {}).then(resp => {
        let result = resp.data;
        locTypeQueryList.value = result.data;
    })
}
const userQueryList = ref(null);
userQuery();
function userQuery() {
    postForm('/api/user/query', {}).then(resp => {
        let result = resp.data;
        userQueryList.value = result.data;
    })
}
 
 
defineExpose({
    open,
})
 
</script>
 
<script>
export default {
    name: '库位类型绑定-init'
}
</script>
 
<template>
    <div>
        <a-modal v-model:open="open" :title="formatMessage('page.init', '初始化')" @ok="handleOk" style="width: 600px;">
            <a-form :model="formData" ref="formTable" name="formTable" :label-col="{ span: 8 }"
                :wrapper-col="{ span: 16 }" style="display: flex;justify-content: space-between;flex-wrap: wrap;"
                autocomplete="off" @finish="onFinish" @finishFailed="onFinishFailed">
                <a-form-item :label="formatMessage('db.man_loc_area_type.type_id', '库位类型')" name="typeId"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-tree-select v-model:value="formData.typeId" show-search style="width: 100%"
                        :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                        :placeholder="formatMessage('page.input', '请输入')" allow-clea tree-data-simple-mode
                        :tree-data="locTypeQueryList" tree-node-filter-prop="name" :field-names="{
                            children: 'children',
                            label: 'name',
                            value: 'id',
                        }">
                        <template #title="{ value: id, name }">
                            {{ name }}
                        </template>
                    </a-tree-select>
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.start_row', '起始排')" name="startRow"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.startRow" />
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.target_row', '结束排')" name="targetRow"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.targetRow" />
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.start_bay', '起始列')" name="startBay"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.startBay" />
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.target_bay', '结束列')" name="targetBay"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.targetBay" />
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.start_lev', '起始层')" name="startLev"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.startLev" />
                </a-form-item>
                <a-form-item :label="formatMessage('db.man_loc_area_type.target_lev', '结束层')" name="targetLev"
                    style="width: 250px;" :rules="[{ required: true }]">
                    <a-input v-model:value="formData.targetLev" />
                </a-form-item>
 
                <a-form-item>
                    <a-button type="primary" html-type="submit" ref="submitButton"
                        style="visibility: hidden;">Submit</a-button>
                </a-form-item>
            </a-form>
        </a-modal>
    </div>
</template>
 
<style></style>