<!--
 * @Date: 2022-09-19 14:11:06
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2022-09-21 18:04:48
 * @FilePath: /swx/src/pages/_index/index.vue
 * @Description: 文件描述
-->
<template>
  <!-- <van-tabs :active="active" bind:change="onChange">
    <van-tab title="标签 1">内容 2</van-tab>
    <van-tab title="标签 2">内容 2</van-tab>
    <van-tab title="标签 3">内容 3</van-tab>
    <van-tab title="标签 4">
      <van-button type="primary" @click="goTo">主要按钮</van-button>
    </van-tab>
  </van-tabs> -->
  <!-- <van-button type="primary" @click="goTo">主要按钮</van-button> -->
  <!-- <van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" /> -->
  <!-- <view class="page-body">
    <view class="page-section">
      <text>时间日期选择器--无默认</text>
      <view>
        <timePickerData
          :start-time="startTime"
          :end-time="endTime"
          @result="onResult"
        >
          <input placeholder="请选择" disabled='true' :value="time" />
        </timePickerData>
      </view>
    </view>
  </view> -->
  <van-image width="100" height="100" :src="upload_img" />
  <van-uploader @after-read="afterRead">
    <van-button icon="photo" type="primary">上传图片</van-button>
  </van-uploader>
</template>

<script setup>
import Taro from '@tarojs/taro'
import { ref } from 'vue';
import request from '../../utils/request';
import { file } from '@babel/types';

// import timePickerData from "@/components/time-picker-data/picker";
// import { AtImagePicker } from 'taro-ui-vue3'
// import 'taro-ui-vue3/dist/style/components/image-picker.scss'

// request.get('/srv/?a=kg_list')
// .then(res => {
//   console.warn(res);
// })
// .catch(err => {
//   console.error(err);
// })
// Taro.request({
//   url: 'http://voice.onwall.cn/srv/?f=voice&a=kg_list', //仅为示例，并非真实的接口地址
//   data: {
//   },
//   // header: {
//   //   'content-type': 'application/json' // 默认值
//   // },
//   success: function (res) {
//     console.log(res.data)
//   }
// })
// const active = ref(1);

// const goTo = () => {
//   Taro.navigateTo({
//     url: '../demo/index?id=1'
//   })
// }
</script>

<script>
import "./index.less";

export default {
  name: "indexPage",
  onReady() {
    if (!Taro.canIUse("getUpdateManager")) {
      Taro.showModal({
        title: "提示",
        content: "当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试",
        showCancel: false,
      });
      return;
    }

    // https://developers.weixin.qq.com/miniprogram/dev/api/base/update/UpdateManager.html
    const updateManager = Taro.getUpdateManager();

    updateManager.onCheckForUpdate((res) => {
      // 请求完新版本信息的回调
      if (res.hasUpdate) {
        updateManager.onUpdateReady(function () {
          Taro.showModal({
            title: "更新提示",
            content: "新版本已经准备好，是否重启应用？",
            success: function (res) {
              if (res.confirm) {
                // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                updateManager.applyUpdate();
              }
            },
          });
        });

        updateManager.onUpdateFailed(function () {
          // 新版本下载失败
          Taro.showModal({
            title: "更新提示",
            content: "新版本已上线，请删除当前小程序，重新搜索打开",
          });
        });
      }
    });
  },
  data() {
    return {
      fileList: [
        // {
        //   url: 'https://img.yzcdn.cn/vant/leaf.jpg',
        //   name: '图片1',
        // },
        // // Uploader 根据文件后缀来判断是否为图片文件
        // // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
        // {
        //   url: 'http://tmp/gcx6DzfhcgkMa6e11381f160429f0079f413cd452247.png',
        //   name: '图片2',
        //   isImage: true,
        //   deletable: true,
        // },
      ],
      upload_img: ''
    };
  },
  methods: {
    afterRead(event) {
      const { file } = event.detail;
      console.warn(file);
      // this.fileList.push(file)
      this.fileList.push({ name: '1', url: file.url });
      console.warn(this.fileList);
      this.upload_img = file.url
      // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
      // wx.uploadFile({
      //   url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
      //   filePath: file.url,
      //   name: 'file',
      //   formData: { user: 'test' },
      //   success(res) {
      //     // 上传完成需要更新 fileList
      //     const { fileList = [] } = this.data;
      //     this.fileList.push({ ...file, url: res.data });
      //     this.setData({ fileList });
      //   },
      // });
    },
  }
};
</script>