Blame view

ant-design-vue-jeecg/src/views/task/modules/PalletBillModal.vue 9.48 KB
1
2
3
4
5
6
7
8
9
<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
谭毅彬 authored
10
11
    :cancelText="$t('button.close')"
  >
12
13
14
15
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-row>
          <a-col :span="24">
谭毅彬 authored
16
17
18
19
20
21
22
            <a-form-model-item
              :label="$t('pallet.containerCode')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="containercode"
            >
              <a-input v-model="model.containercode" placeholder="请输入托盘码"></a-input>
23
24
25
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
26
27
28
29
30
31
32
            <a-form-model-item
              :label="$t('pallet.outboundOrderCode')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="outboundordercode"
            >
              <a-input v-model="model.outboundordercode" :placeholder="$t('pallet.inputOutboundOrderCode')"></a-input>
33
34
35
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
36
37
38
39
40
41
42
            <a-form-model-item
              :label="$t('pallet.waybillcode')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="waybillcode"
            >
              <a-input v-model="model.waybillcode" :placeholder="$t('pallet.inputWaybillcode')"></a-input>
43
44
45
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
46
47
48
49
50
51
52
            <a-form-model-item
              :label="$t('pallet.lecangsCode')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="code"
            >
              <a-input v-model="model.code" :placeholder="$t('pallet.inputLecangsCode')"></a-input>
53
54
55
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
56
57
58
59
60
61
62
            <a-form-model-item
              :label="$t('pallet.barcode')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="barcodes"
            >
              <a-input v-model="model.barcodes" :placeholder="$t('pallet.inputBarcode')"></a-input>
63
64
65
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
66
67
            <a-form-model-item :label="$t('pallet.packPlanNum')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="packplannum">
              <a-input-number v-model="model.packplannum" placeholder="请输入计划数量" style="width: 100%" />
68
69
70
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
71
72
73
74
75
76
77
78
79
80
81
            <a-form-model-item
              :label="$t('pallet.waybillPdfUrl')"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="waybillpdfurl"
            >
              <a-input v-model="model.waybillpdfurl" placeholder="请输入面单下载地址"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item :label="$t('pallet.length')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="editlength">
谭毅彬 authored
82
              <a-input v-model="model.editlength" placeholder="请输入长度"></a-input>
83
84
85
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
86
            <a-form-model-item :label="$t('pallet.width')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="editwidth">
谭毅彬 authored
87
              <a-input v-model="model.editwidth" placeholder="请输入宽度"></a-input>
88
89
90
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
91
            <a-form-model-item :label="$t('pallet.height')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="editheight">
谭毅彬 authored
92
              <a-input v-model="model.editheight" placeholder="请输入高度"></a-input>
93
94
95
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
96
            <a-form-model-item :label="$t('pallet.weight')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="editgrossweight">
谭毅彬 authored
97
              <a-input v-model="model.editgrossweight" placeholder="请输入重量"></a-input>
98
99
100
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
101
            <a-form-model-item :label="$t('pallet.scanType')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="scantype">
谭毅彬 authored
102
              <a-input v-model="model.scantype" placeholder="请输入扫码类型"></a-input>
103
104
105
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
106
            <a-form-model-item :label="$t('pallet.scanContent')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="scancontent">
谭毅彬 authored
107
              <a-input v-model="model.scancontent" placeholder="请输入已扫条码"></a-input>
108
109
110
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
111
            <a-form-model-item :label="$t('pallet.isDownload')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="isdownload">
112
              <j-dict-select-tag type="list" v-model="model.isdownload" dictCode="is_download" placeholder="请选择面单下载状态" />
113
114
115
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
116
            <a-form-model-item
谭毅彬 authored
117
              :label="$t('pallet.waybillLocalUrl')"
谭毅彬 authored
118
119
120
121
122
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="waybilllocalurl"
            >
              <a-input v-model="model.waybilllocalurl" placeholder="请输入面单存放地址"></a-input>
123
124
125
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
126
127
            <a-form-model-item :label="$t('pallet.unstackStatus')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="isunstack" >
              <j-dict-select-tag type="list" v-model="model.isunstack" dictCode="is_un_stack_status" placeholder="请选择拆垛状态" />
128
129
130
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
131
132
            <a-form-model-item :label="$t('pallet.stackStatus')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="isstack" >
              <j-dict-select-tag type="list" v-model="model.isstack" dictCode="is_stack_status" placeholder="请选择拆垛状态" />
133
134
135
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
136
            <a-form-model-item :label="$t('pallet.isPrint')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="isprint">
谭毅彬 authored
137
              <j-dict-select-tag type="list" v-model="model.isprint" dictCode="yes_no_status" placeholder="请输入发送打印机状态" />
138
139
140
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
谭毅彬 authored
141
            <a-form-model-item :label="$t('pallet.isCheckWaybill')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ischeckwaybill">
谭毅彬 authored
142
              <j-dict-select-tag type="list" v-model="model.ischeckwaybill" dictCode="yes_no_status" placeholder="请输入面单复核状态" />
143
144
145
146
147
148
149
150
151
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
谭毅彬 authored
152
153
import { httpAction } from '@/api/manage'
import { validateDuplicateValue } from '@/utils/util'
154
谭毅彬 authored
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
export default {
  name: 'PalletBillModal',
  components: {},
  props: {
    mainId: {
      type: String,
      required: false,
      default: ''
    }
  },
  data() {
    return {
      title: '操作',
      width: 800,
      visible: false,
      model: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
      },
179
谭毅彬 authored
180
181
182
183
184
185
186
187
188
189
190
191
192
      confirmLoading: false,
      validatorRules: {
        packplannum: [{ required: true, message: '请输入计划数量!' }],
        isdownload: [{ required: true, message: '请输入面单下载状态!' }],
        isunstack: [{ required: true, message: '请输入拆垛状态!' }],
        isstack: [{ required: true, message: '请输入码垛状态!' }],
        isprint: [{ required: true, message: '请输入发送打印机状态!' }],
        ischeckwaybill: [{ required: true, message: '请输入面单复核状态!' }],
        pallettaskid: [{ required: true, message: '请输入托盘任务ID!' }]
      },
      url: {
        add: '/task/palletTask/addPalletBill',
        edit: '/task/palletTask/editPalletBill'
193
      }
谭毅彬 authored
194
195
196
197
198
199
200
201
202
    }
  },
  created() {
    //备份model原始值
    this.modelDefault = JSON.parse(JSON.stringify(this.model))
  },
  methods: {
    add() {
      this.edit(this.modelDefault)
203
    },
谭毅彬 authored
204
205
206
    edit(record) {
      this.model = Object.assign({}, record)
      this.visible = true
207
    },
谭毅彬 authored
208
209
210
211
    close() {
      this.$emit('close')
      this.visible = false
      this.$refs.form.clearValidate()
212
    },
谭毅彬 authored
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
    handleOk() {
      const that = this
      // 触发表单验证
      this.$refs.form.validate(valid => {
        if (valid) {
          that.confirmLoading = true
          let httpurl = ''
          let method = ''
          if (!this.model.id) {
            httpurl += this.url.add
            method = 'post'
          } else {
            httpurl += this.url.edit
            method = 'put'
          }
          this.model['pallettaskid'] = this.mainId
          httpAction(httpurl, this.model, method)
            .then(res => {
              if (res.success) {
                that.$message.success(res.message)
                that.$emit('ok')
              } else {
                that.$message.warning(res.message)
236
237
              }
            })
谭毅彬 authored
238
239
240
241
242
243
244
245
246
247
248
            .finally(() => {
              that.confirmLoading = false
              that.close()
            })
        } else {
          return false
        }
      })
    },
    handleCancel() {
      this.close()
249
250
    }
  }
谭毅彬 authored
251
}
252
</script>