|
@@ -1,35 +1,66 @@
|
|
<template>
|
|
<template>
|
|
- <a-modal centered class="addShop-modal" :footer="null" :maskClosable="false" :title="modalTit" v-model="isShow"
|
|
|
|
- @cancle="isShow=false" :width="1000">
|
|
|
|
|
|
+ <a-modal
|
|
|
|
+ centered
|
|
|
|
+ class="addShop-modal"
|
|
|
|
+ :footer="null"
|
|
|
|
+ :maskClosable="false"
|
|
|
|
+ :title="modalTit"
|
|
|
|
+ v-model="isShow"
|
|
|
|
+ @cancle="isShow=false"
|
|
|
|
+ :width="1000">
|
|
<a-form id="addShop-form" :form="form" ref="form" v-bind="formItemLayout" @submit="handleSubmit">
|
|
<a-form id="addShop-form" :form="form" ref="form" v-bind="formItemLayout" @submit="handleSubmit">
|
|
<a-form-item label="店铺名称" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="店铺名称" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
- <a-input id="addShop-name" :maxLength="30" v-decorator="[
|
|
|
|
|
|
+ <a-input
|
|
|
|
+ id="addShop-name"
|
|
|
|
+ :maxLength="30"
|
|
|
|
+ v-decorator="[
|
|
'formData.name',
|
|
'formData.name',
|
|
{ initialValue: formData.name, getValueFromEvent: $filterEmpty, rules: [{ message: '请输入网点名称' }] }
|
|
{ initialValue: formData.name, getValueFromEvent: $filterEmpty, rules: [{ message: '请输入网点名称' }] }
|
|
- ]" placeholder="请输入店铺名称(最多30个字符)" allowClear />
|
|
|
|
|
|
+ ]"
|
|
|
|
+ placeholder="请输入店铺名称(最多30个字符)"
|
|
|
|
+ allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item label="电话" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="电话" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
- <a-input id="addShop-mobile" :maxLength="11" type="number" :disabled="!isEdit && itemId!=''" v-decorator="[
|
|
|
|
|
|
+ <a-input
|
|
|
|
+ id="addShop-mobile"
|
|
|
|
+ :maxLength="11"
|
|
|
|
+ type="number"
|
|
|
|
+ :disabled="!isEdit && itemId!=''"
|
|
|
|
+ v-decorator="[
|
|
'formData.mobile',
|
|
'formData.mobile',
|
|
{ initialValue: formData.mobile, getValueFromEvent: $filterEmpty, rules: [{ required: true, message: '请输入电话' },{pattern:/^[1][0-9]{10}$/, message: '请输入正确的骑手电话!'}] }
|
|
{ initialValue: formData.mobile, getValueFromEvent: $filterEmpty, rules: [{ required: true, message: '请输入电话' },{pattern:/^[1][0-9]{10}$/, message: '请输入正确的骑手电话!'}] }
|
|
- ]" placeholder="请输入电话" allowClear />
|
|
|
|
|
|
+ ]"
|
|
|
|
+ placeholder="请输入电话"
|
|
|
|
+ allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item label="所属骑手" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="所属骑手" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
- <a-select id="addShop-riderId" placeholder="请选择" allowClear v-decorator="[
|
|
|
|
|
|
+ <a-select
|
|
|
|
+ id="addShop-riderId"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ allowClear
|
|
|
|
+ v-decorator="[
|
|
'formData.riderId',
|
|
'formData.riderId',
|
|
{ initialValue: formData.riderId}
|
|
{ initialValue: formData.riderId}
|
|
- ]" :showSearch="true" option-filter-prop="children" :filter-option="filterOption">
|
|
|
|
- <a-select-option v-for="item in lableData" :key="item.userId" :value="item.userId">{{ item.userName+'-'}}{{item.userMobile}}
|
|
|
|
|
|
+ ]"
|
|
|
|
+ :showSearch="true"
|
|
|
|
+ option-filter-prop="children"
|
|
|
|
+ :filter-option="filterOption">
|
|
|
|
+ <a-select-option v-for="item in lableData" :key="item.userId" :value="item.userId">{{ item.userName+'-' }}{{ item.userMobile }}
|
|
</a-select-option>
|
|
</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
- <a-form-item label="地址" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol"
|
|
|
|
|
|
+ <a-form-item
|
|
|
|
+ label="地址"
|
|
|
|
+ :label-col="formItemLayout.labelCol"
|
|
|
|
+ :wrapper-col="formItemLayout.wrapperCol"
|
|
style="margin: 0;">
|
|
style="margin: 0;">
|
|
<a-row :gutter="20">
|
|
<a-row :gutter="20">
|
|
<!-- 地址 -->
|
|
<!-- 地址 -->
|
|
<a-col span="8">
|
|
<a-col span="8">
|
|
<a-form-item>
|
|
<a-form-item>
|
|
- <a-select id="addShop-provinceCode" @change="getCityList"
|
|
|
|
|
|
+ <a-select
|
|
|
|
+ id="addShop-provinceCode"
|
|
|
|
+ @change="getCityList"
|
|
v-decorator="['formData.reverseReceiveAddress.provinceCode', { initialValue: formData.reverseReceiveAddress.provinceCode}]"
|
|
v-decorator="['formData.reverseReceiveAddress.provinceCode', { initialValue: formData.reverseReceiveAddress.provinceCode}]"
|
|
placeholder="请选择省">
|
|
placeholder="请选择省">
|
|
<a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}
|
|
<a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}
|
|
@@ -39,9 +70,11 @@
|
|
</a-col>
|
|
</a-col>
|
|
<a-col span="8">
|
|
<a-col span="8">
|
|
<a-form-item prop="cityCode">
|
|
<a-form-item prop="cityCode">
|
|
- <a-select id="addShop-cityCode"
|
|
|
|
|
|
+ <a-select
|
|
|
|
+ id="addShop-cityCode"
|
|
v-decorator="['formData.reverseReceiveAddress.cityCode', { initialValue: formData.reverseReceiveAddress.cityCode}]"
|
|
v-decorator="['formData.reverseReceiveAddress.cityCode', { initialValue: formData.reverseReceiveAddress.cityCode}]"
|
|
- @change="getAreaList" placeholder="请选择市">
|
|
|
|
|
|
+ @change="getAreaList"
|
|
|
|
+ placeholder="请选择市">
|
|
<a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}
|
|
<a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}
|
|
</a-select-option>
|
|
</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
@@ -49,9 +82,11 @@
|
|
</a-col>
|
|
</a-col>
|
|
<a-col span="8">
|
|
<a-col span="8">
|
|
<a-form-item prop="districtCode">
|
|
<a-form-item prop="districtCode">
|
|
- <a-select id="addShop-districtCode"
|
|
|
|
|
|
+ <a-select
|
|
|
|
+ id="addShop-districtCode"
|
|
v-decorator="['formData.reverseReceiveAddress.districtCode', { initialValue: formData.reverseReceiveAddress.districtCode}]"
|
|
v-decorator="['formData.reverseReceiveAddress.districtCode', { initialValue: formData.reverseReceiveAddress.districtCode}]"
|
|
- @change="areaCharged" placeholder="请选择区/县">
|
|
|
|
|
|
+ @change="areaCharged"
|
|
|
|
+ placeholder="请选择区/县">
|
|
<a-select-option v-for="item in addrDistrictList" :value="item.id" :key="item.id + 'c'">{{ item.name }}
|
|
<a-select-option v-for="item in addrDistrictList" :value="item.id" :key="item.id + 'c'">{{ item.name }}
|
|
</a-select-option>
|
|
</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
@@ -60,30 +95,43 @@
|
|
</a-row>
|
|
</a-row>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item label="详细地址" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="详细地址" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
- <a-input id="addShop-receiveAddress" :maxLength="30" v-decorator="[
|
|
|
|
|
|
+ <a-input
|
|
|
|
+ id="addShop-receiveAddress"
|
|
|
|
+ :maxLength="30"
|
|
|
|
+ v-decorator="[
|
|
'formData.reverseReceiveAddress.receiveAddress',
|
|
'formData.reverseReceiveAddress.receiveAddress',
|
|
{ initialValue: formData.reverseReceiveAddress.receiveAddress, getValueFromEvent: $filterEmpty }
|
|
{ initialValue: formData.reverseReceiveAddress.receiveAddress, getValueFromEvent: $filterEmpty }
|
|
- ]" placeholder="请输入详细地址(最多30个字符)" allowClear />
|
|
|
|
|
|
+ ]"
|
|
|
|
+ placeholder="请输入详细地址(最多30个字符)"
|
|
|
|
+ allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-row :gutter="30">
|
|
<a-row :gutter="30">
|
|
<a-col :span="10">
|
|
<a-col :span="10">
|
|
<a-form-item label="纬度" :label-col="{ span: 10 }" :wrapper-col="{ span: 14 }">
|
|
<a-form-item label="纬度" :label-col="{ span: 10 }" :wrapper-col="{ span: 14 }">
|
|
- <a-input id="network-edit-lat" v-decorator="[
|
|
|
|
|
|
+ <a-input
|
|
|
|
+ id="network-edit-lat"
|
|
|
|
+ v-decorator="[
|
|
'formData.reverseReceiveAddress.lat',
|
|
'formData.reverseReceiveAddress.lat',
|
|
{ initialValue: formData.reverseReceiveAddress.lat, rules: [
|
|
{ initialValue: formData.reverseReceiveAddress.lat, rules: [
|
|
{ pattern: /^[\-\+]?([0-8]?\d{1}\.\d{1,8}|90\.0{1,8})$/, message: '请输入正确的纬度,整数部分为0~90,必须输入1到8位小数' }
|
|
{ pattern: /^[\-\+]?([0-8]?\d{1}\.\d{1,8}|90\.0{1,8})$/, message: '请输入正确的纬度,整数部分为0~90,必须输入1到8位小数' }
|
|
] }
|
|
] }
|
|
- ]" placeholder="请输入纬度" allowClear />
|
|
|
|
|
|
+ ]"
|
|
|
|
+ placeholder="请输入纬度"
|
|
|
|
+ allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="10">
|
|
<a-col :span="10">
|
|
<a-form-item label="经度" :label-col="{ span: 10 }" :wrapper-col="{ span: 14 }">
|
|
<a-form-item label="经度" :label-col="{ span: 10 }" :wrapper-col="{ span: 14 }">
|
|
- <a-input id="network-edit-lng" v-decorator="[
|
|
|
|
|
|
+ <a-input
|
|
|
|
+ id="network-edit-lng"
|
|
|
|
+ v-decorator="[
|
|
'formData.reverseReceiveAddress.lng',
|
|
'formData.reverseReceiveAddress.lng',
|
|
{ initialValue: formData.reverseReceiveAddress.lng, getValueFromEvent: $filterEmpty, rules: [
|
|
{ initialValue: formData.reverseReceiveAddress.lng, getValueFromEvent: $filterEmpty, rules: [
|
|
{ pattern: /^[\-\+]?(0?\d{1,2}\.\d{1,8}|1[0-7]?\d{1}\.\d{1,8}|180\.0{1,8})$/, message: '请输入正确的经度,整数部分为0~180,必须输入1到8位小数' }
|
|
{ pattern: /^[\-\+]?(0?\d{1,2}\.\d{1,8}|1[0-7]?\d{1}\.\d{1,8}|180\.0{1,8})$/, message: '请输入正确的经度,整数部分为0~180,必须输入1到8位小数' }
|
|
] }
|
|
] }
|
|
- ]" placeholder="请输入经度" allowClear />
|
|
|
|
|
|
+ ]"
|
|
|
|
+ placeholder="请输入经度"
|
|
|
|
+ allowClear />
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="4">
|
|
<a-col :span="4">
|
|
@@ -93,9 +141,14 @@
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
<a-form-item label="门头照" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="门头照" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
- <Upload class="upload" id="storeImage-headerImageList"
|
|
|
|
|
|
+ <Upload
|
|
|
|
+ class="upload"
|
|
|
|
+ id="storeImage-headerImageList"
|
|
v-decorator="[ 'headerImageList', { initialValue: headerImageList } ]"
|
|
v-decorator="[ 'headerImageList', { initialValue: headerImageList } ]"
|
|
- ref="storeImage" :fileSize="0.25" @change="getStoreImage" listType="picture-card"></Upload>
|
|
|
|
|
|
+ ref="storeImage"
|
|
|
|
+ :fileSize="0.25"
|
|
|
|
+ @change="getStoreImage"
|
|
|
|
+ listType="picture-card"></Upload>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
|
|
<a-form-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
|
|
<a-button type="primary" html-type="submit" id="addShop-submit" style="margin-right: 15px">保存</a-button>
|
|
<a-button type="primary" html-type="submit" id="addShop-submit" style="margin-right: 15px">保存</a-button>
|
|
@@ -106,290 +159,290 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import {
|
|
|
|
- getProvince,
|
|
|
|
- getCityByPro,
|
|
|
|
- getDistrictByCity
|
|
|
|
- } from '@/api/station'
|
|
|
|
- import {
|
|
|
|
- savShop,
|
|
|
|
- riderData,
|
|
|
|
- shopDetails
|
|
|
|
- } from '@/api/recoveryManage.js'
|
|
|
|
- import {
|
|
|
|
- Upload
|
|
|
|
- } from '@/components'
|
|
|
|
- export default {
|
|
|
|
- name: 'AddShop',
|
|
|
|
- props: {
|
|
|
|
- visible: { // 弹框显示状态
|
|
|
|
- type: Boolean,
|
|
|
|
- default: false
|
|
|
|
- },
|
|
|
|
- itemId: {
|
|
|
|
- type: [Number, String],
|
|
|
|
- default: ''
|
|
|
|
|
|
+import {
|
|
|
|
+ getProvince,
|
|
|
|
+ getCityByPro,
|
|
|
|
+ getDistrictByCity
|
|
|
|
+} from '@/api/station'
|
|
|
|
+import {
|
|
|
|
+ savShop,
|
|
|
|
+ riderData,
|
|
|
|
+ shopDetails
|
|
|
|
+} from '@/api/recoveryManage.js'
|
|
|
|
+import {
|
|
|
|
+ Upload
|
|
|
|
+} from '@/components'
|
|
|
|
+export default {
|
|
|
|
+ name: 'AddShop',
|
|
|
|
+ props: {
|
|
|
|
+ visible: { // 弹框显示状态
|
|
|
|
+ type: Boolean,
|
|
|
|
+ default: false
|
|
|
|
+ },
|
|
|
|
+ itemId: {
|
|
|
|
+ type: [Number, String],
|
|
|
|
+ default: ''
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ // 父页面传过来的弹框状态
|
|
|
|
+ visible (newValue, oldValue) {
|
|
|
|
+ this.isShow = newValue
|
|
|
|
+ },
|
|
|
|
+ // 重定义的弹框状态
|
|
|
|
+ isShow (newValue, oldValue) {
|
|
|
|
+ if (!newValue) {
|
|
|
|
+ this.close()
|
|
|
|
+ this.$emit('close')
|
|
|
|
+ } else {
|
|
|
|
+ console.log(this.isEdit, this.headerImageList, this.formData.reverseReceiveAddress.headerImageList, '===========是否编辑')
|
|
|
|
+ this.pageInit()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- watch: {
|
|
|
|
- // 父页面传过来的弹框状态
|
|
|
|
- visible(newValue, oldValue) {
|
|
|
|
- this.isShow = newValue
|
|
|
|
- },
|
|
|
|
- // 重定义的弹框状态
|
|
|
|
- isShow(newValue, oldValue) {
|
|
|
|
- if (!newValue) {
|
|
|
|
- this.close()
|
|
|
|
- this.$emit('close')
|
|
|
|
- } else {
|
|
|
|
- console.log(this.isEdit,this.headerImageList,this.formData.reverseReceiveAddress.headerImageList,'===========是否编辑')
|
|
|
|
- this.pageInit()
|
|
|
|
|
|
+ itemId (newValue, oldValue) {
|
|
|
|
+ if (this.isShow && newValue) {
|
|
|
|
+ console.log(this.isShow && newValue)
|
|
|
|
+ } else {
|
|
|
|
+ this.isEdit = false
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ components: {
|
|
|
|
+ Upload
|
|
|
|
+ },
|
|
|
|
+ data () {
|
|
|
|
+ return {
|
|
|
|
+ isShow: this.visible, // 是否打开弹框
|
|
|
|
+ form: this.$form.createForm(this),
|
|
|
|
+ formItemLayout: {
|
|
|
|
+ labelCol: {
|
|
|
|
+ span: 4
|
|
|
|
+ },
|
|
|
|
+ wrapperCol: {
|
|
|
|
+ span: 16
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- itemId(newValue, oldValue) {
|
|
|
|
- if (this.isShow && newValue) {
|
|
|
|
- console.log(this.isShow && newValue)
|
|
|
|
- } else {
|
|
|
|
- this.isEdit = false
|
|
|
|
|
|
+ formData: {
|
|
|
|
+ name: null, // 网点名称
|
|
|
|
+ mobile: '',
|
|
|
|
+ riderId: undefined,
|
|
|
|
+ reverseReceiveAddress: {
|
|
|
|
+ provinceCode: undefined, // 省
|
|
|
|
+ provinceName: '',
|
|
|
|
+ cityCode: undefined, // 市
|
|
|
|
+ cityName: '',
|
|
|
|
+ districtCode: undefined, // 区
|
|
|
|
+ districtName: '',
|
|
|
|
+ receiveAddress: '',
|
|
|
|
+ lat: '',
|
|
|
|
+ lng: ''
|
|
}
|
|
}
|
|
- }
|
|
|
|
- },
|
|
|
|
- components: {
|
|
|
|
- Upload
|
|
|
|
|
|
+ },
|
|
|
|
+ headerImageList: '',
|
|
|
|
+ isEdit: false, // 是否可编辑
|
|
|
|
+ goldExRuleNoList: [], // 兑换规则下拉数据
|
|
|
|
+ deliveryTimeRuleNoList: [], // 投递时间段下拉数据
|
|
|
|
+ addrProvinceList: [], // 省下拉
|
|
|
|
+ addrCityList: [], // 市下拉
|
|
|
|
+ addrDistrictList: [], // 区下拉
|
|
|
|
+ lableData: [] // 骑手数据
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ modalTit () {
|
|
|
|
+ return this.itemId ? '编辑' : '新增'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ mounted () {
|
|
|
|
+ this.getRiderData() // 网点标签
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ pageInit () {
|
|
|
|
+ this.getProvinceList()
|
|
|
|
+ this.form.resetFields()
|
|
|
|
+ this.getDetails()
|
|
},
|
|
},
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- isShow: this.visible, // 是否打开弹框
|
|
|
|
- form: this.$form.createForm(this),
|
|
|
|
- formItemLayout: {
|
|
|
|
- labelCol: {
|
|
|
|
- span: 4
|
|
|
|
- },
|
|
|
|
- wrapperCol: {
|
|
|
|
- span: 16
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- formData: {
|
|
|
|
- name: null, // 网点名称
|
|
|
|
- mobile: '',
|
|
|
|
- riderId: undefined,
|
|
|
|
- reverseReceiveAddress: {
|
|
|
|
- provinceCode: undefined, // 省
|
|
|
|
- provinceName: '',
|
|
|
|
- cityCode: undefined, // 市
|
|
|
|
- cityName: '',
|
|
|
|
- districtCode: undefined, // 区
|
|
|
|
- districtName: '',
|
|
|
|
- receiveAddress: '',
|
|
|
|
- lat: '',
|
|
|
|
- lng: ''
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- headerImageList:'',
|
|
|
|
- isEdit: false, // 是否可编辑
|
|
|
|
- goldExRuleNoList: [], // 兑换规则下拉数据
|
|
|
|
- deliveryTimeRuleNoList: [], // 投递时间段下拉数据
|
|
|
|
- addrProvinceList: [], // 省下拉
|
|
|
|
- addrCityList: [], // 市下拉
|
|
|
|
- addrDistrictList: [], // 区下拉
|
|
|
|
- lableData: [] // 骑手数据
|
|
|
|
- }
|
|
|
|
|
|
+ getStoreImage (data) {
|
|
|
|
+ this.headerImageList = data
|
|
},
|
|
},
|
|
- computed: {
|
|
|
|
- modalTit() {
|
|
|
|
- return this.itemId ? '编辑' : '新增'
|
|
|
|
|
|
+ close () {
|
|
|
|
+ this.headerImageList = ''
|
|
|
|
+ this.formData.reverseReceiveAddress.headerImageList = []
|
|
|
|
+ if (this.$refs.storeImage) {
|
|
|
|
+ this.$refs.storeImage.setFileList('')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- mounted() {
|
|
|
|
- this.getRiderData() // 网点标签
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- pageInit() {
|
|
|
|
- this.getProvinceList()
|
|
|
|
- this.form.resetFields()
|
|
|
|
- this.getDetails()
|
|
|
|
- },
|
|
|
|
- getStoreImage(data) {
|
|
|
|
- this.headerImageList = data
|
|
|
|
- },
|
|
|
|
- close(){
|
|
|
|
- this.headerImageList=''
|
|
|
|
- this.formData.reverseReceiveAddress.headerImageList=[]
|
|
|
|
- if (this.$refs.storeImage) {
|
|
|
|
- this.$refs.storeImage.setFileList('')
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 获取详情
|
|
|
|
- getDetails() {
|
|
|
|
- shopDetails({
|
|
|
|
- id: this.itemId
|
|
|
|
- }).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.isEdit = res.data.sourceTypeReserve == 'admin'
|
|
|
|
- // 省市区
|
|
|
|
- this.getCityList(res.data.reverseReceiveAddress && res.data.reverseReceiveAddress.provinceCode ? res
|
|
|
|
- .data.reverseReceiveAddress.provinceCode : undefined)
|
|
|
|
- this.getAreaList(res.data.reverseReceiveAddress && res.data.reverseReceiveAddress.cityCode ? res.data
|
|
|
|
- .reverseReceiveAddress.cityCode : undefined)
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.name': res.data.name
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.mobile': res.data.mobile
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.riderId': res.data.riderId
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.provinceCode': res.data.reverseReceiveAddress.provinceCode ? res
|
|
|
|
|
|
+ // 获取详情
|
|
|
|
+ getDetails () {
|
|
|
|
+ shopDetails({
|
|
|
|
+ id: this.itemId
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.isEdit = res.data.sourceTypeReserve == 'admin'
|
|
|
|
+ // 省市区
|
|
|
|
+ this.getCityList(res.data.reverseReceiveAddress && res.data.reverseReceiveAddress.provinceCode ? res
|
|
|
|
+ .data.reverseReceiveAddress.provinceCode : undefined)
|
|
|
|
+ this.getAreaList(res.data.reverseReceiveAddress && res.data.reverseReceiveAddress.cityCode ? res.data
|
|
|
|
+ .reverseReceiveAddress.cityCode : undefined)
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.name': res.data.name
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.mobile': res.data.mobile
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.riderId': res.data.riderId
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.provinceCode': res.data.reverseReceiveAddress.provinceCode ? res
|
|
.data.reverseReceiveAddress.provinceCode : undefined
|
|
.data.reverseReceiveAddress.provinceCode : undefined
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.cityCode': res.data.reverseReceiveAddress.cityCode ?res.data.reverseReceiveAddress.cityCode:undefined
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.districtCode': res.data.reverseReceiveAddress.districtCode? res.data.reverseReceiveAddress.districtCode:undefined
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.receiveAddress': res.data.reverseReceiveAddress.receiveAddress?res.data.reverseReceiveAddress.receiveAddress:''
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.lat': res.data.reverseReceiveAddress.lat ?res.data.reverseReceiveAddress.lat:''
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.reverseReceiveAddress.lng': res.data.reverseReceiveAddress.lng ?res.data.reverseReceiveAddress.lng:''
|
|
|
|
- })
|
|
|
|
- this.$refs.storeImage.setFileList(res.data.reverseReceiveAddress.headerImageList?res.data.reverseReceiveAddress.headerImageList.join() :'')
|
|
|
|
- // this.form.setFieldsValue({
|
|
|
|
- // 'formData.reverseReceiveAddress.headerImageList': res.data.reverseReceiveAddress.headerImageList?res.data.reverseReceiveAddress.headerImageList.join(',') :''
|
|
|
|
- // })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 保存
|
|
|
|
- handleSubmit(e) {
|
|
|
|
- e.preventDefault()
|
|
|
|
- const _this = this
|
|
|
|
- this.form.validateFields((err, values) => {
|
|
|
|
- console.log(values, '------------')
|
|
|
|
- if (!err) {
|
|
|
|
- const formData = Object.assign(values.formData, {
|
|
|
|
- 'sourceTypeReserve': 'admin'
|
|
|
|
- })
|
|
|
|
- console.log(formData, '-----参数')
|
|
|
|
- formData.id = this.itemId || null
|
|
|
|
- if (formData.reverseReceiveAddress.provinceCode) {
|
|
|
|
- formData.reverseReceiveAddress.provinceName = _this.addrProvinceList.find(item => item.id == formData
|
|
|
|
- .reverseReceiveAddress.provinceCode).name
|
|
|
|
- }
|
|
|
|
- if (formData.reverseReceiveAddress.cityCode) {
|
|
|
|
- formData.reverseReceiveAddress.cityName = _this.addrCityList.find(item => item.id == formData
|
|
|
|
- .reverseReceiveAddress.cityCode).name
|
|
|
|
- }
|
|
|
|
- if (formData.reverseReceiveAddress.districtCode) {
|
|
|
|
- formData.reverseReceiveAddress.districtName = _this.addrDistrictList.find(item => item.id == formData
|
|
|
|
- .reverseReceiveAddress.districtCode).name
|
|
|
|
- }
|
|
|
|
- if(this.headerImageList){
|
|
|
|
- formData.reverseReceiveAddress.headerImageList=this.headerImageList.split(',')
|
|
|
|
- }
|
|
|
|
- if ((formData.reverseReceiveAddress.lat == '' && formData.reverseReceiveAddress.lng == '') && formData
|
|
|
|
- .riderId == '') {
|
|
|
|
- this.$message.error('所属骑手或经纬度至少选择一个')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- savShop(formData).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- _this.$message.success(res.message)
|
|
|
|
- setTimeout(() => {
|
|
|
|
- _this.$emit('refresh')
|
|
|
|
- _this.isShow = false
|
|
|
|
- }, 1000)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.cityCode': res.data.reverseReceiveAddress.cityCode ? res.data.reverseReceiveAddress.cityCode : undefined
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.districtCode': res.data.reverseReceiveAddress.districtCode ? res.data.reverseReceiveAddress.districtCode : undefined
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.receiveAddress': res.data.reverseReceiveAddress.receiveAddress ? res.data.reverseReceiveAddress.receiveAddress : ''
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.lat': res.data.reverseReceiveAddress.lat ? res.data.reverseReceiveAddress.lat : ''
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.reverseReceiveAddress.lng': res.data.reverseReceiveAddress.lng ? res.data.reverseReceiveAddress.lng : ''
|
|
|
|
+ })
|
|
|
|
+ this.$refs.storeImage.setFileList(res.data.reverseReceiveAddress.headerImageList ? res.data.reverseReceiveAddress.headerImageList.join() : '')
|
|
|
|
+ // this.form.setFieldsValue({
|
|
|
|
+ // 'formData.reverseReceiveAddress.headerImageList': res.data.reverseReceiveAddress.headerImageList?res.data.reverseReceiveAddress.headerImageList.join(',') :''
|
|
|
|
+ // })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 保存
|
|
|
|
+ handleSubmit (e) {
|
|
|
|
+ e.preventDefault()
|
|
|
|
+ const _this = this
|
|
|
|
+ this.form.validateFields((err, values) => {
|
|
|
|
+ console.log(values, '------------')
|
|
|
|
+ if (!err) {
|
|
|
|
+ const formData = Object.assign(values.formData, {
|
|
|
|
+ 'sourceTypeReserve': 'admin'
|
|
|
|
+ })
|
|
|
|
+ console.log(formData, '-----参数')
|
|
|
|
+ formData.id = this.itemId || null
|
|
|
|
+ if (formData.reverseReceiveAddress.provinceCode) {
|
|
|
|
+ formData.reverseReceiveAddress.provinceName = _this.addrProvinceList.find(item => item.id == formData
|
|
|
|
+ .reverseReceiveAddress.provinceCode).name
|
|
}
|
|
}
|
|
- })
|
|
|
|
- },
|
|
|
|
- filterOption(input, option) {
|
|
|
|
- return (
|
|
|
|
- option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
- )
|
|
|
|
- },
|
|
|
|
- // 获取标签数据
|
|
|
|
- getRiderData() {
|
|
|
|
- riderData().then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.lableData = res.data || []
|
|
|
|
|
|
+ if (formData.reverseReceiveAddress.cityCode) {
|
|
|
|
+ formData.reverseReceiveAddress.cityName = _this.addrCityList.find(item => item.id == formData
|
|
|
|
+ .reverseReceiveAddress.cityCode).name
|
|
}
|
|
}
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 获取省列表
|
|
|
|
- getProvinceList() {
|
|
|
|
- getProvince().then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.addrProvinceList = res.data || []
|
|
|
|
- } else {
|
|
|
|
- this.addrProvinceList = []
|
|
|
|
|
|
+ if (formData.reverseReceiveAddress.districtCode) {
|
|
|
|
+ formData.reverseReceiveAddress.districtName = _this.addrDistrictList.find(item => item.id == formData
|
|
|
|
+ .reverseReceiveAddress.districtCode).name
|
|
}
|
|
}
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 获取城市列表
|
|
|
|
- getCityList(val) {
|
|
|
|
- this.addrCityList = []
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.cityCode': undefined
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.districtCode': undefined
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.address': ''
|
|
|
|
- })
|
|
|
|
- this.getCityListRequest(val)
|
|
|
|
- },
|
|
|
|
- getCityListRequest(val) {
|
|
|
|
- getCityByPro({
|
|
|
|
- id: val
|
|
|
|
- }).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.addrCityList = res.data || []
|
|
|
|
- } else {
|
|
|
|
- this.addrCityList = []
|
|
|
|
|
|
+ if (this.headerImageList) {
|
|
|
|
+ formData.reverseReceiveAddress.headerImageList = this.headerImageList.split(',')
|
|
}
|
|
}
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 获取区县列表
|
|
|
|
- getAreaList(val) {
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.districtCode': undefined
|
|
|
|
- })
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.address': ''
|
|
|
|
- })
|
|
|
|
- this.getAreaListRequest(val)
|
|
|
|
- },
|
|
|
|
- getAreaListRequest(val) {
|
|
|
|
- getDistrictByCity({
|
|
|
|
- id: val
|
|
|
|
- }).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.addrDistrictList = res.data || []
|
|
|
|
- } else {
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
|
|
+ if ((formData.reverseReceiveAddress.lat == '' && formData.reverseReceiveAddress.lng == '') && (formData
|
|
|
|
+ .riderId == '' || formData.riderId == undefined)) {
|
|
|
|
+ this.$message.error('所属骑手或经纬度至少选择一个')
|
|
|
|
+ return
|
|
}
|
|
}
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 区县变更
|
|
|
|
- areaCharged(val) {
|
|
|
|
- this.form.setFieldsValue({
|
|
|
|
- 'formData.address': ''
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
|
|
+ savShop(formData).then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ _this.$message.success(res.message)
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ _this.$emit('refresh')
|
|
|
|
+ _this.isShow = false
|
|
|
|
+ }, 1000)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ filterOption (input, option) {
|
|
|
|
+ return (
|
|
|
|
+ option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
+ )
|
|
|
|
+ },
|
|
|
|
+ // 获取标签数据
|
|
|
|
+ getRiderData () {
|
|
|
|
+ riderData().then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.lableData = res.data || []
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 获取省列表
|
|
|
|
+ getProvinceList () {
|
|
|
|
+ getProvince().then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.addrProvinceList = res.data || []
|
|
|
|
+ } else {
|
|
|
|
+ this.addrProvinceList = []
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 获取城市列表
|
|
|
|
+ getCityList (val) {
|
|
|
|
+ this.addrCityList = []
|
|
|
|
+ this.addrDistrictList = []
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.cityCode': undefined
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.districtCode': undefined
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.address': ''
|
|
|
|
+ })
|
|
|
|
+ this.getCityListRequest(val)
|
|
|
|
+ },
|
|
|
|
+ getCityListRequest (val) {
|
|
|
|
+ getCityByPro({
|
|
|
|
+ id: val
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.addrCityList = res.data || []
|
|
|
|
+ } else {
|
|
|
|
+ this.addrCityList = []
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 获取区县列表
|
|
|
|
+ getAreaList (val) {
|
|
|
|
+ this.addrDistrictList = []
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.districtCode': undefined
|
|
|
|
+ })
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.address': ''
|
|
|
|
+ })
|
|
|
|
+ this.getAreaListRequest(val)
|
|
|
|
+ },
|
|
|
|
+ getAreaListRequest (val) {
|
|
|
|
+ getDistrictByCity({
|
|
|
|
+ id: val
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.addrDistrictList = res.data || []
|
|
|
|
+ } else {
|
|
|
|
+ this.addrDistrictList = []
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 区县变更
|
|
|
|
+ areaCharged (val) {
|
|
|
|
+ this.form.setFieldsValue({
|
|
|
|
+ 'formData.address': ''
|
|
|
|
+ })
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|