激素bug处理

README.md

@@ -12,13 +12,17 @@ svn://39.106.86.127:28386/projects/xd/proj_src/branches/dev_v2.0/shop/frontend/w
 
 ## vscode
 
-(/images/)(\S\*(?=["|']))
+```
+(/images/)(\S*(?=["|']))
 {{imageUrl}}$2?t={{Timestamp}}
+```
 
 ## neovim
 
-(/images/)([^\"|']\*)
+```
+(/images/)([^\"|']*)
 {{imageUrl}}$2?t={{Timestamp}}
+```
 
 ui问题
 

src/app.json

@@ -66,6 +66,7 @@
         "pages/qolAdd/index",
         "pages/qolResult/index",
         "pages/qolReport/index",
+        "pages/hormonesStart/index",
         "pages/hormones/index",
         "pages/hormonesResult/index"
       ]

src/pages/d_patientDetail/index.ts

@@ -232,6 +232,7 @@ Page({
   },
   handleChange() {
     this.getGraph()
+    this.getHormoneData()
   },
   handleTypeChange(e = '') {
     let index = 0

src/pages/d_patientHormones/index.scss

@@ -87,6 +87,7 @@ page {
               border-top: 1px solid rgba(33, 29, 46, 0.05);
               padding-top: 22rpx;
               display: flex;
+              align-items: center;
               gap: 48rpx;
               .name {
                 width: 8em;

src/pages/d_patientHormones/index.wxml

@@ -26,13 +26,13 @@
               </view>
               <view class="line"></view>
               <view class="col">
-                <view class="title">每日用药量</view>
+                <view class="title">周用药量</view>
                 <view class="content">{{item.dosage}}mg</view>
               </view>
             </view>
 
             <view class="rch-footer" wx:if="{{item.medicationMethod == 1}}">
-              <view class="naem">已持续口服</view>
+              <view class="name">已持续口服</view>
               <text class="range">{{item.oralMonthName}}</text>
             </view>
             <view class="rch-footer" wx:elif="{{item.medicationMethod == 2}}">
@@ -40,7 +40,7 @@
               <text class="range">{{item.injectionWeek}}周</text>
             </view>
             <view class="rch-footer" wx:elif="{{item.medicationMethod == 3}}">
-              <div class="naem">已注射次数</div>
+              <div class="name">已注射次数</div>
               <text class="range">{{item.injectionTimes}}次</text>
             </view>
           </view>

src/patient/pages/hormones/index.ts

@@ -87,10 +87,6 @@ Page({
       this.getBaseInfo()
       if (Number(options.id) > 0) {
         this.getDetail(options.id)
-        wx.showToast({
-          icon: 'none',
-          title: '每日仅录入1次，您可修改已录信息',
-        })
       }
     })
   },
@@ -162,11 +158,10 @@ Page({
     })
   },
   handleBlur(e) {
-    console.log('DEBUGPRINT[133]: index.ts:160: e=', e)
     const { nav } = this.data
     const { key } = e.currentTarget.dataset
     this.setData({
-      [`form.${key}`]: e.detail.value,
+      [`form.${key}`]: Number(e.detail.value),
     })
     setTimeout(() => {
       this.setData({

src/patient/pages/hormonesResult/index.ts

@@ -33,7 +33,7 @@ Page({
   },
   handleReport() {
     wx.redirectTo({
-      url: '/patient/pages/qolReport/index',
+      url: '/patient/pages/qolReport/index?scrollId=proit-hormone',
     })
   },
   handlePic() {

src/patient/pages/hormonesResult/index.wxml

@@ -25,6 +25,7 @@
       <view class="w-header">温馨提醒</view>
       <view class="w-body">
         全身应用糖皮质激素可引起不良反应，程度与用药剂量和用药时间相关。
+        <view></view>
         长期糖皮质激素口服治疗的不良反应发生率大于静脉冲击治疗。
       </view>
       <view class="w-footer" wx:if="{{picText.picTextTitle}}" bind:tap="handlePic">{{picText.picTextTitle}}</view>
@@ -98,6 +99,7 @@
     <view class="t-body">
       <view class="content">
         眶内注射可改善眼外肌增粗、复视等症状。眼睑注射可改善眼睑肿胀、上睑退缩等症状。
+        <view></view>
         局部注射可能出现局部皮下组织萎缩、局部药物沉积等不良反应。其中，眶内注射还可能出现眼球破裂、动脉阻塞、视网膜毒性作用、眼压增高等不良反应，应慎重使用。
       </view>
     </view>

src/patient/pages/hormonesStart/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "navbar": "/components/navbar/index",
+    "van-popup": "@vant/weapp/popup/index"
+  }
+}

src/patient/pages/hormonesStart/index.scss

@@ -0,0 +1,122 @@
+page {
+  background-color: #f7f1ff;
+}
+
+.nav-back {
+  color: #333333;
+  font-size: 36rpx;
+}
+.nav-title {
+  color: #fff;
+}
+.page {
+  .body {
+    margin: 44rpx 40rpx;
+    padding-top: 174rpx;
+    .contaienr {
+      background: linear-gradient(180deg, #e7d5ff 0%, #ffffff 14.78%, #ffffff 100%);
+      padding: 32rpx 40rpx;
+      border-radius: 32rpx;
+      .title {
+        font-size: 36rpx;
+        color: #211d2e;
+        line-height: 56rpx;
+      }
+      .progress {
+        margin-top: 32rpx;
+        padding: 46rpx 32rpx;
+        background: #f6f8f9;
+        border-radius: 16rpx 16rpx 16rpx 16rpx;
+        border: 2rpx solid #ffffff;
+        .p-header {
+          margin-bottom: 20rpx;
+          font-size: 36rpx;
+          color: #211d2e;
+          font-weight: bold;
+          display: flex;
+          align-items: center;
+          gap: 16rpx;
+          &::before {
+            flex-shrink: 0;
+            content: '';
+            width: 6rpx;
+            height: 36rpx;
+            border-radius: 44rpx;
+            background: #b982ff;
+          }
+        }
+        .row {
+          display: flex;
+          gap: 18rpx;
+          .aside {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            .order {
+              position: relative;
+              flex-shrink: 0;
+              width: 32rpx;
+              height: 32rpx;
+              font-size: 24rpx;
+              color: #ffffff;
+              text-align: center;
+              line-height: 32rpx;
+              border-radius: 50%;
+              background: rgba(185, 130, 255, 0.29);
+              &::after {
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                content: '';
+                width: 16rpx;
+                height: 16rpx;
+                border-radius: 50%;
+                background-color: #b982ff;
+              }
+            }
+            .line {
+              flex: 1;
+              border-right: 1px dashed #b982ff;
+            }
+            .line-top {
+              height: 16rpx;
+              border-right: 1px dashed #b982ff;
+            }
+            .op0 {
+              opacity: 0;
+            }
+          }
+          .r-content {
+            font-size: 36rpx;
+            color: #211d2e;
+            line-height: 64rpx;
+          }
+        }
+      }
+      .tip {
+        margin-top: 28rpx;
+        font-size: 28rpx;
+        color: #adacb2;
+      }
+      .btn1 {
+        margin-top: 48rpx;
+        height: 88rpx;
+        display: flex;
+        align-items: center;
+        font-size: 36rpx;
+        color: #ffffff;
+        justify-content: center;
+        background: linear-gradient(344deg, #ffbcf9 0%, #b982ff 100%);
+        border-radius: 100rpx 100rpx 100rpx 100rpx;
+      }
+      .btn2 {
+        margin-top: 20rpx;
+        padding: 20rpx;
+        font-size: 36rpx;
+        color: #B982FF;
+        text-align: center;
+      }
+    }
+  }
+}

src/patient/pages/hormonesStart/index.ts

@@ -0,0 +1,41 @@
+const app = getApp<IAppOption>()
+
+Page({
+  data: {
+    id: '',
+  },
+  onLoad(options) {
+    app.waitLogin({ type: [1] }).then(() => {
+      if (options.id) {
+        wx.showToast({
+          icon: 'none',
+          title: '每日仅录入1次，您可修改已录信息',
+        })
+        this.setData({
+          id: options.id,
+        })
+      }
+    })
+  },
+  handleAdd() {
+    wx.navigateTo({
+      url: `/patient/pages/hormones/index?id=${this.data.id}`,
+    })
+  },
+  handleReport() {
+    wx.navigateTo({
+      url: `/patient/pages/qolReport/index?scrollId=proit-hormone`,
+    })
+  },
+  handleBack() {
+    wx.navigateBack({
+      fail() {
+        wx.reLaunch({
+          url: '/patient/pages/index/index',
+        })
+      },
+    })
+  },
+})
+
+export {}

src/patient/pages/hormonesStart/index.wxml

@@ -0,0 +1,50 @@
+<navbar custom-style="background:{{background}};" fixed>
+  <van-icon class="nav-back" name="arrow-left" slot="left" bind:tap="handleBack" />
+</navbar>
+
+<view
+  class="page"
+  style="background: url('{{imageUrl}}bg10.png?t={{Timestamp}}') no-repeat top center/100% 610rpx;padding-top:{{pageTop+22}}px;"
+>
+  <view class="body" style="background: url('{{imageUrl}}bg40.png?t={{Timestamp}}') no-repeat top center/100% 423rpx">
+    <view class="contaienr">
+      <view class="title">
+        糖皮质激素具有强大的抗炎和免疫抑制作用，能够减轻眼睑、泪腺等眼眶周围组织炎性反应，改善眼外肌水肿等症状。
+      </view>
+      <view class="progress">
+        <view class="p-header">日常记录用量的必要性</view>
+        <view class="row">
+          <view class="aside">
+            <view class="line-top op0"></view>
+            <view class="order"></view>
+            <view class="line"></view>
+          </view>
+          <view class="r-content">自我管理健康的关键动作</view>
+        </view>
+        <view class="row">
+          <view class="aside">
+            <view class="line-top"></view>
+            <view class="order"></view>
+            <view class="line"></view>
+          </view>
+          <view class="r-content">补充钙剂和维生素D</view>
+        </view>
+        <view class="row">
+          <view class="aside">
+            <view class="line-top"></view>
+            <view class="order"></view>
+            <view class="line op0"></view>
+          </view>
+          <view class="r-content">平衡“治疗效果”与 “用药安全”的核心</view>
+        </view>
+      </view>
+      <view class="tip">
+        参考文献
+        <view></view>
+        中国甲状腺相关眼病诊断和治疗指南(2022年)
+      </view>
+      <view class="btn1" bind:tap="handleAdd">开始记录</view>
+      <view class="btn2" bind:tap="handleReport">查看我的记录</view>
+    </view>
+  </view>
+</view>

src/patient/pages/index/index.wxml

@@ -84,16 +84,18 @@
         wx:if="{{card.code == 'hormone' && card.showStatus == 1}}"
         style="background: url('{{imageUrl}}bg36.png?t={{Timestamp}}') no-repeat top center/100%"
         bind:tap="routerTo"
-        data-url="/patient/pages/qolReport/index"
+        data-url="/patient/pages/qolReport/index?scrollId=proit-hormone"
       >
         <view class="date" wx:if="{{hormoneDetail && hormoneDetail.createTime}}">
           最近一次录入时间 {{hormoneDetail.createTime}}
         </view>
         <view
+          wx:if="{{hormoneDetail.recordId}}"
           class="btn"
           catch:tap="routerTo"
           data-url="/patient/pages/hormones/index?id={{hormoneDetail.recordId}}"
         ></view>
+        <view wx:else class="btn" catch:tap="routerTo" data-url="/patient/pages/hormonesStart/index"></view>
       </view>
       <view class="live-up-new" wx:if="{{card.code == 'activity2' && card.showStatus == 1 }}">
         <view class="header" wx:if="{{card.name}}">

src/patient/pages/qolReport/index.ts

@@ -28,7 +28,7 @@ Page({
   chartComponent4: null as any,
   chartComponent5: null as any,
   chartComponent6: null as any,
-  async onLoad() {
+  async onLoad(options) {
     echarts = await require.async('../../../gift/compontnts/echart/echarts.js')
     this.chartComponent1 = this.selectComponent('#chart1')
     this.chartComponent2 = this.selectComponent('#chart2')
@@ -40,8 +40,28 @@ Page({
     app.waitLogin({ type: [1] }).then(() => {
       this.handleChangeType()
       this.getList()
+      if (options.scrollId) {
+        this.scrollPoint(`#${options.scrollId}`)
+      }
+    })
+  },
+  scrollPoint(id) {
+    wx.createSelectorQuery()
+      .select(id)
+      .boundingClientRect((res) => {
+        // 2.使用wx.getSysTemInfo()获取设备及页面高度windowHeight（px）
+        wx.getSystemInfo({
+          success(ress) {
+            wx.pageScrollTo({
+              // 3. 滚动的距离根据设备的页面高度进行微调（px）
+              scrollTop: res.top - ress.windowHeight / 2 + 50,
+              duration: 200,
             })
           },
+        })
+      })
+      .exec()
+  },
   handleChangeType(e?: WechatMiniprogram.CustomEvent) {
     let type = ''
     if (e) {
@@ -76,6 +96,7 @@ Page({
   },
   handleChange() {
     this.getChatData()
+    this.getHormoneData()
   },
   getChatData() {
     const { type, BeginMonth, EndMonth } = this.data

src/patient/pages/qolReport/index.wxml

@@ -61,7 +61,7 @@
         <ec-canvas id="chart3" ec="{{ ec }}"></ec-canvas>
       </view>
     </view>
-    <view class="chart-card chart-card-legend">
+    <view class="chart-card chart-card-legend" id="proit-hormone">
       <view class="title">我的激素周用量记录曲线</view>
       <view class="chart">
         <view class="legend">