// 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;
