|
@@ -1,199 +1,201 @@
|
|
<template>
|
|
<template>
|
|
- <a-modal
|
|
|
|
- v-model="opened"
|
|
|
|
- :title="title"
|
|
|
|
- centered
|
|
|
|
- :maskClosable="false"
|
|
|
|
- :confirmLoading="confirmLoading"
|
|
|
|
- :width="960"
|
|
|
|
- :footer="null"
|
|
|
|
- @cancel="cancel"
|
|
|
|
- >
|
|
|
|
- <a-spin :spinning="spinning" tip="Loading...">
|
|
|
|
- <a-form-model
|
|
|
|
- id="chooseCustom-form"
|
|
|
|
- ref="ruleForm"
|
|
|
|
- :model="form"
|
|
|
|
- :rules="rules"
|
|
|
|
- :label-col="formItemLayout.labelCol"
|
|
|
|
- :wrapper-col="formItemLayout.wrapperCol"
|
|
|
|
- >
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="16">
|
|
|
|
- <a-form-model-item label="客户名称" prop="buyerSn" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
|
|
|
|
- <custList ref="custList" :isValidateEnabled="true" id="chooseCustom-buyerSn" @change="custChange" v-model="form.buyerSn"></custList>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8" v-if="$hasPermissions('B_customer_customerInfo_add')">
|
|
|
|
- <a-form-model-item :labelCol="{ span: 0 }" :wrapperCol="{ span: 24 }">
|
|
|
|
- <a-button type="primary" class="button-primary" @click="openNewCust" icon="plus">新增</a-button>
|
|
|
|
- (点击新增按钮新增客户)
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="24">
|
|
|
|
- <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <!-- 客户地址 -->
|
|
|
|
- <a-col span="8">
|
|
|
|
- <a-form-model-item prop="shippingAddressProvinceSn">
|
|
|
|
- <a-select id="chooseCustom-provinceSn" allowClear @change="getCityList" v-model="form.shippingAddressProvinceSn" placeholder="请选择省">
|
|
|
|
- <a-select-option v-for="item in addrProvinceList" :value="item.areaSn" :key="item.areaSn + 'a'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col span="8">
|
|
|
|
- <a-form-model-item prop="shippingAddressCitySn">
|
|
|
|
- <a-select id="chooseCustom-citySn" allowClear @change="getAreaList" v-model="form.shippingAddressCitySn" placeholder="请选择市">
|
|
|
|
- <a-select-option v-for="item in addrCityList" :value="item.areaSn" :key="item.areaSn + 'b'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col span="8">
|
|
|
|
- <a-form-model-item prop="shippingAddressCountySn">
|
|
|
|
- <a-select id="chooseCustom-countySn" allowClear @change="areaCharged" v-model="form.shippingAddressCountySn" placeholder="请选择区/县">
|
|
|
|
- <a-select-option v-for="item in addrDistrictList" :value="item.areaSn" :key="item.areaSn + 'c'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="24">
|
|
|
|
- <a-form-model-item label="详细地址" prop="shippingAddress" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
|
|
|
|
- <a-input
|
|
|
|
- id="chooseCustom-shippingAddress"
|
|
|
|
- :maxLength="60"
|
|
|
|
- v-model="form.shippingAddress"
|
|
|
|
- placeholder="请输入详细地址(最多60个字符)"
|
|
|
|
- allowClear />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="联系人" prop="consigneeName">
|
|
|
|
- <a-input
|
|
|
|
- id="chooseCustom-consigneeName"
|
|
|
|
- :maxLength="30"
|
|
|
|
- v-model="form.consigneeName"
|
|
|
|
- placeholder="请输入联系人(最多30个字符)"
|
|
|
|
- allowClear />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="联系电话" prop="consigneeTel">
|
|
|
|
- <a-input
|
|
|
|
- id="chooseCustom-consigneeTel"
|
|
|
|
- :maxLength="15"
|
|
|
|
- v-model="form.consigneeTel"
|
|
|
|
- placeholder="请输入联系电话(最多15个字符)"
|
|
|
|
- allowClear />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="联系手机" prop="contactMobile">
|
|
|
|
- <a-input
|
|
|
|
- id="chooseCustom-contactMobile"
|
|
|
|
- :maxLength="11"
|
|
|
|
- v-model="form.contactMobile"
|
|
|
|
- placeholder="请输入联系电话(最多11个字符)"
|
|
|
|
- allowClear />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="价格类型" prop="priceType">
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="20">
|
|
|
|
- <v-select
|
|
|
|
- code="PRICE_TYPE"
|
|
|
|
- :disabled="priceTypeDisabled"
|
|
|
|
- id="chooseCustom-priceType"
|
|
|
|
- v-model="form.priceType"
|
|
|
|
- allowClear
|
|
|
|
- placeholder="请选择价格类型" ></v-select>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="4">
|
|
|
|
- <a-popover>
|
|
|
|
- <template slot="content">(选择后在当前工单不可修改)</template>
|
|
|
|
- <a-icon type="question-circle" />
|
|
|
|
- </a-popover>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <!-- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="支付方式" prop="payType">
|
|
|
|
- <v-select code="PAY_TYPE" id="chooseCustom-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col> -->
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="收款方式" prop="settleStyleSn">
|
|
|
|
- <a-select placeholder="请选择收款方式" allowClear v-model="form.settleStyleSn">
|
|
|
|
- <a-select-option v-for="item in settleStyleList" :key="item.settleStyleSn" :value="item.settleStyleSn">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="配送方式" prop="dispatchType">
|
|
|
|
- <v-select code="DISPATCH_TYPE" id="chooseCustom-dispatchType" v-model="form.dispatchType" allowClear placeholder="请选择配送方式"></v-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="业务员" prop="salesManSn">
|
|
|
|
- <a-select id="chooseCustom-salesManSn" allowClear @change="salesManChange" v-model="form.salesManSn" placeholder="请选择业务员">
|
|
|
|
- <a-select-option v-for="item in userList" :value="item.employeeSn" :key="item.id + 'c'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="铺货出库" prop="distributionFlag">
|
|
|
|
- <v-select code="FLAG" id="chooseCustom-distributionFlag" v-model="form.distributionFlag" allowClear placeholder="请选择"></v-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="备注" prop="remarks">
|
|
|
|
- <a-input
|
|
|
|
- id="chooseCustom-remarks"
|
|
|
|
- type="textarea"
|
|
|
|
- :maxLength="100"
|
|
|
|
- v-model="form.remarks"
|
|
|
|
- placeholder="请输入备注(最多100个字符)"
|
|
|
|
- allowClear />
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col :span="8">
|
|
|
|
- <a-form-model-item label="开单人">{{ $store.state.user.info.userNameCN }}</a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
- <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
|
|
|
|
- <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
|
|
|
|
- <a-button @click="cancel" style="margin-left: 15px" id="chooseCustom-btn-back">取消</a-button>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-form-model>
|
|
|
|
- <!-- 新增客户 -->
|
|
|
|
- <a-modal
|
|
|
|
- v-model="isNewCust"
|
|
|
|
- title="新增客户"
|
|
|
|
- centered
|
|
|
|
- :width="960"
|
|
|
|
- :maskClosable="false"
|
|
|
|
- @cancel="cancelNewCust"
|
|
|
|
- :footer="null"
|
|
|
|
- >
|
|
|
|
- <CustomerManagementEdit ref="newCust" model="modal" @ok="newCustFun"></CustomerManagementEdit>
|
|
|
|
- </a-modal>
|
|
|
|
- </a-spin>
|
|
|
|
- </a-modal>
|
|
|
|
|
|
+ <div v-if="opened">
|
|
|
|
+ <a-modal
|
|
|
|
+ v-model="opened"
|
|
|
|
+ :title="title"
|
|
|
|
+ centered
|
|
|
|
+ :maskClosable="false"
|
|
|
|
+ :confirmLoading="confirmLoading"
|
|
|
|
+ :width="960"
|
|
|
|
+ :footer="null"
|
|
|
|
+ @cancel="cancel"
|
|
|
|
+ >
|
|
|
|
+ <a-spin :spinning="spinning" tip="Loading...">
|
|
|
|
+ <a-form-model
|
|
|
|
+ id="chooseCustom-form"
|
|
|
|
+ ref="ruleForm"
|
|
|
|
+ :model="form"
|
|
|
|
+ :rules="rules"
|
|
|
|
+ :label-col="formItemLayout.labelCol"
|
|
|
|
+ :wrapper-col="formItemLayout.wrapperCol"
|
|
|
|
+ >
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="16">
|
|
|
|
+ <a-form-model-item label="客户名称" prop="buyerSn" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
|
|
|
|
+ <custList ref="custList" :isValidateEnabled="true" id="chooseCustom-buyerSn" @change="custChange" v-model="form.buyerSn"></custList>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8" v-if="$hasPermissions('B_customer_customerInfo_add')">
|
|
|
|
+ <a-form-model-item :labelCol="{ span: 0 }" :wrapperCol="{ span: 24 }">
|
|
|
|
+ <a-button type="primary" class="button-primary" @click="openNewCust" icon="plus">新增</a-button>
|
|
|
|
+ (点击新增按钮新增客户)
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="24">
|
|
|
|
+ <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <!-- 客户地址 -->
|
|
|
|
+ <a-col span="8">
|
|
|
|
+ <a-form-model-item prop="shippingAddressProvinceSn">
|
|
|
|
+ <a-select id="chooseCustom-provinceSn" allowClear @change="getCityList" v-model="form.shippingAddressProvinceSn" placeholder="请选择省">
|
|
|
|
+ <a-select-option v-for="item in addrProvinceList" :value="item.areaSn" :key="item.areaSn + 'a'">{{ item.name }}</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col span="8">
|
|
|
|
+ <a-form-model-item prop="shippingAddressCitySn">
|
|
|
|
+ <a-select id="chooseCustom-citySn" allowClear @change="getAreaList" v-model="form.shippingAddressCitySn" placeholder="请选择市">
|
|
|
|
+ <a-select-option v-for="item in addrCityList" :value="item.areaSn" :key="item.areaSn + 'b'">{{ item.name }}</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col span="8">
|
|
|
|
+ <a-form-model-item prop="shippingAddressCountySn">
|
|
|
|
+ <a-select id="chooseCustom-countySn" allowClear @change="areaCharged" v-model="form.shippingAddressCountySn" placeholder="请选择区/县">
|
|
|
|
+ <a-select-option v-for="item in addrDistrictList" :value="item.areaSn" :key="item.areaSn + 'c'">{{ item.name }}</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="24">
|
|
|
|
+ <a-form-model-item label="详细地址" prop="shippingAddress" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
|
|
|
|
+ <a-input
|
|
|
|
+ id="chooseCustom-shippingAddress"
|
|
|
|
+ :maxLength="60"
|
|
|
|
+ v-model="form.shippingAddress"
|
|
|
|
+ placeholder="请输入详细地址(最多60个字符)"
|
|
|
|
+ allowClear />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="联系人" prop="consigneeName">
|
|
|
|
+ <a-input
|
|
|
|
+ id="chooseCustom-consigneeName"
|
|
|
|
+ :maxLength="30"
|
|
|
|
+ v-model="form.consigneeName"
|
|
|
|
+ placeholder="请输入联系人(最多30个字符)"
|
|
|
|
+ allowClear />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="联系电话" prop="consigneeTel">
|
|
|
|
+ <a-input
|
|
|
|
+ id="chooseCustom-consigneeTel"
|
|
|
|
+ :maxLength="15"
|
|
|
|
+ v-model="form.consigneeTel"
|
|
|
|
+ placeholder="请输入联系电话(最多15个字符)"
|
|
|
|
+ allowClear />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="联系手机" prop="contactMobile">
|
|
|
|
+ <a-input
|
|
|
|
+ id="chooseCustom-contactMobile"
|
|
|
|
+ :maxLength="11"
|
|
|
|
+ v-model="form.contactMobile"
|
|
|
|
+ placeholder="请输入联系电话(最多11个字符)"
|
|
|
|
+ allowClear />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="价格类型" prop="priceType">
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="20">
|
|
|
|
+ <v-select
|
|
|
|
+ code="PRICE_TYPE"
|
|
|
|
+ :disabled="priceTypeDisabled"
|
|
|
|
+ id="chooseCustom-priceType"
|
|
|
|
+ v-model="form.priceType"
|
|
|
|
+ allowClear
|
|
|
|
+ placeholder="请选择价格类型" ></v-select>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="4">
|
|
|
|
+ <a-popover>
|
|
|
|
+ <template slot="content">(选择后在当前工单不可修改)</template>
|
|
|
|
+ <a-icon type="question-circle" />
|
|
|
|
+ </a-popover>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <!-- <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="支付方式" prop="payType">
|
|
|
|
+ <v-select code="PAY_TYPE" id="chooseCustom-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col> -->
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="收款方式" prop="settleStyleSn">
|
|
|
|
+ <a-select placeholder="请选择收款方式" allowClear v-model="form.settleStyleSn">
|
|
|
|
+ <a-select-option v-for="item in settleStyleList" :key="item.settleStyleSn" :value="item.settleStyleSn">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ </a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="配送方式" prop="dispatchType">
|
|
|
|
+ <v-select code="DISPATCH_TYPE" id="chooseCustom-dispatchType" v-model="form.dispatchType" allowClear placeholder="请选择配送方式"></v-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="业务员" prop="salesManSn">
|
|
|
|
+ <a-select id="chooseCustom-salesManSn" allowClear @change="salesManChange" v-model="form.salesManSn" placeholder="请选择业务员">
|
|
|
|
+ <a-select-option v-for="item in userList" :value="item.employeeSn" :key="item.id + 'c'">{{ item.name }}</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="铺货出库" prop="distributionFlag">
|
|
|
|
+ <v-select code="FLAG" id="chooseCustom-distributionFlag" v-model="form.distributionFlag" allowClear placeholder="请选择"></v-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row :gutter="15">
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="备注" prop="remarks">
|
|
|
|
+ <a-input
|
|
|
|
+ id="chooseCustom-remarks"
|
|
|
|
+ type="textarea"
|
|
|
|
+ :maxLength="100"
|
|
|
|
+ v-model="form.remarks"
|
|
|
|
+ placeholder="请输入备注(最多100个字符)"
|
|
|
|
+ allowClear />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="8">
|
|
|
|
+ <a-form-model-item label="开单人">{{ $store.state.user.info.userNameCN }}</a-form-model-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
|
|
|
|
+ <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
|
|
|
|
+ <a-button @click="cancel" style="margin-left: 15px" id="chooseCustom-btn-back">取消</a-button>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ </a-form-model>
|
|
|
|
+ <!-- 新增客户 -->
|
|
|
|
+ <a-modal
|
|
|
|
+ v-model="isNewCust"
|
|
|
|
+ title="新增客户"
|
|
|
|
+ centered
|
|
|
|
+ :width="960"
|
|
|
|
+ :maskClosable="false"
|
|
|
|
+ @cancel="cancelNewCust"
|
|
|
|
+ :footer="null"
|
|
|
|
+ >
|
|
|
|
+ <CustomerManagementEdit ref="newCust" model="modal" @ok="newCustFun"></CustomerManagementEdit>
|
|
|
|
+ </a-modal>
|
|
|
|
+ </a-spin>
|
|
|
|
+ </a-modal>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|