2023.11.7
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<template>
|
||||
<view class="feedbackBox">
|
||||
<view class="writeBox">
|
||||
<textarea class="textarea" v-model="txt"></textarea>
|
||||
<textarea placeholder="输入您的问题" class="textarea" v-model="txt"></textarea>
|
||||
</view>
|
||||
<view class="btn-part">
|
||||
<view class="btn">提交</view>
|
||||
|
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
import { onLoad } from "@dcloudio/uni-app"
|
||||
// import mySwiper from "@/components/mySwiper.vue"
|
||||
import {ref,onMounted,nextTick} from "vue"
|
||||
import {ref,onMounted,nextTick,computed} from "vue"
|
||||
import {useStore} from '@/store/index.js'
|
||||
import api from "@/api/index.js"
|
||||
onLoad(() => {
|
||||
@@ -9,11 +9,73 @@
|
||||
userinfo.value = JSON.parse(uni.getStorageSync('userInfo'))
|
||||
console.log(userinfo.value)
|
||||
avatar.value = uni.getStorageSync('avatarUrl')
|
||||
h_info.value = JSON.parse(uni.getStorageSync('operation_info'))
|
||||
if(h_info.value) {
|
||||
// console.log(h_info.value)
|
||||
getHospital(h_info.value.hospitalId)
|
||||
}
|
||||
})
|
||||
const userinfo = ref(null)
|
||||
const userinfo = ref({})
|
||||
const avatar = ref(null)
|
||||
const h_info = ref(null)
|
||||
const inputDialog = ref(null)
|
||||
const input_title = ref(null)
|
||||
// const userForm = ref(null)
|
||||
// 方法
|
||||
async function getHospital(id) {
|
||||
const res = await api.getHospitalInfo(id)
|
||||
if(res.code === 0) {
|
||||
h_info.value.name = res.data.name
|
||||
}
|
||||
else{
|
||||
uni.showToast({
|
||||
title:res.msg,
|
||||
icon:"error",
|
||||
duration:2000,
|
||||
mask:true,
|
||||
success() {}
|
||||
})
|
||||
}
|
||||
}
|
||||
const edit_type= ref(null)
|
||||
|
||||
function toDetail(type) {
|
||||
edit_type.value = type
|
||||
switch(type){
|
||||
case 1: // 修改昵称
|
||||
inputDialog.value.open()
|
||||
input_title.value = '修改昵称'
|
||||
break;
|
||||
case 2: // 修改电话
|
||||
inputDialog.value.open()
|
||||
input_title.value = '修改电话'
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
function finishFunc() {
|
||||
|
||||
}
|
||||
const startDate = computed(() => getDate('start'))
|
||||
const endDate = computed(() => getDate('end'))
|
||||
const date = ref(null)
|
||||
function getDate(type) {
|
||||
const date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
|
||||
if (type === 'start') {
|
||||
year = year - 60;
|
||||
} else if (type === 'end') {
|
||||
year = year + 2;
|
||||
}
|
||||
month = month > 9 ? month : '0' + month;
|
||||
day = day > 9 ? day : '0' + day;
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
function bindDateChange() {
|
||||
|
||||
}
|
||||
</script>
|
||||
@@ -34,7 +96,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rb-card" @tap="toDetail(1)">
|
||||
<view class="rb-card" @tap="toDetail(2)">
|
||||
<view class="rbc-content">
|
||||
<view class="rbc-content-row rbc-content-left rbc-content-left-box">
|
||||
<uni-icons type="phone" color="gray" size="26"></uni-icons>
|
||||
@@ -45,29 +107,51 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rb-card" @tap="toDetail(1)">
|
||||
<view class="rb-card" @tap="toDetail(3)">
|
||||
<view class="rbc-content">
|
||||
<view class="rbc-content-row rbc-content-left rbc-content-left-box">
|
||||
<uni-icons type="calendar" color="gray" size="26"></uni-icons>
|
||||
手术时间</view>
|
||||
<view class="rbc-content-row rbc-content-right">
|
||||
2023-10-1
|
||||
{{h_info?.surgery_time}}
|
||||
<uni-icons type="forward" color="gray" size="20"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rb-card" @tap="toDetail(1)">
|
||||
<view class="rb-card" @tap="toDetail(4)">
|
||||
<view class="rbc-content">
|
||||
<view class="rbc-content-row rbc-content-left rbc-content-left-box">
|
||||
<uni-icons type="paperplane" color="gray" size="26"></uni-icons>
|
||||
手术医院</view>
|
||||
<view class="rbc-content-row rbc-content-right">
|
||||
金山医院
|
||||
{{h_info?.name}}
|
||||
<uni-icons type="forward" color="gray" size="20"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!--修改姓名/电话 弹窗 -->
|
||||
<uni-popup ref="inputDialog" >
|
||||
<view class="pop-box">
|
||||
<view class="pb-title">{{input_title}}</view>
|
||||
<view class="pb-content">
|
||||
<view class="pb-item">
|
||||
<!-- <view class="pb-item-left">事项说明</view> -->
|
||||
<view class="pb-item-right">
|
||||
<!-- <input v-if="edit_type == 1" class="uni-input" v-model="userinfo.nickname" focus placeholder="输入您的姓名" />
|
||||
<input v-else class="uni-input" v-model="userinfo.phone" focus placeholder="输入您的电话" /> -->
|
||||
<uni-easyinput :inputBorder="false" v-if="edit_type == 1" borderColor="#26758d" v-model="userinfo.nickname" focus placeholder="输入您的姓名"></uni-easyinput>
|
||||
<uni-easyinput :inputBorder="false" v-else borderColor="#26758d" v-model="userinfo.phone" focus placeholder="输入您的电话"></uni-easyinput>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pb-item pb-item-btn" @tap="finishFunc">提交</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<!-- 手术时间 -->
|
||||
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
|
||||
<view class="uni-input"> {{h_info?.surgery_time}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</template>
|
||||
<style scoped lang="scss">
|
||||
@@ -153,5 +237,49 @@
|
||||
}
|
||||
.user-box{
|
||||
background: #f6f6f6;
|
||||
}
|
||||
.pb-item-btn{
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: #26758d;
|
||||
justify-content: center;
|
||||
width: 66%;
|
||||
margin: 0 auto;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.pop-box{
|
||||
.pb-title{
|
||||
text-align: center;
|
||||
margin-bottom: 40rpx;
|
||||
padding-top: 20rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 900;
|
||||
}
|
||||
background-color: white;
|
||||
padding: 20rpx;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.pb-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 40rpx;
|
||||
// justify-content: space-between;
|
||||
.pb-item-left{
|
||||
width: 30%;
|
||||
color: gray;
|
||||
}
|
||||
.pb-item-right{
|
||||
position: relative;
|
||||
// margin-left: 10rpx;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
:deep(){
|
||||
.uni-popup__wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user