1

pages.json

@@ -20,7 +20,7 @@
 		}, {
 			"path": "pages/admin/Jiazheng/index",
 			"style": {
-				"navigationBarTitleText": "家政"
+				"navigationStyle": "custom"
 			}
 		}, {
 			"path": "pages/admin/Jiazheng/jiazhengUserInfo",

pages/admin/Jiazheng/index.vue

@@ -1,7 +1,11 @@
 <template>
 	<view>
 		<view class="jiazheng-uni-list">
-
+			<view class="icon-title-navBar-box">
+				<text class="nav-bar-title">家政人员</text>
+				<text class="nav-bar-title">+</text>
+				<uni-icons type="search" size="16" color="#000" @click="toggle('top')"></uni-icons>
+			</view>
 			<view class="jiazheng-search-box">
 
 				<view @click="clickAlltype" class="select-item-box">
@@ -26,12 +30,12 @@
 						<text>录入时间</text>
 						<icon :class="luruJtClass" />
 					</view>
-					<uni-icons type="search" size="16" color="#000" @click="toggle('top')"></uni-icons>
+
 				</view>
 
 			</view>
 
-			<view class="wgy" @click="lookUserInfo" >
+			<view class="wgy" @click="lookUserInfo">
 				<view>
 					<view>王一一123</view>
 					<view>分享阿斯蒂芬</view>
@@ -52,7 +56,20 @@
 				<!-- 普通弹窗 -->
 				<uni-popup ref="popup" background-color="#fff">
 					<view>
-						asdfdsfadsf阿萨德发生的发的顺丰
+						<view>
+							<uni-section title="全部" type="line">
+								<view class="uni-px-5 uni-pb-5">
+									<uni-data-select v-model="value" :localdata="range"
+										@change="change"></uni-data-select>
+								</view>
+								<view class="phone-search-box">
+									<input class="search-input" placeholder="请输入职业名称" v-model="zyName" />
+									<view class="search-icon" @click="handleSearch">
+										<uni-icons type="search" size="24" color="#fff"></uni-icons>
+									</view>
+								</view>
+							</uni-section>
+						</view>
 					</view>
 				</uni-popup>
 			</view>
@@ -67,7 +84,9 @@
 	import {
 		onLoad
 	} from "@dcloudio/uni-app";
-	import{getJiazhengList} from "@/api/jiazheng.js"
+	import {
+		getJiazhengList
+	} from "@/api/jiazheng.js"
 	// import {
 	// 	DropdownList
 	// } from "./data.js";
@@ -90,6 +109,22 @@
 		},
 	]
 
+	let range = ref([{
+			"value": 0,
+			"text": "篮球",
+			"disable": true
+		},
+		{
+			"value": 1,
+			"text": "足球"
+		},
+		{
+			"value": 2,
+			"text": "游泳"
+		}
+	])
+	let zyName = ref('')
+	let value = ref(0)
 	let isOpen = ref(false)
 	let typeChecked = ref(1)
 	const popup = ref(null);
@@ -102,8 +137,8 @@
 	const onSelectCell = (data, index) => {
 		console.log('data', data);
 		console.log('index', index);
-	//	isOpen.value = false;
-	//	allJtClass = 'select-jt-click'
+		//	isOpen.value = false;
+		//	allJtClass = 'select-jt-click'
 	}
 	const toggle = (data, index) => {
 		popup.value.open('top')
@@ -113,18 +148,24 @@
 			url: `/pages/admin/Jiazheng/jiazhengUserInfo`
 		})
 	}
-	function getDataList(){
-		let req  ={
-			 "leixing": "",
-			  "page": 1,
-			  "realName": "",
-			  "size": 10,
-			  "sortRule": 0,
-			  "sortType": 0,
-			  "userName": ""
+	function change(){
+		
+	}
+	function handleSearch(){
+		
+	}
+	function getDataList() {
+		let req = {
+			"leixing": "",
+			"page": 1,
+			"realName": "",
+			"size": 10,
+			"sortRule": 0,
+			"sortType": 0,
+			"userName": ""
 		}
-		getJiazhengList(req).then(res=>{
-			console.log('res',res);
+		getJiazhengList(req).then(res => {
+			console.log('res', res);
 		})
 	}
 	onLoad(() => {