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
| <template>
| <a-modal
| title="选择入库口"
| width="300px"
| :visible="visible"
| dialogClass="zero-modal"
| @cancel="handleCancel"
| >
| <div class="shk-in-entrance-select-modal">
| <a-select style="width: 100%" v-model="entranceCode" placeholder="请选择入库口">
| <a-select-option v-for="(item,index) in preferredPortList" :key="index" :value="item.code">{{ item.name }}</a-select-option>
| </a-select>
| </div>
| <template slot="footer">
| <a-button key="back" @click="handleCancel">取消</a-button>
| <a-button type="primary" key="ok" :disabled="!entranceCode" @click="onConfirm">确认</a-button>
| </template>
| </a-modal>
| </template>
|
| <script>
| import { FoamingRuKuOrderExecuteTask } from '@/api/modular/main/FoamingRuKuOrderManage'
| export default {
| name:'shkInEntranceSelectModal',
| emits:['update:visible','callback'],
| props:{
| visible:{
| type:Boolean,
| default:false
| },
| preferredPortList:{
| type:Array,
| default:function(){
| return []
| }
| },
| did:{
| type:[Number,null],
| default:null
| }
| },
| data(){
| return {
| entranceCode:undefined
| }
| },
| watch:{
| visible:{
| immediate:true,
| handler(newV,oldV){
| if (newV!==oldV){
| this.initShow()
| this.handleClose()
| }
| }
| }
| },
| created(){
|
| },
| methods:{
| handleCancel(){
| this.$emit('update:visible',false)
| },
| initShow(){
| if (this.visible) {
|
| }
| },
| handleClose(){
| if (!this.visible) {
| this.entranceCode = undefined
| }
| },
| onConfirm(){
| this.$loading.show()
| let params = {
| id:this.did,
| entranceCode:this.entranceCode
| }
| FoamingRuKuOrderExecuteTask(params).then(()=>{
| this.$loading.hide()
| this.$message.success('操作成功');
| this.$emit('callback')
| this.handleCancel()
| }).catch(()=>{
| this.$loading.hide()
| })
| }
| }
| }
| </script>
|
| <style lang="less" scoped>
| .shk-in-entrance-select-modal{
| padding: 8px 16px;
| }
| </style>
|
|
