修改筛查预约

api/pagesB/screenOrder/index.js

@@ -188,9 +188,9 @@ export function changeUserInfo(data) {
 	})
 }
 // 获取机构列表
-export function getDeptList() {
+export function getDeptList(hospitalName) {
 	return request({
-		url: `/nurseApplet/hospital/getList`,
+		url: `/nurseApplet/hospital/getList?hospitalName=${hospitalName}`,
 		method: 'get'
 	})
 }

pagesB/screenorder/screenorder.vue

@@ -28,13 +28,16 @@
 
 		<u-form :model="formData" :rules="rules" ref="form1">
 			<u-form-item label="预约机构" labelWidth="80">
-					<uni-data-select v-model="formData.hospitalId" :localdata="DeptList" @change="changeDept"
+				<lx-input class="input" v-model="formData.hospitalName" :list="DeptList" @clickItem="confirm"
+					@clickMask="clickMask" @input="input" :hidden.sync="hidden"></lx-input>
+				<!-- <uni-data-select v-model="formData.hospitalId" :localdata="DeptList" @change="changeDept"
 						:clear="false">
-					</uni-data-select>
+					</uni-data-select> -->
 			</u-form-item>
 			<view class="">
 				<u-form-item label="预约项目" labelWidth="80">
 					<view class="" @click="appointitem" v-if="formData.hospitalId==''">
+						<!-- 111 -->
 						<uni-data-select v-model="formData.projectId" :localdata="ProList" @change="changePro"
 							:clear="false" disabled>
 						</uni-data-select>
@@ -43,6 +46,7 @@
 						<uni-data-select v-model="formData.projectId" :localdata="ProList" @change="changePro"
 							:clear="false">
 						</uni-data-select>
+						<!-- 111 -->
 					</view>
 				</u-form-item>
 			</view>
@@ -58,6 +62,7 @@
 		</view>
 		<u-action-sheet :show="showSex" :actions="actions" title="请选择性别" @close="showSex = false" @select="sexSelect">
 		</u-action-sheet>
+		11
 		<u-toast ref="uToast" />
 	</view>
 </template>
@@ -76,6 +81,7 @@
 	export default {
 		data() {
 			return {
+				hidden: false,
 				showSex: false,
 				userInfo: {},
 				datetimerange: [Date.now(), this.todayEndTime()],
@@ -209,8 +215,34 @@
 			}
 			this.getDeptAndPro()
 		},
-
+		watch: { //监听
+			'formData.hospitalName'(e) {
+				console.log(e, '858')
+				this.getDeptAndPro()
+			},
+		},
 		methods: {
+			clickMask(e) {
+				console.log(e, '478')
+			},
+			input(e) {
+				if (e) {
+					this.formData.hospitalName = e
+					this.formData.hospitalNameId = ''
+				
+				}
+
+
+			},
+
+			confirm(e) {
+				console.log(e, '89')
+				this.formData.projectId = ''
+				this.infolist()
+				// this.formData.hospitalName = this.DeptList.find(item => item.value == e).text
+				this.formData.hospitalName = e.label
+				this.formData.hospitalId = e.value
+			},
 			appointitem(e) {
 				var that = this
 				if (that.formData.hospitalId == '') {
@@ -221,12 +253,14 @@
 				}
 			},
 			getDeptAndPro() {
-				getDeptList().then(res => {
+				getDeptList(this.formData.hospitalName).then(res => {
-					this.DeptList = res.data.map(item => {
+					this.DeptList = []
-						return {
+					res.data.map((item) => {
-							text: item.hospitalName,
+						var obj = {
+							label: item.hospitalName,
 							value: item.id
-						}
+						};
+						this.DeptList.push(obj);
 					})
 				})
 
@@ -235,7 +269,7 @@
 				getProlist({
 					projectType: 1,
 					status: 0,
-					hospitalId: this.hospitalId
+					hospitalId: this.formData.hospitalId
 				}).then(res => {
 					if (res.code == 200) {
 						this.ProList = res.data.map(item => {
@@ -250,10 +284,7 @@
 			changeDept(e) {
 				console.log(e, '99')
 				console.log(this.formData, '9')
-				this.formData.projectId = ''
+
-				this.hospitalId = e
-				this.infolist()
-				this.formData.hospitalName = this.DeptList.find(item => item.value == e).text
 			},
 			changePro(e) {
 				this.formData.projectName = this.ProList.find(item => item.value == e).text
@@ -390,6 +421,28 @@
 	// 		z-index: 99;
 	// 	}
 	// }
+	::v-deep .inputBox .focusBox .inputStyle.data-v-36ae0e32 {
+		height: 70rpx !important;
+		// color: #006DF7;
+		width: 91%;
+		padding-right: 60rpx;
+		border: 1px solid #C4C5C6;
+	}
+
+	::v-deep .inputBox .focusBox .inputStyle.data-v-36ae0e32 {
+		color: #000 !important;
+	}
+
+	::v-deep .srollViewBox .scrollView-item.data-v-36ae0e32 {
+		padding-left: 0 !important;
+		color: #000 !important;
+		line-height: 45rpx !important;
+	}
+
+	::v-deep .srollViewBox .scrollView.data-v-36ae0e32 {
+		height: 350rpx !important;
+		overflow: auto;
+	}
 
 	::v-deep.u-form-item--left__content__label.data-v-5e7216f1 {
 		display: flex;