Browse Source
Merge branch 'master' of http://175.178.51.79:3000/Augcl/pet-front into fox
pull/1/head
29 changed files with 1824 additions and 525 deletions
Unified View
Diff Options
-
+23 -0api/home.js
-
+17 -0api/order/order.js
-
+62 -61manifest.json
-
+1 -1otherPages/binding/list/index.vue
-
+25 -5otherPages/binding/partner/index.vue
-
+183 -39otherPages/myOrdersManage/clock/index.vue
-
+1 -1otherPages/myOrdersManage/detail/index.vue
-
+1 -1otherPages/myOrdersManage/list/index.vue
-
+13 -4otherPages/myOrdersManage/service/index.vue
-
+1 -1otherPages/myOrdersManage/transaction/index.vue
-
+1 -1otherPages/myOrdersManage/withdrawal/index.vue
-
+11 -2otherPages/orderTakingManage/pet/index.vue
-
+34 -10otherPages/workbenchManage/myLevel/index.vue
-
+43 -59otherPages/workbenchManage/myUser/components/haveOrder.vue
-
+20 -10otherPages/workbenchManage/myUser/components/noOrder.vue
-
+87 -33otherPages/workbenchManage/myUser/index.vue
-
+93 -59otherPages/workbenchManage/myWallet/index.vue
-
+112 -111pages/login/index.vue
-
+415 -0pages/myOrdersManage/components/orderListByData.vue
-
+81 -63pages/myOrdersManage/components/systemOrder.vue
-
+110 -58pages/myOrdersManage/index.vue
-
+4 -3pages/workbenchManage/index.vue
-
+3 -3utils/getUrl.js
-
+95 -0utils/oss-upload/common/crypto/base64.js
-
+117 -0utils/oss-upload/common/crypto/crypto.js.js
-
+29 -0utils/oss-upload/common/crypto/hmac.js
-
+59 -0utils/oss-upload/common/crypto/sha1.js
-
+51 -0utils/oss-upload/oss/OSSConfig.js
-
+132 -0utils/oss-upload/oss/index.js
+ 23
- 0
api/home.js
View File
+ 17
- 0
api/order/order.js
View File
| @ -0,0 +1,17 @@ | |||||
| import request from '@/utils/request' | |||||
| // 获取订单列表 | |||||
| export function getAppOrderList() { | |||||
| return request({ | |||||
| headers: { | |||||
| "isToken": true | |||||
| }, | |||||
| url: "/applet/order/getAppOrderList", | |||||
| method: 'get' | |||||
| }) | |||||
| } | |||||
| export default { | |||||
| getAppOrderList | |||||
| } | |||||
+ 62
- 61
manifest.json
View File
| @ -1,62 +1,63 @@ | |||||
| { | { | ||||
| "name" : "uni-vuu3", | |||||
| "appid" : "__UNI__08423D1", | |||||
| "description" : "", | |||||
| "versionName" : "1.0.0", | |||||
| "versionCode" : "100", | |||||
| "transformPx" : false, | |||||
| "app-plus" : { | |||||
| /* 5+App特有相关 */ | |||||
| "usingComponents" : true, | |||||
| "nvueCompiler" : "uni-app", | |||||
| "nvueStyleCompiler" : "uni-app", | |||||
| "splashscreen" : { | |||||
| "alwaysShowBeforeRender" : true, | |||||
| "waiting" : true, | |||||
| "autoclose" : true, | |||||
| "delay" : 0 | |||||
| }, | |||||
| "modules" : {}, | |||||
| /* 模块配置 */ | |||||
| "distribute" : { | |||||
| /* 应用发布信息 */ | |||||
| "android" : { | |||||
| /* android打包配置 */ | |||||
| "permissions" : [ | |||||
| "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.VIBRATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.READ_LOGS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", | |||||
| "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", | |||||
| "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.CAMERA\"/>", | |||||
| "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", | |||||
| "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", | |||||
| "<uses-feature android:name=\"android.hardware.camera\"/>", | |||||
| "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" | |||||
| ] | |||||
| }, | |||||
| "ios" : {}, | |||||
| /* ios打包配置 */ | |||||
| "sdkConfigs" : {} | |||||
| } | |||||
| }, | |||||
| /* SDK配置 */ | |||||
| "quickapp" : {}, | |||||
| /* 快应用特有相关 */ | |||||
| "mp-weixin" : { | |||||
| "appid" : "wx01f0f43759922fda", | |||||
| "setting" : { | |||||
| "urlCheck" : false, | |||||
| "postcss" : true, | |||||
| "minified" : true | |||||
| }, | |||||
| "usingComponents" : true, | |||||
| "mergeVirtualHostAttributes" : true | |||||
| }, | |||||
| "vueVersion" : "3" | |||||
| } | |||||
| "name": "uni-vuu3", | |||||
| "appid": "", | |||||
| "description": "", | |||||
| "versionName": "1.0.0", | |||||
| "versionCode": "100", | |||||
| "transformPx": false, | |||||
| "app-plus": { | |||||
| /* 5+App特有相关 */ | |||||
| "usingComponents": true, | |||||
| "nvueCompiler": "uni-app", | |||||
| "nvueStyleCompiler": "uni-app", | |||||
| "splashscreen": { | |||||
| "alwaysShowBeforeRender": true, | |||||
| "waiting": true, | |||||
| "autoclose": true, | |||||
| "delay": 0 | |||||
| }, | |||||
| "modules": {}, | |||||
| /* 模块配置 */ | |||||
| "distribute": { | |||||
| /* 应用发布信息 */ | |||||
| "android": { | |||||
| /* android打包配置 */ | |||||
| "permissions": [ | |||||
| "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.VIBRATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.READ_LOGS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", | |||||
| "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", | |||||
| "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.CAMERA\"/>", | |||||
| "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", | |||||
| "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", | |||||
| "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", | |||||
| "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", | |||||
| "<uses-feature android:name=\"android.hardware.camera\"/>", | |||||
| "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" | |||||
| ] | |||||
| }, | |||||
| "ios": {}, | |||||
| /* ios打包配置 */ | |||||
| "sdkConfigs": {} | |||||
| } | |||||
| }, | |||||
| /* SDK配置 */ | |||||
| "quickapp": {}, | |||||
| /* 快应用特有相关 */ | |||||
| "mp-weixin": { | |||||
| /* 小程序特有相关 */ | |||||
| "appid": "wx01f0f43759922fda", | |||||
| "setting": { | |||||
| "urlCheck": false, | |||||
| "postcss": true, | |||||
| "minified": true | |||||
| }, | |||||
| "usingComponents": true, | |||||
| "mergeVirtualHostAttributes": true | |||||
| }, | |||||
| "vueVersion": "3" | |||||
| } | |||||
+ 1
- 1
otherPages/binding/list/index.vue
View File
+ 25
- 5
otherPages/binding/partner/index.vue
View File
+ 183
- 39
otherPages/myOrdersManage/clock/index.vue
View File
+ 1
- 1
otherPages/myOrdersManage/detail/index.vue
View File
+ 1
- 1
otherPages/myOrdersManage/list/index.vue
View File
+ 13
- 4
otherPages/myOrdersManage/service/index.vue
View File
+ 1
- 1
otherPages/myOrdersManage/transaction/index.vue
View File
+ 1
- 1
otherPages/myOrdersManage/withdrawal/index.vue
View File
+ 11
- 2
otherPages/orderTakingManage/pet/index.vue
View File
+ 34
- 10
otherPages/workbenchManage/myLevel/index.vue
View File
+ 43
- 59
otherPages/workbenchManage/myUser/components/haveOrder.vue
View File
+ 20
- 10
otherPages/workbenchManage/myUser/components/noOrder.vue
View File
+ 87
- 33
otherPages/workbenchManage/myUser/index.vue
View File
+ 93
- 59
otherPages/workbenchManage/myWallet/index.vue
View File
+ 112
- 111
pages/login/index.vue
View File
+ 415
- 0
pages/myOrdersManage/components/orderListByData.vue
View File
| @ -0,0 +1,415 @@ | |||||
| <template> | |||||
| <up-list @scrolltolower="scrolltolower"> | |||||
| <template v-for="(item, index) in orderList" :key="index"> | |||||
| <view class="date-label"> | |||||
| <view class="date-box">{{ item.date }}</view> | |||||
| <view class="order-tag"> | |||||
| <template v-if="item.orders[0].status === 'completed'">已完成{{ item.orders.length }}单</template> | |||||
| <template v-else>待上门{{ item.orders.length }}单</template> | |||||
| </view> | |||||
| </view> | |||||
| <view class="timeline-container"> | |||||
| <view class="timeline-line" :class="{'timeline-line-completed': item.orders[0].status === 'completed'}"> | |||||
| </view> | |||||
| <up-list-item v-for="(order, orderIndex) in item.orders" :key="orderIndex"> | |||||
| <view class="timeline-item" :class="{'item-completed': order.status === 'completed'}"> | |||||
| <view class="timeline-dot"></view> | |||||
| <view class="mb28 container-list-item"> | |||||
| <view class="order-time-tag" | |||||
| :class="{'order-time-tag-completed' : order.status === 'completed'}"> | |||||
| <view class="time-box">{{ order.time }}</view> | |||||
| <view class="order-status"> | |||||
| <view class="status-icon"></view> | |||||
| <view> | |||||
| <template v-if="order.status === 'completed'">已完成{{ order.count }}单</template> | |||||
| <template v-else>待上门{{ order.count }}单</template> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="container-list"> | |||||
| <view class="flex-between flex"> | |||||
| <view class="address-info flex"> | |||||
| <view class="address-icon"></view> | |||||
| <view class="address-text">{{ order.address }}</view> | |||||
| </view> | |||||
| <view class="expand-btn" @click="toggleExpand(index, orderIndex)"> | |||||
| {{ order.isExpanded ? '收起' : '展开' }} <text | |||||
| class="expand-icon">{{ order.isExpanded ? '∧' : '∨' }}</text> | |||||
| </view> | |||||
| </view> | |||||
| <view v-if="order.isExpanded" class="pet-info"> | |||||
| <view class="pet-title">陪伴对象</view> | |||||
| <view class="pet-list"> | |||||
| <view v-for="(pet, petIndex) in order.pets" :key="petIndex" class="pet-item"> | |||||
| <view class="pet-avatar"> | |||||
| <up-image width="70px" height="70px" :src="pet.avatar" | |||||
| shape="circle"></up-image> | |||||
| </view> | |||||
| <view class="pet-detail"> | |||||
| <view class="pet-name">{{ pet.name }} <text | |||||
| class="pet-tag">{{ pet.tag }}</text></view> | |||||
| <view class="pet-desc">{{ pet.desc }}</view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="address-detail mb28">{{ order.fullAddress }}</view> | |||||
| <view class="action-buttons flex flex-between"> | |||||
| <up-button type="primary" text="打卡" v-if="false" @click="toClock" shape="circle" | |||||
| class="mr20" color="var(--status-color)"></up-button> | |||||
| <up-button type="primary" text="查看订单详情" @click="toDetail" shape="circle" | |||||
| class="mr20" color="var(--status-color)"></up-button> | |||||
| <up-button type="primary" text="查看宠物档案" @click="toPet" shape="circle" | |||||
| class="mr20" color="var(--status-color)"></up-button> | |||||
| <up-button type="primary" text="服务档案" @click="toService" shape="circle" | |||||
| color="var(--status-color)"></up-button> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </up-list-item> | |||||
| </view> | |||||
| </template> | |||||
| </up-list> | |||||
| </template> | |||||
| <script setup> | |||||
| import { | |||||
| ref, | |||||
| reactive, | |||||
| defineProps | |||||
| } from 'vue'; | |||||
| const { | |||||
| list | |||||
| } = defineProps({ | |||||
| list: { | |||||
| type: Array, | |||||
| required: true | |||||
| }, | |||||
| }); | |||||
| // 模拟订单数据 | |||||
| const orderList = reactive([{ | |||||
| date: '12-04', | |||||
| orders: [{ | |||||
| time: '12-04', | |||||
| count: 2, | |||||
| status: 'completed', // 已完成状态 | |||||
| address: '湖南省长沙市雨花区人民东路', | |||||
| fullAddress: '湖南省长沙市雨花区人民东路88号', | |||||
| isExpanded: true, | |||||
| pets: [{ | |||||
| avatar: 'https://cdn.catmdogd.com/Work/image/work/tx.png', | |||||
| name: '小咪', | |||||
| tag: '猫', | |||||
| desc: '中华田园犬(小型犬) | 专业喂养+提前熟悉+陪玩' | |||||
| }, | |||||
| { | |||||
| avatar: 'https://cdn.catmdogd.com/Work/image/work/tx.png', | |||||
| name: 'Billion', | |||||
| tag: '狗', | |||||
| desc: '狗狗(小型狗) | 上门喂养+陪玩' | |||||
| } | |||||
| ] | |||||
| }] | |||||
| }, | |||||
| { | |||||
| date: '12-05', | |||||
| orders: [{ | |||||
| time: '12-05', | |||||
| count: 1, | |||||
| status: 'completed', // 已完成状态 | |||||
| address: '湖南省长沙市雨花区人民东路', | |||||
| fullAddress: '湖南省长沙市雨花区人民东路88号', | |||||
| isExpanded: false, | |||||
| pets: [{ | |||||
| avatar: 'https://cdn.catmdogd.com/Work/image/work/tx.png', | |||||
| name: '小黑', | |||||
| tag: '狗', | |||||
| desc: '中华田园犬(小型犬) | 专业喂养+提前熟悉+陪玩' | |||||
| }] | |||||
| }] | |||||
| }, | |||||
| { | |||||
| date: '12-08', | |||||
| orders: [{ | |||||
| time: '12-08', | |||||
| count: 1, | |||||
| status: 'pending', // 待上门状态 | |||||
| address: '湖南省长沙市雨花区人民东路', | |||||
| fullAddress: '湖南省长沙市雨花区人民东路88号', | |||||
| isExpanded: false, | |||||
| pets: [{ | |||||
| avatar: 'https://cdn.catmdogd.com/Work/image/work/tx.png', | |||||
| name: '小白', | |||||
| tag: '猫', | |||||
| desc: '中华田园猫 | 专业喂养+提前熟悉+陪玩' | |||||
| }] | |||||
| }] | |||||
| } | |||||
| ]); | |||||
| // 展开/收起订单详情 | |||||
| function toggleExpand(dateIndex, orderIndex) { | |||||
| orderList[dateIndex].orders[orderIndex].isExpanded = !orderList[dateIndex].orders[orderIndex].isExpanded; | |||||
| } | |||||
| // 滚动到底部加载更多 | |||||
| const scrolltolower = () => { | |||||
| // 实际项目中这里应该调用API加载更多数据 | |||||
| console.log('加载更多数据'); | |||||
| } | |||||
| // 页面跳转函数 | |||||
| function toClock() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/myOrdersManage/clock/index" | |||||
| }) | |||||
| } | |||||
| function toDetail() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/orderTakingManage/detail/index" | |||||
| }) | |||||
| } | |||||
| function toPet() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/orderTakingManage/pet/index" | |||||
| }) | |||||
| } | |||||
| function toService() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/myOrdersManage/service/index" | |||||
| }) | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| @import "../index"; | |||||
| .date-label { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| margin: 20rpx 0; | |||||
| position: relative; | |||||
| z-index: 3; | |||||
| .date-box { | |||||
| background: #333333; | |||||
| color: #FFFFFF; | |||||
| padding: 8rpx 16rpx; | |||||
| border-radius: 8rpx; | |||||
| font-size: 24rpx; | |||||
| margin-right: 20rpx; | |||||
| } | |||||
| .order-tag { | |||||
| color: #7D8196; | |||||
| font-size: 24rpx; | |||||
| } | |||||
| } | |||||
| .order-time-tag { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| background: rgba(#FFAA48, 0.2); | |||||
| padding: 22rpx 42rpx; | |||||
| .time-box { | |||||
| background: var(--status-color); | |||||
| color: #FFFFFF; | |||||
| padding: 4rpx 12rpx; | |||||
| border-radius: 8rpx; | |||||
| font-size: 24rpx; | |||||
| margin-right: 20rpx; | |||||
| } | |||||
| .order-status { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 24rpx; | |||||
| .status-icon { | |||||
| width: 24rpx; | |||||
| height: 24rpx; | |||||
| background: var(--status-color); | |||||
| border-radius: 50%; | |||||
| margin-right: 10rpx; | |||||
| } | |||||
| .status-icon-completed { | |||||
| background: #4CD964; | |||||
| } | |||||
| } | |||||
| } | |||||
| .order-time-tag-completed { | |||||
| background: rgba(#4CD964, 0.2); | |||||
| } | |||||
| .time-box-completed { | |||||
| background: #4CD964; | |||||
| } | |||||
| .address-info { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| margin: 20rpx 0; | |||||
| .address-icon { | |||||
| width: 36rpx; | |||||
| height: 36rpx; | |||||
| background: var(--status-color); | |||||
| border-radius: 50%; | |||||
| margin-right: 12rpx; | |||||
| } | |||||
| .address-icon-completed { | |||||
| background: #4CD964; | |||||
| } | |||||
| .address-text { | |||||
| font-size: 28rpx; | |||||
| color: #333333; | |||||
| font-weight: 500; | |||||
| } | |||||
| } | |||||
| .expand-btn { | |||||
| font-size: 26rpx; | |||||
| color: #FFAA48; | |||||
| font-weight: 500; | |||||
| .expand-icon { | |||||
| margin-left: 8rpx; | |||||
| } | |||||
| } | |||||
| .expand-btn-completed { | |||||
| color: #4CD964; | |||||
| } | |||||
| .pet-info { | |||||
| margin-top: 20rpx; | |||||
| .pet-title { | |||||
| font-size: 28rpx; | |||||
| color: #333333; | |||||
| margin-bottom: 16rpx; | |||||
| } | |||||
| .pet-list { | |||||
| .pet-item { | |||||
| display: flex; | |||||
| margin-bottom: 20rpx; | |||||
| .pet-avatar { | |||||
| margin-right: 20rpx; | |||||
| flex-shrink: 0; | |||||
| } | |||||
| .pet-detail { | |||||
| .pet-name { | |||||
| font-size: 28rpx; | |||||
| color: #333333; | |||||
| margin-bottom: 10rpx; | |||||
| .pet-tag { | |||||
| background: var(--status-color); | |||||
| color: #FFFFFF; | |||||
| padding: 2rpx 10rpx; | |||||
| border-radius: 20rpx; | |||||
| font-size: 20rpx; | |||||
| margin-left: 10rpx; | |||||
| } | |||||
| } | |||||
| .pet-desc { | |||||
| font-size: 24rpx; | |||||
| color: #7D8196; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .address-detail { | |||||
| background: #F6FAFC; | |||||
| border-radius: 8rpx; | |||||
| padding: 14rpx 20rpx; | |||||
| font-size: 24rpx; | |||||
| color: #7D8196; | |||||
| margin: 20rpx 0; | |||||
| } | |||||
| .action-buttons { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin-top: 20rpx; | |||||
| } | |||||
| \t | |||||
| /* 时间线样式 */ | |||||
| .timeline-container { | |||||
| position: relative; | |||||
| padding-left: 40rpx; | |||||
| margin-bottom: 30rpx; | |||||
| z-index: 1; | |||||
| } | |||||
| .timeline-line { | |||||
| position: absolute; | |||||
| left: 20rpx; | |||||
| top: 0; | |||||
| height: 100%; | |||||
| width: 2rpx; | |||||
| background-color: #FFAA48; | |||||
| z-index: 0; | |||||
| } | |||||
| .timeline-line-completed { | |||||
| background-color: #4CD964; | |||||
| } | |||||
| .timeline-item { | |||||
| position: relative; | |||||
| padding-left: 30rpx; | |||||
| margin-bottom: 20rpx; | |||||
| } | |||||
| .timeline-dot { | |||||
| position: absolute; | |||||
| left: -10rpx; | |||||
| top: 30rpx; | |||||
| width: 20rpx; | |||||
| height: 20rpx; | |||||
| border-radius: 50%; | |||||
| background-color: #FFAA48; | |||||
| z-index: 2; | |||||
| border: 4rpx solid #FFF; | |||||
| } | |||||
| .timeline-dot-completed { | |||||
| background-color: #4CD964; | |||||
| } | |||||
| /* 默认状态颜色变量 */ | |||||
| .timeline-item { | |||||
| --status-color: #FFAA48; | |||||
| } | |||||
| /* 添加状态类，集中控制样式 */ | |||||
| .item-completed { | |||||
| --status-color: #4CD964; | |||||
| } | |||||
| </style> | |||||
+ 81
- 63
pages/myOrdersManage/components/systemOrder.vue
View File
| @ -1,73 +1,91 @@ | |||||
| <template> | <template> | ||||
| <up-list | |||||
| @scrolltolower="scrolltolower" | |||||
| > | |||||
| <up-list-item> | |||||
| <view class="mb28 container-list-item"> | |||||
| <view class="flex-between flex" style="background: #FFF4E5;padding: 22rpx 42rpx"> | |||||
| <view>待接单</view> | |||||
| <view>本单酬劳 | |||||
| <text style="color: #FF530A">￥260</text> | |||||
| </view> | |||||
| </view> | |||||
| <view class="container-list"> | |||||
| <view class="flex-between flex mb28"> | |||||
| <up-image style="flex-shrink:0" class="mr20" width="70px" height="70px" | |||||
| src="https://cdn.catmdogd.com/Work/image/work/tx.png" | |||||
| shape="circle"></up-image> | |||||
| <view> | |||||
| <view class="font28 col3">服务天数: 共2天 I 12-07,12-08</view> | |||||
| <view style="margin: 18rpx 0">期望上门时间：早</view> | |||||
| <view>中华田园犬(小型犬) | 专业喂养+提前熟悉+陪玩</view> | |||||
| </view> | |||||
| <up-list @scrolltolower="scrolltolower"> | |||||
| <up-list-item> | |||||
| <view class="mb28 container-list-item" | |||||
| v-for="(item, index) in 1"> | |||||
| <view class="flex-between flex" style="background: #FFF4E5;padding: 22rpx 42rpx"> | |||||
| <view>待接单</view> | |||||
| <view>本单酬劳 | |||||
| <text style="color: #FF530A">￥{{ item.orderAmount }}</text> | |||||
| </view> | |||||
| </view> | |||||
| <view class="container-list"> | |||||
| <view class="flex-between flex mb28"> | |||||
| <up-image style="flex-shrink:0" class="mr20" width="70px" height="70px" | |||||
| src="https://cdn.catmdogd.com/Work/image/work/tx.png" shape="circle"></up-image> | |||||
| <view> | |||||
| <view class="font28 col3">服务天数: 共{{ item.orderServiceTime }}天 I {{ item.orderServiceDate }}</view> | |||||
| <view style="margin: 18rpx 0">期望上门时间：早</view> | |||||
| <view>中华田园犬(小型犬) | 专业喂养+提前熟悉+陪玩</view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="mb28 address">{{ item.orderVisitAddress }}</view> | |||||
| <view class="mb28">订单为系统派发，请确认订单信息后再抢单</view> | |||||
| <view class="flex flex-between"> | |||||
| <up-button type="primary" | |||||
| v-if="true" | |||||
| text="打卡" @click="toClock" shape="circle" class="mr20" | |||||
| color="#FFAA48"></up-button> | |||||
| </view> | |||||
| <view class="mb28 address">重庆市南岸区长嘉汇</view> | |||||
| <view class="mb28">订单为系统派发，请确认订单信息后再抢单</view> | |||||
| <view class="flex flex-between"> | |||||
| <up-button type="primary" text="查看订单详情" shape="circle" class="mr20" color="#FFAA48"></up-button> | |||||
| <up-button type="primary" text="查看宠物档案" shape="circle" class="mr20" color="#FFAA48"></up-button> | |||||
| <up-button type="primary" text="查看服务档案" shape="circle" color="#FFAA48"></up-button> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="mb28 container-list-item"> | |||||
| <view class="flex-between flex" style="background: #FFF4E5;padding: 22rpx 42rpx"> | |||||
| <view>待接单</view> | |||||
| <view>本单酬劳 | |||||
| <text style="color: #FF530A">￥260</text> | |||||
| </view> | |||||
| </view> | |||||
| <view class="container-list"> | |||||
| <view class="flex-between flex mb28"> | |||||
| <up-image style="flex-shrink:0" class="mr20" width="70px" height="70px" | |||||
| src="https://cdn.catmdogd.com/Work/image/work/tx.png" | |||||
| shape="circle"></up-image> | |||||
| <view> | |||||
| <view class="font28 col3">服务天数: 共2天 I 12-07,12-08</view> | |||||
| <view style="margin: 18rpx 0">期望上门时间：早</view> | |||||
| <view>中华田园犬(小型犬) | 专业喂养+提前熟悉+陪玩</view> | |||||
| </view> | |||||
| <up-button type="primary" | |||||
| v-else | |||||
| text="查看订单详情" @click="toDetail" shape="circle" class="mr20" | |||||
| color="#FFAA48"></up-button> | |||||
| </view> | |||||
| <view class="mb28 address">重庆市南岸区长嘉汇</view> | |||||
| <view class="mb28">订单为系统派发，请确认订单信息后再抢单</view> | |||||
| <view class="flex flex-between"> | |||||
| <up-button type="primary" text="查看订单详情" shape="circle" class="mr20" color="#FFAA48"></up-button> | |||||
| <up-button type="primary" text="查看宠物档案" shape="circle" class="mr20" color="#FFAA48"></up-button> | |||||
| <up-button type="primary" text="查看服务档案" shape="circle" color="#FFAA48"></up-button> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </up-list-item> | |||||
| </up-list> | |||||
| <up-button type="primary" text="查看宠物档案" @click="toPet" shape="circle" class="mr20" | |||||
| color="#FFAA48"></up-button> | |||||
| <up-button type="primary" text="查看服务档案" @click="toService" shape="circle" | |||||
| color="#FFAA48"></up-button> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </up-list-item> | |||||
| </up-list> | |||||
| </template> | </template> | ||||
| <script setup> | <script setup> | ||||
| const scrolltolower = () => { | |||||
| const scrolltolower = () => { | |||||
| } | |||||
| import { | |||||
| defineProps | |||||
| } from 'vue'; | |||||
| const { list } = defineProps({ | |||||
| list: { | |||||
| type: Array, | |||||
| required: true | |||||
| }, | |||||
| }); | |||||
| function toClock() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/myOrdersManage/clock/index" | |||||
| }) | |||||
| } | |||||
| function toDetail() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/orderTakingManage/detail/index" | |||||
| }) | |||||
| } | |||||
| function toPet() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/orderTakingManage/pet/index" | |||||
| }) | |||||
| } | |||||
| } | |||||
| function toService() { | |||||
| uni.navigateTo({ | |||||
| url: "/otherPages/myOrdersManage/service/index" | |||||
| }) | |||||
| } | |||||
| </script> | </script> | ||||
| <style scoped lang="scss"> | <style scoped lang="scss"> | ||||
| @import "../index"; | |||||
| @import "../index"; | |||||
| </style> | </style> | ||||
+ 110
- 58
pages/myOrdersManage/index.vue
View File
| @ -1,67 +1,119 @@ | |||||
| <template> | <template> | ||||
| <view> | |||||
| <view class="header-buts flex flex-center"> | |||||
| <view class="flex buts-box"> | |||||
| <view class="buts" :class="{'buts-active':activeIndex===1}" @click="activeIndex=1">总订单</view> | |||||
| <view class="buts" :class="{'buts-active':activeIndex===2}" @click="activeIndex=2">日订单</view> | |||||
| </view> | |||||
| </view> | |||||
| <up-sticky bgColor="#fff"> | |||||
| <view class="container-tabs"> | |||||
| <up-tabs :list="list" lineWidth="68rpx" | |||||
| :activeStyle="{ | |||||
| color: '#FFFFFF', | |||||
| fontWeight: 'bold', | |||||
| transform: 'scale(1.05)' | |||||
| }" | |||||
| :inactiveStyle="{ | |||||
| color: '#FFFFFF', | |||||
| transform: 'scale(1)' | |||||
| }" | |||||
| :itemStyle="{height:'88rpx',padding:'0 52rpx'}" | |||||
| lineColor="#FFFFFF"></up-tabs> | |||||
| </view> | |||||
| </up-sticky> | |||||
| <view> | |||||
| <view class="header-buts flex flex-center"> | |||||
| <view class="flex buts-box"> | |||||
| <view class="buts" :class="{'buts-active':activeIndex===1}" @click="activeIndex=1">总订单</view> | |||||
| <view class="buts" :class="{'buts-active':activeIndex===2}" @click="activeIndex=2">日订单</view> | |||||
| </view> | |||||
| </view> | |||||
| <up-sticky bgColor="#fff" v-if="activeIndex == 1"> | |||||
| <view class="container-tabs"> | |||||
| <up-tabs :list="tabList1" lineWidth="68rpx" :activeStyle="{ | |||||
| color: '#FFFFFF', | |||||
| fontWeight: 'bold', | |||||
| transform: 'scale(1.05)' | |||||
| }" :inactiveStyle="{ | |||||
| color: '#FFFFFF', | |||||
| transform: 'scale(1)' | |||||
| }" :itemStyle="{height:'88rpx',padding:'0 52rpx'}" lineColor="#FFFFFF"></up-tabs> | |||||
| </view> | |||||
| </up-sticky> | |||||
| <up-sticky bgColor="#fff" v-else> | |||||
| <view class="container-tabs"> | |||||
| <up-tabs :list="tabList2" | |||||
| lineWidth="68rpx" | |||||
| :activeStyle="{ | |||||
| color: '#FFFFFF', | |||||
| fontWeight: 'bold', | |||||
| transform: 'scale(1.05)' | |||||
| }" | |||||
| :inactiveStyle="{ | |||||
| color: '#FFFFFF', | |||||
| transform: 'scale(1)' | |||||
| }" | |||||
| :itemStyle="{height:'88rpx',padding:'0 52rpx', width : '400rpx'}" | |||||
| lineColor="#FFFFFF"></up-tabs> | |||||
| </view> | |||||
| </up-sticky> | |||||
| <view class="container"> | |||||
| <systemOrder v-if="current===0"/> | |||||
| <personOrder v-if="current===1"/> | |||||
| <lossOrder v-if="current===2"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="container"> | |||||
| <systemOrder :list="list" v-if="activeIndex == 1"/> | |||||
| <orderListByData :list="list" v-else/> | |||||
| </view> | |||||
| </view> | |||||
| </template> | </template> | ||||
| <script setup> | <script setup> | ||||
| import {reactive, ref} from "vue"; | |||||
| import systemOrder from "./components/systemOrder.vue"; | |||||
| import personOrder from "./components/personOrder.vue"; | |||||
| import lossOrder from "./components/lossOrder.vue"; | |||||
| import { | |||||
| reactive, | |||||
| ref | |||||
| } from "vue"; | |||||
| import systemOrder from "./components/systemOrder.vue"; | |||||
| import orderListByData from "./components/orderListByData.vue"; | |||||
| // import personOrder from "./components/personOrder.vue"; | |||||
| // import lossOrder from "./components/lossOrder.vue"; | |||||
| import { | |||||
| getAppOrderList, | |||||
| } from "@/api/order/order.js" | |||||
| const current = ref(0) | |||||
| const activeIndex = ref(1) | |||||
| const list = reactive([ | |||||
| { | |||||
| name: '系统派单', | |||||
| badge: { | |||||
| value: 5, | |||||
| } | |||||
| }, | |||||
| { | |||||
| name: '个人订单', | |||||
| badge: { | |||||
| value: 5, | |||||
| } | |||||
| }, | |||||
| { | |||||
| name: '流失订单', | |||||
| badge: { | |||||
| value: 5, | |||||
| } | |||||
| }, | |||||
| ]) | |||||
| const current = ref(0) | |||||
| const activeIndex = ref(1) | |||||
| const list = ref([]) | |||||
| const tabList1 = reactive([{ | |||||
| name: '待服务', | |||||
| badge: { | |||||
| // value: 5, | |||||
| } | |||||
| }, | |||||
| { | |||||
| name: '进行中', | |||||
| badge: { | |||||
| // value: 5, | |||||
| } | |||||
| }, | |||||
| { | |||||
| name: '已完成', | |||||
| badge: { | |||||
| // value: 5, | |||||
| } | |||||
| }, | |||||
| ]) | |||||
| const tabList2 = reactive([ | |||||
| { | |||||
| name: '待上门', | |||||
| badge: { | |||||
| // value: 5, | |||||
| } | |||||
| }, | |||||
| { | |||||
| name: '已完成', | |||||
| badge: { | |||||
| // value: 5, | |||||
| } | |||||
| }, | |||||
| ]) | |||||
| function getList(){ | |||||
| getAppOrderList() | |||||
| .then(res => { | |||||
| if(res.code == 200){ | |||||
| list.value = res.rows | |||||
| } | |||||
| }) | |||||
| } | |||||
| getList() | |||||
| </script> | </script> | ||||
| <style scoped lang="scss"> | <style scoped lang="scss"> | ||||
| @import "index.scss"; | |||||
| </style> | |||||
| @import "index.scss"; | |||||
| </style> | |||||
+ 4
- 3
pages/workbenchManage/index.vue
View File
+ 3
- 3
utils/getUrl.js
View File
+ 95
- 0
utils/oss-upload/common/crypto/base64.js
View File
| @ -0,0 +1,95 @@ | |||||
| export const Base64 = { | |||||
| _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", | |||||
| encode: function(input) { | |||||
| var output = ""; | |||||
| var chr1, chr2, chr3, enc1, enc2, enc3, enc4; | |||||
| var i = 0; | |||||
| input = Base64._utf8_encode(input); | |||||
| while (i < input.length) { | |||||
| chr1 = input.charCodeAt(i++); | |||||
| chr2 = input.charCodeAt(i++); | |||||
| chr3 = input.charCodeAt(i++); | |||||
| enc1 = chr1 >> 2; | |||||
| enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); | |||||
| enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); | |||||
| enc4 = chr3 & 63; | |||||
| if (isNaN(chr2)) { | |||||
| enc3 = enc4 = 64; | |||||
| } else if (isNaN(chr3)) { | |||||
| enc4 = 64; | |||||
| } | |||||
| output = output + | |||||
| this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + | |||||
| this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4); | |||||
| } | |||||
| return output; | |||||
| }, | |||||
| decode: function(input) { | |||||
| var output = ""; | |||||
| var chr1, chr2, chr3; | |||||
| var enc1, enc2, enc3, enc4; | |||||
| var i = 0; | |||||
| input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); | |||||
| while (i < input.length) { | |||||
| enc1 = this._keyStr.indexOf(input.charAt(i++)); | |||||
| enc2 = this._keyStr.indexOf(input.charAt(i++)); | |||||
| enc3 = this._keyStr.indexOf(input.charAt(i++)); | |||||
| enc4 = this._keyStr.indexOf(input.charAt(i++)); | |||||
| chr1 = (enc1 << 2) | (enc2 >> 4); | |||||
| chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); | |||||
| chr3 = ((enc3 & 3) << 6) | enc4; | |||||
| output = output + String.fromCharCode(chr1); | |||||
| if (enc3 != 64) { | |||||
| output = output + String.fromCharCode(chr2); | |||||
| } | |||||
| if (enc4 != 64) { | |||||
| output = output + String.fromCharCode(chr3); | |||||
| } | |||||
| } | |||||
| output = Base64._utf8_decode(output); | |||||
| return output; | |||||
| }, | |||||
| _utf8_encode: function(string) { | |||||
| string = string.replace(/\r\n/g, "\n"); | |||||
| var utftext = ""; | |||||
| for (var n = 0; n < string.length; n++) { | |||||
| var c = string.charCodeAt(n); | |||||
| if (c < 128) { | |||||
| utftext += String.fromCharCode(c); | |||||
| } else if ((c > 127) && (c < 2048)) { | |||||
| utftext += String.fromCharCode((c >> 6) | 192); | |||||
| utftext += String.fromCharCode((c & 63) | 128); | |||||
| } else { | |||||
| utftext += String.fromCharCode((c >> 12) | 224); | |||||
| utftext += String.fromCharCode(((c >> 6) & 63) | 128); | |||||
| utftext += String.fromCharCode((c & 63) | 128); | |||||
| } | |||||
| } | |||||
| return utftext; | |||||
| }, | |||||
| _utf8_decode: function(utftext) { | |||||
| var string = ""; | |||||
| var i = 0; | |||||
| var c = c1 = c2 = 0; | |||||
| while (i < utftext.length) { | |||||
| c = utftext.charCodeAt(i); | |||||
| if (c < 128) { | |||||
| string += String.fromCharCode(c); | |||||
| i++; | |||||
| } else if ((c > 191) && (c < 224)) { | |||||
| c2 = utftext.charCodeAt(i + 1); | |||||
| string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); | |||||
| i += 2; | |||||
| } else { | |||||
| c2 = utftext.charCodeAt(i + 1); | |||||
| c3 = utftext.charCodeAt(i + 2); | |||||
| string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); | |||||
| i += 3; | |||||
| } | |||||
| } | |||||
| return string; | |||||
| } | |||||
| } | |||||
+ 117
- 0
utils/oss-upload/common/crypto/crypto.js.js
View File
| @ -0,0 +1,117 @@ | |||||
| var base64map = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; | |||||
| let Crypto = {}; | |||||
| var util = Crypto.util = { | |||||
| rotl: function(n, b) { | |||||
| return (n << b) | (n >>> (32 - b)); | |||||
| }, | |||||
| rotr: function(n, b) { | |||||
| return (n << (32 - b)) | (n >>> b); | |||||
| }, | |||||
| endian: function(n) { | |||||
| if (n.constructor == Number) { | |||||
| return util.rotl(n, 8) & 0x00FF00FF | | |||||
| util.rotl(n, 24) & 0xFF00FF00; | |||||
| } | |||||
| for (var i = 0; i < n.length; i++) | |||||
| n[i] = util.endian(n[i]); | |||||
| return n; | |||||
| }, | |||||
| randomBytes: function(n) { | |||||
| for (var bytes = []; n > 0; n--) | |||||
| bytes.push(Math.floor(Math.random() * 256)); | |||||
| return bytes; | |||||
| }, | |||||
| stringToBytes: function(str) { | |||||
| var bytes = []; | |||||
| for (var i = 0; i < str.length; i++) | |||||
| bytes.push(str.charCodeAt(i)); | |||||
| return bytes; | |||||
| }, | |||||
| bytesToString: function(bytes) { | |||||
| var str = []; | |||||
| for (var i = 0; i < bytes.length; i++) | |||||
| str.push(String.fromCharCode(bytes[i])); | |||||
| return str.join(""); | |||||
| }, | |||||
| stringToWords: function(str) { | |||||
| var words = []; | |||||
| for (var c = 0, b = 0; c < str.length; c++, b += 8) | |||||
| words[b >>> 5] |= str.charCodeAt(c) << (24 - b % 32); | |||||
| return words; | |||||
| }, | |||||
| bytesToWords: function(bytes) { | |||||
| var words = []; | |||||
| for (var i = 0, b = 0; i < bytes.length; i++, b += 8) | |||||
| words[b >>> 5] |= bytes[i] << (24 - b % 32); | |||||
| return words; | |||||
| }, | |||||
| wordsToBytes: function(words) { | |||||
| var bytes = []; | |||||
| for (var b = 0; b < words.length * 32; b += 8) | |||||
| bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF); | |||||
| return bytes; | |||||
| }, | |||||
| bytesToHex: function(bytes) { | |||||
| var hex = []; | |||||
| for (var i = 0; i < bytes.length; i++) { | |||||
| hex.push((bytes[i] >>> 4).toString(16)); | |||||
| hex.push((bytes[i] & 0xF).toString(16)); | |||||
| } | |||||
| return hex.join(""); | |||||
| }, | |||||
| hexToBytes: function(hex) { | |||||
| var bytes = []; | |||||
| for (var c = 0; c < hex.length; c += 2) | |||||
| bytes.push(parseInt(hex.substr(c, 2), 16)); | |||||
| return bytes; | |||||
| }, | |||||
| bytesToBase64: function(bytes) { | |||||
| if (typeof btoa == "function") return btoa(util.bytesToString(bytes)); | |||||
| var base64 = [], | |||||
| overflow; | |||||
| for (var i = 0; i < bytes.length; i++) { | |||||
| switch (i % 3) { | |||||
| case 0: | |||||
| base64.push(base64map.charAt(bytes[i] >>> 2)); | |||||
| overflow = (bytes[i] & 0x3) << 4; | |||||
| break; | |||||
| case 1: | |||||
| base64.push(base64map.charAt(overflow | (bytes[i] >>> 4))); | |||||
| overflow = (bytes[i] & 0xF) << 2; | |||||
| break; | |||||
| case 2: | |||||
| base64.push(base64map.charAt(overflow | (bytes[i] >>> 6))); | |||||
| base64.push(base64map.charAt(bytes[i] & 0x3F)); | |||||
| overflow = -1; | |||||
| } | |||||
| } | |||||
| if (overflow != undefined && overflow != -1) | |||||
| base64.push(base64map.charAt(overflow)); | |||||
| while (base64.length % 4 != 0) base64.push("="); | |||||
| return base64.join(""); | |||||
| }, | |||||
| base64ToBytes: function(base64) { | |||||
| if (typeof atob == "function") return util.stringToBytes(atob(base64)); | |||||
| base64 = base64.replace(/[^A-Z0-9+\/]/ig, ""); | |||||
| var bytes = []; | |||||
| for (var i = 0; i < base64.length; i++) { | |||||
| switch (i % 4) { | |||||
| case 1: | |||||
| bytes.push((base64map.indexOf(base64.charAt(i - 1)) << 2) | | |||||
| (base64map.indexOf(base64.charAt(i)) >>> 4)); | |||||
| break; | |||||
| case 2: | |||||
| bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & 0xF) << 4) | | |||||
| (base64map.indexOf(base64.charAt(i)) >>> 2)); | |||||
| break; | |||||
| case 3: | |||||
| bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & 0x3) << 6) | | |||||
| (base64map.indexOf(base64.charAt(i)))); | |||||
| break; | |||||
| } | |||||
| } | |||||
| return bytes; | |||||
| } | |||||
| }; | |||||
| Crypto.mode = {}; | |||||
| export default Crypto; | |||||
+ 29
- 0
utils/oss-upload/common/crypto/hmac.js
View File
| @ -0,0 +1,29 @@ | |||||
| import Crypto from '@/utils/oss-upload/common/crypto/crypto.js.js'; | |||||
| (function() { | |||||
| // Shortcut | |||||
| var util = Crypto.util; | |||||
| Crypto.HMAC = function(hasher, message, key, options) { | |||||
| // Allow arbitrary length keys | |||||
| key = key.length > hasher._blocksize * 4 ? | |||||
| hasher(key, { | |||||
| asBytes: true | |||||
| }) : | |||||
| util.stringToBytes(key); | |||||
| // XOR keys with pad constants | |||||
| var okey = key, | |||||
| ikey = key.slice(0); | |||||
| for (var i = 0; i < hasher._blocksize * 4; i++) { | |||||
| okey[i] ^= 0x5C; | |||||
| ikey[i] ^= 0x36; | |||||
| } | |||||
| var hmacbytes = hasher(util.bytesToString(okey) + | |||||
| hasher(util.bytesToString(ikey) + message, { | |||||
| asString: true | |||||
| }), { | |||||
| asBytes: true | |||||
| }); | |||||
| return options && options.asBytes ? hmacbytes : | |||||
| options && options.asString ? util.bytesToString(hmacbytes) : | |||||
| util.bytesToHex(hmacbytes); | |||||
| }; | |||||
| })(); | |||||
+ 59
- 0
utils/oss-upload/common/crypto/sha1.js
View File
| @ -0,0 +1,59 @@ | |||||
| import Crypto from '@/utils/oss-upload/common/crypto/crypto.js.js'; | |||||
| (function() { | |||||
| // Shortcut | |||||
| var util = Crypto.util; | |||||
| // Public API | |||||
| var SHA1 = Crypto.SHA1 = function(message, options) { | |||||
| var digestbytes = util.wordsToBytes(SHA1._sha1(message)); | |||||
| return options && options.asBytes ? digestbytes : | |||||
| options && options.asString ? util.bytesToString(digestbytes) : | |||||
| util.bytesToHex(digestbytes); | |||||
| }; | |||||
| // The core | |||||
| SHA1._sha1 = function(message) { | |||||
| var m = util.stringToWords(message), | |||||
| l = message.length * 8, | |||||
| w = [], | |||||
| H0 = 1732584193, | |||||
| H1 = -271733879, | |||||
| H2 = -1732584194, | |||||
| H3 = 271733878, | |||||
| H4 = -1009589776; | |||||
| // Padding | |||||
| m[l >> 5] |= 0x80 << (24 - l % 32); | |||||
| m[((l + 64 >>> 9) << 4) + 15] = l; | |||||
| for (var i = 0; i < m.length; i += 16) { | |||||
| var a = H0, | |||||
| b = H1, | |||||
| c = H2, | |||||
| d = H3, | |||||
| e = H4; | |||||
| for (var j = 0; j < 80; j++) { | |||||
| if (j < 16) w[j] = m[i + j]; | |||||
| else { | |||||
| var n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16]; | |||||
| w[j] = (n << 1) | (n >>> 31); | |||||
| } | |||||
| var t = ((H0 << 5) | (H0 >>> 27)) + H4 + (w[j] >>> 0) + ( | |||||
| j < 20 ? (H1 & H2 | ~H1 & H3) + 1518500249 : | |||||
| j < 40 ? (H1 ^ H2 ^ H3) + 1859775393 : | |||||
| j < 60 ? (H1 & H2 | H1 & H3 | H2 & H3) - 1894007588 : | |||||
| (H1 ^ H2 ^ H3) - 899497514); | |||||
| H4 = H3; | |||||
| H3 = H2; | |||||
| H2 = (H1 << 30) | (H1 >>> 2); | |||||
| H1 = H0; | |||||
| H0 = t; | |||||
| } | |||||
| H0 += a; | |||||
| H1 += b; | |||||
| H2 += c; | |||||
| H3 += d; | |||||
| H4 += e; | |||||
| } | |||||
| return [H0, H1, H2, H3, H4]; | |||||
| }; | |||||
| // Package private blocksize | |||||
| SHA1._blocksize = 16; | |||||
| })(); | |||||
+ 51
- 0
utils/oss-upload/oss/OSSConfig.js
View File
| @ -0,0 +1,51 @@ | |||||
| import Crypto from '@/utils/oss-upload/common/crypto/crypto.js.js'; | |||||
| import '@/utils/oss-upload/common/crypto/hmac.js'; | |||||
| import '@/utils/oss-upload/common/crypto/sha1.js'; | |||||
| import { Base64 } from '@/utils/oss-upload/common/crypto/base64.js'; | |||||
| // 阿里云配置 | |||||
| const ossConfig = { | |||||
| url: 'https://image.hhlm1688.com/', | |||||
| config: { | |||||
| //桶的地址 | |||||
| region: 'oss-cn-guangzhou', | |||||
| //id | |||||
| accessKeyId: 'LTAI5tQSs47izVy8DLVdwUU9', | |||||
| //密钥 | |||||
| accessKeySecret: 'qHI7C3PaXYZySr84HTToviC71AYlFq', | |||||
| //桶的名字 | |||||
| bucket: 'hanhaiimage', | |||||
| endpoint: 'oss-cn-shenzhen.aliyuncs.com', | |||||
| } | |||||
| } | |||||
| let date = new Date() | |||||
| date = date.setHours(date.getHours() + 1) | |||||
| let extime = "" + new Date(date).toISOString() | |||||
| let policyText = { | |||||
| "expiration": extime, | |||||
| "conditions": [ | |||||
| ["content-length-range", 0, 1024 * 1024 * 100] // 设置上传文件的大小限制 | |||||
| ] | |||||
| }; | |||||
| let config = { | |||||
| accessid: ossConfig.config.accessKeyId, | |||||
| accesskey: ossConfig.config.accessKeySecret, | |||||
| osshost: ossConfig.url, | |||||
| policyBase64: Base64.encode(JSON.stringify(policyText)) | |||||
| } | |||||
| let message = config.policyBase64; | |||||
| let bytes = Crypto.HMAC(Crypto.SHA1, message, config.accesskey, { | |||||
| asBytes: true | |||||
| }); | |||||
| let signature = Crypto.util.bytesToBase64(bytes); | |||||
| let timetamp = new Date().getTime(); | |||||
| let OSSConfig = { | |||||
| name: 'aliyun', | |||||
| host: config.osshost, | |||||
| accessid: config.accessid, | |||||
| signature: signature, | |||||
| policyBase64: config.policyBase64, | |||||
| } | |||||
| export default OSSConfig; | |||||
+ 132
- 0
utils/oss-upload/oss/index.js
View File
| @ -0,0 +1,132 @@ | |||||
| /** | |||||
| * 阿里云OSS工具类 | |||||
| */ | |||||
| import OSSConfig from "@/utils/oss-upload/oss/OSSConfig.js" | |||||
| /** | |||||
| * 生成一个随机的Key | |||||
| */ | |||||
| function storeKey() { | |||||
| let s = []; | |||||
| let hexDigits = "0123456789abcdef"; | |||||
| for (let i = 0; i < 36; i++) { | |||||
| s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | |||||
| } | |||||
| s[14] = "4"; | |||||
| s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | |||||
| s[8] = s[13] = s[18] = s[23] = "-"; | |||||
| return s.join(""); | |||||
| } | |||||
| /** | |||||
| * 根据当天日期在OSS端生成文件夹 | |||||
| */ | |||||
| function storeFolder() { | |||||
| const date = new Date(); | |||||
| const formatNumber = n => { | |||||
| n = n.toString() | |||||
| return n[1] ? n : '0' + n | |||||
| } | |||||
| return [date.getFullYear(), date.getMonth() + 1, date.getDate()].map(formatNumber).join('-') | |||||
| } | |||||
| /** | |||||
| * 阿里云OSS上传文件, 所有具体功能的工具函数均基于此 | |||||
| * 注意, resolve时一定为上传成功, 返回OSS上的Key | |||||
| * @param filePath 待上传文件的URI | |||||
| * @param key 存储桶中的目标文件名 | |||||
| * @param folder 存储桶中的目标文件夹 | |||||
| */ | |||||
| export function ossUpload(filePath, key = storeKey(), folder = storeFolder()) { | |||||
| return new Promise((resolve, reject) => { | |||||
| if (folder && folder?.length > 0) { | |||||
| if (folder[0] == "/") folder = folder.slice(1, folder.length) | |||||
| if (folder[folder.length - 1] != "/") folder += "/" | |||||
| key = folder + key | |||||
| } | |||||
| const filePrefixArr = filePath.split(".") | |||||
| key += `.${filePrefixArr[filePrefixArr.length - 1]}` | |||||
| let config = { | |||||
| url: OSSConfig.host, | |||||
| name: 'file', | |||||
| filePath, | |||||
| formData: { | |||||
| key, | |||||
| policy: OSSConfig.policyBase64, | |||||
| OSSAccessKeyId: OSSConfig.accessid, | |||||
| success_action_status: '200', | |||||
| signature: OSSConfig.signature, | |||||
| }, | |||||
| success(res) { | |||||
| if (res.errMsg.includes("uploadFile:ok")) { | |||||
| resolve(OSSConfig.host + key) | |||||
| } else { | |||||
| reject(res) | |||||
| } | |||||
| }, | |||||
| fail(err) { | |||||
| reject(err) | |||||
| } | |||||
| } | |||||
| uni.uploadFile(config) | |||||
| }) | |||||
| } | |||||
| /** | |||||
| * 阿里云OSS上传图片 | |||||
| * @param {compressed, key, folder, success, fail} compressed: 是否压缩 key: 存储桶中的目标文件名 folder: 存储桶中的目标文件夹 | |||||
| */ | |||||
| export function ossUploadImage({ | |||||
| key, | |||||
| folder, | |||||
| compressed = true, //是否压缩 | |||||
| }) { | |||||
| const sizeType = [compressed ? 'compressed' : 'original'] | |||||
| return new Promise((success, fail) => { | |||||
| uni.chooseImage({ | |||||
| count: 1, | |||||
| sizeType, | |||||
| success(res) { | |||||
| ossUpload(res.tempFilePaths[0], key, folder).then(success).catch(fail) | |||||
| }, | |||||
| fail | |||||
| }) | |||||
| }) | |||||
| } | |||||
| /** | |||||
| * 阿里云OSS上传视频 | |||||
| * @param { key, folder, sourceType, compressed, maxDuration, camera, success, fail} | |||||
| * key: 存储桶中的目标文件名 folder: 存储桶中的目标文件夹 其它参数同uni.chooseVideo(mpWeixin) | |||||
| */ | |||||
| export function ossUploadVideo({ | |||||
| key, | |||||
| folder, | |||||
| sourceType = ['album', 'camera'], //album 从相册选视频, camera 使用相机拍摄 | |||||
| compressed = true, //是否压缩所选的视频源文件 | |||||
| maxDuration = 60, //拍摄视频最长拍摄时间, 单位秒。最长支持 60 秒 | |||||
| camera = 'back', //调用相机方向, 'front'、'back', 默认'back' | |||||
| }) { | |||||
| return new Promise((success, fail) => { | |||||
| uni.chooseVideo({ | |||||
| sourceType, | |||||
| compressed, | |||||
| maxDuration, | |||||
| camera, | |||||
| success(res) { | |||||
| ossUpload(res.tempFilePath, key, folder).then(success).catch(fail) | |||||
| }, | |||||
| fail | |||||
| }) | |||||
| }) | |||||
| } | |||||
| const OSS = { | |||||
| ossUploadVideo, | |||||
| ossUploadImage, | |||||
| ossUpload | |||||
| } | |||||
| export default OSS; | |||||