From dde27ed688e93130ca18ec232a36557dd305be2d Mon Sep 17 00:00:00 2001
From: zx <zhouxinxin0724@163.com>
Date: Tue, 24 Mar 2026 11:38:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=94=AF=E4=B8=80=E7=A0=81=E5=9B=BE=E5=BD=A2?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E4=BB=A5=E5=8F=8A=E9=80=80=E5=87=BA=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/login.js                                  |   9 +-
 components/BarcodeGenerator.vue               |  60 +++++++++++
 package-lock.json                             |  15 ++-
 package.json                                  |   1 +
 pages/my/index.vue                            |  54 +++++++++-
 pages/uniqueCode/myUniqueCode/QrCodeModal.vue |  97 ++++++++++++++++++
 pages/uniqueCode/myUniqueCode/detail.vue      |  56 ++++++----
 pages/uniqueCode/myUniqueCode/index.vue       |  42 ++++++--
 pages/uniqueCode/until.js                     |   3 +
 static/logo/logo.jpg                          | Bin 0 -> 21307 bytes
 styles/theme.scss                             |   9 +-
 yarn.lock                                     |   5 +
 12 files changed, 310 insertions(+), 41 deletions(-)
 create mode 100644 components/BarcodeGenerator.vue
 create mode 100644 pages/uniqueCode/myUniqueCode/QrCodeModal.vue
 create mode 100644 static/logo/logo.jpg

diff --git a/api/login.js b/api/login.js
index edaf1a5..0418cee 100644
--- a/api/login.js
+++ b/api/login.js
@@ -7,15 +7,20 @@ const userLogin = (params) => {
 const getCodeImg = (params) => {
   return request('/captchaImage', params, 'get')
 }
-// 获取图形验证码
+// 获取用户信息
 const getInfo = (params) => {
   return request('/getInfo', params, 'get')
 }
+// 退出登录
+const logout = (params) => {
+  return request('/logout', params, 'post')
+}
 
 
 export {
   userLogin,
   getCodeImg,
-  getInfo
+  getInfo,
+  logout
 }
 
diff --git a/components/BarcodeGenerator.vue b/components/BarcodeGenerator.vue
new file mode 100644
index 0000000..189810d
--- /dev/null
+++ b/components/BarcodeGenerator.vue
@@ -0,0 +1,60 @@
+<!-- components/BarcodeGenerator.vue -->
+<template>
+  <div class="barcode-container">
+    <canvas v-if="type === 'canvas'" ref="barcodeRef"></canvas>
+    <svg v-else ref="barcodeRef"></svg>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, onMounted, defineProps, defineEmits } from 'vue';
+import JsBarcode from 'jsbarcode';
+
+// 定义Props（外部传参）
+const props = defineProps({
+  value: { // 条形码内容
+    type: String,
+    required: true
+  },
+  format: { // 条形码格式
+    type: String,
+    default: 'CODE128'
+  },
+  type: { // 渲染类型
+    type: String,
+    default: 'canvas',
+    validator: (val) => ['canvas', 'svg'].includes(val)
+  },
+  options: { // 自定义配置
+    type: Object,
+    default: () => ({
+      width: 2,
+      height: 100,
+      displayValue: true
+    })
+  }
+})
+
+// 定义DOM引用
+const barcodeRef = ref(null)
+
+// 生成条形码
+const generate = () => {
+  if (!barcodeRef.value) return
+  // 合并默认配置和外部配置
+  const finalOptions = { ...props.options, format: props.format }
+  // 清空Canvas（SVG无需清空）
+  if (props.type === 'canvas') {
+    const ctx = barcodeRef.value.getContext('2d')
+    ctx.clearRect(0, 0, barcodeRef.value.width, barcodeRef.value.height)
+  }
+  // 生成条形码
+  JsBarcode(barcodeRef.value, props.value, finalOptions)
+}
+
+// 挂载后初始化
+onMounted(generate)
+
+// 监听props变化，自动更新
+watch([() => props.value, () => props.format, () => props.options], generate, { deep: true })
+</script>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 2ebf646..76a6634 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
     "": {
       "dependencies": {
         "@climblee/uv-ui": "^1.1.20",
+        "jsbarcode": "^3.12.3",
         "z-paging": "^2.8.8"
       },
       "devDependencies": {
@@ -1034,6 +1035,12 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/jsbarcode": {
+      "version": "3.12.3",
+      "resolved": "https://registry.npmmirror.com/jsbarcode/-/jsbarcode-3.12.3.tgz",
+      "integrity": "sha512-CuHU9hC6dPsHF5oVFMo8NW76uQVjH4L22CsP4hW+dNnGywJHC/B0ThA1CTDVLnxKLrrpYdicBLnd2xsgTfRnvg==",
+      "license": "MIT"
+    },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmmirror.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -1519,14 +1526,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/uview-ui": {
-      "version": "2.0.38",
-      "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.38.tgz",
-      "integrity": "sha512-6egHDf9lXHKpG3hEjRE0vMx4+VWwKk/ReTf5x18KrIKqdvdPRqO3+B8Unh7vYYwrIxzAWIlmhZ9RJpKI/4UqPQ==",
-      "engines": {
-        "HBuilderX": "^3.1.0"
-      }
-    },
     "node_modules/watchpack": {
       "version": "2.5.1",
       "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.5.1.tgz",
diff --git a/package.json b/package.json
index 4d44bba..978e13e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "@climblee/uv-ui": "^1.1.20",
+    "jsbarcode": "^3.12.3",
     "z-paging": "^2.8.8"
   },
   "devDependencies": {
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 2a101ca..f923b60 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -5,8 +5,7 @@
 			<uv-image src="../../static/avatar.png" width="120rpx" height="120rpx" shape="circle" />
 			<view class="right">
 				<h3 class="nickName">{{ userInfo?.nickName }}</h3>
-				<!-- todo 这里仓库信息暂时没有 所以写死 -->
-				<p class="tag">电网仓储公司</p>
+				<p class="tag">{{ userInfo?.dept.deptName }}</p>
 			</view>
 
 		</view>
@@ -17,13 +16,26 @@
 					thumb-size="sm" link @click="item.click" clickable />
 			</uni-list>
 		</view>
+		<uni-popup ref="popupRef" type="center" background-color="#fff"  borderRadius="8px">
+			<view class="popup-wrap" style="width: 400rpx; ">
+				<view class="popup-body">
+					<p>确定退出登录吗？</p>
+					<view class="popup-btn">
+						<uv-button type="primary" @click="toLogout" text="确定"></uv-button>
+						<uv-button  @click="close" type="info " text="取消"></uv-button>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
 <script setup>
 import { ref } from "vue";
+import { logout } from "@/api/login"
 
 const userInfo = ref(null)
+const popupRef = ref()
 const menuList = [
 	{
 		id: 1,
@@ -47,10 +59,25 @@ const menuList = [
 		thumb: '../../static/exit.svg',
 		click: () => {
 			console.log('退出登录')
+			popupRef.value.open()
 		}
 	}
 ]
-
+// 退出登录
+const toLogout = () => {
+	logout().then((res) => {
+		uni.removeStorage('app_user')
+		uni.removeStorage('app_roles')
+		uni.removeStorage('app_permissions')
+		uni.navigateTo({
+			url: '/pages/login/login'
+		});
+	})
+}
+// 弹窗：关闭登录二次确认弹窗
+const close = () => {
+	popupRef.value.close()
+}
 // 获取缓存内的用户信息
 const getUserInfo = () => {
 	uni.getStorage({
@@ -85,4 +112,25 @@ getUserInfo();
 		background-color: #4682B4;
 	}
 }
+
+.popup-wrap {
+	padding: 24rpx;
+	border-radius: 8px;
+}
+.popup-body{
+	p{
+		font-size: 14px;
+		font-weight: 500;
+	}
+}
+.popup-btn {
+	margin-top: 20px;
+	display: flex;
+	justify-content: space-between;
+	.uv-button-wrapper{
+		width: 48%;
+		margin-left: 8rpx;
+		
+	}
+}
 </style>
diff --git a/pages/uniqueCode/myUniqueCode/QrCodeModal.vue b/pages/uniqueCode/myUniqueCode/QrCodeModal.vue
new file mode 100644
index 0000000..34c3057
--- /dev/null
+++ b/pages/uniqueCode/myUniqueCode/QrCodeModal.vue
@@ -0,0 +1,97 @@
+<template>
+
+
+    <view class="top">
+
+        <img style="width: 80rpx; height: 80rpx;" src="../../../static//logo/logo.jpg" />
+
+        <svg id="barcodeSvg" ref="barcodeRef"></svg>
+
+    </view>
+    <view class="content mt-16">
+        <p>物料：
+            <span>{{ material?.materialName }}</span>
+            <span v-if="material?.quantity">x {{ material?.quantity }}</span>
+        </p>
+        <p>描述：
+            <span v-if="material?.description">{{ material?.description || '-' }}</span>
+            <span v-else>
+                <span v-if="material?.materialShortName">{{ material?.materialShortName }} / </span>
+                <span v-if="material?.model">{{ material?.model }} / </span>
+                <span v-if="material?.specification">{{ material?.specification }} / </span>
+                <span v-if="material?.typeName">{{ material?.typeName }} </span>
+            </span>
+        </p>
+        <view class="top">
+            <p>备注：
+                <!-- 简称/型号/规格/物料类型 -->
+                <span>{{ material?.qrCodeMark || '' }}</span>
+
+            </p>
+            <img :src="qrCode" class="qrcode" />
+        </view>
+    </view>
+
+
+</template>
+
+<script setup>
+import { onMounted, computed } from 'vue';
+import JsBarcode from 'jsbarcode'
+
+const props = defineProps({
+    detail: {
+        type: Object,
+        default: null,
+    }
+})
+// 条形码容器
+console.log(props.detail, 'props.detail');
+
+// 二维码
+const qrCode = computed(() => props.detail?.[0]?.qrCode);
+// 物料数据
+const material = computed(() => props.detail?.[0]);
+// 条形码
+const barcodeValue = computed(() => props.detail?.[0]?.code);
+const generateBarcode = () => {
+    const svg = document.getElementById('barcodeSvg')
+    // SVG渲染：直接调用JsBarcode，无需清空（会自动替换内容）
+    JsBarcode(svg, barcodeValue.value, {
+        format: 'CODE128', // 常用的CODE128格式（支持任意字符）
+        width: 3,
+        height: 80,
+        displayValue: false,
+        margin: 10 // 条形码四周留白
+    })
+}
+onMounted(generateBarcode)
+
+</script>
+
+<style scoped lang="scss">
+.qrcode {
+    width: 120rpx;
+    height: 120rpx;
+}
+
+.top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+}
+
+.content {
+    p {
+        font-weight: 600;
+        font-size: 14px;
+
+    }
+
+    span {
+        font-weight: 400;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/uniqueCode/myUniqueCode/detail.vue b/pages/uniqueCode/myUniqueCode/detail.vue
index 94afffd..4d3d64a 100644
--- a/pages/uniqueCode/myUniqueCode/detail.vue
+++ b/pages/uniqueCode/myUniqueCode/detail.vue
@@ -27,8 +27,10 @@
                                         <span v-if="item.remark">{{ item.remark }}</span>
                                         <span v-else style="color: #999;">未填写</span>
                                     </p>
-                                    <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
-                                        style="margin-top:10rpx" />
+                                    <view @click="toViewQrCode">
+                                        <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
+                                            style="margin-top:10rpx" />
+                                    </view>
                                 </view>
                             </view>
                         </p>
@@ -41,7 +43,7 @@
                 <p class="btn-link" @click="toEdit">修改</p>
             </view>
             <view>
-                <uni-forms ref="materialFormRef" :modelValue="formData.material" class="form">
+                <uni-forms ref="materialFormRef" :modelValue="materialList" class="form">
                     <view v-for="(item, idx) in materialList" :key="item.id" class="material-card"
                         style="padding: 24rpx; margin-bottom: 16rpx;">
                         <view style="display: flex; flex-direction: column; width: 100%;">
@@ -61,7 +63,7 @@
                                 <uni-tag :text="getTypeParentNames(item.typeParentNames) || ''" type="error" />
                                 <p class="tag-form">
                                     <uni-forms-item :name="`material.${idx}.quantity`">
-                                        <uni-easyinput v-model="formData.material[idx].quantity" :disabled="true"
+                                        <uni-easyinput v-model="materialList[idx].quantity" :disabled="true"
                                             type="number" :clearable="false" />
                                     </uni-forms-item>
                                     <span style=" margin-left: 8rpx; width: 16px;">{{ item.unitName }}</span>
@@ -70,8 +72,9 @@
                             <!-- 备注行 -->
                             <view class="remark">
                                 <uni-forms-item :name="`material.${idx}.remark`" label="备注：">
-                                    <uni-easyinput type="text" v-model="formData.material[idx].remark" :disabled="true"
-                                        :clearable="false" :inputBorder="false" placeholder="请填写备注信息" />
+                                    <uni-easyinput type="text" v-model="materialList[idx].remark"
+                                        :disabled="true" :clearable="false" :inputBorder="false"
+                                        placeholder="请填写备注信息" />
                                 </uni-forms-item>
                             </view>
                         </view>
@@ -81,30 +84,32 @@
 
             <!-- 底部按钮 -->
             <view class="bottom">
-                <uv-button type="primary" text="确定"></uv-button>
-                <uv-button type="success" text="确定"></uv-button>
+                <uv-button type="primary" text="唯一码打印"></uv-button>
+                <uv-button type="success" text="溯源" @click="toTraceability"></uv-button>
             </view>
         </view>
     </uv-skeletons>
+    <uv-modal ref="modalRef" :title="none" class="qrCodeModal" width="480rpx" :showConfirmButton="false">
+        <qr-code-modal :detail="materialList" />
+    </uv-modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import { detailUniqueCode } from '@/api/uniqueCode'
-import { getTypeParentNames, getStatusName ,getDetail} from '../until';
-
-const formData = ref({
-    remark: '',
-    material: []
-})
+import { getTypeParentNames, getStatusName, getDetail } from '../until';
+import QrCodeModal from './QrCodeModal.vue';
 
+const modalRef = ref()
 // 路径参数
 const pathParams = ref('')
 // 物料列表数组
 const materialList = ref([])
 // 唯一码数组
 const uniqueCodeList = ref([])
+// 详情数据
+const detail = ref([])
 // 骨架屏开关
 const loading = ref(true)
 // 骨架屏样式
@@ -114,16 +119,17 @@ const skeleton = [{
     gap: '20rpx',
     style: ['width: 200rpx;marginBottom: 50rpx;marginTop:50rpx;padding:24rpx', 'height: 100rpx;', 'width: 500rpx;'],
 }]
+const toViewQrCode = () => {
+    modalRef.value.open()
 
+}
 // 详情：唯一码
 const getDetailInfo = () => {
     detailUniqueCode({ id: pathParams.value.id }).then((res) => {
         if (res.code == 200) {
             // ! 写成数组原因 为了适应可多个物料生成唯一码
-            materialList.value = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial) }]
+            materialList.value = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial), qrCode: res.data.qrCode, code: res.data.code, qrCodeMark: res.data.remark }]
             uniqueCodeList.value = [res.data]
-            formData.value.material = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial)}]
-            console.log(materialList);
 
         } else {
             materialList.value = []
@@ -137,11 +143,15 @@ const getDetailInfo = () => {
 
 // 修改：唯一码的物料信息
 const toEdit = () => {
-    uni.setStorageSync('app_material', [{ ...materialList.value[0], uniqueCodeRemark: uniqueCodeList.value[0].remark }]);
+    uni.setStorageSync('app_material', [{ ...materialList.value?.[0], uniqueCodeRemark: uniqueCodeList.value?.[0].remark }]);
     uni.navigateTo({
-        url: `/pages/uniqueCode/issueUniqueCode/index?code=${pathParams.value.code}&id=${pathParams.value.id}&materialId=${materialList.value[0].id}`,
+        url: `/pages/uniqueCode/issueUniqueCode/index?code=${pathParams.value.code}&id=${pathParams.value.id}&materialId=${materialList.value?.[0].id}`,
     });
 
+}
+// 溯源
+const toTraceability = () => {
+
 }
 // 接收id 且修改标题
 onLoad((options) => {
@@ -271,4 +281,12 @@ onShow(() => {
         border-radius: 0;
     }
 }
+
+::v-deep.qrCodeModal {
+    .uv-modal__content {
+        display: block;
+        padding: 24rpx;
+
+    }
+}
 </style>
\ No newline at end of file
diff --git a/pages/uniqueCode/myUniqueCode/index.vue b/pages/uniqueCode/myUniqueCode/index.vue
index a6e5924..4b10841 100644
--- a/pages/uniqueCode/myUniqueCode/index.vue
+++ b/pages/uniqueCode/myUniqueCode/index.vue
@@ -33,8 +33,10 @@
                                         <span v-if="item.remark">{{ item.remark }}</span>
                                         <span v-else style="color: #999;">未填写</span>
                                     </p>
-                                    <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
-                                        style="margin-top:10rpx" />
+                                    <view @click.stop="getDetailInfo(item)">
+                                        <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
+                                            style="margin-top:10rpx" />
+                                    </view>
                                 </view>
                             </view>
                         </p>
@@ -44,26 +46,31 @@
         </z-paging>
         <view>
 
-            <!-- 提示窗示例 -->
             <uni-popup ref="alertDialog" type="center">
                 <uni-popup-dialog type="error" v-if="isDialog" cancelText="取消" confirmText="确认" title="是否需要删除该唯一码？"
                     @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
             </uni-popup>
         </view>
+        <!-- 唯一码图形显示弹窗 -->
+        <uv-modal ref="modalRef" :title="none" class="qrCodeModal":showConfirmButton="false">
+            <qr-code-modal :detail="materialList" />
+        </uv-modal>
     </view>
 </template>
 <script setup>
 import { ref } from 'vue';
-import { getStatusName } from '../until';
+import { getStatusName, getDetail } from '../until';
 import { onShow } from "@dcloudio/uni-app";
-import { getUniqueCodeList, delUniqueCode } from '@/api/uniqueCode'
+import { getUniqueCodeList, delUniqueCode, detailUniqueCode } from '@/api/uniqueCode'
+import QrCodeModal from './QrCodeModal.vue';
 
 const queryParams = ref({
-    code:''
+    code: ''
 })
 
 const pagingRef = ref(null)
-
+// 开关：唯一码图形
+const modalRef = ref()
 // 删除的数据
 const delItem = ref(null)
 // 删除弹框相关
@@ -71,7 +78,8 @@ const alertDialog = ref(null)
 const isDialog = ref(false)
 // 唯一码列表
 const uniqueCodeList = ref([])
-
+// 物料列表数组
+const materialList = ref([])
 // 列表：唯一码
 const getMaterialList = () => {
     getUniqueCodeList(queryParams.value).then(res => {
@@ -114,6 +122,17 @@ const dialogConfirm = () => {
         dialogClose()
     })
 }
+// 详情：唯一码
+const getDetailInfo = (row) => {
+    detailUniqueCode({ id: row.id }).then((res) => {
+        if (res.code == 200) {
+            materialList.value = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial), qrCode: res.data.qrCode, code: res.data.code,qrCodeMark:res.data.remark }]
+            setTimeout(() => {
+                modalRef.value.open()
+            }, 300)
+        }
+    })
+}
 
 </script>
 <style scoped lang="scss">
@@ -140,4 +159,11 @@ const dialogConfirm = () => {
         font-size: 12px;
     }
 }
+::v-deep.qrCodeModal {
+    .uv-modal__content {
+        display: block;
+        padding: 24rpx;
+
+    }
+}
 </style>
\ No newline at end of file
diff --git a/pages/uniqueCode/until.js b/pages/uniqueCode/until.js
index b3a03e8..3eea086 100644
--- a/pages/uniqueCode/until.js
+++ b/pages/uniqueCode/until.js
@@ -46,6 +46,9 @@ export const getDetail = (info) => {
         typeName: info.typeName,
         unitName: info.unitName,
         typeParentNames: info.typeParentNames,
+        description: info.description,
+        weight: info.weight,
+        kgFactor: info.kgFactor,
     }
 
 
diff --git a/static/logo/logo.jpg b/static/logo/logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cfbd2334f1dc989352fdb47447cb13a29cae8b4e
GIT binary patch
literal 21307
zcmeHv2{@Er`|yJ-AyP`Ej4VlEjGZu{LYB!=S}ZZfQp0GB?54CREmMR@^dp2Mlr}X*
zlBHxX6+hXsgp6&N<vY(<s^9y2-|zju@AZAxcU@nP>v^7Y&V8SA?)yIXIp;q2JU8}x
zc893J_8@N$2(q$*HbD?1010zJ5D!Rkah1T2pVHi%Gz?4O;+rjpxB<?xxiqNAwPG#}
zu(;Mhyl^|<zR4xIkiN~e@u#{dxCKZK-1oTDIB9W^ejnuxEdp=2?jU%{0lMHnLB=r%
zQdm0wHgYGp;iPwY5l94oFM^-6iHWqDDoRIsqm?Vx+ZQfWgw#~kRP|75dMHh4_^GX@
zp#edQE<q4KXnT>Wni}fH9FJ@^1l{0X=y&1<&yO^~g)crXo;lk2e&&yh_=7*Lke~VE
z=9+JVE0TMm?IlIC%|T}14fDu(v){A7LBbrKTuiJWZuSr)!pTAI$6!46N9ZIZEFd7T
zSU`C3Vqq~MK_RgfqQb(WD^@LEzGC_ERbs-NYwk6h`RkKwiIC6|ktIt-M3#z+h=_>8
z4-xU%Dq{am1MKIJm;iJGy1~OG196LS@rZG;KLaKO*)O@!fJ$C2&IJgDFCK`Cdl4@m
zzrbQaA+Emyxgc(ydEiorYY`U@_abgyem((S9$|F=6ysU6ei@3_$i{WK%#q`2eBzh?
zC@_|lTVeacO<jW+S!cp8A7eMt@g3{0xiYQr#D;CL_U_wD(@9zq^}D~|MvG3CH3W3h
zb|_rAdFo!=%f_y;jQizH-Q#;aj-HOsEPmD8Gofwj;29W|koBOVrFT*c;^qd_F5=L{
z&&R9DAz?jg*&;x}5t-$@YR4~&!xX%*ts7C7bL${R#+cZx!1`-^m*;~C;NPHGS`Uaw
zmvG;{TZ@GIvOvN=r$FHc3G7x#n1|D+7=(t##$wD3++xh-uH1|<msgaFG2dw}7i0Uk
z1#F1@ZXVyCy7yVZmeoVgpOf5|AWIJS)lTX4GPH-EFeDhBG(vfFu*Z6?Y&Mj%B`#6T
zbggAZQQq~Y#{>)_udTH$U<Felb-F>@0EZr+T6mwvcD+XjX<k4C#A{Ylg5}HK%D+95
zppz&!^{C=g_p<x0BQ;w?x)m+T>es0C7B27OmaS-<K+t+K+0ZA;RE7{6+L?)V(L2b7
z?ma?JNwDG_y=~<6!_*U4)T!4qZO)y8p-B2n1A1tK1B;gpWyB)#nM&kV{d~Bph04ZT
z;vFN;4otJ5PO{tZQ{0eY#RE1}!Jh$|*Ux_paIdnV^M-M3$ZwQ7f@CT^B;GJaf4#%0
zp)jl)N+}q3zR<jJK*tj)^<>k*f~Ic|eEaaLnUc4C+lkK}QE#C~m$RXfH>olA>y>=n
zc%<-`DAkL1$}lAF%9Y9uZQW#3*qWW!{Ar@)Ktybt$$s?h-c3wQHg>E=ySrUZ^zbUf
z*tUoZct?KQ{^0A@!v~Z{-;uXlkgpwNS)g^>NAf3g68#0dOP;9u>wi*>re_|de2Z;y
z5BK}p7}I(oQ7$n1ZaZyA^S;;E+do`vN<DD+0Q}vDe1_UfZWhsmu6+nD95w_a^;(1M
z+|HQls?p8Tt;@+h*sWXgsPJml$sqF^>qs%?`$!0O9cT2hnB3m*6Io7I+I!b%HHu25
zKLw&m8Ya@}&E*~@=)^d7X3O>WZkevWGu?|lEux8y`ee?kUWXXBxV+h=<Kgp{p3Ouy
zbWK7#<$6~~-%`U5s>HLl#IyUC?0P=AYZK0>@`XQlntk+HjL_8;%Wm55^mCSCL;a$R
zlWd5g?%9<`I(KdQI2&4zW<$as=$oB3cBx>K*$}CR4S6Hq)R!|p>7OVKKU8~^usd8?
z-Fj_f?GiTB(a!W?LuqU%@3xzm)a2gD_rn?3<jF9{FKp;b5_kEPhd0gpoyjUDF~mfs
zEWo_$)ZT=q^HByqvZ2(q551gPnlKC5%x-e>v=&Q}L1%R^z6{)q**S0*%#Qk5`MeD$
zvCf@kLu-boPgSWD4P=cuVy0TijVhLT)F?LesIwP2ZSA1TV3ee@q3tKGtlhfIlB?2=
zSWusfdwM|d3FN;nR9j=@;1EmjQ%2cpvw>1!YPsvNM_iv8u#)``9II~auadNLmQU*)
zJR)UyRWy`bd?q3@pz|Yw^%*^F9!M3BM@^-wTAxOZbdaJH&iJ}V<U<iR$60SG*w6zC
zE5<V7X25I)!-{c^TxP*ks9}wf%bg}IU7BZH^x4qW_Pt>!>bC|qbn^<P(dD*ju{N`W
zJQg!%9|LBazf&h`Q`Bb4bo=3R;|>`fq?GtU$2Te2k0wN|%HOp9`MmweVRQigqFu@|
z!A$ci;+1ZiWg<dX{mhx;Vt2*qp*zlYY}s+P*`j8pSk91P4$wV&@_wLu-Q`|S2s!Pe
z>k!Rg1{&&Os@Rb37$HoZPGgqQ%bU&R;#zR*hB+xSe@MA9uK6dKSH?YfP5!HtV;cgl
zPPSaOSyG(E-)weit<FRy@vMWuBAdo_LIUlkyO{Xt7i@^Qnhp7&wlRID%jPq<72IiS
zvyiMq2&^_WVX}MTam4_+895W{!YnLbK3*}fiVfXYVnfAO3k6TaMk!Q-$q@Da@-^ge
z^|zy<E$G|iN%_=?25}5XJ}o>95cd{T9XA~cdqBSxe(p3rm5RJSmY-vQ*^)h$<=(5m
z&+F-Ul;$5P&8K}N_c3wBZ4R2_JS<}}Yjx4+p2s#-&wJ8jQ<dB{p^}dw986Yk5L2)-
zqG?eM1zGbQH*C5{TUjdMGk$<&l0MzchI%Vhlz3ai_p+hO8(H^L$9?UH?dUq{2(`DH
z2{_!Tl4CA+XA6ei_;1K`gbhvVhjp_d^QvBSYQh!r*SnmF>#&N4`-XkhaceMN`4!{%
z6;5@Wwb`_NYuYlz*69;JP1Mc5aAH)|6I?rKO&G3b#b%$QKMdx73%yeSOz10lCb&I8
z=DLh3Bbtj?dDWCt@5A>44!q_#U_-yKkOs3rU^mUOV39*g_RV$*=+b)?o$T0dc|2P(
z{A1F1N<`*ZI!i*9F+uK=e;gB|Tln1X74gjA5>&N_uH+RN3~{X}J+2-z<(NwQ0JI*c
zd7^;=Qwu{MWJC29;p)lF;R<{VGeq2$;eBlAZ7sts|H+rWi)iezi1e{omV^SQWd!|P
z9UE%EkyC1!G7p%C$l=sp(P4|GT&AqycjnjdVKlvu4P8uqf@MQm=yE@F55klUS;ewK
z(PPmRM%mZ)zCvoPC+o74L>^}N0i%Q2ci~>@$OSf}Lk>ZQ)v`j!omoR*BtYfhcKV4r
z%v4xDhhSSa^lBz8b%gFR(Fxl6`gA|JUYqe}LLO#%2RV7!%rFYB8y5<+^$q3w{_C>o
zoun|6v(W>HeWABE)UWL$@#IRnJZQ}qi5Pnm>L`Cx=ZN%chInMOt=a}#eOtYlkht;v
zT=w)o*DM-IUc$Yr$l0u5eE=KU!-l#Jk@Gy62NGn3@~5A$A=w7zVRZke%x)Gr{g09S
zc})W*Mcxw%yO}dgZgJM>jRlVbr1H8Fw(RUD)CVJ;pp)8bLka?#>Z}r4-5w`7cXlnh
zvwVx%;9vsIW$b#o<cB=Oj^dn>cJ;xR0t31}OqT)eU=hsl@(ug3QE%EzCuKgo9r%n<
zz1+VxgtEdOi|PKz=xjc4wMEZS8zFHhVl>lEDP6bb(@poVwsR}j22}`4%jk2<I*}h6
zb}xsYUB+oPXFVWU&6b(;A;Arg!Il#K`qZ{;iDP0(1I)U~jY+xSxyU#zMdH{NgZ#$$
z(_@}|XAoXRloKnbdb{pM0E6N65F0968L>kdyyao7rt?#J+0f@;Hq>hV=YcU}(zi7V
zr>r{O@5s%Ye#(aA>^QP|Wai}3#D?e_QU`!??det#y-L?ZECv)<%tW!StP_th-yi70
zZkbha%6R6Nx5=$W%`-fh@%>Av<5q{ds)qelQR+#}-46Yy*S(QUelKU*qnne(`1F-J
zDapE?I&HJ7Cs;p`xccliLFhnsWtfQsGV0i?9edo(I)VxXajift-kxJaN2q;3{WF$<
z4cbYR1vbY&<H>#71*Rfg+Rk}}dGZfo1}RKhS)9bqA#zWP2^)GyostKwBk4u&s6$BB
zVo%l;>$RsbZP6XyOAwFHbn0ZSfW74%8VgTC%$z}gt45EdxzJp0q|TVlW&%GI1_I<Z
z7se+x1orTD{lzv;V5@KbikJju(;~1F?38Cinuhtn9>Xw}wKF%S=$cOoQ5!x{=_RQ&
z@^DhSEww9<+;I*qyK;)fyXVF8vc559st9#w+81VFZzyF0-aq;F=1XVKZ#Cf6aeTYC
zyEZ}2h?}S`LCx;iT4$J>%Z#e0z9Tn~SytMEDsik6tZQs&^pL2VQ`uW`nmUVN_<`J3
za&tu!NpyaQy4cX&#}3n?(*!nDnHw}U)@iT!$CJ(YOCJ<sANKcQD$cyxWA@>GC2_SM
zPCYrz=qx33rd-BcE|Zk{!-)PjjqVTZZ!24W96!}nR3RN>bE`%0(G`M3*K+NLcqHXb
z*McK1e9Gm(<T<dVZ)&H*Z&f^7%<FgbPCjp$H3z20fwh3=QgFiuLkJS`BZ8wWCV=D@
zKmu9#L=EloC)v3X2zU;Lxi1Na^9}HU0dSi0_VJVkZ&6NNJMSPE!`Pby*MY&aZQ_X5
zu0A;X?R)J((QIe46?PE`1P?nLDZmfob_ffAyk6_Qw9h>w`@)qWLB9n!$Z;wf<4L}A
zGzhx|c;iXlzMMt?d@%>x#A=_#EdN{JCb*Ts;|Gt+e&P}1NAf24`UAKGjA`OW@|`Ce
zGQqnM7c#b<{#FYa6QZxlkBl$rN5;|(@4o=C_9Pu$$ZYq)Z(GO!$^B^B7<<@rj`dl&
zK(?mFCV(2?)qo&dcWG&NLV(*=!k=)KbD0u-|Dntn|BraaM0fk$zN8(pws?3n7cOJG
zyY%0c+xp{4obp{k_^q}J=z>RaSQ3G_&6VT|bHE{Tm*+13c|CyBFfw?<WJ8uXkJ)Da
z(ycvkn*3e2c3Avu`7R=M>pr*z&b1UvB=|Xa;lSVmo%HtgoEM)646p?>852k(f)AeH
z>p53Ncpd_i@KgDc`EpxtPp_W=Lh}GX+X6m3J9xg$(lF;V;hukUX3ho<Ok}Q8@IoJ(
zn{P`vW$=uY;$W`+HP1ui<QH?E;K9YwQs82OFTuHK0Th-)!8oVX3_^N%00<sDfg1>1
zTyrIVBqlACsBy~ogXcVsCZ`0}{J9cNn^PbUL4FX#{@aV^D-8Zy5c|J@abzI?w>>`(
zxwir~!96E8DLBP(Ud_(iHE@;()`eN>;VcAA%-zc%6r={}f~OXw3TcD1I-~*8>LBd`
zsQ~`GA$TR3n@(`mh3n_C`SuooaN=i#dBBgw1M&^P!>by+!t%Kh0({;5|1x*6Bou&g
z7G+rB7qki#{zWSx;~&}!lLFcPP)<0{=a2Ws;{5mEE#c|K^-Djz92h8G25x>%#(djP
zeert|2?2h;6!8&=-k#nIE9Z7QxOEJt479PtHGo7g#rfiht|Xj0D1hvP{pOc?!C7Ru
z1csQ;F8Kea`R55B;(ysNIKuz6#LD0E*G+}b6;HBv_51}(1dGGt?QuaQbAK~?E6e#s
zOklqF7v#lW1Y(F0-rI9tQlhiWo6Q#k0r0!yJX`}fi|XQ|I3nq9(D%$2|B5c;=4nE}
z6No<vS8TR@W77oyEMseeFD&cDB!VB<j{R{zuUdk5u)O_4sjwSoIsAumAuz;Ve?{la
z$c=DEkTAHp(IcGn?CcZcq=7e{gC)+%!3xdA$;0^2l3F+q?i;f=*PjrV5=a7P^D5vx
z{_R};?OgutT>kA`{_R};?OgutT>kA`{_R};?OgutT>kA`{_R};f7Q7>d)8YIj&Km<
z1a5Hp11??22y%xAkQ;=9q@i7q7f6%9?axU8Hxh80{%Z_r$OQaJ0~d`daM$R-4bS#8
z>(}9*{a}d;Vs|X5@FJ1?^pHqje-&5wQ!5oL!3P=S>W4(Bs3IYKbdaAb_Arhl?S=zh
z3<H_rCsY|}Z+8P32TdzgD?byQm$z965oZ@-ZI2B(jMa6QK^scz2k8a*`1#;SuF^q1
zcwc|LAOjgr<9Z+s7b9h)IVhyV1~Qz_pQQI%?UFVj5OLC)Dq6}|l!mIbwyp|FOI1S?
zr38QQrHxe8M5<~jtD^K&b@bFw(sP##=#A*^p=Y~o$6Q|^XCO1jRA6ABN}#$5f#``u
z>FVktRn?GcYRUjZ*+1Bq<Qk;x>n}Us!Zw^gmgvp#OiRNp0<UWT$v_5BI?IBOpOw`@
z!+$F+A0L=64z@pO`%zH&U&+=Vc19p=asGq=A{Mv(D9)E8J73)$yHM8;xMMgBxMPtx
zJkAH8`Gc`REp+8K|7qMpm0yTk0CNU(z5_5ke~&&t@-QM`SZ^Bv8vyrdzHNR8-3eH4
zcfEyX_1ra7RXuccu*$ls>L_Jh9SxkauDgz=vO8A8Ll>o~si~%^GvAuIuRqDv7mI^i
z1MRDLgO;?lP&hSJ9W`Z?s;jHA23Ad1*%haWRrb(S)pXPJKzZOaUFYl1`psPNKT~C_
zp}O5j-AG4MS7V1N&=^(KZAMyZCPtd-nmXE=8b&hG?pQq!0@24642ZXnt0xY5$Pec!
zBmIK~jtj_&;EpqpQUAHz+{6U@#NpwM2LKKUdL~31aMS^xJSc&`I#fmhx;5=lC_N2L
zJq@+ZKsQxYXHh|W-X6jKh&uOy;xDLRO1J|*|Njmdo>`nxG4u8ZKMe%W>AoHA$Xp8V
zEzQw9Jy$IJ3yXn_zw1$)yUbjn_uoig1Luy#>Z)RuUEOqalr?m;amqUGy6(za8t#BS
zoSTO`cA<VC_*LLnw*SJ*Y~TI_4^p5j5ohEH^k#m3@0!=rzx#l5o<OXZtFI>xEG|eH
z<bTZ3zo$>Lr2gOL2njDNv%`h_>qv57KP^H)0GuMQvcbuPCDm|#>HGcuErH(>_$`6o
z68J5F-xB!$NCH0&WjJ48ECqri*H3XI;IKCrN5Z#g(IVbOe7wATi}}DUB*4cfAS5g(
zC?qH-ymU5bWbQSa`RkL5pPzq;@RC(am#+G6;z%Z-2_7yGc=02S1Oehm(g2zKKZlV(
zi+Fjs`M99DI1+Ado}Z!MXRV*&NVvIp;5ZUKejf1P_UGc}5nBZDf<O`@8@}bPAdo~{
z?eZV|D`w+3I@DLXjmQxrzss9w*u|t3V*N`sw<*M?7ime@yOYZ5zX)tNu~=}`>XTQt
z@3?tyPs8qwYeqY1a4ZQf;8fgfJjp)^C($w6>lJk7>aB;b-+!G_)HUDd9eg%1`%&eG
zKKdrTo%;`kL?`7uu4?U{o{c-<;pGLfFpC6uczifN)4`!HM!YtFV!k8CFRT4gFe3h<
zu0z&%g{>R$ySki)N#x2HJNYzhVJW|Vz2=u~CnW4+L6ps^)f=?7uTgL(?baSmFDl!p
z*w9HkdFAH4UrFBaQw+?{Auzwt{4YrUOQ_0_WBuUn_qhcQZg<L^qMxidy6NA}Qo%=e
z|5f$6|E_xduhow$H>}8fWXdQTUgeb@Z7|e}pox}XxAPqtKAcRhG5mf(Jm~Uppbq#B
zKfH6z<}apC+tPy0d*z>%n&iibO?GbI*4frB$8rTJeVaMFsXFJ4llR|(4~io+96*z5
z+t6Ov?UtQwEx8gjVSRb-Bg0NMA7!d0k8<QzvN!;BkH-hK8zIKiTg)RZrYJz$Y`Zu4
z(w$WoZ!EQz*;;VXtopK3jK{2q!AJM=;@dN_EDt59i@G5ha};vZ-j-o0TGO7?>YGwa
z$hh(Bv0Zsa-g>)1qg*yrz=k5<yoxOtbx%icBZJRM9|b(VSa<&D#oq5dwD1G9ET6`!
z(+@_Cqi*i$dYS&QBONhes<(Ds+zEs=dSIlQIgpd;<(|@P+Syjo6Ti=~QvKe=kfNB1
zVcjbl52@D>V+G#dGs$Ndjc*avZY(^xzI?~N$++`=EC&giE9;8dclkE^)@M3o#dCBJ
zoUv2lWkRrxTj=mfZxmSz(dSk|9NxT`zu3}Sl?|zZ{A+8cZmgYX7x=gu&Q=3-I|V#C
zwv6$boDn@0GrW0KQs4`^rAtlJ^xmwCPTiJ8p<SmFBxvhd@tYJ>Mzh^telA5<yELoi
zSznVlg|v)_WuSb^b&o7*cSU|cDA9<{Czo75<rMwEa<Rqu)6kuD%1fHl{q9!OnL1$q
z%+bb<Ru$sT@A#&Bf9Xq=?cGV><NcMn#M+gVrS~GKyk*B4#6~|$bbkjCEJ=e&16{PF
zl-A_pV}DGsVuh$J<JXPOK7E$*C9}l+a$>|Og)=qkDW17GmATa_#Dr<Lx8Q4JbZ2%p
z`PCwZi~2pa4LfG8SGZXwUPG6Tm$W|J%$ZUyAPQi9kR4X;=Dk|Cqbn7^;*gboU@eQB
zU>|R#ZAnZzw5;%T=4qnVH`c%e^LF2ideNe-$rZVD>e!{}>mpQ_@~@N)e4o|RC<?oF
zo*g*lwld}FX;;_MN~@8Rw-w}aFf9V^;%_b0_LkvevhQXpM%N!Lk9pO1VWZF>we2Cf
z#ib?gkm*ncb07H;{-uG@#L^kr?i81%KH16-@<$ilY{S#65)w2rOCC;j6C&F_A)?I%
zZb?-?c=>^H>#a00_w4OvQ(+}qkjR5O{UJR!CR<NtnoGLd6w0*VwhyLj6jdu;i>)}M
zX;<ZI%4p<kyirwszT-G=pGyq+ds8E|XC3-WaKYdZuKlP)GdX9x=Ht^XbE0XQ6U~bE
zH~Dz!c|HEvtUDAu!<S%x|HZm(e7O~@5HZYnut#UXSc=?K_gES8W6n2ahebiAjpR=y
zC-k06;Xk)FSM$|e!8pclr0oxJtHhExQprw^$$n<0Cg{^3w^~_ex7A3de&gGfu7^pb
z%bwLT2cwt)%wX%>nMCp)7k_>7uJDtFuj!r%A_P-J#s_(SwVZhDb{kvFK{dI-vujq;
z2Wk!7V_jM{JQ9w`5<`7>6(aCr#$^EAiXPGZqtT-?w*2VnTivh8Nrv$TR)w)oPWWaD
zI^S7!<LTy63`_5E0;4R8fzeu*S~GK<4Y`JUPUkzmdD5_jvt)oz_vh5(G2ysx3RkbP
z)qNz&#WB7ck%NtD)nToe>2v%xvjwU+8JKEU**}`tWjJ=`d@a|jjJ#N(oeFovE0P)-
zRvH1m<FrdxD+0bBwF7PVm}#lD-|v)Nm?A|}{nXX{pH)v=fS`-E*RVER>8CzQ7{^Vj
zRgCk$HyNbF2M0Q&Q#Oq5EC<sxz@ece<EWdjx|8h(Q3meTq0o^fS6d&Aym<aii6ym+
zd>zDESdKW$lFOz&PU`D?_I6Y(j!xd`le1Pl(m9sC0sZL?_-0=fU@d<W<w={`!g?`X
zJMR4GT42`f-U7b3pJh4c!r<x6y4~xr7e0kGnO9;jycX5cU9xQ^RqK&l<G8`$l;hEw
zkba7q?V}Y@N<xQxVs^{62x8xO_nni!&>$qQRk<kpf#ar|Ouy5B{YpLyYqL$)IxK^;
zla)%F`%Z2C2X@teWp^YyxT1I4@bng|2h6C%n`n*wqEm@AQtu2Y=Wcu(4U*Asv#_dd
zPx2dm@z~Yk%*Pc6Dpnv(8FAuG0Z4ijW-1ZpE<~zyx_c<3*(W8Dvxnv{Y>7FN_8=z3
zr=8&%%aSJ6xa^%gT|zaQlz21TV!($s3o3i#T`IVBZ-v~lw2%(VJt<d<gd{Up*x{u!
ztP1z6=GC@4x%5(|Q6=}X`^Q&r7CJ<@aN1^*r-0J8!()|;BA->y>u^3^jdlB3PYtZY
zRCmvW@eovH$u1h^?S((<`xy1Cj5mQ^OxZRXlR8$>Hu_dU6QeSuAo%g&m*OUrd5Crw
zl@XwcoO+)6UH|=2vf9|X$Z+DM0amNldTxuF-=b&P!OgRS{=rV8=MB?7(N)2>bxh<h
z#0c6`9An(>U*J6=e4;)qmX481$F9uEd;PskFY3YlGvD2!0z40`yXw1w{AW?}H<8vW
z9<G$BaP-C1Tf$W$ClfXtL~qhR_mX(m!;og>^5T^@#oJS%KQ?&_T9VRjdWqWKO703{
zLo{d6Zecc5oABo9yDvjCU|El|>XHTf5s0mm1)(8H-&r=b40>1tUCF84pW1B`%+Jcp
zVwu*0kcUo2Mk;-jo;AAn$+I39#Pe5Bepf+Y_#1N74F;7B<+_3(DH;gm2x3Euo~*EE
zUV5`_Vpz^>s0nO>uV*OJ*_6@vbkORR2n&QirE9Xg1H^lPsFTZ+h;ciy)}++lY9`98
z4m(65$FiY>g2#{hPO4op8t?5#f9N!<Z#1(>&TZRwVJ+9)8n3MrH3}QHk`Av#YB9PI
z4;#?U3F9h<pP2NCZu!RFfC#P5PD)7dy}Ij*R{5S&rLSor3SF;3TwPKE<KVnjiadw4
z@|jP{A9GqcZz}!GFs_a`F@(I<eyesXrCv&jw%@PN4u8q^<_>d|lVDVe92$4sB<yUJ
z=C<>;vh<7xOCRw!E={|6C`Ts;T4B1CA5Z(RuB{ld&E#`UKV^|{hZoq8+)o6-Egt1o
znb~*hd=lT)8~Pt<u|XQO;~7kgBqq6DDzH^F({S?Y5#8MN-L381>xwrG+7V0`AVB0|
z3RpZ=EoW`;cm2R<i@Iz0C^RMan&+*#rDNV=`e%G3Bj)+o8`|NX`9V6zRPO4X<B_$J
zT2*&$rXD2T{;pObtrz+6;#RX|ldkmau3Z}gmb-`=lj-R?{vUujm57Y3D|5Q|sF<u7
zc9sn}EN4S93P7V!>#nELW9Tbgu2;0(V;!b1XWda?ZNso34Of;`Eu%6lf%b5w6>-hb
zXk7r%#MwGOAfL$EXk-Obsg`jjm6iP`%c_yA<|22&*KmT`O^9#-np6Wc=^SM`D~hge
z1DcDamxK?YfkYC@Sn(isZ3x|;g04)W^jLIJuT`|wF*+C^)G7BGx!$0HX;(2@DVnTJ
zd74hIpa<#oyOZml{sh^PiwKRSog4l3*(Shv-x(gJRA)9DN(qwx@ZovUVuwevyU&k%
zY(FmPv6LwA(bKIQ1Pvu)C)apR!)r(c^-^%Vm*Lf!Hk@U%evy6o{xABdjKH<x`9?nm
z%?=*48<GiWgQ9nwdvki4`qy#J6Cj3n-Uj*~4comV!rA71j#`!28TXU%SKfqq$9%C;
zQh3Q))q1R;&(i0Lajcl-C8cc3>xGUM7K>libC;cp+qB<qU>6&@L(SjVBvg*<uO7me
zjYqxTJYia`UqcJodp$u|(Al5<YBOIV>mD`R-zC3G%D)u>v@y{x#N&Q<UXELFzgzK;
zX1UK-L~O1V27~~fR|I>RZt5RB&gVG#n03uGdrlwcEtvliV|fNB_ssYEl<@2AKW>P-
za84RzcoihwBloP`RB-o{kjP4lZ|JsLb3658c&FBKn?5lp51Van&M|8f4w?tI^g_4w
z2-Ecuv!g@xiU6bI<q+0flK#*wKKfhqz4S1}5PlF+#UKSBrb<)4t0%Tf;l9rB3?w}2
z*S!~#z&Y?y7YvYplLeyD&dZe>He)RJDHgA^kQCUhRVi;(Xc<{{QcaNXu489nX|DCs
z98V$niPT|x^g#YVRe;N9i|N9dYp8IeiDk^oqqQicxroJGxe^*JD5BSj4efVnd~`g2
z+T_iQ3D~4)&h*>Craq?}cWinm`6WJ_Zmf9g5aRnO^cPR{d-~ONGwAW^>3qza^rkrr
zYQdb~?6|*dQJl5yFKfczGhlRSuV0Z}M3i85@}_$of|-7WF5awh6V_u^NtPY6k(!Hq
zR3y=em_2kX8@tr?(Cu}}B#jg?U_Hw~eoOfJo~LQk*x}#;M=%K4r<T}>KR*3XRNj+%
z1<QQ>gM~KAhv7ReO(92pr1JjOX!w<dXJ^Uw&-^0N4Y+~TQ1r%i_*6_{CGRG%t^qv~
zzVcB>{=&&kuPWuu3t=8k9|D5_$j@mwxhb)<GCXUhMRa;#di1)(q%CYHd~)F!3SmVx
z813|^4I^?TU^n&Jqr9b8q2KX2%mb6dLz&0p6zkT^P5o|nvMl*yil|jaRwiI#o!<=4
zh3kLxj78Lj6Ir<p{$Ar3IgSG|_)i9NcHJ)n5k$Ei+DZ%O|Ky@0W@mH#Q-IFbkaX5n
z{p00Zx{)!>d)h^Nj*#`xeUVedp@d5F<LihfcIW6I;Ma0>knIp!UMZpH2pfVCb|_9F
zVz*)G$u4gx(_UF+sYmFFkCVyj9BeD`DSv>iRjRp{dL1!Vhlx_@9JSLdqnFHKCmf+G
z9rR=QOVH9;NlK@616OGA%V}QaAmd)Bd?`3CE86oNrX=mz+9%Q11YH@;$X-*X#y&vC
zW)ZVP1!O}2qX;^cV};Sz${AnTQ06(Lh*LQba+9b_F*RSYvA<xg?OK~@9K&YFr+o1d
zBJ!?%7?`wv&XH@cJ-6K}+Vh;*e4Q3Mu5$43vr9DRIwoqe<j*_w{9uJ6rNu+CD~h8h
zpBsPN!pKAnne3W8O9nbmk`2t52pvcmcTTvbeS2=*ncvTIgA|qhFkF+ag)JTDy4Kq0
z^JzU34^0|tpqqZa5Vs2ZsXYrZN_oN?Zz>*oy%gQOYKS6e@OG?|WiyF=JauF!Ff+AE
z^d0K6AppNXUkWc1`8tyR>Cdx_^r2PSE&{sgJHsze3Tru(3WaMR3Jp6>SM5+85=(uL
z@OxFQ0=>Ve^4hQ?vPy?1;tIKn>h}U?xGFGX)hDh=VSIX-NTyOXsr>9gbW+*m{=m1G
zMs*&iv8bd8N+0EEuM>@{%YyVgN-R20CS73HTk<Ae<S_VWA%bk^C2h-&u{LnJ4o3Dr
z-K>S&{}0|0*jII6RYr-R#oj+kZ0pLM#@z0#%6M9^=S;q(&;Bodtv+{EkI0@aDi$)8
z+`Y<2#`=!p1GmUk5<NGVZK*)|!Y^P&4^M|DYcHZDX)-22b$uFYPj>MNPjs9K(~u3Z
zP)LS_`aOdA;BX5dLsm=Fd2k~v{Dr*?cA4e<d9OaXp^UIPK6vHE3J0RNXrjhzjGUWN
ze9-ru9%(w~BpTU}y8Z)?noC7(X6SZlzx?SM2bP2;J=9M8s8oJ`3&ZYV!%->xwaaD9
zh>dLMshKZYyQkZX)YSPgIg=X6hSruF+|?7UnD%rP^^k9Np^QZ<&?3jk^~Ff~s`du{
z(TaplraEC-f(70(4fOI5bl(99#(6^D$)i+Iq{fE+AooR}>owWX=J**_-evOZSFA*2
zx83I{FvU{Gl$pqi=^d0_%@M@+nsclj+Kh%M`mV_cLvJ=@Os!{-Zyo?O)8=XdL+A+0
z-k_b5M1Gew_N;xX(`EEAA&R+K2H3hFpkAYsaVwOH(4e>j`xkUzR>v5G%@jxSs4B3b
zb=S9gKKV{_8IvPlp8)?3W(_dhKZoggUk0{MGfWi%S@A~p0}>`!8J)5win;#_n$|?^
zNk&&0T2kLp#;Axs$tc=`T`^vrOo^o;FU-d!A7!1kUNa<XUxqA9UaIzG+O%^@s_^6`
zQ6kq2&2^cx-U&~+mv_-`kV9j@q)ENyvGQJsNzIHYyw!|STT~UheD3Hd`lMxERrDdO
z-D<kWpT1X-Oa@kH0!u!zRXbxM5T1M&uJPv|6^FMRV9(5N`?&>sMpnqn(oB;ENs<Sh
zW7^CXN4{TIOSfX=UJZHbh+0B_qVi^NFe%ZekMiAOM9Tb5@VVX1S!&KT;i~2rd2d}n
zH|=NXR`oVx6t%p_TF8K#gEcz5+jx+@7E$Mzn)3EFdq3V4QZyzW5srK{5R-YxQ$RSf
zAs(tcOsYI~>26ncOxXps=&}a+m4_uW_bywRtQ4m_YdK6^svZe9s%R$r!!}U(cEo#^
zafflw?NXQvDV}W)JKXjv^jre7fpssnOm#ffESTaA%)9qot0SEa8lT6X`N(Bq-^U8S
zi`+w?JEI$hshuEt{bkV>v$2%7<Y1(Kow~u`x>F)x<^N$p<QCXJsnKg(qm?M%MHNE`
zn={@TZ4xd1a4xs8LR|P<;*EL>LnE=Nb1wswjfZWX#*g;V-zervl|2`AP4;l4Rm&<$
z)N4Eray@q5lo2}p+Agjkq@HNAv#e#qYF<jq8jrgj!jWb1d=`r<BQM?S%8O|@w=p{<
zQFZlg{8h94M9ZI8zxz*EmjbLOg-_Yvb$KJUcTkjWOBOC|CW<1zDS&eoSEj3eDCt#9
zo#erc`}dwd-S?n7YUXqJoFY6n&6x0?sU+|I8k{mAQW^!8Aoza=aCW?s-S5Q|Vp;A3
ze6)SjF{m+o6!+$WOG6c3KlsOf3+vgZW7LWsN*VaTMDQ7^k6SRSm-?JO^zEztM?vFy
z;Jomz1P+Yx(n^n|ua$MBE6uu(uTMV}0}QHYnA-yzR&RGLkI8^Hndt#Gv}|=mYQKnK
z(X8{Te<Q1u4dqaC^)`-%;c15B6<H0Zcuz!lihkb9=whutmDeS8pcRv8IKgj4Tims-
zVuja*XUV)K_8-N^J*e@rOufn3rA~ulKG-`M!^(Z<Z!qXIH?nj7{eox{>lb35A8(Xn
z@~qe0C4YtYHUF{pPfwdZwP2pqe3K1(-!j$9pA=?ydH8ZT+MH|c5k#GUon4&n%KLGJ
z2Q!<G$llpmFSH{?$H={)A}m(gzOs_f6}vnZ45#B&ckX&?^Oyz~VPm(uEoB>oG%v*R
zO6Q@K6nSkMnEk+0$A-=dQ!(TGhyzS;MgoS|xH#FB+~m@9T|C%O`#@?48yYOlIKlFW
zu5dE|EJxj*HmMG^0Q39#RD-Hd=Vy}(r@T%?pMIDusa%AqMot#bvm6zeIe}-50$YsF
z^XZAZ@QR*4Z^aZu8((iUe0uL)b4rey{jjxhT&6>e_OdNyI+)X2CnZv~yEU>{@rS`l
z55s6lTK^tP{mzQ(!+ujb{Rzb&CqH2AmZOgQyU>@CdrHu+Pry+0*CdxWlupJZqDq(C
z-$NahhTRILZWqByIK7(<ZL0?kcSLU<p=vdSsno*SmP*eT9aSA>kTc9CW~+`<N3(!`
zBR35!m?wZUqbmw40@nt<rnIwUEi{GpiL3zrh1UW?2g`IF8={P5OEp^13mD{-dn{{9
za-UZ^D+siX=sMC4R_UFoV|K`%itnsY)6qj%@b9|-F_-yShszk3wy+^YpMB_VGz<=D
zprf>zP6@1S2ztK2;N`ix4jf>p%V-ANbKx9m9ju*j&oO|qNASN^q0m~<F-3^!14zah
zG|d@ZX+r%zYBq6)42uNtb@QjnyHzh%aVnGR@Zg_jAS&nsn6C4^tazaRGNMfTN|720
zxwDJ<wU|>IoS|XYjss8?Kz5EhH5S`GMVAY8LNUNtq<kXB1d3I!P0hG;66a>X^A7Af
zhO53VvWh(ata+y&3MB>n{n|OVZty(kn)G<if9cubyE)r?$jZ;|Nek&j)pa)oJH#1O
zoZg)vu_|kKtJ8J*CEj<G&d26ljQa_!11+rWsr1~9jH?0YuU_OW-+&K8lMQWZ#?T2a
zba8UeZSqD5<`U6fL@MJ*`)D567~{tQou;fq6{E+=@7}SF(7^}-Zhx+_L4qkv=?$lT
ze>qSswOdb#w$pbTt8memrFk0<J7+1CpE&lhXmF@%jhhwIh0;^Fw({uPIU{_|GAyzE
z({FuK`GJq(cEv9&tUs>VfAoEQL-DKl>%|)Pz7_00^w8V83FI92TzB-==<hVka#&-f
z(`lA@TG97mMpNmXJG_DGJEA{65*6O_`E`(6@t4EV_c^P=lNIEjez^LNem0zU2mFV>
NI{w&w|D)bN{4apmd_n*K

literal 0
HcmV?d00001

diff --git a/styles/theme.scss b/styles/theme.scss
index 2539c9f..eba4f11 100644
--- a/styles/theme.scss
+++ b/styles/theme.scss
@@ -71,4 +71,11 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-}
\ No newline at end of file
+}
+
+.mt-8{
+	margin-top: 8rpx;
+}
+.mt-16{
+	margin-top: 16rpx;
+}
diff --git a/yarn.lock b/yarn.lock
index ebfe774..ca8d16f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -460,6 +460,11 @@ jest-worker@^27.4.5:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
+jsbarcode@^3.12.3:
+  version "3.12.3"
+  resolved "https://registry.npmmirror.com/jsbarcode/-/jsbarcode-3.12.3.tgz"
+  integrity sha512-CuHU9hC6dPsHF5oVFMo8NW76uQVjH4L22CsP4hW+dNnGywJHC/B0ThA1CTDVLnxKLrrpYdicBLnd2xsgTfRnvg==
+
 json-parse-even-better-errors@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmmirror.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"