NurseStationApp/pages/InformationFilling/InformationFilling.vue

89 lines
2.3 KiB
Vue
Raw Normal View History

<template>
<view>
<view class="app">
<view class="info">
<view class="user">
<view class="item">
<u-form-item label="姓名:" label-width="100rpx" style="font-size: 36rpx;margin-left: 35rpx;">
<u-input />
</u-form-item>
<!-- <span class="texts">姓名<u-input></u-input></span> -->
<!-- <text>某某某</text> -->
<!-- <input type="text" placeholder="qingshuru"> -->
</view>
<view class="item">
<u-form-item label="电话:" label-width="100rpx" style="font-size: 36rpx;margin-left: 35rpx;">
<u-input />
</u-form-item>
</view>
<view class="item">
<u-form-item label="时间:" label-width="100rpx" style="font-size: 36rpx;margin-left: 35rpx;">
<u-input />
</u-form-item>
</view>
<view class="item1">
<u-form-item label="身份证号:" label-width="170rpx" style="font-size: 36rpx;margin-left: 35rpx;">
<u-input />
</u-form-item>
</view>
</view>
</view>
<view class="symptom">
<u-form-item label="症状描述:" :border-bottom="false" label-width="170rpx" style="font-size: 36rpx;margin-left: 35rpx;">
<u-input/>
</u-form-item>
</view>
<view class="case">
<span class="text">病例上传</span>
2023-03-08 09:46:11 +08:00
<image src="../../static/huijiantou.png" mode=""></image>
<!-- <img src="/static/huijiantou.png" alt=""> -->
</view>
<view class="case">
<span class="text">化验单上传</span>
2023-03-08 09:46:11 +08:00
<image src="../../static/huijiantou.png" mode=""></image>
<!-- <img src="/static/huijiantou.png" alt=""> -->
</view>
<view class="btn" @tap='show=true'>确认</view>
</view>
<!-- 弹框 -->
<view class="frame">
<u-popup v-model="show" mode="bottom" length="50%" border-radius="30">
<view class="payment">
<span>请选择支付方式</span>
<view class="cencel" @tap="show = false">
<image src="../../static/gb.png" mode=""></image>
</view>
</view>
<view class="chat">
<image src="/static/chat.png" mode=""></image>
<span>微信支付</span>
</view>
<view class="submit">
<span>确认支付</span><span>28</span>
</view>
</u-popup>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false
}
},
methods: {
}
}
</script>
<style lang="scss">
2022-10-25 08:57:32 +08:00
@import './InformationFilling.scss'
</style>