6 changed files with 391 additions and 160 deletions
@ -1,25 +1,239 @@ |
|||||
<template> |
<template> |
||||
<view> |
<view> |
||||
<button @tap="handleSelectLocation">选择位置</button> |
<form class="padding-lr cu-form-group flex-direction"> |
||||
|
<view class="cu-form-group flex flex-direction padding-tb"> |
||||
|
<view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前所在地区</view> |
||||
|
<input placeholder="请输入当前所在地区" name="input" type="text" v-model="area" /> |
||||
|
<button @tap="handleSelectLocation">选择位置</button> |
||||
|
</view> |
||||
|
<view class="cu-form-group flex flex-direction padding-tb"> |
||||
|
<view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前所在详细地址</view> |
||||
|
<input placeholder="请输入详细地址(含门牌号)" name="input" type="text" v-model="address" /> |
||||
|
</view> |
||||
|
<view class="cu-form-group flex flex-direction padding-top"> |
||||
|
<view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前状态</view> |
||||
|
<radio-group class="block" @change="StateChange"> |
||||
|
<view class="cu-list menu text-left"> |
||||
|
<view class="cu-item" v-for="(state,index) in status" :key="index"> |
||||
|
<label class="flex justify-between align-center"> |
||||
|
<radio class="round margin-right-xs" :checked="index === current" :value="state.value"></radio> |
||||
|
<view class="flex-sub" style="font-size: 34rpx;">{{ state.name }}</view> |
||||
|
</label> |
||||
|
</view> |
||||
|
</view> |
||||
|
</radio-group> |
||||
|
</view> |
||||
|
<view class="cu-form-group flex flex-direction padding-tb"> |
||||
|
<view class="title padding-bottom-sm">就诊医院（若无填无）</view> |
||||
|
<input placeholder="请输入就诊医院" name="input" type="text" v-model="hospital" /> |
||||
|
</view> |
||||
|
<view class="cu-form-group flex flex-direction padding-top"> |
||||
|
<view class="title padding-bottom-sm">最近14天是否有武汉居住史、旅游史或武汉亲戚来访</view> |
||||
|
<radio-group class="block" @change="TourChange"> |
||||
|
<view class="flex"> |
||||
|
<view class="flex-sub margin-tb-sm" v-for="(tour,index) in tours" :key="index"> |
||||
|
<label class="flex justify-between align-center"> |
||||
|
<radio class="round margin-right-xs" :checked="index === tourCurrent" :value="tour.value"></radio> |
||||
|
<text class="flex-sub" style="font-size: 34rpx;">{{ tour.name }}</text> |
||||
|
</label> |
||||
|
</view> |
||||
|
</view> |
||||
|
</radio-group> |
||||
|
</view> |
||||
|
|
||||
|
<view class="cu-form-group flex flex-direction padding-top"> |
||||
|
<view class="title padding-bottom-sm">最近14天是否有新冠肺炎患者或疑似患者接触史</view> |
||||
|
<radio-group class="block" @change="TouchChange"> |
||||
|
<view class="flex"> |
||||
|
<view class="flex-sub margin-tb-sm" v-for="(touch,index) in touches" :key="index"> |
||||
|
<label class="flex justify-between align-center"> |
||||
|
<radio class="round margin-right-xs" :checked="index === touchCurrent" :value="touch.value"></radio> |
||||
|
<text class="flex-sub" style="font-size: 34rpx;">{{ touch.name }}</text> |
||||
|
</label> |
||||
|
</view> |
||||
|
</view> |
||||
|
</radio-group> |
||||
|
</view> |
||||
|
<view class="cu-form-group flex flex-direction padding-tb"> |
||||
|
<view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前体温（℃）</view> |
||||
|
<input placeholder="请输入当前真实体温" name="input" type="number" v-model="temperature" /> |
||||
|
</view> |
||||
|
</form> |
||||
|
|
||||
|
<view class="margin flex flex-wrap"> |
||||
|
<view @click="agree = !agree" class="iconfont agree-box" :class="[agree ? 'text-blue icon-check-square': 'text-gray icon-border']"></view> |
||||
|
<view class="text-df text-black flex-sub agree-text"> |
||||
|
以上信息是我本人填写，本人对信息的真实性和完整性负责。 |
||||
|
</view> |
||||
|
</view> |
||||
|
<button class="bg-cyan margin primary-btn" hover-class="cc-active" @tap="addStroke">确认提交</button> |
||||
|
<!-- 历史 --> |
||||
|
<button class="shadow round bg-cyan history-btn iconfont icon-history" hover-class="cc-active" @tap="openPage('/pages/my-code/my-code')"></button> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import { showToast } from 'common/script/util'; |
||||
|
|
||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return {}; |
return { |
||||
}, |
area: '', |
||||
methods: { |
address: '', |
||||
handleSelectLocation() { |
status: [ |
||||
uni.chooseLocation({ |
{ |
||||
success: function(res) { |
value: '0', |
||||
console.log('位置名称：' + res.name); |
name: '正常', |
||||
console.log('详细地址：' + res.address); |
}, |
||||
console.log('纬度：' + res.latitude); |
{ |
||||
console.log('经度：' + res.longitude); |
value: '1', |
||||
}, |
name: '发烧（377.3度以上）', |
||||
}); |
}, |
||||
}, |
{ |
||||
}, |
value: '2', |
||||
|
name: '咳嗽', |
||||
|
}, |
||||
|
{ |
||||
|
value: '3', |
||||
|
name: '咽喉疼痛', |
||||
|
}, |
||||
|
{ |
||||
|
value: '4', |
||||
|
name: '流鼻涕', |
||||
|
}, |
||||
|
{ |
||||
|
value: '5', |
||||
|
name: '头痛', |
||||
|
}, |
||||
|
{ |
||||
|
value: '6', |
||||
|
name: '其他', |
||||
|
} |
||||
|
], |
||||
|
hospital: '', |
||||
|
tours: [ |
||||
|
{ |
||||
|
value: 1, |
||||
|
name: '是' |
||||
|
}, |
||||
|
{ |
||||
|
value: 0, |
||||
|
name: '否' |
||||
|
} |
||||
|
], |
||||
|
touches: [ |
||||
|
{ |
||||
|
value: 1, |
||||
|
name: '是' |
||||
|
}, |
||||
|
{ |
||||
|
value: 0, |
||||
|
name: '否' |
||||
|
} |
||||
|
], |
||||
|
temperature: '', |
||||
|
current: 0, |
||||
|
tourCurrent: 0, |
||||
|
touchCurrent: 0, |
||||
|
agree: false, |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSelectLocation() { |
||||
|
uni.chooseLocation({ |
||||
|
success: function(res) { |
||||
|
console.log('位置名称：' + res.name); |
||||
|
console.log('详细地址：' + res.address); |
||||
|
console.log('纬度：' + res.latitude); |
||||
|
console.log('经度：' + res.longitude); |
||||
|
}, |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 状态 |
||||
|
StateChange: function(evt) { |
||||
|
for (let i = 0; i < this.status.length; i++) { |
||||
|
if (this.status[i].value === evt.target.value) { |
||||
|
this.current = i; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 旅游 |
||||
|
TourChange: function(evt) { |
||||
|
for (let i = 0; i < this.tours.length; i++) { |
||||
|
if (this.tours[i].value === evt.target.value) { |
||||
|
this.tourCurrent = i; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 接触 |
||||
|
TouchChange: function(evt) { |
||||
|
for (let i = 0; i < this.touches.length; i++) { |
||||
|
if (this.touches[i].value === evt.target.value) { |
||||
|
this.touchCurrent = i; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 提交基本信息 |
||||
|
*/ |
||||
|
addStroke() { |
||||
|
if (!this.area) { |
||||
|
showToast('请输入当前所在地区'); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.address) { |
||||
|
showToast('请输入当前所在地址'); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.status) { |
||||
|
showToast('请选择状态'); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.temperature) { |
||||
|
showToast('请输入当前体温'); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.agree) { |
||||
|
showToast('请确定是否为本人填写'); |
||||
|
return; |
||||
|
} |
||||
|
console.log('信息提交'); |
||||
|
uni.reLaunch({ |
||||
|
url: `/pages/index/index`, |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
}; |
}; |
||||
</script> |
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.agree-box{ |
||||
|
width: 70rpx; |
||||
|
} |
||||
|
.agree-text{ |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
.primary-btn{ |
||||
|
border-radius: 15rpx; |
||||
|
} |
||||
|
.history-btn{ |
||||
|
position: fixed; |
||||
|
bottom: 40rpx; |
||||
|
right: 40rpx; |
||||
|
width: 96rpx; |
||||
|
height: 96rpx; |
||||
|
line-height: 96rpx; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.history-btn::after{ |
||||
|
border: none; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue