xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

360 画像

Browse Source
This commit is contained in:
shidongli 2024-05-08 15:44:08 +08:00
parent 12ee94ff23
commit 00ecac7c89
5 changed files with 275 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
api/pagesB/threeHundredAndSixty/threeHundredAndSixty.js
View File

@ -23,7 +23,6 @@ export function healthIndexdata(identity) {
}) })
} }
// 健康处方 // 健康处方
export function lastrecode(identity) { export function lastrecode(identity) {
return request({ return request({
url: '/applet/360/portrait/record/detail/last/'+identity+'/0', url: '/applet/360/portrait/record/detail/last/'+identity+'/0',
@ -33,4 +32,25 @@ export function lastrecode(identity) {
} }
}) })
} }
// 处方记录时间表
export function dayList(identity) {
return request({
url: '/applet/360/portrait/record/dayList/'+identity,
method: 'GET',
header: {
region: uni.getStorageSync('region'),
}
})
}
export function detail(recordCode) {
return request({
url: '/applet/360/portrait/record/detail/'+recordCode+'/0',
method: 'GET',
header: {
region: uni.getStorageSync('region'),
}
})
}

165
pagesB/Healthindex/Healthindex.vue
View File

@ -2,10 +2,6 @@
<view class="app"> <view class="app">
<view class="health"> <view class="health">
<view class="health_top"> <view class="health_top">
<!-- <view class="right" @tap="healthtap()">
1
</view> -->
<image image v-if="healthdata.hiEva<650" :src="require('../images/red.png')"> <image image v-if="healthdata.hiEva<650" :src="require('../images/red.png')">
<image image v-if="healthdata.hiEva>850" :src="require('../images/green.png')" image> <image image v-if="healthdata.hiEva>850" :src="require('../images/green.png')" image>
<image v-if="healthdata.hiEva > 650" :src="require('../images/yellow.png')" image> <image v-if="healthdata.hiEva > 650" :src="require('../images/yellow.png')" image>
@ -33,8 +29,31 @@
</view> </view>
<!-- 折线图 --> <!-- 折线图 -->
<view class="zx"> <view class="zx">
<view class="title">
血脂变化趋势
</view>
<qiun-data-charts type="line" loadingType="0" :opts="line_opts" :ontouch="true" :chartData="datalist" /> <qiun-data-charts type="line" loadingType="0" :opts="line_opts" :ontouch="true" :chartData="datalist" />
</view> </view>
<view class="zx">
<view class="title">
空腹血糖变化趋势
</view>
<qiun-data-charts type="line" loadingType="0" :opts="line_opts" :ontouch="true"
:chartData="bloodsugar" />
</view>
<view class="zx">
<view class="title">
体质指数变化趋势
</view>
<qiun-data-charts type="line" loadingType="0" :opts="line_opts" :ontouch="true" :chartData="BMIdata" />
</view>
<view class="zx">
<view class="title">
血脂变化趋势
</view>
<qiun-data-charts type="line" loadingType="0" :opts="line_opts" :ontouch="true"
:chartData="bloodpressure" />
</view>
</view> </view>
</view> </view>
</template> </template>
@ -46,7 +65,11 @@
export default { export default {
data() { data() {
return { return {
datalist: null, datalist: null, //血脂
bloodsugar: null, //血糖
BMIdata: null, //体脂
bloodpressure: null, //血压
checked: true, checked: true,
cardNo: '', cardNo: '',
healthdata: {}, healthdata: {},
@ -90,7 +113,6 @@
}, },
mounted() { mounted() {
this.infohealths() this.infohealths()
console.log('0000000000')
this.getServerData() this.getServerData()
}, },
methods: { methods: {
@ -110,75 +132,66 @@
let res = { let res = {
categories: [], categories: [],
series: [{ series: [{
name: "成交量A", name: "总胆固醇",
data: [35, 8, 25, 37, 4, 20] data: []
}, },
{ {
name: "成交量B", name: "低密度脂蛋白胆固醇",
data: [70, 40, 65, 100, 44, 68] data: []
}, },
{
name: "成交量C",
data: [100, 80, 95, 150, 112, 132]
}, {
name: "成交量C",
data: [100, 80, 95, 150, 112, 132]
}
] ]
} }
console.log(res, 'res111') let resbloodsugar = {
res.series[0].name = this.healthdata.evaAnalysis.bg.series[0].name categories: [],
res.categories = this.healthdata.evaAnalysis.bg.xValue series: [{
name: "空腹血糖",
data: []
},
]
}
let resBMI = {
categories: [],
series: [{
name: "体质指数",
data: []
},
]
}
let resbloodpressure = {
categories: [],
series: [{
name: "收缩压",
data: []
},
{
name: "舒张压",
data: []
},
]
}
// bf血脂变化趋势
res.series[0].data = this.healthdata.evaAnalysis.bf.series[0].data
res.series[1].data = this.healthdata.evaAnalysis.bf.series[1].data
res.categories = this.healthdata.evaAnalysis.bf.xValue
//bg血糖
resbloodsugar.series[0].data = this.healthdata.evaAnalysis.bg.series[0].data
resbloodsugar.categories = this.healthdata.evaAnalysis.bg.xValue
//bmi体脂
resBMI.series[0].data = this.healthdata.evaAnalysis.bmi.series[0].data
resBMI.categories = this.healthdata.evaAnalysis.bmi.xValue
//bp血压
resbloodpressure.series[0].data = this.healthdata.evaAnalysis.bp.series[0].data
resbloodpressure.series[1].data = this.healthdata.evaAnalysis.bp.series[1].data
resbloodpressure.categories = this.healthdata.evaAnalysis.bp.xValue
this.datalist = res this.datalist = res
// res.series[0].data = this.healthdata.physicalSign.bf.xValue this.bloodsugar = resbloodsugar
// res.series[0].name=this.healthdata.evaAnalysis.bp.name this.BMIdata = resBMI
this.bloodpressure = resbloodpressure
// res.series[1].name=this.healthdata.evaAnalysis.bg.name
// res.series[2].name=this.healthdata.evaAnalysis.bf.name
// res.series[3].name=this.healthdata.evaAnalysis.bmi.name
console.log(res, 'res')
// res.series[0].data = this.healthdata.physicalSign.bf.series.map(e => e.bg)
// res.categories = this.healthdata.evaAnalysis.map(e => e.timename + e.measureTime)
// this.datalist = res
// let restwo = {
// series: [{
// data: [{
// "name": "偏低" + this.healthdata.calc.lowerNum + "次",
// "value": this.healthdata.calc.lowerNum
// }, {
// "name": "正常" + this.healthdata.calc.normalNum + "次",
// "value": this.healthdata.calc.normalNum
// }, {
// "name": "偏高" + this.healthdata.calc.higherNum + "次",
// "value": this.healthdata.calc.higherNum
// }]
// }]
// };
// this.datalisttwo = restwo
}, 500) }, 500)
// }
// //模拟从服务器获取数据时的延时
// setTimeout(() => {
// //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
// let res = {
// categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
// series: [{
// name: "成交量A",
// data: [35, 8, 25, 37, 4, 20]
// },
// {
// name: "成交量B",
// data: [70, 40, 65, 100, 44, 68]
// },
// {
// name: "成交量C",
// data: [100, 80, 95, 150, 112, 132]
// }
// ]
// };
// this.chartData = JSON.parse(JSON.stringify(res));
// }, 500);
}, },
@ -193,6 +206,7 @@
// padding: 100rpx 40rpx; // padding: 100rpx 40rpx;
text-align: center; text-align: center;
font-size: 36rpx; font-size: 36rpx;
// 健康 // 健康
.health { .health {
width: 100%; width: 100%;
@ -255,12 +269,17 @@
} }
.zx { .zx {
width: 100%; width: 96%;
height: 300rpx; margin: 33rpx auto;
// background: red; height: 400rpx;
.title {
font-size: 25rpx;
text-align: left;
margin-left: 30rpx;
}
} }
} }
} }
</style> </style>

84
pagesB/Precords/Precords.vue
View File

@ -5,21 +5,23 @@
处方记录 处方记录
</view> </view>
<view class="recorditem"> <view class="recorditem">
<u-collapse :item-style="itemStyle" :arrow="false" :accordion='false'> <u-collapse :item-style="itemStyle" :accordion='false' :arrow="false">
<u-collapse-item :title="item.tempName" v-for="(item, index) in lastrecodedata.ptList" :key="index" @change='tapcollapse(item)' :class="item.check?'headcollapse':''"> <u-collapse-item :title="item.tempName" v-for="(item, index) in lastrecodedata.ptList" :key="index"
@change='tapcollapse(item)' :class="item.check?'headcollapse':''">
<view class="itemtext"> <view class="itemtext">
<view class="collapse_top" v-for="uitem in item.ptValList"> <view class="collapse_top" v-for="uitem in item.ptValList">
<!-- <u-icon name="star-fill" color="#000" size="28"></u-icon> <u-icon name="star-fill" color="#000" size="28"
<span style="margin-left: 10rpx;">健康生活方式</span> --> v-if="uitem.itemType=='1' || uitem.itemType=='2' ||uitem.itemType=='3'"></u-icon>
<span style="margin-left: 10rpx;" v-if="uitem.itemType=='1'">健康生活方式 </span>
<span style="margin-left: 10rpx;" v-if="uitem.itemType=='2'">治疗与康复</span>
<span style="margin-left: 10rpx;" v-if="uitem.itemType=='3'">急症处理</span>
<view class="itemsdata"> <view class="itemsdata">
<view class="itemword"> <view class="itemword" v-if="uitem.val=='true'">
<u-checkbox v-model="checked" >{{uitem.formName}}</u-checkbox> <u-checkbox active-color="#26A888" v-model="checked"> {{uitem.content}}</u-checkbox>
</view>
<view class="itemword" v-if="uitem.val==null || uitem.val=='false'">
<u-checkbox active-color="#26A888" v-model="checkedfalse">{{uitem.content}}</u-checkbox>
</view> </view>
<!-- <view class="itemword">
<u-checkbox v-model="checked" >测试345353535</u-checkbox>
</view><view class="itemword">
<u-checkbox v-model="checked" >测试345353535</u-checkbox>
</view> -->
</view> </view>
</view> </view>
@ -28,30 +30,22 @@
</u-collapse> </u-collapse>
</view> </view>
</view> </view>
<u-loading :show="show" mode="flower" size="40"></u-loading>
</view> </view>
</template> </template>
<script> <script>
import {lastrecode} from "@/api/pagesB/threeHundredAndSixty/threeHundredAndSixty.js" import {
lastrecode
} from "@/api/pagesB/threeHundredAndSixty/threeHundredAndSixty.js"
export default { export default {
data() { data() {
return { return {
lastrecodedata:null, show: true,
cardNo:'', checked: true,
itemList: [{ lastrecodedata: null,
head: "赏识在于角度的转换", cardNo: '',
body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来", itemList: [],
open: true,
disabled: true
}, {
head: "生活中不是缺少美，而是缺少发现美的眼睛",
body: "学会欣赏，实际是一种积极生活的态度，是生活的调味品，会在欣赏中发现生活的美",
open: false,
}, {
head: "周围一些不起眼的人、事、物，或许都隐藏着不同凡响的智慧",
body: "但是据说雕刻大卫像所用的这块大理石，曾被多位雕刻家批评得一无是处，有些人认为这块大理石采凿得不好，有些人嫌它的纹路不够美",
open: false,
}],
} }
}, },
@ -69,6 +63,7 @@
this.cardNo = '370522196411282177' this.cardNo = '370522196411282177'
lastrecode(this.cardNo).then(res => { lastrecode(this.cardNo).then(res => {
this.lastrecodedata = res.data this.lastrecodedata = res.data
this.show = false
}) })
} }
}, },
@ -93,6 +88,8 @@
// padding: 100rpx 40rpx; // padding: 100rpx 40rpx;
text-align: center; text-align: center;
font-size: 36rpx; font-size: 36rpx;
// 健康处方 // 健康处方
.prescription { .prescription {
::v-deep .u-collapse-title { ::v-deep .u-collapse-title {
@ -100,6 +97,7 @@
font-weight: 600; font-weight: 600;
padding-left: 10rpx; padding-left: 10rpx;
} }
.headcollapse { .headcollapse {
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
border-bottom: 2rpx solid #E6E6E6; border-bottom: 2rpx solid #E6E6E6;
@ -110,12 +108,15 @@
color: #26A888; color: #26A888;
} }
} }
::v-deep .u-icon--right {
color: #26A888 !important;
}
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
background: #169BD5 !important; background: #26A888 !important;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
@ -128,7 +129,7 @@
border-radius: 10rpx; border-radius: 10rpx;
text-align: center; text-align: center;
margin-left: auto; margin-left: auto;
background: #169BD5; background: #26A888;
font-size: 27rpx; font-size: 27rpx;
} }
@ -136,8 +137,10 @@
.recorditem { .recorditem {
margin-top: 39rpx; margin-top: 39rpx;
.itemtext{
.collapse_top{
.itemtext {
.collapse_top {
font-size: 30rpx; font-size: 30rpx;
font-weight: 500; font-weight: 500;
color: #000; color: #000;
@ -145,22 +148,23 @@
line-height: 40rpx; line-height: 40rpx;
margin: 0 auto; margin: 0 auto;
padding: 20rpx 20rpx; padding: 20rpx 20rpx;
.itemsdata{
width: 100%;
.itemword{
margin: 15rpx;
.itemsdata {
width: 100%;
.itemword {
margin: 15rpx;
}
} }
} }
}
} }
} }
} }
} }
</style> </style>

131
pagesB/Prescriptionrecords/Prescriptionrecords.vue
View File

@ -2,96 +2,95 @@
<view class="app"> <view class="app">
<view class="body"> <view class="body">
<view class="left"> <view class="left">
<u-collapse :accordion='false' :arrow="false"> <u-collapse :accordion='false'>
<u-collapse-item :title="item.head" v-for="(item, index) in itemlistleft" :key="index" <u-collapse-item :title="item.year" v-for="(item, index) in itemlistleft" :key="index"
:class="item.check?'headcollapse':''" @change='tapcollapseleft(item)'> :class="item.check?'headcollapse':''" @change='tapcollapseleft(item)'>
<!-- {{item.body}} --> <view class="itemtext" v-for="aitem in item.list" @tap="dataies(aitem)">
<view class="itemtext">
<view class="left"> <view class="left">
2222222222 {{aitem.recordDate}}
</view> </view>
</view> </view>
<!-- <view class="itemtext" v-for="uitem in item.list">
<view class="left">
{{uitem.happentime}}
</view>
</view> -->
</u-collapse-item> </u-collapse-item>
</u-collapse> </u-collapse>
</view> </view>
<view class="right"> <view class="right">
<u-collapse :item-style="itemStyle" :arrow="false" :accordion='false'> <u-collapse :item-style="itemStyle" :arrow="false" :accordion='false'>
<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index" <u-collapse-item :title="item.tempName" v-for="(item, index) in itemList.ptList" :key="index"
@change='tapcollapse(item)' :class="item.check?'headcollapse':''"> @change='tapcollapse(item)' :class="item.check?'headcollapse':''">
<!-- {{item.body}} -->
<view class="itemtext"> <view class="itemtext">
<view class="collapse_top" v-for="uitem in item.ptValList"> <view class="collapse_top" v-for="uitem in item.ptValList">
<!-- <u-icon name="star-fill" color="#000" size="28"></u-icon> <u-icon name="star-fill" color="#000" size="28" v-if="uitem.itemType=='1' || uitem.itemType=='2' ||uitem.itemType=='3'"></u-icon>
<span style="margin-left: 10rpx;">健康生活方式</span> --> <span style="margin-left: 10rpx;" v-if="uitem.itemType=='1'">健康生活方式 </span>
<span style="margin-left: 10rpx;" v-if="uitem.itemType=='2'">治疗与康复</span>
<span style="margin-left: 10rpx;" v-if="uitem.itemType=='3'">急症处理</span>
<view class="itemsdata"> <view class="itemsdata">
<view class="itemword"> <view class="itemword" v-if="uitem.val=='true'">
<u-checkbox v-model="checked"> {{uitem.formName}}</u-checkbox> <u-checkbox active-color="#26A888" v-model="checked"> {{uitem.content}}</u-checkbox>
</view> </view>
<!-- <view class="itemword"> <view class="itemword" v-if="uitem.val==null || uitem.val=='false'">
<u-checkbox v-model="checked">测试345353535</u-checkbox> <u-checkbox active-color="#26A888" v-model="checkedfalse">{{uitem.content}}</u-checkbox>
</view> </view>
<view class="itemword">
<u-checkbox v-model="checked">测试345353535</u-checkbox>
</view> -->
</view> </view>
</view> </view>
</view> </view>
</u-collapse-item> </u-collapse-item>
</u-collapse> </u-collapse>
</view> </view>
</view> </view>
<u-loading :show="show" mode="flower" size="40"></u-loading>
</view> </view>
</template> </template>
<script> <script>
import {dayList,detail} from "@/api/pagesB/threeHundredAndSixty/threeHundredAndSixty.js"
export default { export default {
data() { data() {
return { return {
checked: true, show:true,
itemlistleft: [{ checked:true,
head: "赏识在于角度的转换", checkedfalse:false,
body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来", lastrecodedata:null,
open: true, cardNo:'',
disabled: true itemlistleft: [],
}, { itemList: [],
head: "生活中不是缺少美，而是缺少发现美的眼睛", recordCode:'',
body: "学会欣赏，实际是一种积极生活的态度，是生活的调味品，会在欣赏中发现生活的美",
open: false,
}],
itemList: [{
head: "赏识在于角度的转换",
body: "只要我们正确择取一个合适的参照物乃至稍降一格去看待他人，值得赏识的东西便会扑面而来",
open: true,
disabled: true
}, {
head: "生活中不是缺少美，而是缺少发现美的眼睛",
body: "学会欣赏，实际是一种积极生活的态度，是生活的调味品，会在欣赏中发现生活的美",
open: false,
}, {
head: "周围一些不起眼的人、事、物，或许都隐藏着不同凡响的智慧",
body: "但是据说雕刻大卫像所用的这块大理石，曾被多位雕刻家批评得一无是处，有些人认为这块大理石采凿得不好，有些人嫌它的纹路不够美",
open: false,
}],
} }
}, },
mounted() {
this.lastrecodelist()
},
methods: { methods: {
lastrecodelist() {
if (uni.getStorageSync("userinfo").cardNo) {
// this.cardNo=uni.getStorageSync("userinfo").cardNo
this.cardNo = '370522196411282177'
dayList(this.cardNo).then(res => {
this.itemlistleft = res.data
this.recordCode=res.data[0].list[0].recordCode
console.log(this.recordCode)
detail(this.recordCode).then(res => {
this.itemList = res.data
this.show=false
})
})
}
},
tapcollapse(item) { tapcollapse(item) {
item.check = !item.check item.check = !item.check
}, },
dataies(aitem){
console.log(aitem,'aitem')
this.recordCode=aitem.recordCode
detail(this.recordCode).then(res => {
this.itemList = res.data
})
},
tapcollapseleft(item){ tapcollapseleft(item){
console.log(item)
item.check = !item.check item.check = !item.check
} }
@ -101,21 +100,22 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.app { page {
height: 100vh;
background-color: #fff; background-color: #fff;
// padding: 100rpx 40rpx; }
.app {
// height: 100vh;
padding: 32rpx 10rpx;
text-align: center; text-align: center;
font-size: 36rpx; font-size: 36rpx;
.body { .body {
width: 100%; width: 100%;
height: 100vh; // height: 100vh;
display: flex; display: flex;
.left { .left {
height: 100vh; // height: 100vh;
width: 30%;
// background: aliceblue; // background: aliceblue;
::v-deep .u-collapse-title { ::v-deep .u-collapse-title {
font-size: 26rpx; font-size: 26rpx;
@ -125,7 +125,6 @@
padding-left: 10rpx; padding-left: 10rpx;
font-weight: 600; font-weight: 600;
} }
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
@ -156,6 +155,7 @@
} }
} }
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
@ -171,15 +171,16 @@
} }
.right { .right {
height: 100vh; // height: 100vh;
width: 70%; width: 77%;
::v-deep .u-collapse-title { ::v-deep .u-collapse-title {
font-size: 30rpx; font-size: 30rpx;
font-weight: 600; font-weight: 600;
padding-left: 10rpx; padding-left: 10rpx;
} }
::v-deep .u-icon--right {
color: #26A888 !important;
}
.headcollapse { .headcollapse {
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
border-bottom: 2rpx solid #E6E6E6; border-bottom: 2rpx solid #E6E6E6;
@ -194,7 +195,7 @@
::v-deep .u-collapse-head { ::v-deep .u-collapse-head {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
background: #169BD5 !important; background: #26A888 !important;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }

14
pagesB/threeHundredAndSixty/threeHundredAndSixty.vue
View File

@ -2,7 +2,7 @@
<view class="app"> <view class="app">
<!-- 功能开发中 --> <!-- 功能开发中 -->
<view class="top"> <view class="top">
<u-tabs ref="tabs" :scrollable="false" :list="tabslist" bar-height="6" bar-width="60" active-color="#fff" <u-tabs ref="tabs" :scrollable="false" :list="tabslist" bar-height="6" bar-width="60" active-color="#26A888"
inactive-color="#A09F9F" :active-item-style="activebgk" :is-scroll="false" :current="tabscurrent" inactive-color="#A09F9F" :active-item-style="activebgk" :is-scroll="false" :current="tabscurrent"
gutter="50" @change="tabschange"></u-tabs> gutter="50" @change="tabschange"></u-tabs>
</view> </view>
@ -333,9 +333,9 @@
name: '健康处方', name: '健康处方',
orderStatus: 'WAIT_RECEIVED_GOODS', orderStatus: 'WAIT_RECEIVED_GOODS',
}], }],
activebgk: { // activebgk: {
background: "#00B4CC" // background: "#00B4CC"
}, // },
background: { background: {
backgroundColor: '#26A888', backgroundColor: '#26A888',
}, },
@ -449,10 +449,10 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.app { page {
height: 100vh;
background-color: #fff; background-color: #fff;
// padding: 100rpx 40rpx; }
.app {
text-align: center; text-align: center;
font-size: 36rpx; font-size: 36rpx;