kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

目录名称修正

Browse Source
This commit is contained in:
aixianling
2022-02-09 10:35:29 +08:00
parent f7b60e2f0c
commit 98114b6e87
194 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

534
src/saas/AppHealthUp/AppHealthUp.vue Normal file
View File

@@ -0,0 +1,534 @@
<template>
<div class="AppHealthUp">
<AiTopFixed>
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change"
:bar-width="48" :bar-height="4" active-color="#fff" bg-color="#3975C6" inactive-color="#CDDCF0"></u-tabs>
</AiTopFixed>
<div v-if="currentTabs != 1">
<div v-if="!isUpload">
<div class="form-item__group">
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>姓名</h2>
</div>
<div class="form-item__right">
<input placeholder="请输入" v-model="form.name" :maxlength="20" />
</div>
</div>
</div>
</div>
<div class="form-item__group">
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>当前体温</h2>
</div>
<div class="form-item__right">
<input
placeholder="请输入"
v-model="form.temperature"
:maxlength="20"
/>
<i>℃</i>
</div>
</div>
</div>
<div class="form-item form-item__imgs">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>14天内是否接触新冠确诊或疑似患者</h2>
</div>
<div class="form-item__right">
<AiRadio
style="width: 100%"
v-model="form.touchInFourteen"
dict="epidemicTouchInFourteen"
></AiRadio>
</div>
</div>
</div>
<div class="form-item form-item__imgs">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>当前健康状况（可多选）</h2>
</div>
<div class="form-item__right">
<AiCheckbox
style="width: 100%"
v-model="form.health"
dict="epidemicRecentHealth"
></AiCheckbox>
</div>
</div>
</div>
</div>
<div class="pad-b112"></div>
</div>
<AiEmpty v-else :noPermit="true" description="今日已上报"></AiEmpty>
</div>
<div v-else>
<div class="form-item__group">
<div class="group_title">基本信息</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">姓名</span>
</div>
<div class="form-item__right">张三</div>
</div>
</div>
</div>
<div class="time-content">
<div class="title">上报记录<span>(12月)</span></div>
<div class="time">
<div class="week-list">
<span v-for="(item, index) in weekList" :key="index">{{item}}</span>
</div>
<div class="day-list">
<div v-for="(item, index) in 30" :key="index" class="item" :class="index == 7 ? 'active' : ''">
<div class="num">{{item}}</div>
<span class="status"></span>
</div>
</div>
</div>
</div>
<div class="form-item__group">
<div class="group_title">健康状况</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">当前体温</span>
</div>
<div class="form-item__right">36.2℃</div>
</div>
</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label" style="width:190px;">14天内是否接触新冠确诊或疑似患者</span>
</div>
<div class="form-item__right">否</div>
</div>
</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">当前健康状况</span>
</div>
<div class="form-item__right">感冒症状;乏力、咳嗽、发烧、肌肉痛、头痛</div>
</div>
</div>
</div>
<div class="pad-b112"></div>
</div>
<div class="add-btn" v-if="!isUpload && currentTabs != 1">
<div>提交</div>
</div>
<div class="add-btn" v-if="currentTabs == 1" @click="toOther">
<div>查看其他成员</div>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'AppHealthUp',
appName: '健康上报',
data() {
return {
tabList: [{ name: '健康上报'},{ name: '上报统计'}],
currentTabs: 1,
form: {},
isUpload: false,
weekList: ['一', '二', '三', '四', '五', '六', '日']
}
},
computed: {
...mapState(['user']),
},
onLoad() {
},
onShow() {
document.title = '健康上报'
},
methods: {
change(index) {
this.currentTabs = index
},
toOther() {
uni.navigateTo({ url: './OtherUser'})
}
},
}
</script>
<style scoped lang="scss">
uni-page-body {
height: 100%;
}
.AppHealthUp {
.emptyWrap {
background: #f5f5f5;
margin: 0;
}
::v-deep .emptyText{
text-align: center;
}
.add-btn{
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
height: 112px;
line-height: 112px;
background: #3975C6;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFF;
div{
text-align: center;
}
}
::v-deep .u-tab-bar{
bottom: 14px;
}
.form-item__group {
margin-bottom: 24px;
background: #fff;
}
.form-item {
padding-left: 32px;
.form-item__checkbox {
width: 100%;
div {
width: 100%;
height: 80px;
line-height: 80px;
margin-bottom: 24px;
text-align: center;
background: #ffffff;
border-radius: 16px;
color: #333333;
font-size: 28px;
border: 1px solid #cccccc;
&.active {
background: #4181ff;
color: #fff;
border-color: #4181ff;
}
}
}
.form-item__radio {
display: flex;
align-items: center;
flex-wrap: wrap;
div {
width: 212px;
height: 80px;
line-height: 80px;
margin-right: 16px;
margin-bottom: 8px;
text-align: center;
background: #ffffff;
border-radius: 16px;
color: #333333;
font-size: 28px;
border: 1px solid #cccccc;
&:nth-of-type(3n) {
margin-right: 0;
}
&.active {
background: #4181ff;
color: #fff;
border-color: #4181ff;
}
}
}
.ai-area__wrapper {
display: flex;
align-items: center;
padding-left: 100px;
span {
color: #333;
font-size: 30px;
}
i {
color: #999;
font-size: 30px;
}
image {
width: 16px;
height: 8px;
}
}
.form-item__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
height: 128px;
padding-right: 28px;
border-bottom: 1px solid #dddddd;
input {
flex: 1;
height: 100%;
text-align: right;
color: #333;
padding-right: 10px;
}
.form-item__right {
display: flex;
align-items: center;
font-size: 32px;
.select {
._i {
padding-left: 100px;
}
}
span {
max-width: 400px;
margin-right: 8px;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
i {
margin-right: 8px;
color: #999999;
}
}
}
&:last-child {
.form-item__wrapper {
border-bottom: none;
}
}
.form-item__title {
display: flex;
align-items: center;
i {
font-size: 32px;
color: #ff4466;
}
span {
font-size: 28px;
color: #999999;
}
h2 {
padding: 0 4px;
font-weight: 600;
font-size: 32px;
color: #333333;
}
}
&.form-item__imgs,
&.form-item__textarea {
.form-item__wrapper {
display: block;
height: auto;
padding-bottom: 32px;
}
textarea {
width: 100%;
height: 90px;
}
.form-item__title {
padding: 32px 0;
}
.form-item__right {
padding-left: 18px;
}
}
}
.btn-wrapper {
position: fixed;
left: 50%;
bottom: 0;
z-index: 11;
width: 100%;
padding: 20px 0 20px 0 !important;
transform: translateX(-50%);
background: #f3f6f9;
}
.btn-wrapper .btn {
width: 686px;
height: 88px;
line-height: 88px;
margin: 0 auto;
padding: 0 !important;
text-align: center;
color: #fff;
font-size: 34px;
background: #4181FF;
border-radius: 16px;
}
.btn-wrapper .disabled {
color: #B9E7D0;
background: #50C48A;
}
::v-deep .AiTopFixed {
.placeholder {
.content {
padding: 0 !important;
}
}
.fixed {
margin: 0 !important;
background-color: #f5f5f5!important;
.content {
padding: 0 !important;
}
}
}
.label{
width: 280px;
font-size: 32px!important;
}
.group_title{
width: 100%;
height: 116px;
line-height: 116px;
background: #FFF;
padding-left: 32px;
font-size: 38px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333;
}
.time-content{
width: 100%;
background-color: #fff;
.title{
line-height: 96px;
padding-left: 32px;
font-size: 36px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #333;
span{
display: inline-block;
width: 100px;
text-align: center;
font-size: 26px;
font-family: PingFang-SC-Heavy, PingFang-SC;
color: #666;
font-weight: 400;
}
}
.time{
padding: 0 32px 32px;
background-color: #fff;
margin-bottom: 24px;
.week-list{
span{
display: inline-block;
width: 98px;
text-align: center;
padding: 32px 0;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #999;
}
}
.day-list{
.item{
display: inline-block;
width: 98px;
height: 98px;
text-align: center;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
position: relative;
.num{
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
text-align: center;
margin: 0 auto;
}
.status{
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
top: 60px;
left: 50%;
margin-left: -4px;
background: #3B87F6;
}
.status0{
background: #999;
}
.status1{
background: #3B87F6;
}
.status2{
background: #f46;
}
}
.active{
.num{
background: #3B87F6;
color: #fff;
}
.status{
display: none;
}
}
}
}
}
.pad-b112{
padding-bottom: 112px;
}
}
</style>

449
src/saas/AppHealthUp/OtherStatistics.vue Normal file
View File

@@ -0,0 +1,449 @@
<template>
<div class="OtherStatistics">
<div class="form-item__group">
<div class="group_title">基本信息</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">姓名</span>
</div>
<div class="form-item__right">张三</div>
</div>
</div>
</div>
<div class="time-content">
<div class="title">上报记录<span>(12月)</span></div>
<div class="time">
<div class="week-list">
<span v-for="(item, index) in weekList" :key="index">{{item}}</span>
</div>
<div class="day-list">
<div v-for="(item, index) in 30" :key="index" class="item" :class="index == 7 ? 'active' : ''">
<div class="num">{{item}}</div>
<span class="status"></span>
</div>
</div>
</div>
</div>
<div class="form-item__group">
<div class="group_title">健康状况</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">当前体温</span>
</div>
<div class="form-item__right">36.2℃</div>
</div>
</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label" style="width:190px;">14天内是否接触新冠确诊或疑似患者</span>
</div>
<div class="form-item__right">否</div>
</div>
</div>
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<span class="label">当前健康状况</span>
</div>
<div class="form-item__right">感冒症状;乏力、咳嗽、发烧、肌肉痛、头痛</div>
</div>
</div>
</div>
<div class="pad-b112"></div>
<div class="add-btn" @click="back">
<div>查看其他成员</div>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'OtherStatistics',
data() {
return {
weekList: ['一', '二', '三', '四', '五', '六', '日']
}
},
computed: {
...mapState(['user']),
},
onLoad() {
},
onShow() {
document.title = '健康上报'
},
methods: {
back() {
uni.navigateBack()
}
},
}
</script>
<style scoped lang="scss">
uni-page-body {
height: 100%;
}
.OtherStatistics {
.emptyWrap {
background: #f5f5f5;
margin: 0;
}
::v-deep .emptyText{
text-align: center;
}
.add-btn{
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
height: 112px;
line-height: 112px;
background: #3975C6;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFF;
div{
text-align: center;
}
}
::v-deep .u-tab-bar{
bottom: 14px;
}
.form-item__group {
margin-bottom: 24px;
background: #fff;
}
.form-item {
padding-left: 32px;
.form-item__checkbox {
width: 100%;
div {
width: 100%;
height: 80px;
line-height: 80px;
margin-bottom: 24px;
text-align: center;
background: #ffffff;
border-radius: 16px;
color: #333333;
font-size: 28px;
border: 1px solid #cccccc;
&.active {
background: #4181ff;
color: #fff;
border-color: #4181ff;
}
}
}
.form-item__radio {
display: flex;
align-items: center;
flex-wrap: wrap;
div {
width: 212px;
height: 80px;
line-height: 80px;
margin-right: 16px;
margin-bottom: 8px;
text-align: center;
background: #ffffff;
border-radius: 16px;
color: #333333;
font-size: 28px;
border: 1px solid #cccccc;
&:nth-of-type(3n) {
margin-right: 0;
}
&.active {
background: #4181ff;
color: #fff;
border-color: #4181ff;
}
}
}
.ai-area__wrapper {
display: flex;
align-items: center;
padding-left: 100px;
span {
color: #333;
font-size: 30px;
}
i {
color: #999;
font-size: 30px;
}
image {
width: 16px;
height: 8px;
}
}
.form-item__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
height: 128px;
padding-right: 28px;
border-bottom: 1px solid #dddddd;
input {
flex: 1;
height: 100%;
text-align: right;
color: #333;
padding-right: 10px;
}
.form-item__right {
display: flex;
align-items: center;
font-size: 32px;
.select {
._i {
padding-left: 100px;
}
}
span {
max-width: 400px;
margin-right: 8px;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
i {
margin-right: 8px;
color: #999999;
}
}
}
&:last-child {
.form-item__wrapper {
border-bottom: none;
}
}
.form-item__title {
display: flex;
align-items: center;
i {
font-size: 32px;
color: #ff4466;
}
span {
font-size: 28px;
color: #999999;
}
h2 {
padding: 0 4px;
font-weight: 600;
font-size: 32px;
color: #333333;
}
}
&.form-item__imgs,
&.form-item__textarea {
.form-item__wrapper {
display: block;
height: auto;
padding-bottom: 32px;
}
textarea {
width: 100%;
height: 90px;
}
.form-item__title {
padding: 32px 0;
}
.form-item__right {
padding-left: 18px;
}
}
}
.btn-wrapper {
position: fixed;
left: 50%;
bottom: 0;
z-index: 11;
width: 100%;
padding: 20px 0 20px 0 !important;
transform: translateX(-50%);
background: #f3f6f9;
}
.btn-wrapper .btn {
width: 686px;
height: 88px;
line-height: 88px;
margin: 0 auto;
padding: 0 !important;
text-align: center;
color: #fff;
font-size: 34px;
background: #4181FF;
border-radius: 16px;
}
.btn-wrapper .disabled {
color: #B9E7D0;
background: #50C48A;
}
::v-deep .AiTopFixed {
.placeholder {
.content {
padding: 0 !important;
}
}
.fixed {
margin: 0 !important;
background-color: #f5f5f5!important;
.content {
padding: 0 !important;
}
}
}
.label{
width: 280px;
font-size: 32px!important;
}
.group_title{
width: 100%;
height: 116px;
line-height: 116px;
background: #FFF;
padding-left: 32px;
font-size: 38px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333;
}
.time-content{
width: 100%;
background-color: #fff;
.title{
line-height: 96px;
padding-left: 32px;
font-size: 36px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #333;
span{
display: inline-block;
width: 100px;
text-align: center;
font-size: 26px;
font-family: PingFang-SC-Heavy, PingFang-SC;
color: #666;
font-weight: 400;
}
}
.time{
padding: 0 32px 32px;
background-color: #fff;
margin-bottom: 24px;
.week-list{
span{
display: inline-block;
width: 98px;
text-align: center;
padding: 32px 0;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #999;
}
}
.day-list{
.item{
display: inline-block;
width: 98px;
height: 98px;
text-align: center;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
position: relative;
.num{
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
text-align: center;
margin: 0 auto;
}
.status{
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
top: 60px;
left: 50%;
margin-left: -4px;
background: #3B87F6;
}
.status0{
background: #999;
}
.status1{
background: #3B87F6;
}
.status2{
background: #f46;
}
}
.active{
.num{
background: #3B87F6;
color: #fff;
}
.status{
display: none;
}
}
}
}
}
.pad-b112{
padding-bottom: 112px;
}
}
</style>

112
src/saas/AppHealthUp/OtherUser.vue Normal file
View File

@@ -0,0 +1,112 @@
<template>
<div class="OtherUser">
<AiTopFixed>
<div class="seachObjs">
<u-search v-model="keyword" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
</div>
</AiTopFixed>
<div class="user-list">
<div class="item" @click="toOtherSta">
<div class="left">
<img src="./components/img/user-icon.png" alt="">李轶
</div>
<div class="right">
今日已上报<img src="./components/img/right-icon.png" alt="">
</div>
</div>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'OtherUser',
data() {
return {
keyword: '',
}
},
computed: {
...mapState(['user']),
},
onLoad() {
},
onShow() {
document.title = '其他成员'
},
methods: {
toOtherSta() {
uni.navigateTo({ url: './OtherStatistics'})
},
},
}
</script>
<style scoped lang="scss">
uni-page-body{
height: 100%;
background-color: #fff;
}
.OtherUser {
.user-list{
.item{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #E4E5E6;
padding: 24px 32px 22px 40px;
background-color: #fff;
.left{
font-size: 36px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
line-height: 50px;
img{
width: 74px;
height: 74px;
margin-right: 34px;
vertical-align: middle;
}
}
.right{
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
color: #999;
line-height: 74px;
img{
width: 32px;
height: 32px;
margin-left: 8px;
vertical-align: middle;
}
}
.color-F5A319{
color: #F5A319;
}
}
}
.emptyWrap {
background: #f5f5f5;
margin: 0;
}
::v-deep .emptyText{
text-align: center;
}
.seachObjs {
background: #fff;
}
::v-deep .content{
padding: 20px 32px;
}
::v-deep .u-search{
margin-bottom: 0;
}
}
</style>

BIN
src/saas/AppHealthUp/components/img/right-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 B

BIN
src/saas/AppHealthUp/components/img/user-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB