Skip to content

X
xzf_uniapp-wechat-web
Commit 594c3b43 authored by aifen@azjy1.onexmail.com's avatar aifen@azjy1.onexmail.com
Browse files
Options

门禁测温

parent ff4fc2f1
Hide whitespace changes
Inline Side-by-side
Showing with 1359 additions and 35 deletions
src/pages.json
View file @ 594c3b43
......@@ -337,8 +337,8 @@
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "交费订单明细",
"navigationBarTextStyle":"white",
"navigationBarBackgroundColor":"#01CB88",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#01CB88",
"enablePullDownRefresh": false
}
},
......@@ -346,42 +346,77 @@
"path": "pages/ReceiveMoney/ReceiveMoney",
"style": {
"navigationBarTitleText": "领取红包",
"navigationStyle":"custom",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProjectHistoryDetails/PayProjectHistoryDetails",
"style": {
"navigationBarTitleText": "缴费详情单",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProgress/PayProgress",
"style": {
"navigationBarTitleText": "缴费进度",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProgressDetails/PayProgressDetails",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "缴费进度",
"enablePullDownRefresh": false
}
},{
"path": "pages/TemperatureRecords/TemperatureStatistics/TemperatureStatistics",
"style": {
"navigationBarTitleText": "体温记录",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
},{
"path": "pages/TemperatureRecords/HighTemperature/HighTemperature",
"style": {
"navigationBarTitleText": "高温",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
},{
"path": "pages/TemperatureRecords/LowTemperature/LowTemperature",
"style": {
"navigationBarTitleText": "低温",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
},{
"path": "pages/TemperatureRecords/NormalTemperatrue/NormalTemperatrue",
"style": {
"navigationBarTitleText": "正常",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
},{
"path": "pages/TemperatureRecords/Undetected/Undetected",
"style": {
"navigationBarTitleText": "未测量",
"navigationStyle": "custom",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/StudentPayment/PayProjectHistoryDetails/PayProjectHistoryDetails",
"style" :
{
"navigationBarTitleText": "缴费详情单",
"navigationStyle":"custom",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/StudentPayment/PayProgress/PayProgress",
"style" :
{
"navigationBarTitleText": "缴费进度",
"navigationStyle":"custom",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/StudentPayment/PayProgressDetails/PayProgressDetails",
"style" :
{
"navigationStyle":"custom",
"navigationBarTitleText": "缴费进度",
"enablePullDownRefresh": false
}
}
],
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "校智付",
......
src/pages/TemperatureRecords/HighTemperature/HighTemperature.vue 0 → 100644
View file @ 594c3b43
<template>
<view class="tainer">
<view class="queryBox">
<view class="search">
<van-search class="inputSearch" v-model="searchValue" show-action placeholder="请输入姓名查询"
@search="onSearch">
<template #action>
<div class="SearchBtn" @click="onSearch">
<text class="distinguish"></text>查询
</div>
</template>
</van-search>
</view>
</view>
<view class="cardBox">
<view class="card" v-for="item of detailsList">
<view class="temperatureResult">
<view class="studentInfo">
<view class="studentName">
<text>{{item.userName}}</text>
</view>
<view class="className">
<text>{{item.gradeOrClassName}}</text>
</view>
</view>
<view class="temperatureNumber">
<text>{{item.temperature}}</text>
</view>
</view>
<view class="temperatureTime">
<text>测量时间：{{item.temperatureTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
export default {
name: 'HighTemperature',
data() {
return {
searchValue: "",
requestInfo: {},
detailsList: [],
}
},
mounted() {
this.userTemperatureDetail(2);
},
methods: {
// 搜索框
async onSearch(value) {
try {
this.userTemperatureDetail(2);
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
onLoad: function(options) {
this.requestInfo = uni.getStorageSync("temperatrueRequestInfo");
},
// 查询用户体温详情(1 正常，2 高温，3 低温)
async userTemperatureDetail(temperatureStatus) {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/temperature-staits/userTemperatureDetail'
}, Object.assign(this.requestInfo, {
temperatureStatus,
userName: this.searchValue
}))
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
if (data.obj && Array.isArray(data.obj)) {
this.detailsList = data.obj;
} else {
this.detailsList == [];
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.tainer {
padding: 32rpx 32rpx 0;
box-sizing: border-box;
.queryBox {
margin: 0 0 32rpx;
.search {
width: 100%;
height: 70rpx;
background: #FFFFFF;
border-radius: 35rpx;
margin: 0 auto;
.SearchBtn {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #01CB88;
.distinguish {
display: inline-block;
width: 1rpx;
height: 26rpx;
background: #E6E6E6;
margin-right: 30rpx;
}
}
.inputSearch {
height: 100%;
width: 92%;
margin: 0 auto;
padding: 0 !important;
.van-search__content {
background: #FFFFFF;
height: 90%;
}
}
}
}
.cardBox {
.card {
width: 100%;
height: 162rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 0 20rpx;
padding: 31rpx 31rpx 39rpx 32rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
.temperatureResult {
display: flex;
justify-content: space-between;
.studentInfo {
display: flex;
align-items: flex-end;
.studentName {
margin-right: 32rpx;
font-size: 42rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.className {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-top: 22rpx;
}
}
.temperatureNumber {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #FF3B00;
line-height: 72rpx;
}
}
.temperatureTime {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
src/pages/TemperatureRecords/LowTemperature/LowTemperature.vue 0 → 100644
View file @ 594c3b43
<template>
<view class="tainer">
<view class="queryBox">
<view class="search">
<van-search class="inputSearch" v-model="searchValue" show-action placeholder="请输入姓名查询"
@search="onSearch">
<template #action>
<div class="SearchBtn" @click="onSearch">
<text class="distinguish"></text>查询
</div>
</template>
</van-search>
</view>
</view>
<view class="cardBox">
<view class="card" v-for="item of detailsList">
<view class="temperatureResult">
<view class="studentInfo">
<view class="studentName">
<text>{{item.userName}}</text>
</view>
<view class="className">
<text>{{item.gradeOrClassName}}</text>
</view>
</view>
<view class="temperatureNumber">
<text>{{item.temperature}}</text>
</view>
</view>
<view class="temperatureTime">
<text>测量时间：{{item.temperatureTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
export default {
name: 'LowTemperature',
data() {
return {
searchValue: "",
requestInfo: {},
detailsList: [],
}
},
mounted() {
this.userTemperatureDetail(3);
},
methods: {
// 搜索框
async onSearch(value) {
try {
this.userTemperatureDetail(3);
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
onLoad: function(options) {
this.requestInfo = uni.getStorageSync("temperatrueRequestInfo");
},
// 查询用户体温详情(1 正常，2 高温，3 低温)
async userTemperatureDetail(temperatureStatus) {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/temperature-staits/userTemperatureDetail'
}, Object.assign(this.requestInfo, {
temperatureStatus,
userName: this.searchValue
}))
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
if (data.obj && Array.isArray(data.obj)) {
this.detailsList = data.obj;
} else {
this.detailsList == [];
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.tainer {
padding: 32rpx 32rpx 0;
box-sizing: border-box;
.queryBox {
margin: 0 0 32rpx;
.search {
width: 100%;
height: 70rpx;
background: #FFFFFF;
border-radius: 35rpx;
margin: 0 auto;
.SearchBtn {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #01CB88;
.distinguish {
display: inline-block;
width: 1rpx;
height: 26rpx;
background: #E6E6E6;
margin-right: 30rpx;
}
}
.inputSearch {
height: 100%;
width: 92%;
margin: 0 auto;
padding: 0 !important;
.van-search__content {
background: #FFFFFF;
height: 90%;
}
}
}
}
.cardBox {
.card {
width: 100%;
height: 162rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 0 20rpx;
padding: 31rpx 31rpx 39rpx 32rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
.temperatureResult {
display: flex;
justify-content: space-between;
.studentInfo {
display: flex;
align-items: flex-end;
.studentName {
margin-right: 32rpx;
font-size: 42rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.className {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-top: 22rpx;
}
}
.temperatureNumber {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #3091FC;
line-height: 72rpx;
}
}
.temperatureTime {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
src/pages/TemperatureRecords/NormalTemperatrue/NormalTemperatrue.vue 0 → 100644
View file @ 594c3b43
<template>
<view class="tainer">
<view class="queryBox">
<view class="search">
<van-search class="inputSearch" v-model="searchValue" show-action placeholder="请输入姓名查询"
@search="onSearch">
<template #action>
<div class="SearchBtn" @click="onSearch">
<text class="distinguish"></text>查询
</div>
</template>
</van-search>
</view>
</view>
<view class="cardBox">
<view class="card" v-for="item of detailsList">
<view class="temperatureResult">
<view class="studentInfo">
<view class="studentName">
<text>{{item.userName}}</text>
</view>
<view class="className">
<text>{{item.gradeOrClassName}}</text>
</view>
</view>
<view class="temperatureNumber">
<text>{{item.temperature}}</text>
</view>
</view>
<view class="temperatureTime">
<text>测量时间：{{item.temperatureTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
export default {
name: 'NormalTemperatrue',
data() {
return {
searchValue: "",
requestInfo: {},
detailsList: [],
}
},
mounted() {
this.userTemperatureDetail(1);
},
methods: {
// 搜索框
async onSearch(value) {
try {
this.userTemperatureDetail(1);
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
onLoad: function(options) {
this.requestInfo = uni.getStorageSync("temperatrueRequestInfo");
},
// 查询用户体温详情(1 正常，2 高温，3 低温)
async userTemperatureDetail(temperatureStatus) {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/temperature-staits/userTemperatureDetail'
}, Object.assign(this.requestInfo, {
temperatureStatus,
userName:this.searchValue
}))
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
if (data.obj && Array.isArray(data.obj)) {
this.detailsList = data.obj;
} else {
this.detailsList == [];
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.tainer {
padding: 32rpx 32rpx 0;
box-sizing: border-box;
.queryBox {
margin: 0 0 32rpx;
.search {
width: 100%;
height: 70rpx;
background: #FFFFFF;
border-radius: 35rpx;
margin: 0 auto;
.SearchBtn {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #01CB88;
.distinguish {
display: inline-block;
width: 1rpx;
height: 26rpx;
background: #E6E6E6;
margin-right: 30rpx;
}
}
.inputSearch {
height: 100%;
width: 92%;
margin: 0 auto;
padding: 0 !important;
.van-search__content {
background: #FFFFFF;
height: 90%;
}
}
}
}
.cardBox {
.card {
width: 100%;
height: 162rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 0 20rpx;
padding: 31rpx 31rpx 39rpx 32rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
.temperatureResult {
display: flex;
justify-content: space-between;
.studentInfo {
display: flex;
// align-items: flex-end;
.studentName {
margin-right: 32rpx;
font-size: 42rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.className {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-top: 22rpx;
}
}
.temperatureNumber {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 72rpx;
}
}
.temperatureTime {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
src/pages/TemperatureRecords/TemperatureStatistics/TemperatureStatistics.vue 0 → 100644
View file @ 594c3b43
<template>
<view class="tainer">
<view class="themeBox">
<view class="themeBoxText">
<view class="themeBoxTextMain">
<text>体温记录</text>
</view>
<view class="themeBoxTextContext">
<text>实时测量，安全健康</text>
</view>
</view>
</view>
<view class="card">
<view class="screen">
<view class="screenItem" @click="classShow=true">
<view class="screenText">
<text>{{className}}</text>
</view>
<view class="screenImg">
<image src="../../../static/images/pullDown.png" mode=""></image>
</view>
</view>
<van-action-sheet v-model="classShow" :actions="actions" @select="onSelect" />
<view class="screenItem" @click="dateShow=true">
<view class="screenText">
<text class="screenDate">{{selectDate}}</text>
</view>
<view class="screenImg">
<image src="../../../static/images/pullDown.png" mode=""></image>
</view>
</view>
<van-calendar v-model="dateShow" :min-date="minDate" :max-date="maxDate" @confirm="onConfirm" />
</view>
<view class="timeSelect">
<view class="timeSelectItem" :class="timeSelect==1?'active':''" @tap="timeSelectTap(1)">
<text>上午</text>
</view>
<view class="timeSelectItem" :class="timeSelect==2?'active':''" @tap="timeSelectTap(2)">
<text>下午</text>
</view>
<view class="timeSelectItem" :class="timeSelect==3?'active':''" @tap="timeSelectTap(3)">
<text>晚上</text>
</view>
</view>
<view class="timeSelectResults">
<view class="timeSelectResultsItem timeSelectResultsItem_one" @tap="temperatrue(1)">
<view class="timeSelectResultsItemTheme">
<text>正常人数</text>
</view>
<view class="timeSelectResultsItemNumber">
<text class="specificNumber">{{numObj.normalTemperatrueNum}}</text>人
</view>
</view>
<view class="timeSelectResultsItem timeSelectResultsItem_two" @tap="temperatrue(2)">
<view class="timeSelectResultsItemTheme">
<text>高温人数</text>
</view>
<view class="timeSelectResultsItemNumber">
<text class="specificNumber">{{numObj.highTemperatrueNum}}</text>人
</view>
</view>
</view>
<view class="timeSelectResults timeSelectResults_two">
<view class=" timeSelectResultsItem timeSelectResultsItem_three" @tap="temperatrue(3)">
<view class=" timeSelectResultsItemTheme">
<text>低温人数</text>
</view>
<view class="timeSelectResultsItemNumber">
<text class="specificNumber">{{numObj.lowTemperatureNum}}</text>人
</view>
</view>
<view class="timeSelectResultsItem timeSelectResultsItem_four" @tap="temperatrue(4)">
<view class="timeSelectResultsItemTheme">
<text>未检测人数</text>
</view>
<view class="timeSelectResultsItemNumber">
<text class="specificNumber">{{numObj.noTemperatureNum}}</text>人
</view>
</view>
</view>
</view>
</view>
</template>
<script>
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
//获取参数
function getQueryParams(params) {
let href = window.location.href
let query = href.substring(href.indexOf('?') + 1);
let vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
let pair = vars[i].split("=");
if (pair[0] == params) {
return pair[1];
}
}
return (false);
}
export default {
name: 'TemperatureStatistics',
data() {
return {
// 日期选择
dateShow: false,
selectDate: '',
minDate: new Date('1970/01/01'),
maxDate: new Date(new Date().getTime() - 24 * 60 * 60 * 1000),
// 年级班级选择
classShow: false,
className: '',
actions: [],
selectClass: {},
timeSelect: 1,
numObj: {},
}
},
mounted() {
this.selectDate = this.formatDate(new Date(new Date().getTime() - 24 * 60 * 60 * 1000));
this.queryClassListByTeacher().then(
() => {
this.className = this.actions[0].name;
this.statisGradeOrClassTemperature();
}
);
},
methods: {
// 时段选择
timeSelectTap: function(index) {
this.timeSelect = index;
this.statisGradeOrClassTemperature();
},
formatDate(date) {
return `${date.getFullYear()}-${date.getMonth()<9?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()}`;
},
// 日期选择
onConfirm(date) {
this.dateShow = false;
this.selectDate = this.formatDate(date);
this.statisGradeOrClassTemperature();
},
// 年级班级选择
onSelect(className) {
this.classShow = false;
this.className = className.name;
this.selectClass = className;
this.statisGradeOrClassTemperature();
},
// 获取教师管理的班级
async queryClassListByTeacher() {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/database/queryClassListByTeacher'
}, {
schoolId: getQueryParams('schoolId'),
teacherId: getQueryParams('teacherId'),
})
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
this.actions = []
return
}
if (data.obj && Array.isArray(data.obj)) {
var tmpArr = data.obj.map(e => e.gradeName + e.className)
var arr = [];
for (var i = 0; i < tmpArr.length; i++) {
var j = {};
j.name = tmpArr[i];
arr.push(j);
}
this.actions = (arr || []).map((item, index) => {
return {
...item,
...data.obj[index]
}
})
this.selectClass = this.actions[0];
} else {
this.actions = []
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 体温统计
async statisGradeOrClassTemperature() {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/temperature-staits/statisGradeOrClassTemperature'
}, {
classId: this.selectClass.classId,
gradeId: this.selectClass.gradeId,
registDate: this.selectDate,
schoolId: getQueryParams('schoolId'),
temperatureInterval: this.timeSelect
})
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
if (data.obj && Array.isArray(data.obj)) {
this.numObj = data.obj.length ? data.obj[0] : {}
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
// 体温详情
temperatrue(num) {
try {
uni.setStorageSync("temperatrueRequestInfo", {
classId: this.selectClass.classId,
gradeId: this.selectClass.gradeId,
registDate: this.selectDate,
schoolId: getQueryParams('schoolId'),
temperatureInterval: this.timeSelect
})
let url = '../NormalTemperatrue/NormalTemperatrue';
switch (num) {
case 2:
url = '../HighTemperature/HighTemperature';
break;
case 3:
url = '../LowTemperature/LowTemperature';
break;
case 4:
url = '../Undetected/Undetected';
break;
}
uni.navigateTo({
url
})
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
},
}
</script>
<style lang="scss" scope>
page {
background: linear-gradient(0deg, #F7F9FC, #FFFFFF);
}
.tainer {
.themeBox {
height: 221rpx;
background: url(../../../static/images/temperatureRecords.png) center -152rpx no-repeat;
background-size: cover;
padding: 66rpx 32rpx 0;
box-sizing: border-box;
.themeBoxText {
.themeBoxTextMain {
font-size: 42rpx;
font-family: Alibaba PuHuiTi 2.0;
font-weight: normal;
color: #FFFFFF;
}
.themeBoxTextContext {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #D9F9EE;
}
}
}
.card {
padding: 0 32rpx 0;
box-sizing: border-box;
position: absolute;
top: 189rpx;
width: 100%;
height: 88.4%;
background: linear-gradient(0deg, #F7F9FC, #FFFFFF);
border-radius: 32rpx 32rpx 0rpx 0rpx;
.screen {
height: 136rpx;
display: flex;
justify-content: space-between;
align-items: center;
.screenItem {
width: 327rpx;
height: 72rpx;
background: #F3F5F6;
border-radius: 16rpx;
display: flex;
justify-content: center;
align-items: center;
.screenText {
font-family: PingFang SC;
font-weight: 500;
color: #333333;
margin: 0 10rpx 0 0;
.screenDate {
font-family: DIN;
}
}
.screenImg {
width: 14rpx;
height: 8rpx;
display: flex;
justify-content: center;
image {
width: 100%;
height: 100%;
}
}
}
/deep/ .van-calendar__popup.van-popup--bottom,
.van-calendar__popup.van-popup--top {
height: 60% !important;
}
}
.timeSelect {
width: 100%;
height: 72rpx;
background: #F3F5F6;
border-radius: 16rpx;
display: flex;
justify-content: space-around;
margin: 32rpx 0 40rpx;
.timeSelectItem {
width: 33%;
display: flex;
justify-content: center;
align-items: center;
&.active {
width: 33%;
height: 64rpx;
margin-top: 4rpx;
background: #FFFFFF;
border-radius: 16rpx;
font-weight: bold;
color: #01CB88;
}
}
}
.timeSelectResults {
display: flex;
justify-content: space-between;
.timeSelectResultsItem {
width: 328rpx;
height: 168rpx;
border-radius: 24rpx;
padding: 30rpx 0 37rpx 31rpx;
box-sizing: border-box;
&.timeSelectResultsItem_one {
background: no-repeat center/100% url(../../../static/images/normalTemperature.png);
}
&.timeSelectResultsItem_two {
background: no-repeat center/100% url(../../../static/images/highTemperature.png);
}
&.timeSelectResultsItem_three {
background: no-repeat center/100% url(../../../static/images/lowTemperature.png);
}
&.timeSelectResultsItem_four {
background: no-repeat center/100% url(../../../static/images/undetected.png);
}
.timeSelectResultsItemTheme {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.timeSelectResultsItemNumber {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
.specificNumber {
font-size: 48rpx;
font-family: DIN;
margin: 0 10rpx 0 0;
}
}
}
&.timeSelectResults_two {
margin-top: 36rpx;
}
}
}
}
</style>
src/pages/TemperatureRecords/Undetected/Undetected.vue 0 → 100644
View file @ 594c3b43
<template>
<view class="tainer">
<view class="queryBox">
<view class="search">
<van-search class="inputSearch" v-model="searchValue" show-action placeholder="请输入姓名查询"
@search="onSearch">
<template #action>
<div class="SearchBtn" @click="onSearch">
<text class="distinguish"></text>查询
</div>
</template>
</van-search>
</view>
</view>
<view class="cardBox">
<view class="card" v-for="item of detailsList">
<view class="temperatureResult">
<view class="studentInfo">
<view class="studentName">
<text>{{item.userName}}</text>
</view>
<view class="className">
<text>{{item.gradeOrClassName}}</text>
</view>
</view>
<view class="temperatureNumber">
<text>{{item.temperature}}°C</text>
</view>
</view>
<view class="temperatureTime">
<text>测量时间：{{item.temperatureTime}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
export default {
name: 'Undetected',
data() {
return {
searchValue: "",
requestInfo: {},
detailsList: [],
}
},
mounted() {
this.userNoTemperatureDetail();
},
methods: {
// 搜索框
async onSearch(value) {
try {
this.userNoTemperatureDetail();
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
onLoad: function(options) {
this.requestInfo = uni.getStorageSync("temperatrueRequestInfo");
},
// 查询没有体温记录用户详情
async userNoTemperatureDetail() {
try {
let data = await this.$http.get({
url: gHost + '/ACAPI/applet/temperature-staits/userNoTemperatureDetail'
}, Object.assign(this.requestInfo, {
userName: this.searchValue
}))
if (data.code != 200) {
uni.showToast({
icon: "none",
mask: true,
title: data.msg
})
return
}
if (data.obj && Array.isArray(data.obj)) {
this.detailsList = data.obj;
} else {
this.detailsList == [];
}
} catch (e) {
//TODO handle the exception
console.log(e);
uni.showToast({
icon: "none",
mask: true,
title: e.message
})
}
},
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.tainer {
padding: 32rpx 32rpx 0;
box-sizing: border-box;
.queryBox {
margin: 0 0 32rpx;
.search {
width: 100%;
height: 70rpx;
background: #FFFFFF;
border-radius: 35rpx;
margin: 0 auto;
.SearchBtn {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #01CB88;
.distinguish {
display: inline-block;
width: 1rpx;
height: 26rpx;
background: #E6E6E6;
margin-right: 30rpx;
}
}
.inputSearch {
height: 100%;
width: 92%;
margin: 0 auto;
padding: 0 !important;
.van-search__content {
background: #FFFFFF;
height: 90%;
}
}
}
}
.cardBox {
.card {
width: 100%;
height: 162rpx;
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 0 20rpx;
padding: 31rpx 31rpx 39rpx 32rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
.temperatureResult {
display: flex;
justify-content: space-between;
.studentInfo {
display: flex;
align-items: flex-end;
.studentName {
margin-right: 32rpx;
font-size: 42rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.className {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
margin-top: 22rpx;
}
}
.temperatureNumber {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 72rpx;
}
}
.temperatureTime {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment