| 
					
				 | 
			
			
				@@ -1,253 +1,212 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <div class="customerManagementEdit-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <a-page-header :ghost="false" @back="handleBack" class="customerManagementEdit-back"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 自定义的二级文字标题 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="subTitle"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a id="customerManagementEdit-back-btn" href="javascript:;" @click="handleBack">返回列表</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </a-page-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <a-card :bordered="false" class="customerManagementEdit-table-page-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-form-model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id="customerManagementEdit-form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ref="ruleForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :model="form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :rules="rules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :label-col="formItemLayout.labelCol" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :wrapper-col="formItemLayout.wrapperCol" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="客户名称" prop="name"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-name" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.name" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请输入客户名称(最多30个字符)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="联系手机" prop="mobile"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-mobile" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="11" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.mobile" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请输入联系手机(最多11个字符)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="联系人" prop="contact"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-contact" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.contact" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请输入联系人(最多30个字符)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="16"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 4 }" :wrapperCol="{ span: 20 }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <!-- 客户地址 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <a-form-model-item prop="provinceId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <a-select id="customerManagementEdit-provinceId" @change="getCityList" v-model="form.provinceId" placeholder="请选择省"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <a-form-model-item prop="cityId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <a-select id="customerManagementEdit-cityId" @change="getAreaList" v-model="form.cityId" placeholder="请选择市"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <a-form-model-item prop="areaId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <a-select id="customerManagementEdit-areaId" @change="areaCharged" v-model="form.areaId" placeholder="请选择区/县"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <a-select-option v-for="item in addrAreaList" :value="item.id" :key="item.id + '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="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="详细地址" prop="address"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-address" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="60" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.address" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                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="fax"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-fax" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="30" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.fax" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请输入客户传真(最多30个字符)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="配送方式" prop="distributionType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <v-select code="DISPATCH_FASHION" id="customerManagementEdit-distributionType" v-model="form.distributionType" allowClear placeholder="请选择配送方式"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="是否卫星仓客户" prop="contactPhone"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-select id="customerManagementEdit-areaCode" v-model="form.areaCode" placeholder="请选择"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-select-option v-for="item in addrAreaList" :value="item.id" :key="item.id + 'c'">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="客户类型" prop="custType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-select id="customerManagementEdit-custType" v-model="form.custType" allowClear placeholder="请选择客户类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-select-option v-for="item in custTypeList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="价格类型" ref="priceType" prop="priceType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <v-select code="PRICE_TYPE" id="customerManagementEdit-priceType" v-model="form.priceType" @change="changess" allowClear placeholder="请选择价格类型"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="支付方式" prop="payType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <v-select code="PAY_FASHION" id="customerManagementEdit-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="收款方式" prop="paymentType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <v-select code="RECEIPT_PAYMENT" id="customerManagementEdit-paymentType" v-model="form.paymentType" allowClear placeholder="请选择收款方式"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-model-item label="联系电话" prop="contactTel"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="customerManagementEdit-contactTel" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :maxLength="20" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="form.contactTel" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请输入联系电话(最多20个字符)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </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" @click="handleSubmit" id="customerManagementEdit-btn-submit" style="padding: 0 60px;">保存</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	<div class="customerManagementEdit-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<a-page-header :ghost="false" @back="handleBack" class="customerManagementEdit-back"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 自定义的二级文字标题 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<template slot="subTitle"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<a id="customerManagementEdit-back-btn" href="javascript:;" @click="handleBack">返回列表</a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		</a-page-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<a-card :bordered="false" class="customerManagementEdit-table-page-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<a-form-model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				id="customerManagementEdit-form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				ref="ruleForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:model="form" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:rules="rules" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:label-col="formItemLayout.labelCol" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:wrapper-col="formItemLayout.wrapperCol" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="客户名称" prop="name"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-name" :maxLength="30" v-model="form.name" placeholder="请输入客户名称(最多30个字符)" allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="联系手机" prop="mobile"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-mobile" :maxLength="11" v-model="form.mobile" placeholder="请输入联系手机(最多11个字符)" allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="联系人" prop="contact"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-contact" :maxLength="30" v-model="form.contact" placeholder="请输入联系人(最多30个字符)" allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				</a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="16"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 4 }" :wrapperCol="{ span: 20 }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<!-- 客户地址 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<a-form-model-item prop="provinceId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										<a-select id="customerManagementEdit-provinceId" @change="getCityList" v-model="form.provinceId" placeholder="请选择省"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											<a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										</a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<a-form-model-item prop="cityId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										<a-select id="customerManagementEdit-cityId" @change="getAreaList" v-model="form.cityId" placeholder="请选择市"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											<a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										</a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<a-col span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<a-form-model-item prop="areaId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										<a-select id="customerManagementEdit-areaId" @change="areaCharged" v-model="form.areaId" placeholder="请选择区/县"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											<a-select-option v-for="item in addrAreaList" :value="item.id" :key="item.id + '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="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="详细地址" prop="address"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-address" :maxLength="60" v-model="form.address" 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="fax"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-fax" :maxLength="30" v-model="form.fax" placeholder="请输入客户传真(最多30个字符)" allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="配送方式" prop="distributionType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<v-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								code="DISPATCH_FASHION" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								id="customerManagementEdit-distributionType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								v-model="form.distributionType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								placeholder="请选择配送方式" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="是否卫星仓客户" prop="contactPhone"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-select id="customerManagementEdit-areaCode" v-model="form.areaCode" placeholder="请选择"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<a-select-option v-for="item in addrAreaList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							</a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				</a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="客户类型" prop="custType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-select id="customerManagementEdit-custType" v-model="form.custType" allowClear placeholder="请选择客户类型"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<a-select-option v-for="item in custTypeList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							</a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="价格类型" ref="priceType" prop="priceType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<v-select code="PRICE_TYPE" id="customerManagementEdit-priceType" v-model="form.priceType" allowClear placeholder="请选择价格类型" ></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="支付方式" prop="payType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<v-select code="PAY_FASHION" id="customerManagementEdit-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				</a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="收款方式" prop="paymentType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<v-select code="RECEIPT_PAYMENT" id="customerManagementEdit-paymentType" v-model="form.paymentType" allowClear placeholder="请选择收款方式"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<a-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<a-form-model-item label="联系电话" prop="contactTel"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							<a-input id="customerManagementEdit-contactTel" :maxLength="20" v-model="form.contactTel" placeholder="请输入联系电话(最多20个字符)" allowClear /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						</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" @click="handleSubmit" id="customerManagementEdit-btn-submit" style="padding: 0 60px;">保存</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				</a-form-model-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</a-form-model> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		</a-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { STable, VSelect } from '@/components' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { getProvince, getCityByPro, getDistrictByCity } from '@/api/data' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { custSave } from '@/api/customer' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { custSave, custFindById } from '@/api/customer' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { custTypeFindAll } from '@/api/custType' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  name: 'customerManagementEdit', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  components: { STable, VSelect }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      formItemLayout: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        labelCol: { span: 8 }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        wrapperCol: { span: 16 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      form: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        name: '', // 客户名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        mobile: '',  //  联系手机 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        contact: '',  //  联系人 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        provinceId: undefined, //  省 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        province: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        cityId: undefined, // 市 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        city: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        areaId: undefined, // 区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        area: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        address: '', //  详细地址 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        fax: '',  //  客户传真 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        distributionType: '',  //  配送方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        remarks: '',  //  是否卫星仓客户 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        custType: undefined,  //  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        priceType: '',  //  价格类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        payType: '',  //  支付方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        paymentType: '',  //  收款方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        contactTel: '',  //  联系电话 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        name: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请输入客户名称', trigger: 'blur' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        mobile: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请输入联系手机', trigger: 'blur' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        provinceId: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择省', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        cityId: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择市', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        areaId: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择区/县', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        priceType: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择价格类型', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        payType: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择支付方式', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        paymentType: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          { required: true, message: '请选择收款方式', trigger: 'change' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      addrProvinceList: [], //  省下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      addrCityList: [], //  市下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      addrAreaList: [], //  区下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      custTypeList: [],  //  客户类型  下拉数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    changess(val){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      console.log(val) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      console.log(this.form.priceType) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    //  获取客户信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getDetail () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // goodsFind({ id: this.$route.params.id }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      //   if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      //     this.form = Object.assign(this.form, res.data) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      //   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    //  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getCustTypeList(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      custTypeFindAll({}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if(res.status == 200){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.custTypeList = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    //  保存 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    handleSubmit (e) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      e.preventDefault() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.$refs.ruleForm.validate(valid => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if (valid) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	name: 'customerManagementEdit', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	components: { STable, VSelect }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			formItemLayout: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				labelCol: { span: 8 }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				wrapperCol: { span: 16 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			form: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				name: '', // 客户名称 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				mobile: '', //  联系手机 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				contact: '', //  联系人 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				provinceId: undefined, //  省 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				province: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				cityId: undefined, // 市 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				city: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				areaId: undefined, // 区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				area: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				address: '', //  详细地址 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				fax: '', //  客户传真 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				distributionType: '', //  配送方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				remarks: '', //  是否卫星仓客户 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				custType: undefined, //  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				priceType: '', //  价格类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				payType: '', //  支付方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				paymentType: '', //  收款方式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				contactTel: '' //  联系电话 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				mobile: [{ required: true, message: '请输入联系手机', trigger: 'blur' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				provinceId: [{ required: true, message: '请选择省', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				cityId: [{ required: true, message: '请选择市', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				areaId: [{ required: true, message: '请选择区/县', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				custType: [{ required: true, message: '请选择客户类型', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				payType: [{ required: true, message: '请选择支付方式', trigger: 'change' }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				paymentType: [{ required: true, message: '请选择收款方式', trigger: 'change' }] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			addrProvinceList: [], //  省下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			addrCityList: [], //  市下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			addrAreaList: [], //  区下拉 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			custTypeList: [] //  客户类型  下拉数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		//  获取客户信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getDetail() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			custFindById({ id: this.itemId }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					// this.detailsData = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.$refs.ruleForm.resetFields() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		//  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getCustTypeList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			custTypeFindAll({}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  if(res.status == 200){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			    this.custTypeList = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		//  保存 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		handleSubmit(e) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			e.preventDefault() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.$refs.ruleForm.validate(valid => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (valid) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           const form = _this.form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           form.id = this.$route.params.id ? this.$route.params.id : null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           let areas = [ form.provinceId, form.cityId, form.areaId ] 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -263,104 +222,105 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               }, 1000) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          console.log('error submit!!') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          return false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    //  返回列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    handleBack(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.$router.push({ path: '/salesManagement/customerManagement/list' }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    // 获取省列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getProvinceList () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getProvince().then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrProvinceList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrProvinceList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    // 获取城市列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getCityList (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrProvinceList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if(item.id == val){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          _this.form.province = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrCityList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.cityId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.areaId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.getCityListRequest(val) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getCityListRequest (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getCityByPro({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id: val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrCityList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrCityList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    // 获取区县列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getAreaList (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrCityList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if(item.id == val){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          _this.form.city = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.areaId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.getAreaListRequest(val) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getAreaListRequest (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      getDistrictByCity({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id: val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrAreaList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    // 区县变更 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    areaCharged (val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.addrAreaList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        if(item.id == val){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          _this.form.area = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  beforeRouteEnter (to, from, next) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    next(vm => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      vm.getProvinceList()  //  省市区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      vm.getCustTypeList()  //  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      vm.$refs.ruleForm.resetFields() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      if (vm.$route.params.id) { //  编辑页 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        vm.getDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					console.log('error submit!!') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					return false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		//  返回列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		handleBack() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.$router.push({ path: '/salesManagement/customerManagement/list' }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 获取省列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getProvinceList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			getProvince().then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrProvinceList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrProvinceList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 获取城市列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getCityList(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrProvinceList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (item.id == val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					_this.form.province = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrCityList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.cityId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.areaId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.getCityListRequest(val) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getCityListRequest(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			getCityByPro({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				id: val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrCityList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrCityList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 获取区县列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getAreaList(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrCityList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (item.id == val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					_this.form.city = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.areaId = undefined 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.getAreaListRequest(val) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		getAreaListRequest(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			getDistrictByCity({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				id: val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrAreaList = res.data || [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.addrAreaList = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 区县变更 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		areaCharged(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.addrAreaList.map(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				if (item.id == val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					_this.form.area = item.name 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			this.form.address = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	beforeRouteEnter(to, from, next) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		next(vm => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			vm.getProvinceList()  //  省市区 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			vm.getCustTypeList() //  客户类型 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			vm.$refs.ruleForm.resetFields() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			if (vm.$route.params.id) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				//  编辑页 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				vm.getDetail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="less"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .customerManagementEdit-wrap{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    .customerManagementEdit-back{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      margin-bottom: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.customerManagementEdit-wrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	.customerManagementEdit-back { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		margin-bottom: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 |