uniapp-mqtt-onenet/pages/scan/scan.vue

<template>
  <view>
    <input class="facId" v-model=facId></input>
    <button class="scan" @click="scan">扫码</button>
    <view>
      <span class="long">经度:</span><span class="longValue">{{longValue}}</span>
      <view></view>
    </view>
    <view>
      <span class="lat">纬度:</span><span class="latValue">{{latValue}}</span>
      <view></view>
    </view>
    <button class="graint" @click="graint">
      获取经纬度
    </button>
    <button type="submit" @click="submit">提交</button>
    {{err}}
    
    <button @click="getToken">登录</button>
    <u-button text="获取配置" @click="getConfig"></u-button>
    <u-button text="设置配置" @click="setConfig"></u-button>
    
      <u-upload
        :fileList="fileList1"
        @afterRead="afterRead"
        @delete="deletePic"
        name="1"
        multiple
        :maxCount="10"
      ></u-upload>
  </view>
</template>

<script>
  import api from '@/common/request/api.js';
  export default {
    data() {
      return {
        facId: 15112501,
        latValue: 0,
        longValue: 0,
        err:"",
        imei: "868794061436969",
        config: null,
         fileList1: [],
      }
    },
    methods: {
      scan(){
        let _this = this
        uni.scanCode({
          success(res) {
            console.log(res, res.result)
            _this.facId = res.result
          },
          complete(res) {
            _this.err = JSON.stringify(res)
          }
        })
      },
      graint(){
        let _this = this
        uni.getLocation({
         // type: 'gcj02',
          success(res) {
            console.log("获取定位信息", res);
            console.log('longitude', res.longitude);
            console.log('latitude', res.latitude);
            _this.latValue = res.latitude
            _this.longValue = res.longitude
          },
          complete(res) {
            _this.err = res
          }
        });
      },
      submit(){
        console.log("提交")
        uni.showToast({
          title: '开发中',
          icon: 'none'
        });
      },
      async getToken(){
        let username = "test"
        let password = "123456"
        let res = await api.GetToken("/login", "test", "123456")
        this.$store.commit("updateUserInfo", {
          username,
          password,
          expiration: res.expiration,
          token: res.token
        })
        console.log(res)
      },
      async getConfig(){
        let res = await api.GetConfig(`/pest/config/${this.imei}`)
        console.log(res)
        this.config = res
      },
      async setConfig(){
        let res = await api.SetConfig(`/pest/config/${this.imei}`, this.config)
        console.log(res)
      },
//      async setConfig(){
//        uni.
//        let res = await api.UploadFile(`/pest/image/upload`, this.imei, "")
//        console.log(res)
//      },
      deletePic(event) {
        this[`fileList${event.name}`].splice(event.index, 1);
      },
      async afterRead(event) {
        // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
        let lists = [].concat(event.file);
        let fileListLen = this[`fileList${event.name}`].length;
        lists.map((item) => {
          this[`fileList${event.name}`].push({
            ...item,
            status: "uploading",
            message: "上传中",
          });
        });
        for (let i = 0; i < lists.length; i++) {
          const result = await api.UploadFile(`/pest/image/upload`, this.imei, lists[i].url, "file")
          let item = this[`fileList${event.name}`][fileListLen];
          this[`fileList${event.name}`].splice(
            fileListLen,
            1,
            Object.assign(item, {
              status: "success",
              message: "",
              url: result,
            })
          );
          fileListLen++;
        }
      },
    },
    mounted() {
      api.SetBaseUrl("http://115.28.187.9:8005")
    }
  }
</script>

<style>

</style>