DIGITAL_MANAGEMENT
/
wiki_enterprise_js
7
0
Fork 0
Code Pull Requests Releases Activity
Browse Source

1.我的健康打卡 2.我的行程

remotes/origin/HEAD
songsong428 5 years ago
parent
4d9eebce1f
commit
368123acb2
7 changed files with 441 additions and 100 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      pages.json
  2. 14
      pages/add-stroke/add-stroke.vue
  3. 24
      pages/apply-code/apply-code.vue
  4. 67
      pages/index/components/home.vue
  5. 22
      pages/index/components/mine.vue
  6. 170
      pages/my-code/my-code.vue
  7. 116
      pages/my-trips/my-trips.vue

12
pages.json
View File

@ -43,6 +43,18 @@
"style": { "style": {
"navigationBarTitleText": "申请健康码" "navigationBarTitleText": "申请健康码"
} }
},
{
"path": "pages/my-code/my-code",
"style": {
"navigationBarTitleText": "我的健康打卡"
}
},
{
"path": "pages/my-trips/my-trips",
"style": {
"navigationBarTitleText": "我的行程"
}
} }
], ],
"globalStyle": { "globalStyle": {

14
pages/add-stroke/add-stroke.vue
View File

@ -34,6 +34,8 @@
</view> </view>
</view> </view>
<button class="bg-cyan margin primary-btn" hover-class="cc-active" @tap="addStroke">确认提交</button> <button class="bg-cyan margin primary-btn" hover-class="cc-active" @tap="addStroke">确认提交</button>
<!-- 历史 -->
<button class="shadow round text-cyan history-btn iconfont icon-history" hover-class="cc-active" @tap="openPage('/pages/my-trips/my-trips')"></button>
</view> </view>
</template> </template>
@ -141,4 +143,16 @@ export default {
.primary-btn{ .primary-btn{
border-radius: 15rpx; border-radius: 15rpx;
} }
.history-btn{
position: fixed;
top: 30rpx;
right: 30rpx;
width: 96rpx;
height: 96rpx;
line-height: 96rpx;
padding: 0;
}
.history-btn::after{
border: none;
}
</style> </style>

24
pages/apply-code/apply-code.vue
View File

@ -6,8 +6,8 @@
<input placeholder="请输入当前所在地区" name="input" type="text" v-model="area" /> <input placeholder="请输入当前所在地区" name="input" type="text" v-model="area" />
</view> </view>
<view class="cu-form-group flex flex-direction padding-tb"> <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> <view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前所在详细地址</view>
<input placeholder="请输入当前所在城市" name="input" type="text" v-model="city" /> <input placeholder="请输入详细地址(含门牌号)" name="input" type="text" v-model="address" />
</view> </view>
<view class="cu-form-group flex flex-direction padding-top"> <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> <view class="title padding-bottom-sm"><span class="text-red padding-right-xs">*</span>当前状态</view>
@ -66,6 +66,8 @@
</view> </view>
</view> </view>
<button class="bg-cyan margin primary-btn" hover-class="cc-active" @tap="addStroke">确认提交</button> <button class="bg-cyan margin primary-btn" hover-class="cc-active" @tap="addStroke">确认提交</button>
<!-- 历史 -->
<button class="shadow round text-cyan history-btn iconfont icon-history" hover-class="cc-active" @tap="openPage('/pages/my-code/my-code')"></button>
</view> </view>
</template> </template>
@ -76,7 +78,7 @@ export default {
data() { data() {
return { return {
area: '', area: '',
city: '', address: '',
status: [ status: [
{ {
value: '0', value: '0',
@ -174,8 +176,8 @@ export default {
showToast('请输入当前所在地区'); showToast('请输入当前所在地区');
return; return;
} }
if (!this.city) { if (!this.address) {
showToast('请输入当前所在城市'); showToast('请输入当前所在地址');
return; return;
} }
if (!this.status) { if (!this.status) {
@ -210,4 +212,16 @@ export default {
.primary-btn{ .primary-btn{
border-radius: 15rpx; border-radius: 15rpx;
} }
.history-btn{
position: fixed;
top: 30rpx;
right: 30rpx;
width: 96rpx;
height: 96rpx;
line-height: 96rpx;
padding: 0;
}
.history-btn::after{
border: none;
}
</style> </style>

67
pages/index/components/home.vue
View File

@ -1,12 +1,14 @@
<template> <template>
<view class="content flex flex-direction"> <view class="content flex flex-direction">
<view v-if="coad" style="position: relative;"> <view v-if="coad" style="position: relative;">
<image src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9joZ6fC6TxFlt9mW4UhUn2PEgUne7OUt4q4mNE.k9gU.rSr8Eu*pFToZoVwUOEGDrKMycDqdn1mLFGE1dxYTGUcE!/b&bo=7gKRAu4CkQIDWXw!&rf=viewer_4&t=5" class="bg1"></image> <image src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9joZ6fC6TxFlt9mW4UhUn2PEgUne7OUt4q4mNE.k9gU.rSr8Eu*pFToZoVwUOEGDrKMycDqdn1mLFGE1dxYTGUcE!/b&bo=7gKRAu4CkQIDWXw!&rf=viewer_4&t=5"
class="bg1"></image>
<view class="bg-code"> <view class="bg-code">
<image class="healthy-code" src="../../../static/img/qrcode.png" :style="{'background':healthyCodeColor}"></image> <image class="healthy-code" src="../../../static/img/qrcode.png" :style="{'background':healthyCodeColor}"></image>
</view> </view>
</view> </view>
<image v-else src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9jhx9v1rh8VuBAojvYxrYvg*uVMAXaD2En3CPiaHx7AWMjFTafVrGxwJR4jZd5s4ProhQT1ceDVquyQR7HVquBKk!/b&bo=7gLuAe4C7gEDORw!&rf=viewer_4&t=5" class="bg"></image> <image v-else src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9jhx9v1rh8VuBAojvYxrYvg*uVMAXaD2En3CPiaHx7AWMjFTafVrGxwJR4jZd5s4ProhQT1ceDVquyQR7HVquBKk!/b&bo=7gLuAe4C7gEDORw!&rf=viewer_4&t=5"
class="bg"></image>
<view :class="coad ? 'box1' : 'box'"> <view :class="coad ? 'box1' : 'box'">
<view v-show="!coad" class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active" @tap="openPage('/pages/get-code/get-code')"> <view v-show="!coad" class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active" @tap="openPage('/pages/get-code/get-code')">
@ -59,7 +61,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'Home', name: 'Home',
data() { data() {
return { return {
@ -67,53 +69,64 @@ export default {
healthyCodeColor: '#11A20D', healthyCodeColor: '#11A20D',
} }
} }
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.bg{ .bg {
width: 100%; width: 100%;
height: 495rpx; height: 495rpx;
} }
.bg1{
.bg1 {
width: 100%; width: 100%;
height: 635rpx; height: 635rpx;
} }
.bg-code{
.bg-code {
display: flex; display: flex;
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 370rpx; top: 370rpx;
.healthy-code{
.healthy-code {
margin: 0 auto; margin: 0 auto;
width: 230rpx; width: 230rpx;
height: 230rpx; height: 230rpx;
} }
} }
.box {
.box {
position: relative; position: relative;
top: -100rpx; top: -100rpx;
} }
.box1 {
.box1 {
position: relative; position: relative;
top: 0; top: 0;
} }
.card-radius{
.card-radius {
border-radius: 15rpx; border-radius: 15rpx;
} }
.description{
.description {
color: $grey; color: $grey;
} }
.icon1{
.icon1 {
background: $iconGreen; background: $iconGreen;
} }
.icon2{
.icon2 {
background: $iconCyan; background: $iconCyan;
} }
.icon3{
.icon3 {
background: $iconBlue; background: $iconBlue;
} }
.icon4{
.icon4 {
background: $iconPurple; background: $iconPurple;
} }
</style> </style>

22
pages/index/components/mine.vue
View File

@ -20,11 +20,11 @@
<text class="text-xl">个人信息</text> <text class="text-xl">个人信息</text>
<view class="iconfont icon-right more"></view> <view class="iconfont icon-right more"></view>
</view> </view>
<view class="cu-item" hover-class="cc-active"> <view class="cu-item" hover-class="cc-active" @tap="openPage('/pages/my-code/my-code')">
<text class="text-xl">我的健康打卡</text> <text class="text-xl">我的健康打卡</text>
<view class="iconfont icon-right more"></view> <view class="iconfont icon-right more"></view>
</view> </view>
<view class="cu-item" hover-class="cc-active"> <view class="cu-item" hover-class="cc-active" @tap="openPage('/pages/my-trips/my-trips')">
<text class="text-xl">我的行程</text> <text class="text-xl">我的行程</text>
<view class="iconfont icon-right more"></view> <view class="iconfont icon-right more"></view>
</view> </view>
@ -39,7 +39,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'Mine', name: 'Mine',
data() { data() {
return { return {
@ -51,18 +51,20 @@ export default {
}, },
}; };
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.portrait { .portrait {
overflow: hidden; overflow: hidden;
} }
.healthy-coad {
.healthy-coad {
font-size: 40px; font-size: 40px;
} }
.more {
.more {
font-size: 18px; font-size: 18px;
color: $grey; color: $grey;
} }
</style> </style>

170
pages/my-code/my-code.vue
View File

@ -0,0 +1,170 @@
<template>
<view>
<!-- 添加 -->
<button class="shadow round bg-cyan add-btn iconfont icon-plus" hover-class="cc-active" @tap="openPage('/pages/apply-code/apply-code')"></button>
<view class="card radius shadow-warp bg-white margin" :key="index" v-for="(item,index) in tableList">
<view class="card-head solid-bottom">
<view class="round bg-green cu-avatar">{{ index+1 }}</view>
<view class="flex flex-sub"></view>
<view class="flex justify-end">
<text class="text-grey text-xl">{{ item.date }}</text>
</view>
</view>
<view class="card-content padding-lr">
<view class="data-wrap">
<view class="data-item">
<view class="data-title">当前所在地区：
<text class="text-gray padding-left-xs">{{ item.area }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">当前所在详细地址:
<text class="text-gray padding-left-xs">{{ item.address }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">当前状态:
<text class="text-gray padding-left-xs">{{ item.state }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">就诊医院:
<text class="text-gray padding-left-xs">{{ item.hospital }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">最近14天是否有武汉居住史、旅游史或武汉亲戚来访：
<text class="text-gray padding-left-xs">{{ item.tour }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">最近14天是否有新冠肺炎患者或疑似患者接触史：
<text class="text-gray padding-left-xs">{{ item.touch }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">当前体温:
<text class="text-gray padding-left-xs">{{ item.temperature }}℃</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
showToast
} from 'common/script/util';
export default {
data() {
return {
tableList: [{
date: '2020-02-05',
area: '太原',
address: '小店',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36'
},
{
date: '2020-02-05',
area: '太原',
address: '迎泽',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36.5'
},
{
date: '2020-02-05',
area: '太原',
address: '迎泽',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36.3'
},
{
date: '2020-02-05',
area: '太原',
address: '迎泽',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36.5'
},
{
date: '2020-02-05',
area: '太原',
address: '迎泽',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36'
},
{
date: '2020-02-05',
area: '太原',
address: '迎泽',
state: '正常',
hospital: '无',
tour: '否',
touch: '否',
temperature: '36'
}
],
};
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.data-wrap {
display: flex;
flex-direction: column;
align-items: left;
justify-content: flex-start;
padding: 40rpx 0;
.data-item {
display: flex;
flex-wrap: wrap;
align-items: left;
font-size: 36rpx;
margin-bottom: 20rpx;
.data-title{
line-height: 60rpx;
color: $black;
}
}
}
.add-btn{
position: fixed;
bottom: 40rpx;
right: 40rpx;
width: 96rpx;
height: 96rpx;
line-height: 96rpx;
padding: 0;
z-index: 1;
}
.add-btn::after{
border: none;
}
</style>

116
pages/my-trips/my-trips.vue
View File

@ -0,0 +1,116 @@
<template>
<view>
<!-- 添加 -->
<button class="shadow round bg-cyan add-btn iconfont icon-plus" hover-class="cc-active" @tap="openPage('/pages/add-stroke/add-stroke')"></button>
<view class="card radius shadow-warp bg-white margin" :key="index" v-for="(item,index) in tableList">
<view class="card-head solid-bottom">
<view class="round bg-green cu-avatar">{{ index+1 }}</view>
<view class="flex flex-sub"></view>
<view class="flex justify-end">
<text class="text-grey text-xl">{{ item.date }}</text>
</view>
</view>
<view class="card-content padding-lr">
<view class="data-wrap">
<view class="data-item">
<view class="data-title">出发时间：
<text class="text-gray padding-left-xs">{{ item.startTime }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">抵达时间:
<text class="text-gray padding-left-xs">{{ item.endTime }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">出行交通方式:
<text class="text-gray padding-left-xs">{{ item.transport }}</text>
</view>
</view>
<view class="data-item">
<view class="data-title">乘坐航班车次或车牌号码及座位号:
<text class="text-gray padding-left-xs">{{ item.carNumber }}</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
showToast
} from 'common/script/util';
export default {
data() {
return {
tableList: [{
date: '2020-02-05',
startTime: '2020-02-04',
endTime: '2020-02-05',
transport: '铁路',
carNumber: '32'
},
{
date: '2020-02-05',
startTime: '2020-02-04',
endTime: '2020-02-05',
transport: '飞机',
carNumber: '3282'
},
{
date: '2020-02-05',
startTime: '2020-02-04',
endTime: '2020-02-05',
transport: '自驾',
carNumber: '35212'
}
],
};
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.data-wrap {
display: flex;
flex-direction: column;
align-items: left;
justify-content: flex-start;
padding: 40rpx 0;
.data-item {
display: flex;
flex-wrap: wrap;
align-items: left;
font-size: 36rpx;
margin-bottom: 20rpx;
.data-title{
line-height: 60rpx;
color: $black;
}
}
}
.add-btn{
position: fixed;
bottom: 40rpx;
right: 40rpx;
width: 96rpx;
height: 96rpx;
line-height: 96rpx;
padding: 0;
z-index: 1;
}
.add-btn::after{
border: none;
}
</style>
Write Preview
Loading…
Cancel
Save