From ff7bc9e4361c68eaa901c265dad5c4e2e8d1da09 Mon Sep 17 00:00:00 2001
From: binbin_pan <max_163email@163.com>
Date: Mon, 23 Dec 2024 18:23:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=A6=E8=BE=86=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                          |  43 ++--
 pages/arrivalConfirmation/index.vue | 226 +++++++++++++++++
 pages/index.vue                     |   8 +-
 pages/sendACarSystem/index.vue      | 379 ++++++++++++++++++++++++++++
 static/images/car.png               | Bin 0 -> 1808 bytes
 static/images/car2.png              | Bin 0 -> 1327 bytes
 6 files changed, 637 insertions(+), 19 deletions(-)
 create mode 100644 pages/arrivalConfirmation/index.vue
 create mode 100644 pages/sendACarSystem/index.vue
 create mode 100644 static/images/car.png
 create mode 100644 static/images/car2.png

diff --git a/pages.json b/pages.json
index 9f67f9f..9cdd56e 100644
--- a/pages.json
+++ b/pages.json
@@ -113,31 +113,40 @@
       }
     },
     {
-    	"path" : "pages/inspectionEntry/index",
-    	"style" : 
-    	{
-    		"navigationStyle": "custom"
-    	}
+      "path": "pages/inspectionEntry/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
     },
     {
-    	"path" : "pages/inspectionEntry/inspectionRecord",
-    	"style" : 
-    	{
-    		"navigationBarTitleText": "检验记录"
-    	}
+      "path": "pages/inspectionEntry/inspectionRecord",
+      "style": {
+        "navigationBarTitleText": "检验记录"
+      }
     },
     {
-    	"path" : "pages/stockTaking/index",
-    	"style" : 
-    	{
-    		"navigationStyle": "custom"
-    	}
+      "path": "pages/stockTaking/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
     },
     {
-    	"path" : "pages/stockTaking/takingRecord",
+      "path": "pages/stockTaking/takingRecord",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/arrivalConfirmation/index",
+      "style": {
+        "navigationBarTitleText": "到货确认单上传"
+      }
+    },
+    {
+    	"path" : "pages/sendACarSystem/index",
     	"style" : 
     	{
-    		"navigationStyle": "custom"
+    		"navigationBarTitleText" : "派车管理"
     	}
     }
   ],
diff --git a/pages/arrivalConfirmation/index.vue b/pages/arrivalConfirmation/index.vue
new file mode 100644
index 0000000..98e220f
--- /dev/null
+++ b/pages/arrivalConfirmation/index.vue
@@ -0,0 +1,226 @@
+<template>
+  <view>
+    <!-- 搜索 -->
+    <div class="search">
+      <u-input
+        v-model="keyWord"
+        placeholder="请输入搜索内容"
+        suffixIcon="search"
+        suffixIconStyle="color: #666"
+        shape="circle"
+        @blur="handleSearch"
+      ></u-input>
+    </div>
+    <!-- 列表 -->
+    <div class="list-cont" v-for="(item, index) in tableList" :key="index">
+      <u-row justify="space-between" customStyle="margin-bottom: 10px; padding: 0 15px;">
+        <u-col span="6">
+          <div>{{ item.name }}</div>
+        </u-col>
+        <u-col span="6">
+          <div style="display: flex; justify-content: flex-end">
+            <u-tag text="已上传" type="success" v-if="item.imgList && item.imgList.length > 0"></u-tag>
+            <u-tag text="待上传" type="warning" v-else></u-tag>
+          </div>
+        </u-col>
+      </u-row>
+      <u-line style="margin-bottom: 5px"></u-line>
+      <div class="list-item">
+        <span>工程名称：</span>
+        <span>{{ item.proName }}</span>
+      </div>
+      <div class="list-item df-item">
+        <div>
+          <span>派车数量：</span>
+          <span style="color: #5ae725">{{ item.pcNum }}</span>
+        </div>
+        <div>
+          <u-button v-if="item.imgList && item.imgList.length > 0" size="small" @click="openImgModal(item)">
+            查看到货确认单
+          </u-button>
+          <u-button v-else type="primary" size="small" @click="openImgModal">上传到货确认单</u-button>
+        </div>
+      </div>
+      <div class="list-item">
+        <span>派车时间：</span>
+        <span style="color: #f9ae3d">{{ item.time }}</span>
+      </div>
+    </div>
+
+    <!-- 上传图片 -->
+    <u-modal :show="imgModal" :title="imgModelTitle" showCancelButton @cancel="imgModal = false" @confirm="uploadImg">
+      <view class="slot-content" style="display: flex; flex-direction: column; align-items: center">
+        <uni-file-picker
+          v-model="imgList"
+          :auto-upload="false"
+          ref="files"
+          limit="3"
+          @select="selectImg"
+          @delete="deleteImg"
+          :readonly="readonly"
+          style="height: 100px; width: 260px"
+        />
+      </view>
+    </u-modal>
+
+    <u-loadmore :status="status" line v-if="tableList.length > 10" />
+
+    <!-- 空状态 -->
+    <u-empty v-if="tableList.length == 0" mode="data"></u-empty>
+  </view>
+</template>
+
+<script>
+import { getInventoryList } from '@/api/aqSafety'
+
+export default {
+  data() {
+    return {
+      imgModal: false,
+      readonly: false,
+      imgModelTitle: '',
+      imgList: [],
+      uploadPaths: [],
+      keyWord: '',
+      status: 'loadmore',
+      pageNum: 1,
+      pageSize: 10,
+      total: 0,
+      tableList: [
+        {
+          name: '张三',
+          proName: '项目名称',
+          pcNum: 10,
+          time: '2021-08-01',
+          imgList: []
+        },
+        {
+          name: '李四',
+          proName: '项目名称',
+          pcNum: 20,
+          time: '2021-08-01',
+          imgList: [
+            {
+              url: 'https://img.yzcdn.cn/vant/cat.jpeg'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  onLoad() {
+    // this.getList()
+  },
+  methods: {
+    handleSearch() {
+      this.pageSize = 10
+      this.getList()
+    },
+    async getList() {
+      try {
+        const params = {
+          encryptedData: JSON.stringify({ keyWord: this.keyWord }),
+          pageNum: this.pageNum,
+          pageSize: this.pageSize
+        }
+        console.log('🚀 ~ getList ~ params', params)
+        const res = await getInventoryList(params)
+        console.log('🚀 ~ getList ~ res', res)
+        this.tableList = res.data.list
+        this.total = res.data.total
+      } catch (error) {
+        console.log('🚀 ~ getList ~ error', error)
+      }
+    },
+    onReachBottom() {
+      console.log('🚀 ~ onReachBottom ~ ')
+      if (this.total < 10 || this.total == this.tableList.length) {
+        this.status = 'nomore'
+        return
+      }
+      this.status = 'loading'
+      setTimeout(() => {
+        this.pageSize += 10
+        this.getList()
+        if (this.tableList.length != this.total) this.status = 'loadmore'
+        else this.status = 'nomore'
+      }, 500)
+      console.log('加载..', this.pageSize)
+    },
+    // 打开图片弹窗
+    openImgModal(item) {
+      this.imgModal = true
+      if (item) {
+        this.readonly = true
+        this.imgModelTitle = '查看到货确认单'
+        this.imgList = item.imgList
+      } else {
+        this.readonly = false
+        this.imgModelTitle = '上传到货确认单'
+        this.imgList = []
+      }
+    },
+    selectImg(e) {
+      console.log('🚀 ~ selectImg ~ e:', e)
+      e.tempFiles.forEach(file => {
+        this.imgList.push(file)
+      })
+      console.log('🚀 ~ selectImg ~ this.imgList:', this.imgList)
+    },
+    deleteImg(e) {
+      console.log('🚀 ~ deleteImg ~ e:', e)
+      this.imgList.splice(e.index, 1)
+      console.log('🚀 ~ deleteImg ~ this.imgList:', this.imgList)
+    },
+    uploadImg() {
+      console.log('🚀 ~ uploadImg ~ this.imgList:', this.imgList)
+      this.imgModal = false
+    },
+    upload(path) {
+      uni.uploadFile({
+        url: this.actionUrl,
+        filePath: path,
+        name: 'file',
+        header: {
+          Authorization: this.token
+        },
+        success: res => {
+          console.log('🚀 ~ selectImg ~ res:', res)
+          console.log('🚀 ~ selectImg ~ res--data:', JSON.parse(res.data).data)
+          this.uploadPaths.push(JSON.parse(res.data).data)
+        },
+        fail: err => {
+          console.log('🚀 ~ selectImg ~ err:', err)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+page {
+  padding: 15px;
+  background-color: #f8f8f8;
+}
+.search {
+  margin-bottom: 15px;
+}
+.list-cont {
+  padding: 15px 0;
+  margin-bottom: 15px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+
+  .list-item {
+    padding: 5px 15px;
+  }
+
+  .df-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index 437344c..ad19dfa 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -33,11 +33,11 @@ export default {
         },
         {
           name: 'home',
-          title: '首页'
+          title: '到货确认单'
         },
         {
           name: 'star',
-          title: '音量'
+          title: '派车管理'
         }
       ]
     }
@@ -54,6 +54,10 @@ export default {
         url = '/pages/inspectionEntry/index'
       } else if (index === 3) {
         url = '/pages/stockTaking/index'
+      } else if (index === 4) {
+        url = '/pages/arrivalConfirmation/index'
+      } else if (index === 5) {
+        url = '/pages/sendACarSystem/index'
       }
       uni.navigateTo({ url })
     }
diff --git a/pages/sendACarSystem/index.vue b/pages/sendACarSystem/index.vue
new file mode 100644
index 0000000..3c245e7
--- /dev/null
+++ b/pages/sendACarSystem/index.vue
@@ -0,0 +1,379 @@
+<template>
+  <view>
+    <div class="tabs">
+      <div class="item" :class="{ active: active == 1 }" @click="handleTab(1)">派车分配</div>
+      <div class="item" :class="{ active: active == 2 }" @click="handleTab(2)">派车审核</div>
+    </div>
+    <!-- 搜索 -->
+    <div class="search">
+      <div v-if="active == 2" style="width: 30%">
+        <u-cell-group :border="false">
+          <u-cell
+            :value="checkStatus"
+            isLink
+            :label="checkStatus ? '' : '审核状态'"
+            :border="false"
+            @click="showPicker = true"
+          ></u-cell>
+        </u-cell-group>
+      </div>
+      <u-input
+        v-model="keyWord"
+        placeholder="请输入搜索工程或计划"
+        suffixIcon="search"
+        suffixIconStyle="color: #666"
+        shape="circle"
+        @blur="handleSearch"
+      ></u-input>
+    </div>
+    <!-- 列表 -->
+    <div class="list-cont" v-for="(item, index) in tableList" :key="index">
+      <u-row justify="space-between" customStyle="margin-bottom: 10px; padding: 0 15px;">
+        <u-col span="6">
+          <div>{{ item.code }}</div>
+        </u-col>
+        <u-col span="6" v-if="active == 1">
+          <div style="display: flex; justify-content: flex-end">
+            <u-tag text="已派车" type="success" v-if="item.isSend"></u-tag>
+            <u-tag text="待派车" type="warning" v-else></u-tag>
+          </div>
+        </u-col>
+      </u-row>
+      <u-line style="margin-bottom: 5px"></u-line>
+      <div class="list-item">
+        <span>工程名称：</span>
+        <span>{{ item.proName }}</span>
+      </div>
+      <div class="list-item df-item">
+        <div>
+          <span>计划类型：</span>
+          <span>{{ item.plan }}</span>
+        </div>
+        <div>
+          <u-button v-if="active == 1 && !item.isSend" type="primary" size="small" @click="openModal">
+            派车分配
+          </u-button>
+          <u-button v-else-if="active == 2 && item.status == 0" type="warning" size="small" @click="openModal">
+            审核
+          </u-button>
+          <u-tag text="已通过" type="success" v-else-if="active == 2 && item.status == 1"></u-tag>
+        </div>
+      </div>
+      <div class="list-item">
+        <span>供 应 商：</span>
+        <span>{{ item.sub }}</span>
+      </div>
+    </div>
+
+    <!-- 弹框 -->
+    <u-modal :show="showModal" :title="modalTitle" showCancelButton @cancel="showModal = false" @confirm="submit">
+      <view class="slot-content">
+        <div v-if="active == 1">
+          <u-radio-group v-model="radioValue" placement="column" @change="groupChange">
+            <u-radio
+              :customStyle="{ marginBottom: '8px' }"
+              v-for="(item, index) in radioList"
+              :key="index"
+              :label="item.name"
+              :name="item.value"
+            ></u-radio>
+          </u-radio-group>
+        </div>
+        <div v-else>
+          <div class="item-wrap">
+            <div class="item" :class="{active: isPass}" @click="isPass = true">通过</div>
+            <div class="item" :class="{active: !isPass}" @click="isPass = false">不通过</div>
+          </div>
+					<u-textarea v-model="opinion" placeholder="不通过必须填写审核不通过意见" :rows="5" maxlength="200" count></u-textarea>
+        </div>
+      </view>
+    </u-modal>
+
+    <!-- 选择器 -->
+    <u-picker
+      v-if="showPicker"
+      :show="showPicker"
+      :columns="[columns]"
+      keyName="label"
+      @cancel="showPicker = false"
+      @confirm="confirm"
+    ></u-picker>
+
+    <u-loadmore :status="status" line v-if="tableList.length > 10" />
+
+    <!-- 空状态 -->
+    <u-empty v-if="tableList.length == 0" mode="data"></u-empty>
+  </view>
+</template>
+
+<script>
+import { getInventoryList } from '@/api/aqSafety'
+
+export default {
+  data() {
+    return {
+      active: 1,
+      showModal: false,
+      modalTitle: '',
+      readonly: false,
+      keyWord: '',
+      status: 'loadmore',
+      pageNum: 1,
+      pageSize: 10,
+      total: 0,
+      tableList: [],
+      checkStatus: '', // 审核状态
+      checkStatusId: '', // 审核状态id
+      showPicker: false,
+      columns: [
+        {
+          label: '已审核',
+          value: 1
+        },
+        {
+          label: '待审核',
+          value: 0
+        }
+      ],
+      // 单选
+      radioList: [
+        {
+          name: '苹果',
+          value: '1',
+          disabled: false
+        },
+        {
+          name: '香蕉',
+          value: '2',
+          disabled: false
+        },
+        {
+          name: '橙子',
+          value: '3',
+          disabled: false
+        },
+        {
+          name: '榴莲',
+          value: '4',
+          disabled: false
+        }
+      ],
+      radioValue: '', // 选中的值
+			opinion: '', // 审批意见
+			isPass: true // 是否通过
+    }
+  },
+  computed: {
+    justifyContent() {
+      return this.active == 1 ? 'flex-start' : 'center'
+    }
+  },
+  onLoad() {
+    // this.getList()
+  },
+  methods: {
+    handleTab(index) {
+      this.active = index
+      if (index == 1) {
+        this.tableList = [
+          {
+            code: '20210801',
+            proName: '项目名称',
+            plan: '计划1',
+            sub: '供应商1',
+            // 已派车
+            isSend: true
+          },
+          {
+            code: '20210802',
+            proName: '项目名称',
+            plan: '计划2',
+            sub: '供应商2',
+            // 待派车
+            isSend: false
+          }
+        ]
+      } else {
+        this.tableList = [
+          {
+            code: '20210803',
+            proName: '项目名称',
+            plan: '计划1',
+            sub: '供应商1',
+            status: 1
+          },
+          {
+            code: '20210804',
+            proName: '项目名称',
+            plan: '计划2',
+            sub: '供应商2',
+            status: 0
+          }
+        ]
+      }
+    },
+    handleSearch() {
+      this.pageSize = 10
+      this.getList()
+    },
+    async getList() {
+      try {
+        const params = {
+          encryptedData: JSON.stringify({ keyWord: this.keyWord }),
+          pageNum: this.pageNum,
+          pageSize: this.pageSize
+        }
+        console.log('🚀 ~ getList ~ params', params)
+        const res = await getInventoryList(params)
+        console.log('🚀 ~ getList ~ res', res)
+        this.tableList = res.data.list
+        this.total = res.data.total
+      } catch (error) {
+        console.log('🚀 ~ getList ~ error', error)
+      }
+    },
+    onReachBottom() {
+      console.log('🚀 ~ onReachBottom ~ ')
+      if (this.total < 10 || this.total == this.tableList.length) {
+        this.status = 'nomore'
+        return
+      }
+      this.status = 'loading'
+      setTimeout(() => {
+        this.pageSize += 10
+        this.getList()
+        if (this.tableList.length != this.total) this.status = 'loadmore'
+        else this.status = 'nomore'
+      }, 500)
+      console.log('加载..', this.pageSize)
+    },
+    // 打开弹窗
+    openModal() {
+      this.showModal = true
+      if (this.active == 1) {
+        this.modalTitle = '指定派车供应商'
+				this.radioValue = ''
+      } else {
+        this.modalTitle = '派车审核'
+				this.isPass = true
+				this.opinion = ''
+      }
+    },
+    confirm(e) {
+      console.log('🚀 ~ confirm ~ e', e)
+      this.checkStatus = e.value[0].label
+      this.checkStatusId = e.value[0].value
+      this.showPicker = false
+    },
+    groupChange() {
+			console.log('🚀 ~ radioValue', this.radioValue)
+    },
+    submit() {
+      console.log('提交')
+			if (this.active == 1) {
+				console.log('派车分配', this.radioValue)
+				if (!this.radioValue) {
+					uni.showToast({
+						title: '请选择派车供应商',
+						icon: 'none'
+					})
+					return
+				}
+			} else {
+				console.log('派车审核', this.isPass, this.opinion)
+				if (!this.isPass && !this.opinion) {
+					uni.showToast({
+						title: '请填写审核不通过意见',
+						icon: 'none'
+					})
+					return
+				}
+			}
+      this.showModal = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+page {
+  background-color: #f8f8f8;
+}
+.search {
+  margin: 15px;
+  display: flex;
+}
+.list-cont {
+  margin: 15px;
+  padding: 15px 0;
+  margin-bottom: 15px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+
+  .list-item {
+    padding: 5px 15px;
+  }
+
+  .df-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+.tabs {
+  display: flex;
+  justify-content: space-between;
+  background-color: #fff;
+  .item {
+    flex: 1;
+    text-align: center;
+    padding: 10px 0;
+    color: #666;
+    font-size: 16px;
+    font-weight: 500;
+    border-bottom: 2px solid transparent; // 添加透明边框
+    transition: color 0.3s ease, border-bottom 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
+
+    // 激活状态
+    &.active {
+      color: $u-primary;
+      border-bottom: 2px solid $u-primary;
+      background-color: #f8f8f8;
+    }
+  }
+}
+.slot-content {
+  width: 100%;
+  height: 100%;
+  .item-wrap {
+		margin-bottom: 15px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+		
+		.item {
+			width: 45%;
+			height: 30px;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			border: 1px solid #e8e8e8;
+			border-radius: 30px;
+			background-color: #f8f8f8;
+			color: #666;
+			font-size: 16px;
+			font-weight: 500;
+			transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
+			
+			&.active {
+				color: $u-primary;
+				background-color: #f8f8f8;
+				border: 1px solid $u-primary;
+			}
+		}
+  }
+}
+</style>
diff --git a/static/images/car.png b/static/images/car.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f3cb0e0e7e8e5f209d56c233281a0aa7e37d13d
GIT binary patch
literal 1808
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

literal 0
HcmV?d00001

diff --git a/static/images/car2.png b/static/images/car2.png
new file mode 100644
index 0000000000000000000000000000000000000000..434d6b5ae0ba185cc8934660596674f071fec048
GIT binary patch
literal 1327
zcmV+~1<?A5P)<h;3K|Lk000e1NJLTq001fg001fo1^@s6#ly*400001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGmbN~PnbOGLGA9w%&1jI>1K~z{r)tK#1
zTU8v#_aDiF%sqgMn=U%1nb7iVmKlu!Hw^GX!a{s8Ul|?>WjJt_7AV6NZA(jgDbOcc
zC{Vz{psj0%1g1DQRuSYW_%-(|z3Dx-ARx5tlYB$U{oQjuz2_Xxxtu_pSzljA$L$-?
zRi@&8O%5JEUZ6_|C+J_q8pDq=^i{pW<@<(Wx`Yr{(NO3)G)<rLL_2D)(Pf0Vi9UV$
z2VC-WJW`9GuS_M9OjQb84l`X!h>PgP#s=(7moeIS693pQ;~A3<caIbgraW{hN6baH
zwzlBvEQP-<70&u(B5Lcrh0!q&=I7_>a*mjaZf|eHp}I-r9(BA9Yi%ONI<LcKvmGx{
zYv)%)a;^Uog6(Or)+Xc0liy*p*^iH?;oDCzcsm*9>I80u>y%%UYsW^^&|C_uBmrYh
zCo!!!gW$b1FtX3M>&HUW-g6JrinDMxy;$LF*m=p$*D!Gx9kg^|%l00AR;I$$@G6m9
zG-i=`8A)74M+f_`Zh4=`1v}C(AWb6D6C(q3Y5YVzV}n@fzrqdmoa!7bH3_h&C3Gnv
zE~4IP4??{e*fd{4$aoRIY0hIxb{dwtQ@nW@Nz6q(6T=v8JOi5~k$2GOuTI3UGx{FR
z5>wHI`8iC;-@wG(*WhbCi`o0<u&6nY=f;Z|vK#4g9x)STSMjXwLvBt+W~X@>$&rh0
zZf?Twoq|*K1^nt<%&5d9UX>WXc7FiR51*2n-DqoTL$h2CrBVr*Oa_Kw=n}$#McJcT
zpzA94<Q}%aI8#Q(CQX4(ev`hH2YVoqD-`H9FlcRU#mvkMT|zjp=xp#IZ-}Fba(nuB
zCG_n)!b7j^(qVOVmA*_kuxK#g-?ON>CJDdH2I(d^78Vwu(dsbb{)zmIModK6=-Y15
zO&|~mptrY=``lwPktgf-`+0RNu@k*}gKh#whJkBj9Lvkg<n!pLn}~Wm!dH?*6J`Hy
z(sF#!>vR(c27?$HcB4yYfYHdHr`L?Wek<12*67m16aBmI9kQR(g1d>bI2;Zl$Ief^
zfq~EGqe}=;MRhG-!Y(}pizJDQS9t+TrVK8B_NMbh*(@2}!boF^Kyo+HFgvaGFapsB
z9yj`{g&i$wF9^hT%3r3p5ok|?Lz=v2(f>jqYE((d+hI5Zb%|u5&@y|;w(VU!)4z#n
z`Dt`Fm(pGB3xVi}(<JEdFk<a)rn}k~FR!R)d<fI(kM|s(`Wk$it5M@sf5g=}%^JF^
zeIXFtFYJHc=!F+fXR~lOIw&u{==k_Jii(Pmm6e5zjEo&47NsLg96e%@us$+5IXNgR
zE5qE}9NoQusG=s531YEW(C|?uJ3Bk-K_n7^D7(+*=jW3KL?RK&%ga$!RfUFzJJ5AA
zhmtyJJt`|JQCwWi$+Dxj8v;?6%f;PXP*8xDmKG9)LII1_K~6XSCu*&p*JfT`9`{f}
zp%AUZArN&sot$W4VIi+kvvokw@qVM$=y+|0M~}_Y(h{x1ArM_zSwU`YF83`fDk>n6
zNbt>_M!^ssD0(C6>gq|GB_$=i(c2AyD2rCBC6bX7{wTvP+{wvFT7ySaQ5N>?ko}fN
lDV&*^NuH|L>!rIF@Gq3-M{ee*(yRag002ovPDHLkV1mD;Z%P0F

literal 0
HcmV?d00001