10.18前的开发

pages/index/index.vue

@@ -1,5 +1,7 @@
 <script setup>
 	// 引入依赖
+	import uniDatetimePicker from '@/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue' 
+	import uniEasyinput from '@/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue' 
 	import { onLoad } from "@dcloudio/uni-app"
 	import mySwiper from "@/components/mySwiper.vue"
 	import {ref,onMounted,nextTick} from "vue"
@@ -8,11 +10,11 @@
 	const store = useStore()
 	onLoad((e) => {
 		if(!store.userInfo?.has_operation) { // 未填写手术信息
-			// operation_flag.value = true
-			// setTimeout(()=>{
-			// 	console.log(inputDialog.value)
-			// 	inputDialog.value.open()
-			// },0)
+			operation_flag.value = true
+			setTimeout(()=>{
+				console.log(inputDialog.value)
+				inputDialog.value.open()
+			},0)
 		}
 	})
 	// 变量
@@ -42,6 +44,21 @@
 			weigh: 6,
 		}
 	])
+	function toClose() {
+		inputDialog.value.close()
+	}
+	function radioChange(e) {
+		console.log(e)
+	}
+	const single = ref('')
+	function maskClick(e){
+		console.log('maskClick事件:', e);
+	}
+	const hValue = ref('') // 医院
+	const hValueId = ref('') // 医院id
+	function onClickH(e) {
+		console.log(hValue.value)
+	}
 </script>
 <template>
 	<view class="content page-box">
@@ -78,9 +95,33 @@
 		</view>
 		<uni-popup ref="inputDialog" :is-mask-click='false'>
 			<view class="pop-box">
-				<view class="pb-title">手术信息</view>
+				<view class="pb-title">完善手术信息</view>
+				<view class="pb-content">
+					<view class="pb-item">
+						<view class="pb-item-left">已经手术</view>
+						<view class="pb-item-right">
+							<radio-group @change="radioChange">
+								<label class="radio"><radio value="1" />是</label>
+								<label class="radio"><radio value="0" />否</label>
+							</radio-group>
+						</view>
+					</view>
+					<view class="pb-item">
+						<view class="pb-item-left">手术时间</view>
+						<view class="pb-item-right">
+							<!-- <uni-datetime-picker type="date" :clear-icon="false" v-model="single" @maskClick="maskClick" /> -->
+							<uniDatetimePicker type="date" :clear-icon="false" v-model="single" @maskClick="maskClick" ></uniDatetimePicker>
+						</view>
+					</view>
+					<view class="pb-item">
+						<view class="pb-item-left">医院名称</view>
+						<view class="pb-item-right">
+							<uniEasyinput suffixIcon="search" v-model="hValue" focus placeholder="请输入内容" @iconClick="onClickH"></uniEasyinput>
+						</view>
+					</view>
+				</view>
 			</view>
-			<view class="pop-close">
+			<view class="pop-close" @tap="toClose">
 				关闭
 			</view>
 			<!-- <uni-popup-dialog ref="inputClose" mode="input" title="输入内容" value="对话框预置提示内容!"
@@ -89,6 +130,27 @@
 	</view>
 </template>
 <style scoped lang="scss">
+	.radio{
+		margin-right:20rpx;
+	}
+	.pb-item{
+		display: flex;
+		align-items: center;
+		margin-bottom: 40rpx;
+		// justify-content: space-between;
+		.pb-item-left{
+			width: 30%;
+		}
+		.pb-item-right{
+			margin-left: 10rpx;
+			width: 75%;
+		}
+	}
+	:deep(){
+		.uni-popup__wrapper{
+			width: 100%;
+		}
+	}
 	.part-title{
 		border-left: 10rpx solid #fe915d;
 		padding-left: 20rpx;
@@ -148,8 +210,20 @@
 		margin-top: 20rpx;
 	}
 	.pop-box{
+		.pb-title{
+			text-align: center;
+			margin-bottom: 40rpx;
+		}
 		background-color: white;
 		padding: 20rpx;
+		width: 80%;
+		margin: 0 auto;
+		border-radius: 20rpx;
+	}
+	.pop-close{
+		text-align: center;
+		color: white;
+		margin-top: 20rpx;
 	}
 	.page-box{
 		padding: 20rpx;