From 71d2e42ae642cecb5e8f6776c702cd20bafe6c01 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期二, 27 八月 2024 17:12:04 +0800
Subject: [PATCH] 打卡
---
src/pages/checkin/checkin.vue | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 114 insertions(+), 5 deletions(-)
diff --git a/src/pages/checkin/checkin.vue b/src/pages/checkin/checkin.vue
index 8183fd0..d7c1d98 100644
--- a/src/pages/checkin/checkin.vue
+++ b/src/pages/checkin/checkin.vue
@@ -1,22 +1,131 @@
<template>
<view>
-
+ <view class='chuany-flex camera-fill chuany-justify-center chuany-align-center'>
+ <fui-upload immediate :url="`${apiBaseUrl}api/UpFile/UpdateFile`" ref="uploadB" max='1' @success="success"
+ @error="error" @complete="complete" width="300" height="300">
+ <image v-if="src" :src="src" mode="widthFix" style="width: 300rpx;height: 300rpx;"></image>
+ <fui-icon v-else name="camera-fill"></fui-icon>
+ </fui-upload>
+ </view>
+ <view class="c-m-30 c-p-t-20 c-p-b-20">
+ 涓轰簡淇濊瘉鎵撳崱鐨勬纭�э紝鈥屽缓璁湪鍏徃闂ㄥ彛鎴栬繘鍏ュ姙鍏鐨勯棬鍙ｅ啀鎵撳崱銆傗�屽悓鏃讹紝鈥岀‘淇濈収鐗囩殑娓呮櫚銆佲�屾槑浜紝鈥岄潰閮ㄥ彲瑙併��
+ </view>
+ <view class="c-p-20">
+ <view class="chuany-flex chuany-justify-between c-p-t-20">
+ <view class="chuany-flex chuany-flex-direction chuany-align-center textclo chuany-font24 step_item"
+ v-for="(item,index) in 4">
+ <up-avatar shape="square" size="38" src="https://uview-plus.jiangruyi.com/album/1.jpg"
+ @click="previewImage"></up-avatar>
+ <view class="line line-active" v-if="index!==3">
+
+ </view>
+ <up-icon name="checkmark-circle-fill" color="#2979ff" size="22"></up-icon>
+ <text>宸叉墦鍗�</text>
+ <text>10:00</text>
+ </view>
+
+ </view>
+ </view>
+ <view class="tabbtns">
+ <up-button color='#fece01' class="text-69" text="纭鎵撳崱" @click="enroll"></up-button>
+ </view>
</view>
</template>
<script>
+ import {
+ apiBaseUrl
+ } from '@/common/setting/constVarsHelper.js';
export default {
data() {
return {
-
+ src: ''
}
},
+ onLoad(option) {
+ let {
+ orderid
+ } = option
+ this.$api.getDaka({
+ orderId: orederid
+ }).then(res => {
+ console.log(res, '鎵撳崱');
+ })
+ },
methods: {
-
+ openCamera() {
+ console.log('-----------------')
+ // 鎷嶇収鍜岀浉鍐�
+ uni.chooseImage({
+ count: 1,
+ sizeType: ["original", "compressed"],
+ sourceType: ["camera"],
+ success: (res) => {
+ const {
+ tempFilePaths
+ } = res;
+ console.log(tempFilePaths);
+ },
+ });
+
+ },
+ success(e) {
+ //e.res 涓烘湇鍔″櫒杩斿洖鏁版嵁
+ //涓婁紶鎴愬姛鍥炶皟锛屽鐞嗘湇鍔″櫒杩斿洖鏁版嵁銆愭澶勬牴鎹疄闄呰繑鍥炴暟鎹繘琛屽鐞嗐��
+ let res = JSON.parse(e.res.data.replace(/\ufeff/g, "") || "{}")
+ console.log(res.data);
+ if (res.data.url) {
+ enterpriseInfo.businessLicense = res.data.url
+ enterpriseInfo.suppliername = res.data.info.name //浼佷笟鍚嶇О
+ enterpriseInfo.regtime = res.data.info.setDate //娉ㄥ唽鏃堕棿
+ enterpriseInfo.address = res.data.info.address //鑱旂郴鍦板潃
+ enterpriseInfo.suppliercode = res.data.info.regNum //浼佷笟娉ㄥ唽鍙�
+ enterpriseInfo.contact = res.data.info.person //鑱旂郴浜�
+ }
+ },
+ error() {
+
+ },
+ complete(e) {
+ if (e.action == 'delete') {
+ // 鍒犻櫎澶勭悊
+ }
+ console.log(e, '鍒犻櫎')
+ },
+ previewImage() {
+ uni.previewImage({
+ urls: ['https://uview-plus.jiangruyi.com/album/1.jpg']
+ })
+ }
}
}
</script>
-<style>
+<style lang="scss">
+ .camera-fill {
+ width: 400rpx;
+ height: 400rpx;
+ margin: 20rpx auto;
+ border-radius: 20rpx;
+ }
-</style>
+ .step_item {
+ position: relative;
+ /* width: 144rpx; */
+ display: flex;
+
+ .line {
+ position: absolute;
+ top: 92rpx;
+ left: 52rpx;
+ content: "";
+ height: 4rpx;
+ width: 192rpx;
+ background-color: #e9e8e8;
+ }
+
+ .line-active {
+ background-color: #2979ff;
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1