下拉

api/api.ts

@@ -13,6 +13,9 @@ export default {
 	//增额寿和年金(单利复利)计算结果查询接口
 	queryIrrAndSimple(params){
 		return request(`${baseURL}/api/sfp/calcuteUtil/queryIrrAndSimple`, "POST", params)
+	},
+	//获取城市
+	provCityQry(params){
+		return request(`${baseURL}/api/metadata/provCityQry`, "POST", params)
 	}
-	
 }

index.html

@@ -17,7 +17,7 @@
     <div id="app"><!--app-html--></div>
     <script type="module" src="/main.js"></script>
 	  <!-- 移动端调试 -->
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
-  <script>eruda.init();</script>
+ <!-- <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
+  <script>eruda.init();</script> -->
   </body>
 </html>

pages/housePurchase/housePurchase.vue

@@ -24,12 +24,15 @@
 						</view>
 						<view class="inputItem">
 							<text>预购城市：</text>
-							<view class="inputContent">
+							<!-- <view class="inputContent">
 								<select name="" id="">
 									<option value="">上海</option>
 									<option value="">深圳</option>
 								</select>
-							</view>
+							</view> -->
+							 <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" collection="opendb-city-china" field="code as value, name as text" orderby="value asc" :step-searh="true" self-field="code" parent-field="parent_code"
+							 @change="onchange" @nodeclick="onnodeclick">
+							</uni-data-picker>
 						</view>
 						<view class="inputItem">
 							<text>预购面积：</text>
@@ -270,6 +273,7 @@
 	import head from '../header/header.vue';
 	import foot from '../footer/footer.vue';
 	import * as echarts from 'echarts';
+	import api from '../../api/api';
 	
 	export default{
 		data(){
@@ -277,7 +281,15 @@
 				isDisplace:false,
 				myChart:null,
 				nyear:null,
-				city:null
+				city:'',
+				provinceList: [{
+						provinceName:'选项1',
+						provinceId:'1'
+					},
+					{
+						provinceName:'选项2',
+						provinceId:'2'
+					},],
 			}
 		},
 		components:{
@@ -287,10 +299,13 @@
 			foot
 		},
 		onLoad(){
-			this.echertWidth=300;
-			this.sHeight=300;
+			this.provCityQry();
 		},
 		methods:{
+			onchange(e) {
+			    const value = e.detail.value
+			},
+			onnodeclick(node) {},
 			drawLine() {
 				// 基于准备好的dom，初始化echarts实例
 				this.myChart = echarts.init(document.getElementById('myEcharts'));
@@ -314,6 +329,14 @@
 					  ]
 			    });
 			},
+			provCityQry(){
+				api.provCityQry({insurerId:888}).then((res)=>{
+					console.log(res)
+					if(res['success']){
+						// this.provinceList = res['data']['provinces'];
+					}
+				})
+			}
 		},
 		mounted(){
 			this.drawLine();