From 975abf8c16c07f868970fddb42c0c9142d05446a Mon Sep 17 00:00:00 2001
From: shichunfei <shichunfei>
Date: Wed, 5 Mar 2025 22:42:25 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0=E6=8C=87=E5=B0=96?=
 =?UTF-8?q?=E4=B8=8A=E7=9A=84=E5=BD=A2=E5=BC=8F=E4=B8=BB=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/publicApi.js                          |  15 +-
 src/config/env.js                             |   2 +-
 .../enterprise/pages/formalism/formalism.vue  |  76 +++
 src/pages.json                                |   5 +
 src/pages/people/people.vue                   | 635 +++++++++---------
 yarn.lock                                     |  34 +
 6 files changed, 459 insertions(+), 308 deletions(-)
 create mode 100644 src/packages/enterprise/pages/formalism/formalism.vue

diff --git a/src/api/publicApi.js b/src/api/publicApi.js
index fcf4af7..01464b7 100644
--- a/src/api/publicApi.js
+++ b/src/api/publicApi.js
@@ -202,6 +202,18 @@ const categorygetApi = function(data) {
   });
 };
 
+/**
+ * 获得线上问诊详情
+ * @param {*} data
+ */
+const getFormalismApi = function(data) {
+  return request({
+    url: '/admin-api/people/formalism/get',
+    method: 'get',
+    data: data
+  });
+};
+
 export {
   getBannerApi,
   getDictDataApi,
@@ -218,5 +230,6 @@ export {
   serveRecordPageApi,
   inquiriesOnlineGetApi,
   inquiriesOnlinePageApi,
-  categorygetApi
+  categorygetApi,
+  getFormalismApi
 };
\ No newline at end of file
diff --git a/src/config/env.js b/src/config/env.js
index 5d856fe..9aec78f 100644
--- a/src/config/env.js
+++ b/src/config/env.js
@@ -19,7 +19,7 @@ const envs = [{
     appID: 'wxcee598c3eb71e48d',
     appName: '智慧旭奇',
     version: '1.0.0',
-    baseUrl: 'http://47.92.245.35:5002',
+    baseUrl: 'http://39.100.49.206:5003',
     // 接口前缀
     fileUrl: 'http://47.92.245.35:5009/xq-ssg',
     // 图片服务器
diff --git a/src/packages/enterprise/pages/formalism/formalism.vue b/src/packages/enterprise/pages/formalism/formalism.vue
new file mode 100644
index 0000000..7721ba8
--- /dev/null
+++ b/src/packages/enterprise/pages/formalism/formalism.vue
@@ -0,0 +1,76 @@
+<template>
+  <view>
+    <van-nav-bar
+        :title="details.title"
+        left-arrow
+    />
+    <view class="title">{{ details.title }}</view>
+    <view class="pd-20px">
+      <text>来源：{{ details.sourceFrom }}</text>
+      <text class="ml-10px">
+        <van-icon name="clock-o"/>
+        {{ getDateTime(details.pushTime) }}
+      </text>
+      <text class="ml-10px">
+        <van-icon name="eye-o"/>
+        {{ details.browseNum }}
+      </text>
+    </view>
+
+    <div style="padding: 0 20rpx">
+      <mp-html :content="details.content" class="rich-text"/>
+    </div>
+  </view>
+</template>
+
+<script>
+import * as publicApi from '@/api/publicApi';
+import utils from '@/utils/util.map.js'
+
+
+export default {
+  data() {
+    return {
+      options: {},
+      details: {}
+    }
+  },
+  onLoad(options) {
+    this.options = options
+    this.getFormalism()
+  },
+  methods: {
+    getDateTime(url) {
+      return utils.getDateTime(url, 2);
+    },
+    async getFormalism() {
+      const res = await publicApi.getFormalismApi({
+        id: this.options.id,
+      })
+      if (res.data) {
+        this.details = res.data
+      }
+      console.log(res)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.title {
+  padding: 20rpx 20rpx 0;
+  font-size: 30rpx;
+  font-weight: 500;
+}
+
+.pd-20px {
+  padding: 20rpx 20rpx 20rpx;
+  display: flex;
+  color: #666;
+  align-items: center;
+
+  .ml-10px {
+    margin-left: 10rpx;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index 019e9b3..6cf0721 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -83,6 +83,11 @@
           "path": "pages/discount/discount-list",
           "name": "enterprise",
           "style": {}
+        },
+        {
+          "path": "pages/formalism/formalism",
+          "name": "enterprise",
+          "style": {}
         }
       ]
     },
diff --git a/src/pages/people/people.vue b/src/pages/people/people.vue
index 545dacd..758add5 100644
--- a/src/pages/people/people.vue
+++ b/src/pages/people/people.vue
@@ -2,18 +2,19 @@
   <view style="height: 100%">
     <!-- <custom-nav-bar left-text="民生" /> -->
 
-    <swiper class="people-custom-swiper" :indicator-dots="indicatorDots" :indicator-color="indicatorColor"
-      :indicator-active-color="indicatorActiveColor">
+    <swiper :indicator-active-color="indicatorActiveColor" :indicator-color="indicatorColor"
+            :indicator-dots="indicatorDots"
+            class="people-custom-swiper">
       <block v-for="(item, index) in imageList" :key="index" @click="jumpDetails">
         <swiper-item>
           <!-- <navigator v-if="item.clickUrl" open-type="navigate" class="line-navigator" :url="item.clickUrl" hover-class="none"></navigator> -->
-          <image class="custom-swiper-img" :src="item.pic"></image>
+          <image :src="item.pic" class="custom-swiper-img"></image>
         </swiper-item>
       </block>
     </swiper>
 
     <view class="people-section">
-      <view class="second-block" :style="item.cssStyle" v-for="(item, index) in recursionList" :key="index">
+      <view v-for="(item, index) in recursionList" :key="index" :style="item.cssStyle" class="second-block">
         <view class="title flex">
           <text class="title-name">{{ item.name }}</text>
         </view>
@@ -22,11 +23,11 @@
           <swiper :indicator-dots="true" class="menu-swiper">
             <swiper-item v-for="(e, i) in item.children" :key="i">
               <view class="menu">
-                <view class="menu-item" :data-item="q" @click="jumpDetails" :style="q.cssStyle" v-for="(q, index) in e"
-                  :key="index">
+                <view v-for="(q, index) in e" :key="index" :data-item="q" :style="q.cssStyle" class="menu-item"
+                      @click="jumpDetails">
                   <!-- <navigator wx:if="{{q.url}}" class="line-navigator" :url="updateQuery(q.url, q)" hover-class="none"> -->
                   <!-- </navigator> -->
-                  <image class="menu-item-ic-img" :src="q.icon"></image>
+                  <image :src="q.icon" class="menu-item-ic-img"></image>
 
                   <text class="menu-item-name">{{ q.name }}</text>
                 </view>
@@ -41,374 +42,396 @@
       </view> -->
         </view>
 
-        <view class="second-model flex flex-v-center flex-between" v-else>
-          <view :class="'second-line flex flex-col ' + (idx === 0 ? 'line1' : '')" :style="itemName.cssStyle"
-            v-for="(itemName, idx) in item.children" :key="idx">
-            <navigator v-if="itemName.clickUrl" class="line-navigator" :url="updateQuery(itemName.clickUrl, itemName)"
-              hover-class="none"></navigator>
+        <view v-else class="second-model flex flex-v-center flex-between">
+          <view v-for="(itemName, idx) in item.children" :key="idx"
+                :class="'second-line flex flex-col ' + (idx === 0 ? 'line1' : '')" :style="itemName.cssStyle">
+            <navigator v-if="itemName.clickUrl" :url="updateQuery(itemName.clickUrl, itemName)" class="line-navigator"
+                       hover-class="none"></navigator>
 
-            <image class="line-bg" :src="itemName.icon"></image>
+            <image :src="itemName.icon" class="line-bg"></image>
 
-            <view class="line-title" :style="itemName.sort === 6 ? 'font-size:24rpx':''">{{ itemName.name }}</view>
+            <view :style="itemName.sort === 6 ? 'font-size:24rpx':''" class="line-title">{{ itemName.name }}</view>
 
             <view v-if="itemName.remark" class="line-msg">{{ itemName.remark }}</view>
           </view>
         </view>
       </view>
     </view>
+    <view v-if="details.content !=='<p><br></p>'" class="forRecord">
+      <view>主办单位：{{ details.title }}</view>
+      <view v-html="details.content"></view>
+    </view>
     <view style="height:150rpx"></view>
   </view>
 </template>
 <script>
-  import utils from '@/utils/util.map.js'
-  import * as publicApi from '@/api/publicApi.js'; // 公共 API
-  import * as myApi from '@/api/myApi'; // 我的
-
-  export default {
-    data() {
-      return {
-        indicatorDots: true,
-        indicatorColor: 'rgba(255,255,255,0.4)',
-        indicatorActiveColor: '#FFFFFF',
-        imageList: [],
-        recursionList: [],
-        userId: uni.getStorageSync('userInfoData').userId,
-        i: '',
-        q: {
-          cssStyle: '',
-          icon: '',
-          name: ''
-        },
-        e: [],
-        latitude: 0,
-        longitude: 0
-      };
-    }
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    ,
-    onLoad() {
-      this.getBannerList();
-      this.recursionApi();
-      this.getUserInfoApi();
-      if (navigator.geolocation) {
-        navigator.geolocation.getCurrentPosition(
-          function(position) {
+import utils from '@/utils/util.map.js'
+import * as publicApi from '@/api/publicApi.js'; // 公共 API
+import * as myApi from '@/api/myApi'; // 我的
+
+export default {
+  data() {
+    return {
+      indicatorDots: true,
+      indicatorColor: 'rgba(255,255,255,0.4)',
+      indicatorActiveColor: '#FFFFFF',
+      imageList: [],
+      recursionList: [],
+      userId: uni.getStorageSync('userInfoData').userId,
+      i: '',
+      q: {
+        cssStyle: '',
+        icon: '',
+        name: ''
+      },
+      e: [],
+      latitude: 0,
+      longitude: 0,
+      details: {}
+    };
+  }
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  ,
+  onLoad() {
+    this.getBannerList();
+    this.recursionApi();
+    this.getUserInfoApi();
+    this.getFormalism();
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(
+          function (position) {
             this.latitude = position.coords.latitude;
             this.longitude = position.coords.longitude;
             uni.setStorageSync(
-              "userLocation",
-              position.coords.longitude + "," + position.coords.latitude
+                "userLocation",
+                position.coords.longitude + "," + position.coords.latitude
             );
           },
-          function(error) {
+          function (error) {
             console.log(error.message);
           }
-        );
-      } else {
-        console.log("浏览器不支持地理定位功能");
+      );
+    } else {
+      console.log("浏览器不支持地理定位功能");
+    }
+  },
+  methods: {
+    async getUserInfoApi() {
+      const res = await myApi.getUserInfoApi();
+      if (res.data) {
+        this.myInfo = res.data
+        uni.setStorageSync('userInfoCount', res.data);
+      }
+    },
+    updateQuery(url, name) {
+      return utils.updateQuery(url, name);
+    },
+    /**
+     * 接口
+     */
+    async recursionApi() {
+      const res = await publicApi.recursionApi({
+        bannerType: 1
+      });
+      res.data[0].children = this.arrayChunk(res.data[0].children, 8);
+      console.log(res.data);
+      if (res.data) {
+        this.recursionList = res.data
       }
     },
-    methods: {
-      async getUserInfoApi() {
-        const res = await myApi.getUserInfoApi();
-        if (res.data) {
-          this.myInfo = res.data
-          uni.setStorageSync('userInfoCount', res.data);
-        }
-      },
-      updateQuery(url, name) {
-        return utils.updateQuery(url, name);
-      },
-      /**
-       * 接口
-       */
-      async recursionApi() {
-        const res = await publicApi.recursionApi({
-          bannerType: 1
-        });
-        res.data[0].children = this.arrayChunk(res.data[0].children, 8);
-        console.log(res.data);
-        if (res.data) {
-          this.recursionList = res.data
-        }
-      },
 
-      arrayChunk(array, size) {
-        let data = [];
-        for (let i = 0; i < array.length; i += size) {
-          data.push(array.slice(i, i + size));
-        }
-        return data;
-      },
+    arrayChunk(array, size) {
+      let data = [];
+      for (let i = 0; i < array.length; i += size) {
+        data.push(array.slice(i, i + size));
+      }
+      return data;
+    },
 
-      async getBannerList() {
-        const res = await publicApi.getBannerApi({
-          type: 1
-        });
-        if (res.data) {
-          this.imageList = res.data.list
-        }
-      },
+    async getBannerList() {
+      const res = await publicApi.getBannerApi({
+        type: 1
+      });
+      if (res.data) {
+        this.imageList = res.data.list
+      }
+    },
 
-      /**
-       * 页面事件
-       */
-      jumpSecond() {
-        uni.navigateTo({
-          url: '/packages/people/pages/second/second'
-        });
-      },
+    /**
+     * 页面事件
+     */
+    jumpSecond() {
+      uni.navigateTo({
+        url: '/packages/people/pages/second/second'
+      });
+    },
+    async getFormalism() {
+      const res = await publicApi.getFormalismApi({
+        id: 2,
+      })
+      if (res.data) {
+        this.details = res.data
+      }
+    },
 
-      jumpDetails(event) {
-        const {
-          item
-        } = event.currentTarget.dataset;
-        const urlArray = item.clickUrl.split(',');
-        console.log(item)
-        if (item.name === '智慧社区') {
-          uni.navigateTo({
-            url: `/packages/public/pages/web-view/web-view?parentId=[id]&name=${item.name}`
-          })
-        }
-
-        if (urlArray.length === 2) {
-          uni.navigateToMiniProgram({
-            appId: urlArray[0] || '',
-            path: urlArray[1] || '',
-            success(res) {
-              // 打开成功
-              console.log(res, '跳转小程序');
-            },
-            fail() {
-              uni.showToast({
-                title: '请填写正确的分类菜单跳转链接',
-                icon: 'none'
-              });
-            }
-          });
-          return;
-        }
-        // 处理参数
-        const url = urlArray[0].replace(/(?:\[)(.*?)(?:\])/g, function(_, it) {
-          return item[it];
-        });
+    jumpDetails(event) {
+      const {
+        item
+      } = event.currentTarget.dataset;
+      const urlArray = item.clickUrl.split(',');
+      console.log(item)
+      if (item.name === '智慧社区') {
         uni.navigateTo({
-          url: url || ''
+          url: `/packages/public/pages/web-view/web-view?parentId=[id]&name=${item.name}`
+        })
+      }
+
+      if (urlArray.length === 2) {
+        uni.navigateToMiniProgram({
+          appId: urlArray[0] || '',
+          path: urlArray[1] || '',
+          success(res) {
+            // 打开成功
+            console.log(res, '跳转小程序');
+          },
+          fail() {
+            uni.showToast({
+              title: '请填写正确的分类菜单跳转链接',
+              icon: 'none'
+            });
+          }
         });
+        return;
       }
+      // 处理参数
+      const url = urlArray[0].replace(/(?:\[)(.*?)(?:\])/g, function (_, it) {
+        return item[it];
+      });
+      uni.navigateTo({
+        url: url || ''
+      });
     }
-  };
+  }
+};
 </script>
 <style lang="less">
-  /* pages/people/people.wxss */
-  page {
-    --nav-bar-background-color: transparent;
-    --nav-bar-text-color: #ffffff; // 导航栏左侧文案样式
-  }
-
-  .line-navigator {
+/* pages/people/people.wxss */
+page {
+  --nav-bar-background-color: transparent;
+  --nav-bar-text-color: #ffffff; // 导航栏左侧文案样式
+}
+
+.line-navigator {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 10;
+  top: 0;
+  left: 0;
+}
+
+.people-custom-swiper {
+  height: 330rpx;
+  position: relative;
+
+  .custom-swiper-img {
     width: 100%;
     height: 100%;
-    position: absolute;
-    z-index: 10;
-    top: 0;
-    left: 0;
+    display: block;
   }
+}
 
-  .people-custom-swiper {
-    height: 330rpx;
-    position: relative;
-
-    .custom-swiper-img {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-  }
+.people-section {
+  padding: 0 24rpx;
 
-  .people-section {
-    padding: 0 24rpx;
+  .title {
+    font-size: 36rpx;
+    font-weight: 500;
+    color: #000000;
+    line-height: 36rpx;
+    padding-left: 6rpx;
 
-    .title {
+    .title-name {
+      position: relative;
       font-size: 36rpx;
       font-weight: 500;
-      color: #000000;
-      line-height: 36rpx;
-      padding-left: 6rpx;
-
-      .title-name {
-        position: relative;
-        font-size: 36rpx;
-        font-weight: 500;
-        color: #333333;
-
-        &::after {
-          content: '';
-          position: absolute;
-          left: -6rpx;
-          bottom: 0;
-          z-index: -1;
-          // width: 175rpx;
-          width: 115%;
-          height: 10rpx;
-          background: var(--title-guides-color);
-          border-radius: 2rpx;
-        }
+      color: #333333;
+
+      &::after {
+        content: '';
+        position: absolute;
+        left: -6rpx;
+        bottom: 0;
+        z-index: -1;
+        // width: 175rpx;
+        width: 115%;
+        height: 10rpx;
+        background: var(--title-guides-color);
+        border-radius: 2rpx;
       }
     }
   }
+}
 
-  .second-block {
-    margin-top: 25rpx;
-
-    .second-model {
-      margin-top: 40rpx;
-      flex-wrap: wrap;
-
-      .second-line {
-        width: 343rpx;
-        height: 110rpx;
-        justify-content: center;
-        padding-left: 39rpx;
-        position: relative;
-
-        &:not(:first-child) {
-          margin-top: 16rpx;
-        }
-
-        .line-bg {
-          width: 100%;
-          height: 100%;
-          position: absolute;
-          z-index: 0;
-          top: 0;
-          left: 0;
-        }
-
-        .line-title {
-          position: absolute;
-          font-size: 40rpx;
-          font-weight: 500;
-          line-height: 32rpx;
-        }
-
-        .line-msg {
-          position: absolute;
-          margin-top: 100rpx;
-          font-size: 26rpx;
-          font-weight: 400;
-          color: #666666;
-          line-height: 26rpx;
-        }
-      }
+.second-block {
+  margin-top: 25rpx;
 
-      .line1 {
-        width: 100%;
-        height: 171rpx;
+  .second-model {
+    margin-top: 40rpx;
+    flex-wrap: wrap;
+
+    .second-line {
+      width: 343rpx;
+      height: 110rpx;
+      justify-content: center;
+      padding-left: 39rpx;
+      position: relative;
 
-        .line-title {
-          font-size: 40rpx;
-          font-weight: 500;
-          line-height: 40rpx;
-        }
+      &:not(:first-child) {
+        margin-top: 16rpx;
       }
-    }
 
-    .menu {
-      // margin-top: 50rpx;
-      display: grid;
-      grid-template-columns: repeat(4, 120rpx);
-      // grid-gap: 62rpx;
-      // gap: 62rpx;
-      grid-column-gap: 62rpx;
-      grid-row-gap: 32rpx;
-      column-gap: 62rpx;
-      row-gap: 32rpx;
-      justify-content: space-between;
-
-      .menu-item {
-        width: 120rpx;
-        text-align: center;
-        // margin-top: 50rpx;
-        // margin-right: 62rpx;
-        position: relative;
-
-        &:nth-child(4n) {
-          margin-right: 0;
-        }
-
-        .menu-item-ic-img {
-          margin-bottom: 24rpx;
-          width: 120rpx;
-          height: 80rpx;
-        }
-
-        .menu-item-name {
-          font-size: 26rpx;
-          font-weight: 400;
-          color: #333333;
-          line-height: 26rpx;
-        }
+      .line-bg {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        z-index: 0;
+        top: 0;
+        left: 0;
       }
-    }
-  }
 
-  .second-block {
-    color: #fe6e72;
-  }
+      .line-title {
+        position: absolute;
+        font-size: 40rpx;
+        font-weight: 500;
+        line-height: 32rpx;
+      }
 
-  .menu-swiper {
-    width: 100%;
-    height: 375rpx;
-
-    // 修改dot
-    .wx-swiper-dots .wx-swiper-dot {
-      width: 25rpx;
-      height: 4rpx;
-      background: #efefef;
-      border-radius: 3rpx;
+      .line-msg {
+        position: absolute;
+        margin-top: 100rpx;
+        font-size: 26rpx;
+        font-weight: 400;
+        color: #666666;
+        line-height: 26rpx;
+      }
     }
 
-    .wx-swiper-dots .wx-swiper-dot-active {
-      width: 143rpx;
-      height: 4rpx;
-      background: #ff8f8f;
-    }
+    .line1 {
+      width: 100%;
+      height: 171rpx;
 
-    /* 修改dot之间的间距 */
-    .wx-swiper-dots .wx-swiper-dot:nth-of-type(n + 2) {
-      margin-left: -14rpx;
+      .line-title {
+        font-size: 40rpx;
+        font-weight: 500;
+        line-height: 40rpx;
+      }
     }
   }
 
   .menu {
+    // margin-top: 50rpx;
     display: grid;
-    grid-template-columns: repeat(4, 160rpx);
-    column-gap: 16rpx;
-    row-gap: 40rpx;
-    justify-content: center;
-    padding-top: 40rpx;
-    // padding: 40rpx 0 56rpx;
+    grid-template-columns: repeat(4, 120rpx);
+    // grid-gap: 62rpx;
+    // gap: 62rpx;
+    grid-column-gap: 62rpx;
+    grid-row-gap: 32rpx;
+    column-gap: 62rpx;
+    row-gap: 32rpx;
+    justify-content: space-between;
 
     .menu-item {
-      width: 160rpx;
-      position: relative;
+      width: 120rpx;
       text-align: center;
+      // margin-top: 50rpx;
+      // margin-right: 62rpx;
+      position: relative;
+
+      &:nth-child(4n) {
+        margin-right: 0;
+      }
 
       .menu-item-ic-img {
-        width: 72rpx;
-        height: 72rpx;
-        margin: 0 auto 22rpx;
+        margin-bottom: 24rpx;
+        width: 120rpx;
+        height: 80rpx;
       }
 
       .menu-item-name {
-        font-size: 28rpx;
+        font-size: 26rpx;
         font-weight: 400;
         color: #333333;
-        line-height: 28rpx;
+        line-height: 26rpx;
       }
     }
   }
+}
+
+.second-block {
+  color: #fe6e72;
+}
+
+.menu-swiper {
+  width: 100%;
+  height: 375rpx;
+
+  // 修改dot
+  .wx-swiper-dots .wx-swiper-dot {
+    width: 25rpx;
+    height: 4rpx;
+    background: #efefef;
+    border-radius: 3rpx;
+  }
+
+  .wx-swiper-dots .wx-swiper-dot-active {
+    width: 143rpx;
+    height: 4rpx;
+    background: #ff8f8f;
+  }
+
+  /* 修改dot之间的间距 */
+
+  .wx-swiper-dots .wx-swiper-dot:nth-of-type(n + 2) {
+    margin-left: -14rpx;
+  }
+}
+
+.menu {
+  display: grid;
+  grid-template-columns: repeat(4, 160rpx);
+  column-gap: 16rpx;
+  row-gap: 40rpx;
+  justify-content: center;
+  padding-top: 40rpx;
+  // padding: 40rpx 0 56rpx;
+
+  .menu-item {
+    width: 160rpx;
+    position: relative;
+    text-align: center;
+
+    .menu-item-ic-img {
+      width: 72rpx;
+      height: 72rpx;
+      margin: 0 auto 22rpx;
+    }
+
+    .menu-item-name {
+      font-size: 28rpx;
+      font-weight: 400;
+      color: #333333;
+      line-height: 28rpx;
+    }
+  }
+}
+
+.forRecord {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 26rpx;
+  line-height: 25px;
+}
 </style>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b0d94ac..64df010 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2419,6 +2419,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+base64-arraybuffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz#1c37589a7c4b0746e34bd1feb951da2df01c1bdc"
+  integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
+
 base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -2661,6 +2666,13 @@ css-font-weight-keywords@^1.0.0:
   resolved "https://registry.npmjs.org/css-font-weight-keywords/-/css-font-weight-keywords-1.0.0.tgz#9bc04671ac85bc724b574ef5d3ac96b0d604fd97"
   integrity sha512-5So8/NH+oDD+EzsnF4iaG4ZFHQ3vaViePkL1ZbZ5iC/KrsCY+WHq/lvOgrtmuOQ9pBBZ1ADGpaf+A4lj1Z9eYA==
 
+css-line-break@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0"
+  integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
+  dependencies:
+    utrie "^1.0.2"
+
 css-list-helpers@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/css-list-helpers/-/css-list-helpers-2.0.0.tgz#7cb3d6f9ec9e5087ae49d834cead282806e8818f"
@@ -3093,6 +3105,14 @@ html-tags@^3.3.1:
   resolved "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
+html2canvas@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543"
+  integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
+  dependencies:
+    css-line-break "^2.1.0"
+    text-segmentation "^1.0.3"
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
@@ -4078,6 +4098,13 @@ terser@^5.4.0:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
+text-segmentation@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz#52a388159efffe746b24a63ba311b6ac9f2d7943"
+  integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
+  dependencies:
+    utrie "^1.0.2"
+
 timm@^1.6.1:
   version "1.7.1"
   resolved "https://registry.npmjs.org/timm/-/timm-1.7.1.tgz#96bab60c7d45b5a10a8a4d0f0117c6b7e5aff76f"
@@ -4186,6 +4213,13 @@ utils-merge@1.0.1:
   resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
 
+utrie@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz#d42fe44de9bc0119c25de7f564a6ed1b2c87a645"
+  integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
+  dependencies:
+    base64-arraybuffer "^1.0.2"
+
 vant@^4.7.3:
   version "4.7.3"
   resolved "https://registry.npmjs.org/vant/-/vant-4.7.3.tgz#46cc14bff809e4bebb8651bab50b150ec49794d6"