238 lines
7.1 KiB
TypeScript
238 lines
7.1 KiB
TypeScript
// import {
|
|
// Button,
|
|
// CellGroup,
|
|
// Dialog,
|
|
// Field,
|
|
// Form,
|
|
// Image,
|
|
// FormItem,
|
|
// Icon,
|
|
// Toast,
|
|
// Cell,
|
|
// Tag,
|
|
// } from "@antmjs/vantui";
|
|
// import { Input, View } from "@tarojs/components";
|
|
// import Taro from "@tarojs/taro";
|
|
// import { getCurrentInstance } from "@tarojs/taro";
|
|
// import React, { useCallback, useEffect, useState } from "react";
|
|
// import "./index.scss";
|
|
// import { Uploader } from "@antmjs/vantui";
|
|
// import { getparams, getTable, updateTableid } from "../../../../utils/index";
|
|
|
|
// const CheckIn = () => {
|
|
// const formIt = Form.useForm();
|
|
// const [bottomheight, setbottomheight] = useState(0);
|
|
// const [cloudfileID, setcloudfileID] = useState();
|
|
// const [address, setaddress] = useState(); //地址
|
|
// const [openid, setopenid] = useState();
|
|
// const [fileID, setfileID] = useState("");
|
|
// const [value, setValue] = useState([
|
|
// // {
|
|
// // url: "https://img.yzcdn.cn/vant/leaf.jpg",
|
|
// // name: "图片1",
|
|
// // },
|
|
// // {
|
|
// // url: "https://img.yzcdn.cn/vant/tree.jpg",
|
|
// // },
|
|
// ]);
|
|
|
|
// const afterRead = (event) => {
|
|
// const { file, name } = event.detail;
|
|
// // 可在此处新增云上传图片操作
|
|
// console.log("file", file);
|
|
// setValue(value.concat(file));
|
|
// uploadTaro([file?.url]);
|
|
// };
|
|
|
|
// const deleteAction = (event) => {
|
|
// const { index } = event.detail;
|
|
// const valueNew = JSON.parse(JSON.stringify(value));
|
|
// valueNew.splice(index, 1);
|
|
// setValue(valueNew);
|
|
// };
|
|
|
|
// let newBottom = 0;
|
|
|
|
// useEffect(() => {
|
|
// const { screenHeight, safeArea = {} } = Taro.getSystemInfoSync();
|
|
// // @ts-ignore
|
|
// newBottom = screenHeight - safeArea?.bottom ?? 0;
|
|
// setbottomheight(newBottom);
|
|
// }, []);
|
|
|
|
// useEffect(() => {
|
|
// // 设置标题
|
|
// definePageConfig({
|
|
// navigationBarTitleText: "打卡签到",
|
|
// });
|
|
// }, []);
|
|
|
|
// useEffect(() => {
|
|
// let $instance: any = getCurrentInstance();
|
|
// let fileID: any = $instance?.router?.params?.fileID;
|
|
// if (fileID) {
|
|
// setfileID(fileID)
|
|
// uploadTaro([fileID]);
|
|
// }
|
|
|
|
// Taro.cloud.callFunction({
|
|
// name: "getOpenid",
|
|
// complete: async (res: any) => {
|
|
// // console.log("callFunction test result: ", res);
|
|
// let openid = res?.result?.event?.userInfo?.openId;
|
|
// setopenid(openid);
|
|
// },
|
|
// });
|
|
// }, []);
|
|
|
|
// const uploadTaro = (tempFilePaths: any) => {
|
|
// // 云开发存储文件 [/自动创建文件路径]
|
|
// Taro.cloud.uploadFile({
|
|
// cloudPath: `images/dev/${new Date()?.getTime()}.png`,
|
|
// filePath: tempFilePaths?.[0], // 文件路径
|
|
// success: (res: any) => {
|
|
// console.log("res", res?.fileID);
|
|
// setcloudfileID(res?.fileID);
|
|
// },
|
|
// fail: (err: any) => {
|
|
// // handle error
|
|
// console.log("err", err);
|
|
// },
|
|
// });
|
|
// };
|
|
|
|
// return (
|
|
// <View className="CheckIn">
|
|
// <Form
|
|
// initialValues={{
|
|
// // userName: "我是初始值",
|
|
// singleSelect: "1",
|
|
// rate: 2,
|
|
// slider: "50",
|
|
// }}
|
|
// form={formIt}
|
|
// onFinish={(errs, res) => console.info(errs, res)}
|
|
// >
|
|
// {/* 图片 */}
|
|
// <View>
|
|
// <Image width="100%" height="300px" fit="cover" src={fileID} />
|
|
// </View>
|
|
|
|
// {/* 留言 */}
|
|
// <FormItem
|
|
// label="留言"
|
|
// name="remark"
|
|
// // required
|
|
// layout="vertical"
|
|
// >
|
|
// <Field
|
|
// // label="留言"
|
|
// type="textarea"
|
|
// placeholder="分享你的心情和故事吧~"
|
|
// autosize={{ minHeight: "100px" }}
|
|
// border={true}
|
|
// />
|
|
// </FormItem>
|
|
|
|
// <View>
|
|
// <Cell
|
|
// value=""
|
|
// icon="location"
|
|
// isLink
|
|
// onClick={() => {
|
|
// Taro.chooseLocation({
|
|
// success: (res: any) => {
|
|
// console.log("res", res);
|
|
// const { address } = res;
|
|
// setaddress(res?.address);
|
|
// // setaddress(res?.name)
|
|
|
|
// // address: "广东省深圳市宝安区创业一路1号"
|
|
// // errMsg: "chooseLocation:ok"
|
|
// // latitude: 22.55329 //纬度
|
|
// // longitude: 113.88308 //经度
|
|
// // name: "宝安区创业一路(深圳市宝安区人民政府)"
|
|
// },
|
|
// });
|
|
// }}
|
|
// renderTitle={
|
|
// <View>
|
|
// <View className="address">{address}</View>
|
|
// </View>
|
|
// }
|
|
// />
|
|
// </View>
|
|
|
|
// <View
|
|
// style={{
|
|
// bottom: `${bottomheight ?? 0}px`,
|
|
// position: "fixed",
|
|
// width: "95%",
|
|
// }}
|
|
// onClick={async () => {
|
|
// // formIt?.submit()
|
|
// formIt?.validateFields((errorMessage: any, fieldValues: any) => {
|
|
// console.log("fieldValues---", fieldValues);
|
|
|
|
// // 提交打卡记录
|
|
|
|
// let postData = {
|
|
// tableName: "userInfo",
|
|
// keyValue: { openId: openid },
|
|
// okFun: (res: any) => {
|
|
// console.log("提交打卡,res", res);
|
|
|
|
// let newobj = {
|
|
// tableName: "userInfo",
|
|
// id: res?.data?.[0]?._id,
|
|
// objData: {
|
|
// checkInArr: [
|
|
// ...(res?.data?.[0]?.checkInArr ?? []),
|
|
// {
|
|
// imageUrl: cloudfileID,
|
|
// remark: fieldValues?.remark,
|
|
// location: address,
|
|
// },
|
|
// ],
|
|
// },
|
|
// okFun: (okFunres: any) => {
|
|
// console.log("提交打卡,res", okFunres);
|
|
// Toast.success({
|
|
// message: "打卡成功",
|
|
// selector: "#vanToast-demo2",
|
|
// duration: 2000,
|
|
// onClose: () => {
|
|
// // 跳转到打卡页面
|
|
|
|
// // 返回首页 [上一页]
|
|
// Taro.navigateBack({
|
|
// // url: "/pages/home/index",
|
|
// delta: 1,
|
|
// });
|
|
// },
|
|
// });
|
|
// },
|
|
// };
|
|
// updateTableid({ ...newobj });
|
|
// },
|
|
// };
|
|
|
|
// // 查询openid
|
|
// getTable({ ...postData });
|
|
// });
|
|
// }}
|
|
// >
|
|
// <Button type="primary" block>
|
|
// 签到打卡
|
|
// </Button>
|
|
// </View>
|
|
|
|
// <Dialog id="form-demo3" />
|
|
// <Toast id="vanToast-demo2" />
|
|
// </Form>
|
|
// </View>
|
|
// );
|
|
// };
|
|
|
|
// export default CheckIn;
|