change

src/config/api-config.js

@@ -7,16 +7,20 @@ var apiUrl = {
     // basehostUrl: 'https://kdata.fxee.com',
     uploadUrl:"https://oss.33.cn",
     
-    baseNewUrl:"https://dev407.33.cn",
+    // baseNewUrl:"https://dev407.33.cn",
+
+    baseNewUrl:'https://dev407.33.cn'
 }
 export default {
 /*
  *代理商接口
  *（新版）
  */
-   applyToAgent: apiUrl.baseNewUrl+'/agency/member/apply',//申请成为经纪人
+    applyCountry: apiUrl.baseNewUrl+'/api/data/city',//获取省市接口
+
+    applyToAgent: apiUrl.baseNewUrl+'/agency/member/apply',//申请成为经纪人
 
-   applyStatus: apiUrl.baseNewUrl+'/agency/member/apply',//申请状态查询
+    applyStatus: apiUrl.baseNewUrl+'/agency/member/apply',//申请状态查询
 /*
  *代理商接口
  *（老版）

src/views/agent/applyAgent.vue

@@ -29,35 +29,33 @@
           <div class="right-part" id="containDiv">
             <el-form v-model="applyform" label-width="138px">
               <el-form-item label="公司/机构名称:">
-                <el-input v-model="applyform.name" placeholder="请输入您所在的公司或者机构名称"></el-input>
+                <el-input v-model="applyform.company" placeholder="请输入您所在的公司或者机构名称"></el-input>
               </el-form-item>
               <el-form-item label="姓名:">
-                <el-input v-model="applyform.name" placeholder="请输入您的姓名"></el-input>
+                <el-input v-model="applyform.applicant" placeholder="请输入您的姓名"></el-input>
               </el-form-item>
               <el-form-item label="手机号:">
-                <el-input v-model="applyform.name" placeholder="请输入您的手机号码"></el-input>
+                <el-input v-model="applyform.mobile" placeholder="请输入您的手机号码"></el-input>
               </el-form-item>
               <!-- <el-form-item label="其他联系方式:" class="textareabox">
                 <textarea  cols="30" rows="2" v-model="applyform.desc" placeholder="请输入您的其他联系方式 如：微信、邮箱等"></textarea>
               </el-form-item> -->
-              <el-form-item label="活动形式">
-                <el-input type="textarea" v-model="applyform.name" placeholder="请输入您的其他联系方式 如：微信、邮箱等"></el-input>
+              <el-form-item label="其他联系方式:">
+                <el-input type="textarea" v-model="applyform.other" placeholder="请输入您的其他联系方式 如：微信、邮箱等"></el-input>
               </el-form-item>
               <el-form-item label="所在地:" class="location-box">
-                <el-select v-model="locationGroup.country" class="firstbox" clearable placeholder="所属国家">
+                <el-select v-model="applyform.country" class="firstbox" clearable placeholder="所属省份" @change="getcont">
                   <el-option
                     v-for="item in countryOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
+                    :label="item.name"
+                    :value="item.id">
                   </el-option>
                 </el-select>
-                <el-select v-model="locationGroup.city" class="firstbox" clearable placeholder="所属城市">
+                <el-select v-model="applyform.area" class="firstbox" clearable placeholder="所属城市">
                   <el-option
                     v-for="item in cityOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
+                    :label="item.name"
+                    :value="item.id">
                   </el-option>
                 </el-select>
               </el-form-item>
@@ -127,6 +125,7 @@
 import indexHeader from "../../components/header.vue"
 // import indexFooter from "../../components/footer.vue"
 import location from "../../components/location.vue"
+import {ajax} from "../../assets/js/common.js"
 export default{
   data(){
     return{
@@ -163,49 +162,19 @@ export default{
         },
       ],
       applyform:{
-        name:"",
-        desc:'',
+        company:"",
+        applicant:'',
+        mobile:"",
+        other:'',
+        country:"",
+        area:'',
       },
       locationGroup:{
         country:"",
-        city:""
+        area:""
       },
-      countryOptions:[
-        {
-          value: '选项1',
-          label: '黄金糕'
-        },
-        {
-          value: '选项2',
-          label: '双皮奶'
-        },
-        {
-          value: '选项3',
-          label: '蚵仔煎'
-        },
-        {
-          value: '选项4',
-          label: '龙须面'
-        },
-      ],
-      cityOptions:[
-        {
-          value: '选项1',
-          label: '黄金糕'
-        },
-        {
-          value: '选项2',
-          label: '双皮奶'
-        },
-        {
-          value: '选项3',
-          label: '蚵仔煎'
-        },
-        {
-          value: '选项4',
-          label: '龙须面'
-        },
-      ],
+      countryOptions:[],
+      cityOptions:[],
       serverBlock:[
         {
           name:'1',
@@ -228,6 +197,9 @@ export default{
           state:0,
         },
       ],
+      countrySize:{
+        pid:'',
+      },
     }
   },
   components:{
@@ -236,14 +208,45 @@ export default{
     location
   },
   mounted(){
+    this.getCountry();
   },
   methods:{
     showBtn3(key,val,index){
       this[key][index].state=val;     
     },
+    //立即申请
     applyNow(){
-      this.dialogtit=true;
-    }
+      ajax(this,this.extendApi.applyToAgent,this.applyform,(data)=>{
+        if(data.code == 200){
+          this.dialogVisible = true;
+        }else{
+
+        }
+      },'POST')
+      // this.dialogtit=true;
+    },
+    //获取省份列表
+    getCountry(){
+      ajax(this,this.extendApi.applyCountry,'',(res)=>{
+        if(res.code == 200){
+          this.countryOptions = res.data;
+        }else{
+
+        }
+      },'GET');
+    },
+    //选中省份
+    getcont(e){
+      this.applyform.area = '';
+      this.countrySize.pid = e;
+      ajax(this,this.extendApi.applyCountry,this.countrySize,(param)=>{
+        if(param.code == 200){
+          this.cityOptions = param.data
+        }else{
+
+        }
+      },'GET')
+    },
   }
 }
 </script>