Skip to content

J
JingTai-YuYue
提交 749a509e authored 作者: 正反's avatar 正反
浏览文件
操作

地址解析

上级 181719c2
隐藏空白字符变更
内嵌 并排
正在显示 包含 566 行增加 和 472 行删除
package-lock.json
浏览文件 @ 749a509e
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
浏览文件 @ 749a509e
......@@ -13,6 +13,7 @@
"element-ui": "^2.15.2",
"qs": "^6.10.1",
"vue": "^2.6.11",
"vue-jsonp": "^2.0.0",
"vue-router": "^3.2.0",
"vuex": "^3.4.0",
"wot-design": "^2.3.2"
......
src/api/api.js
浏览文件 @ 749a509e
import request from '../request/request'
export function getAction(url,params){
return request({
method:'GET',
url:url,
params:params
})
export function getAction(url, params) {
return request({
method: 'GET',
url: url,
params: params
})
}
export function postAction(url,params){
return request({
method:'POST',
url:url,
headers: { 'Content-Type': 'application/json;charset=UTF-8' },
data:params
})
export function postAction(url, params) {
return request({
method: 'POST',
url: url,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
},
data: params
})
}
//地址识别
export function recognizedata(url, params) {
return request({
method: 'POST',
url: url,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
},
data: params
})
}
/**
*
* @description 获取行政区信息API(来源:高德地图)
......@@ -25,17 +37,17 @@ export function postAction(url,params){
* @author Ras
*
*/
export function getBoroughs(){
let params = {
key:'2564f6ab105b9193d25f7a9b8e1facd9',
address:'中国',
subdistrict: 3,
extensions: 'base'
}
let url = 'https://restapi.amap.com/v3/config/district'
return request({
method:'GET',
url:url,
params:params
})
}
\ No newline at end of file
export function getBoroughs() {
let params = {
key: '2564f6ab105b9193d25f7a9b8e1facd9',
address: '中国',
subdistrict: 3,
extensions: 'base'
}
let url = 'https://restapi.amap.com/v3/config/district'
return request({
method: 'GET',
url: url,
params: params
})
}
src/main.js
浏览文件 @ 749a509e
......@@ -6,7 +6,6 @@ import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import axios from 'axios'
import qs from 'qs'
Vue.use(ElementUI)
Vue.prototype.$axios = axios
Vue.prototype.$qs = qs
......
src/router/index.js
浏览文件 @ 749a509e
......@@ -23,7 +23,7 @@ const routes = [
]
const router = new VueRouter({
mode: 'hash',
mode: 'history',
routes
})
......
src/views/appointment.vue
浏览文件 @ 749a509e
<template>
<div class="container" v-loading="fullscreenLoading">
<div class="title" style="margin:5% 0;">安装预约</div>
<el-form label-position="right" :model="formData" :ref="formData" style="margin:0 21% 0 0" :rules="rules" >
<!-- <el-form-item label="工单客户" label-width="35%" v-show="true">
<div class="container" v-loading="fullscreenLoading">
<div class="title" style="margin:5% 0;">安装预约</div>
<el-form label-position="right" :model="formData" :ref="formData" style="margin:0 21% 0 0" :rules="rules">
<!-- <el-form-item label="工单客户" label-width="35%" v-show="true">
<el-select v-model="formData.gongdankehu" placeholder="" style="width:100%">
<el-option v-for="(item,key) in gongDanKeHu" :key="key" :label="item.name" :value="item.name"></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="安装日期" label-width="35%" prop="date">
<el-date-picker style="width:100%" v-model="formData.date" placeholder="请选择安装日期" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
<el-form-item label="服务类目" label-width="35%" prop="service_id">
<el-select style="width:100%" v-model="formData.service_id" placeholder="请选择服务类目" @change="handleSelectBracket(formData.service_id)">
<el-option v-for="(item,key) in service_ids" :key="key" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="类别" label-width="35%" prop="bracket">
<el-select style="width:100%" v-model="formData.bracket" placeholder="请选择类别" @change="handleSelectTvsize(formData.bracket)">
<el-option v-for="(item,key) in brackets" :key="key" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="规格" label-width="35%" prop="tvSize">
<el-select style="width:100%" v-model="formData.tvSize" placeholder="请选择规格">
<el-option v-for="(item,key) in tvSizes" :key="key" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="省份" label-width="35%" prop="province_id">
<el-select style="width:100%" v-model="formData.province_id" placeholder="请选择省份" @change="handleSelectCity(formData.province_id)">
<el-option v-for="(item,key) in provinces" :key="key" :label="item.name" :value="item.adcode"></el-option>
</el-select>
</el-form-item>
<el-form-item label="城市" label-width="35%" prop="city_id">
<el-select style="width:100%" v-model="formData.city_id" placeholder="请选择城市" @change="handleSelectDistrict(formData.city_id)" :disabled="disCity">
<el-option v-for="(item,key) in citys" :key="key" :label="item.name" :value="item.adcode"></el-option>
</el-select>
</el-form-item>
<el-form-item label="城区" label-width="35%" prop="district_id">
<el-select style="width:100%" v-model="formData.district_id" placeholder="请选择城区" @change="setDistrict(formData.district_id)">
<el-option v-for="(item,key) in districts" :key="key" :label="item.name" :value="item.adcode"></el-option>
</el-select>
</el-form-item>
<el-form-item label="详细地址" label-width="35%" prop="address">
<el-input style="width:100%" v-model="formData.address" placeholder="请输入详细地址" type="textarea"></el-input>
</el-form-item>
<el-form-item label="称呼" label-width="35%" prop="name">
<el-input style="width:100%" v-model="formData.name" placeholder="请输入您的称呼"></el-input>
</el-form-item>
<el-form-item label="联系电话" label-width="35%" prop="phone">
<el-input style="width:100%" v-model="formData.phone" placeholder="请输入联系电话"></el-input>
</el-form-item>
<el-form-item label="其他需求" label-width="35%">
<el-input style="width:100%" v-model="formData.demand" placeholder="如有其他需求,请输入" type="textarea"></el-input>
</el-form-item>
<!-- <el-form-item label="付款方式" label-width="35%" prop="pay">
<el-form-item label="信息识别" label-width="35%">
<el-input style="width:100%" v-model="formData.recognize"
placeholder="识别格式:上海市浦东新区纳贤路701号百度上海研发中心 张三 13000000000" type="textarea">
</el-input>
</el-form-item>
<el-form-item label-width="35%">
<el-button type="primary" @click="recognizeData()" style="width:100%">一键识别
</el-button>
</el-form-item>
<el-form-item label="安装日期" label-width="35%" prop="date">
<el-date-picker style="width:100%" v-model="formData.date" placeholder="请选择安装日期"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
<el-form-item label="服务类目" label-width="35%" prop="service_id">
<el-select style="width:100%" v-model="formData.service_id" placeholder="请选择服务类目"
@change="handleSelectBracket(formData.service_id)">
<el-option v-for="(item,key) in service_ids" :key="key" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="类别" label-width="35%" prop="bracket">
<el-select style="width:100%" v-model="formData.bracket" placeholder="请选择类别"
@change="handleSelectTvsize(formData.bracket)">
<el-option v-for="(item,key) in brackets" :key="key" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="规格" label-width="35%" prop="tvSize">
<el-select style="width:100%" v-model="formData.tvSize" placeholder="请选择规格">
<el-option v-for="(item,key) in tvSizes" :key="key" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="省份" label-width="35%" prop="province_id">
<el-select style="width:100%" v-model="formData.province_id" placeholder="请选择省份"
@change="handleSelectCity(formData.province_id)">
<el-option v-for="(item,key) in provinces" :key="key" :label="item.name" :value="item.adcode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="城市" label-width="35%" prop="city_id">
<el-select style="width:100%" v-model="formData.city_id" placeholder="请选择城市"
@change="handleSelectDistrict(formData.city_id)" :disabled="disCity">
<el-option v-for="(item,key) in citys" :key="key" :label="item.name" :value="item.adcode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="城区" label-width="35%" prop="district_id">
<el-select style="width:100%" v-model="formData.district_id" placeholder="请选择城区"
@change="setDistrict(formData.district_id)">
<el-option v-for="(item,key) in districts" :key="key" :label="item.name" :value="item.adcode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="详细地址" label-width="35%" prop="address">
<el-input style="width:100%" v-model="formData.address" placeholder="请输入详细地址" type="textarea">
</el-input>
</el-form-item>
<el-form-item label="称呼" label-width="35%" prop="name">
<el-input style="width:100%" v-model="formData.name" placeholder="请输入您的称呼"></el-input>
</el-form-item>
<el-form-item label="联系电话" label-width="35%" prop="phone">
<el-input style="width:100%" v-model="formData.phone" placeholder="请输入联系电话"></el-input>
</el-form-item>
<el-form-item label="其他需求" label-width="35%">
<el-input style="width:100%" v-model="formData.demand" placeholder="如有其他需求,请输入" type="textarea">
</el-input>
</el-form-item>
<!-- <el-form-item label="付款方式" label-width="35%" prop="pay">
<el-select style="width:100%" v-model="formData.pay" placeholder="">
<el-option v-for="(item,key) in pays" :key="key" :label="item" :value="key"></el-option>
</el-select>
</el-form-item> -->
</el-form>
<el-button type="primary" style="width:80%;margin:3% 10%" @click="submitForm(formData)" :disabled="send">提交</el-button>
<el-dialog
title="提示"
:visible.sync="centerDialogVisible"
width="300px"
center>
<span>{{result}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false , clearData(),redirect(res)">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false , clearData(),redirect(res)">确 定</el-button>
</span>
</el-dialog>
</el-form>
<el-button type="primary" style="width:80%;margin:3% 10%" @click="submitForm(formData)" :disabled="send">提交
</el-button>
<el-dialog title="提示" :visible.sync="centerDialogVisible" width="300px" center>
<span>{{result}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false , clearData(),redirect(res)">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false , clearData(),redirect(res)">确 定
</el-button>
</span>
</el-dialog>
<el-dialog
title="ERROR"
:visible.sync="errorDialogVisible"
width="300px"
center>
<span>{{error}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="errorDialogVisible = false,send = true">取 消</el-button>
<el-button type="primary" @click="errorDialogVisible = false,reload()">重 连</el-button>
</span>
</el-dialog>
</div>
<el-dialog title="ERROR" :visible.sync="errorDialogVisible" width="300px" center>
<span>{{error}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="errorDialogVisible = false,send = true">取 消</el-button>
<el-button type="primary" @click="errorDialogVisible = false,reload()">重 连</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data(){
var checkPhone = (rule, value, callback) => {
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/
if (!value) {
return callback(new Error('电话号码不能为空'))
}
setTimeout(() => {
if (!Number.isInteger(+value)) {
callback(new Error('请输入数字值'))
} else {
if (phoneReg.test(value)) {
callback()
} else {
callback(new Error('电话号码格式不正确'))
}
}
}, 100)
}
return{
formData:{
date:"",
// time:"",
service_id:"",
bracket:"",
// wall:"",
tvSize:"",
province:"",
province_id:"",
city:"",
city_id:"",
district:"",
district_id:"",
address:"",
name:"",
phone:"",
demand:"",
pay:"业主现场支付",
customercode:''
},
brackets:[],
tvSizes:[],
service_ids:[],
provinces:[],
citys:[],
districts:[],
pays:[],
disCity:false,
disDistrict:false,
centerDialogVisible:false,
errorDialogVisible:false,
result:"",
error:"",
rules:{
date:[
{ required: true, message: '请选择安装日期', trigger: 'blur' }
],
service_id:[
{ required: true, message: '请选择服务类目', trigger: 'blur' }
],
// bracket:[
// { required: true, message: '请选择类别', trigger: 'blur' }
// ],
// tvSize:[
// { required: true, message: '请选择规格', trigger: 'blur' }
// ],
province_id:[
{ required: true, message: '请选择省份', trigger: 'blur' }
],
city_id:[
{ required: true, message: '请选择省市', trigger: 'blur' }
],
district_id:[
{ required: true, message: '请选择市区', trigger: 'blur' }
],
address:[
{ required: true, message: '请输入详细地址', trigger: 'blur' }
],
name:[
{ required: true, message: '请输入称呼', trigger: 'blur' }
],
phone:[
{ required: true, trigger: 'blur', validator: checkPhone }
],
pay:[
{ required: true, message: '请选择付款方式', trigger: 'blur' }
]
},
res:"",
send:false,
fullscreenLoading:true
}
},
created(){
this.getInfo()
this.getData()
},
computed:{
},
methods:{
test(){
console.log(this.formData)
},
reload(){
location.reload();
},
// 高德的行政区api,用于获取中国行政区信息
getInfo(){
this.$axios({
method: 'GET',
url: "https://restapi.amap.com/v3/config/district",
params:{
key:"2564f6ab105b9193d25f7a9b8e1facd9",
address: '中国',
subdistrict: 3,
extensions: 'base'
}
}).then((res) => {
console.log("高德地图信息:",res)
this.provinces = res.data.districts[0].districts
})
},
//根据省份筛选对应城市
handleSelectCity(val){
this.formData.city_id = ""
this.formData.district_id = ""
this.districts = []
for(let i in this.provinces){
if(this.provinces[i].adcode == val){
this.formData.province = this.provinces[i].name
this.citys = this.provinces[i].districts
break
}
}
},
//根据城市筛选对应城区
handleSelectDistrict(val){
this.formData.district_id = ""
for(let i in this.citys){
if(this.citys[i].adcode == val){
this.formData.city = this.citys[i].name
this.districts = this.citys[i].districts
break
}
}
},
//这个忘了是干啥的了
setDistrict(val){
for(let i in this.districts){
if(this.districts[i].adcode == val){
this.formData.district = this.districts[i].name
break
}
}
},
//根据服务类目筛选商品类别
handleSelectBracket(val){
this.formData.bracket = ""
this.brackets = ""
this.formData.tvSize = ""
this.tvSizes = ""
for(let i in this.service_ids){
if(this.service_ids[i].value === val){
this.brackets = this.service_ids[i].brackets
break
}
}
},
//根据商品类别筛选商品规格
handleSelectTvsize(val){
this.formData.tvSize = ""
this.tvSizes = ""
for(let i in this.brackets){
if(this.brackets[i].value === val){
this.tvSizes = this.brackets[i].tvSizes
break
}
}
},
//表单提交校验
postCheck(){
for(let i in this.formData){
if(this.formData[i] == "" || this.formsData[i] == null){
this.result = "请输入数据!!!"
this.centerDialogVisible = true
return false
}
}
return true
},
//提交后清除页面的数据
clearData(){
console.log("清空数据")
for(let i in this.formData){
this.formData[i] = null
}
},
//提交表单数据
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.loading = true
console.log("传递数据",this.formData)
let parm = JSON.stringify(this.formData)
console.log(parm)
this.$axios({
url:"http://116.62.129.2:8090/jintai/wang/PaezJtorder/addPaez",
method:"POST",
headers:{
'Content-Type': 'application/json;charset=UTF-8'
},
data:parm
}).then((res) => {
console.log("提交表单返回值:",res)
this.result = res.data
this.centerDialogVisible = !this.centerDialogVisible
this.res = res.data
this.loading = false
}).catch((err) => {
this.result = err
this.centerDialogVisible = !this.centerDialogVisible
this.loading = false
})
} else {
console.log('error submit!!');
return false;
}
});
},
//预约成功后跳转
redirect(res){
if(res == "预约成功"){
this.clearData()
location.replace("http://m.lwkb88188.com/cn/h-col-120.html")
}else{
this.clearData()
}
},
//设置服务类目,类别,规格,付款方式
//yan url 192.168.2.209
getData(){
console.log("传过来的参数",Object.values(this.$route.query))
let temp = Object.values(this.$route.query)
this.customercode = temp[0]
this.formData.customercode = temp[0]
console.log(this.customercode)
console.log("加载数据中...")
this.$axios({
method: 'GET',
url: 'http://116.62.129.2:8090/jintai/wang/iostCategory/select',
params:{
Cust:this.customercode
}
}).then( (res) => {
console.log("加载成功")
console.log(res)
this.fullscreenLoading = !this.fullscreenLoading
this.service_ids = res.data.Categorys
this.pays = res.data.pays
this.formData.service_id = this.service_ids[0].value
this.brackets = this.service_ids[0].brackets
}).catch((error) => {
if(error == 'Error: Network Error'){
this.error = "网络错误,请稍后再试"
this.fullscreenLoading = !this.fullscreenLoading
this.errorDialogVisible = !this.errorDialogVisible
}
})
}
}
}
// import axios from 'axios';
export default {
data() {
var checkPhone = (rule, value, callback) => {
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/
if (!value) {
return callback(new Error('电话号码不能为空'))
}
setTimeout(() => {
if (!Number.isInteger(+value)) {
callback(new Error('请输入数字值'))
} else {
if (phoneReg.test(value)) {
callback()
} else {
callback(new Error('电话号码格式不正确'))
}
}
}, 100)
}
return {
formData: {
date: "",
// time:"",
service_id: "",
bracket: "",
// wall:"",
tvSize: "",
province: "",
province_id: "",
city: "",
city_id: "",
district: "",
district_id: "",
address: "",
name: "",
phone: "",
demand: "",
pay: "业主现场支付",
customercode: '',
recognize: ''
},
brackets: [],
tvSizes: [],
service_ids: [],
provinces: [],
citys: [],
districts: [],
pays: [],
disCity: false,
disDistrict: false,
centerDialogVisible: false,
errorDialogVisible: false,
result: "",
error: "",
rules: {
date: [{
required: true,
message: '请选择安装日期',
trigger: 'blur'
}],
service_id: [{
required: true,
message: '请选择服务类目',
trigger: 'blur'
}],
// bracket:[
// { required: true, message: '请选择类别', trigger: 'blur' }
// ],
// tvSize:[
// { required: true, message: '请选择规格', trigger: 'blur' }
// ],
province_id: [{
required: true,
message: '请选择省份',
trigger: 'blur'
}],
city_id: [{
required: true,
message: '请选择省市',
trigger: 'blur'
}],
district_id: [{
required: true,
message: '请选择市区',
trigger: 'blur'
}],
address: [{
required: true,
message: '请输入详细地址',
trigger: 'blur'
}],
name: [{
required: true,
message: '请输入称呼',
trigger: 'blur'
}],
phone: [{
required: true,
trigger: 'blur',
validator: checkPhone
}],
pay: [{
required: true,
message: '请选择付款方式',
trigger: 'blur'
}]
},
res: "",
send: false,
fullscreenLoading: true
}
},
created() {
this.getInfo()
this.getData()
},
computed: {},
methods: {
test() {
console.log(this.formData)
},
reload() {
location.reload();
},
// 高德的行政区api,用于获取中国行政区信息
getInfo() {
this.$axios({
method: 'GET',
url: "https://restapi.amap.com/v3/config/district",
params: {
key: "2564f6ab105b9193d25f7a9b8e1facd9",
address: '中国',
subdistrict: 3,
extensions: 'base'
}
}).then((res) => {
console.log("高德地图信息:", res)
this.provinces = res.data.districts[0].districts
})
},
//根据省份筛选对应城市
handleSelectCity(val) {
this.formData.city_id = ""
this.formData.district_id = ""
this.districts = []
for (let i in this.provinces) {
if (this.provinces[i].adcode == val) {
this.formData.province = this.provinces[i].name
this.citys = this.provinces[i].districts
break
}
}
},
//根据城市筛选对应城区
handleSelectDistrict(val) {
this.formData.district_id = ""
for (let i in this.citys) {
if (this.citys[i].adcode == val) {
this.formData.city = this.citys[i].name
this.districts = this.citys[i].districts
break
}
}
},
//这个忘了是干啥的了
setDistrict(val) {
for (let i in this.districts) {
if (this.districts[i].adcode == val) {
this.formData.district = this.districts[i].name
break
}
}
},
//根据服务类目筛选商品类别
handleSelectBracket(val) {
this.formData.bracket = ""
this.brackets = ""
this.formData.tvSize = ""
this.tvSizes = ""
for (let i in this.service_ids) {
if (this.service_ids[i].value === val) {
this.brackets = this.service_ids[i].brackets
break
}
}
},
//根据商品类别筛选商品规格
handleSelectTvsize(val) {
this.formData.tvSize = ""
this.tvSizes = ""
for (let i in this.brackets) {
if (this.brackets[i].value === val) {
this.tvSizes = this.brackets[i].tvSizes
break
}
}
},
//表单提交校验
postCheck() {
for (let i in this.formData) {
if (this.formData[i] == "" || this.formsData[i] == null) {
this.result = "请输入数据!!!"
this.centerDialogVisible = true
return false
}
}
return true
},
//提交后清除页面的数据
clearData() {
console.log("清空数据")
for (let i in this.formData) {
this.formData[i] = null
}
},
//提交表单数据
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.loading = true
console.log("传递数据", this.formData)
let parm = JSON.stringify(this.formData)
console.log(parm)
this.$axios({
url: "http://116.62.129.2:8090/jintai/wang/PaezJtorder/addPaez",
method: "POST",
headers: {
'Content-Type': 'application/json;charset=UTF-8'
},
data: parm
}).then((res) => {
console.log("提交表单返回值:", res)
this.result = res.data
this.centerDialogVisible = !this.centerDialogVisible
this.res = res.data
this.loading = false
}).catch((err) => {
this.result = err
this.centerDialogVisible = !this.centerDialogVisible
this.loading = false
})
} else {
console.log('error submit!!');
return false;
}
});
},
//预约成功后跳转
redirect(res) {
if (res == "预约成功") {
this.clearData()
location.replace("http://m.lwkb88188.com/cn/h-col-120.html")
} else {
this.clearData()
}
},
//设置服务类目,类别,规格,付款方式
//yan url 192.168.2.209
getData() {
console.log("传过来的参数", Object.values(this.$route.query))
let temp = Object.values(this.$route.query)
this.customercode = temp[0]
this.formData.customercode = temp[0]
console.log(this.customercode)
console.log("加载数据中...")
this.$axios({
method: 'GET',
url: 'http://116.62.129.2:8090/jintai/wang/iostCategory/select',
params: {
Cust: this.customercode
},
}).then((res) => {
console.log("加载成功")
console.log(res)
this.fullscreenLoading = !this.fullscreenLoading
this.service_ids = res.data.Categorys
this.pays = res.data.pays
this.formData.service_id = this.service_ids[0].value
this.brackets = this.service_ids[0].brackets
}).catch((error) => {
if (error == 'Error: Network Error') {
this.error = "网络错误,请稍后再试"
this.fullscreenLoading = !this.fullscreenLoading
this.errorDialogVisible = !this.errorDialogVisible
}
})
},
//信息识别
recognizeData() {
if (!this.formData.recognize) {
this.$toast('请填写地址')
return false
}
let that = this
this.$axios({
method: 'post',
url: 'http://116.62.129.2:8090/jintai/Transfer/change',
data: {
text: this.formData.recognize
}
}).then((res) => {
console.log(res)
that.formData.province_id=res.data.province
that.formData.province=res.data.province
that.formData.city_id=res.data.city
that.formData.city=res.data.city
that.formData.district_id=res.data.county
that.formData.district=res.data.county
that.formData.address=res.data.detail
that.formData.name=res.data.person
that.formData.phone=res.data.phonenum
})
}
}
}
</script>
<style scoped>
.container{
margin: 0 auto;
width: 100%;
}
.title{
font-size: 28px;
text-align: center;
margin: 2% 0;
}
.item{
width: 100%;
}
.el-form-item{
margin-bottom: 5%;
}
</style>
\ No newline at end of file
.container {
margin: 0 auto;
width: 100%;
}
.title {
font-size: 28px;
text-align: center;
margin: 2% 0;
}
.item {
width: 100%;
}
.el-form-item {
margin-bottom: 5%;
}
</style>
vue.config.js
浏览文件 @ 749a509e
module.exports = {
// 基本路径 baseURL已经过时
publicPath: './',
// 输出文件目录
outputDir: 'dist',
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// use the full build with in-browser compiler?
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
// compiler: false,
// webpack配置
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
chainWebpack: () => {},
configureWebpack: () => {},
// vue-loader 配置项
// https://vue-loader.vuejs.org/en/options.html
// vueLoader: {},
// 生产环境是否生成 sourceMap 文件
productionSourceMap: true,
// css相关配置
css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: true,
// 开启 CSS source maps?
sourceMap: false,
// css预设器配置项
loaderOptions: {},
// 启用 CSS modules for all css / pre-processor files.
modules: false
},
// use thread-loader for babel & TS in production build
// enabled by default if the machine has more than 1 cores
parallel: require('os').cpus().length > 1,
// 是否启用dll
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
// dll: false,
// PWA 插件相关配置
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
pwa: {},
// webpack-dev-server 相关配置
devServer: {
// overlay: { // 让浏览器 overlay 同时显示警告和错误
// warnings: true,
// errors: true
// },
// host: "localhost",
// port: 8080, // 端口号
// https: false, // https:{type:Boolean}
// open: false, //配置后自动启动浏览器
// hotOnly: true, // 热更新
// // proxy: 'http://localhost:8080', // 配置跨域处理,只有一个代理
// proxy: { //配置多个代理
// "/testIp": {
// target: "http://197.0.0.1:8088",
// changeOrigin: true,
// ws: true,//websocket支持
// secure: false,
// pathRewrite: {
// "^/testIp": "/"
// }
// },
// "/elseIp": {
// target: "http://197.0.0.2:8088",
// changeOrigin: true,
// //ws: true,//websocket支持
// secure: false,
// pathRewrite: {
// "^/elseIp": "/"
// }
// },
// }
},
// 第三方插件配置
pluginOptions: {
// ...
}
}
\ No newline at end of file
// 基本路径 baseURL已经过时
publicPath: './',
// 输出文件目录
outputDir: 'dist',
// eslint-loader 是否在保存的时候检查
lintOnSave: true,
// use the full build with in-browser compiler?
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
// compiler: false,
// webpack配置
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
chainWebpack: () => {},
configureWebpack: () => {},
// vue-loader 配置项
// https://vue-loader.vuejs.org/en/options.html
// vueLoader: {},
// 生产环境是否生成 sourceMap 文件
productionSourceMap: true,
// css相关配置
css: {
// 是否使用css分离插件 ExtractTextPlugin
extract: true,
// 开启 CSS source maps?
sourceMap: false,
// css预设器配置项
loaderOptions: {},
// 启用 CSS modules for all css / pre-processor files.
modules: false
},
// use thread-loader for babel & TS in production build
// enabled by default if the machine has more than 1 cores
parallel: require('os').cpus().length > 1,
// 是否启用dll
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
// dll: false,
// PWA 插件相关配置
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
pwa: {},
// webpack-dev-server 相关配置
devServer: {
// proxy: {
// '/baiduApi': {
// target: 'https://aip.baidubce.com', //访问地址
// changeOrigin: true,
// secure: false, //只有代理https 地址需要次选项
// pathRewrite: {
// '^/baiduApi': '/'
// }
// },
// },
overlay: { // 让浏览器 overlay 同时显示警告和错误
warnings: true,
errors: true
},
host: "localhost",
port: 8080, // 端口号
https: false, // https:{type:Boolean}
open: false, //配置后自动启动浏览器
hotOnly: true, // 热更新
// proxy: 'http://localhost:8080', // 配置跨域处理,只有一个代理
proxy: { //配置多个代理
// "/testIp": {
// target: "http://197.0.0.1:8088",
// changeOrigin: true,
// ws: true, //websocket支持
// secure: false,
// pathRewrite: {
// "^/testIp": "/"
// }
// },
// "/elseIp": {
// target: "http://197.0.0.2:8088",
// changeOrigin: true,
// //ws: true,//websocket支持
// secure: false,
// pathRewrite: {
// "^/elseIp": "/"
// },
// },
"/baiduApi": {
target: "https://aip.baidubce.com", //访问地址
changeOrigin: true,
ws: true,
secure: false, //只有代理https 地址需要次选项
pathRewrite: {
'^/baiduApi': '/'
}
},
}
},
// 第三方插件配置
pluginOptions: {
// ...
}
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论