Blame view

ant-design-vue-jeecg/src/views/system/shipment/modules/ShipmentHeaderHistoryModal.vue 5.03 KB
易文鹏 authored
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-row>
          <a-col :span="24">
肖超群 authored
15
            <a-form-model-item label="货主" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyCode">
易文鹏 authored
16
17
18
19
20
              <a-select
                show-search
                placeholder="请选择货主"
                option-filter-prop="children"
                v-model="model.companyCode">
肖超群 authored
21
22
23
24
                <a-select-option v-for="item in companyList" :key="item.name" :value="item.code">{{
                    item.name
                  }}
                </a-select-option>
易文鹏 authored
25
26
27
28
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
肖超群 authored
29
            <a-form-model-item label="出库单类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">
易文鹏 authored
30
31
32
33
34
              <a-select
                show-search
                placeholder="请选择出库单类型"
                option-filter-prop="children"
                v-model="model.type">
肖超群 authored
35
36
37
38
                <a-select-option v-for="item in shipmentTypeList" :key="item.name" :value="item.code">{{
                    item.name
                  }}
                </a-select-option>
易文鹏 authored
39
40
41
42
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
肖超群 authored
43
            <a-form-model-item label="客户编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="customerCode">
易文鹏 authored
44
45
46
47
48
              <a-select
                show-search
                placeholder="请选择客户编码"
                option-filter-prop="children"
                v-model="model.customerCode">
肖超群 authored
49
50
51
52
                <a-select-option v-for="item in customerList" :key="item.name" :value="item.code">{{
                    item.name
                  }}
                </a-select-option>
易文鹏 authored
53
54
55
56
57
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="出库单备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
肖超群 authored
58
              <a-input v-model="model.remark" placeholder="请输入出库单备注"></a-input>
易文鹏 authored
59
60
61
62
63
64
65
66
67
68
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
肖超群 authored
69
70
71
import {httpAction} from '@/api/manage'
import {validateDuplicateValue} from '@/utils/util'
import {getCompanyList, getCustomerList, getShipmentTypeList} from '@api/api'
易文鹏 authored
72
肖超群 authored
73
74
75
76
77
export default {
  name: "ShipmentHeaderHistoryModal",
  components: {},
  data() {
    return {
78
79
80
      companyList: [],
      shipmentTypeList: [],
      customerList: [],
肖超群 authored
81
82
83
84
85
86
87
88
89
90
91
92
      title: "操作",
      width: 800,
      visible: false,
      model: {},
      labelCol: {
        xs: {span: 24},
        sm: {span: 5},
      },
      wrapperCol: {
        xs: {span: 24},
        sm: {span: 16},
      },
易文鹏 authored
93
肖超群 authored
94
95
96
97
98
99
100
101
102
      confirmLoading: false,
      validatorRules: {
        type: [
          {required: true, message: '请输入出库单类型!'},
        ],
      },
      url: {
        add: "/shipment/shipmentHeaderHistory/add",
        edit: "/shipment/shipmentHeaderHistory/edit",
易文鹏 authored
103
      }
肖超群 authored
104
105
106
107

    }
  },
  created() {
易文鹏 authored
108
    //备份model原始值
肖超群 authored
109
110
111
112
113
114
    this.modelDefault = JSON.parse(JSON.stringify(this.model));
    this.loadFrom();
  },
  methods: {
    add() {
      this.edit(this.modelDefault);
易文鹏 authored
115
    },
肖超群 authored
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
    edit(record) {
      this.model = Object.assign({}, record);
      this.visible = true;
    },
    close() {
      this.$emit('close');
      this.visible = false;
      this.$refs.form.clearValidate();
    },
    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';
易文鹏 authored
139
          }
肖超群 authored
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
          httpAction(httpurl, this.model, method).then((res) => {
            if (res.success) {
              that.$message.success(res.message);
              that.$emit('ok');
            } else {
              that.$message.warning(res.message);
            }
          }).finally(() => {
            that.confirmLoading = false;
            that.close();
          })
        } else {
          return false
        }
      })
    },
    handleCancel() {
      this.close()
    },
    loadFrom() {
      getCompanyList().then((res) => {
        if (res.success) {
          this.companyList = res.result
        }
      });
      getShipmentTypeList().then((res) => {
        if (res.success) {
          this.shipmentTypeList = res.result
        }
      });
      getCustomerList().then((res) => {
        if (res.success) {
          this.customerList = res.result
        }
      });
    },
易文鹏 authored
176
177

  }
肖超群 authored
178
}
易文鹏 authored
179
</script>