Blame view

ant-design-vue-jeecg/src/views/system/receipt/modules/ReceiptHeaderModal.vue 5.34 KB
肖超群 authored
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
    :cancelText="$t('button.close')">
肖超群 authored
11
12
13
14
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-row>
          <a-col :span="24">
pengyongcheng authored
15
            <a-form-model-item :label="$t('config.company')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyCode">
肖超群 authored
16
17
              <a-select
                show-search
pengyongcheng authored
18
                :placeholder="$t('config.selectCompany')"
肖超群 authored
19
20
                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
              </a-select>
肖超群 authored
26
27
            </a-form-model-item>
          </a-col>
肖超群 authored
28
肖超群 authored
29
          <a-col :span="24">
wangpengyu authored
30
            <a-form-model-item :label="$t('receipt.receiptType')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">
肖超群 authored
31
32
              <a-select
                show-search
wangpengyu authored
33
                :placeholder="$t('receipt.selectReceiptType')"
肖超群 authored
34
35
                option-filter-prop="children"
                v-model="model.type">
肖超群 authored
36
37
38
39
                <a-select-option v-for="item in receiptTypeList" :key="item.name" :value="item.code">{{
                    item.name
                  }}
                </a-select-option>
肖超群 authored
40
              </a-select>
肖超群 authored
41
42
            </a-form-model-item>
          </a-col>
肖超群 authored
43
肖超群 authored
44
          <a-col :span="24">
wangpengyu authored
45
            <a-form-model-item :label="$t('receipt.supplier')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="supplierCode">
肖超群 authored
46
47
              <a-select
                show-search
wangpengyu authored
48
                :placeholder="$t('receipt.selectSupplier')"
肖超群 authored
49
50
                option-filter-prop="children"
                v-model="model.supplierCode">
肖超群 authored
51
52
53
54
                <a-select-option v-for="item in supplierList" :key="item.name" :value="item.code">{{
                    item.name
                  }}
                </a-select-option>
肖超群 authored
55
              </a-select>
肖超群 authored
56
57
            </a-form-model-item>
          </a-col>
肖超群 authored
58
肖超群 authored
59
          <a-col :span="24">
wangpengyu authored
60
61
            <a-form-model-item :label="$t('receipt.remark')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
              <a-input v-model="model.remark" :placeholder="$t('config.inputRemark')"></a-input>
肖超群 authored
62
63
            </a-form-model-item>
          </a-col>
肖超群 authored
64
肖超群 authored
65
66
67
68
69
70
71
72
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
肖超群 authored
73
74
75
76
77
import {httpAction} from '@/api/manage'
import {validateDuplicateValue} from '@/utils/util'
import {getCompanyList} from '@/api/api'
import {getReceiptTypeList} from '@/api/api'
import {getSupplierList} from '@/api/api'
78
import { translateResultMessage } from '@/api/api'
肖超群 authored
79
肖超群 authored
80
81
82
83
84
export default {
  name: "ReceiptHeaderModal",
  components: {},
  data() {
    return {
谭毅彬 authored
85
      title: this.$t('system.options'),
肖超群 authored
86
87
88
89
90
91
92
93
94
95
96
97
98
99
      width: 800,
      visible: false,
      companyList: [],
      receiptTypeList: [],
      supplierList: [],
      model: {},
      labelCol: {
        xs: {span: 24},
        sm: {span: 5},
      },
      wrapperCol: {
        xs: {span: 24},
        sm: {span: 16},
      },
肖超群 authored
100
肖超群 authored
101
102
103
      confirmLoading: false,
      validatorRules: {
        type: [
wangpengyu authored
104
          {required: true, message: this.$t('receipt.inputReceiptType')},
肖超群 authored
105
106
107
108
109
        ],
      },
      url: {
        add: "/receipt/receiptHeader/add",
        edit: "/receipt/receiptHeader/edit",
肖超群 authored
110
      }
肖超群 authored
111
112
113
114

    }
  },
  created() {
肖超群 authored
115
    //备份model原始值
肖超群 authored
116
117
118
119
120
    this.modelDefault = JSON.parse(JSON.stringify(this.model));
    this.loadFrom();
  },
  methods: {
    add() {
121
      let record={companyCode: this.companyList[0].code, type: this.receiptTypeList[0].code}
122
      this.edit(record);
肖超群 authored
123
    },
肖超群 authored
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
    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
147
          }
肖超群 authored
148
149
          httpAction(httpurl, this.model, method).then((res) => {
            if (res.success) {
150
              that.$message.success(translateResultMessage(res, res.message))
肖超群 authored
151
152
              that.$emit('ok');
            } else {
153
              that.$message.warning(translateResultMessage(res, res.message))
肖超群 authored
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
            }
          }).finally(() => {
            that.confirmLoading = false;
            that.close();
          })
        } else {
          return false
        }
      })
    },
    handleCancel() {
      this.close()
    },
    loadFrom() {
      getCompanyList().then((res) => {
        if (res.success) {
          this.companyList = res.result
        }
      });
      getReceiptTypeList().then((res) => {
        if (res.success) {
          this.receiptTypeList = res.result
        }
      });
      getSupplierList().then((res) => {
        if (res.success) {
          this.supplierList = res.result
        }
      });
    },
肖超群 authored
184
185

  }
肖超群 authored
186
}
肖超群 authored
187
</script>