页面切图

2023-02-07 17:59:54 +08:00
parent 6cd009f621
commit 3f50cca6db
35 changed files with 933 additions and 164 deletions
--- a/pages/gateway/new.vue
+++ b/pages/gateway/new.vue
@@ -0,0 +1,68 @@
+<template>
+    <view class='new'>
+        <view style="display:flex">
+            <uni-easyinput type="number" v-model="code" placeholder="请输入设备NDID" />
+            <uni-icons type="camera" color="#007aff" size="30" class="ml20" @click="scanCode"></uni-icons>
+        </view>
+        <view class="new-btn" @click="submit"> 提交 </view>
+    </view>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false,
+            code: '',
+            type: 1,
+            formData: {
+                address: '',
+            },
+        }
+    },
+    methods: {
+        scanCode () {
+            uni.scanCode({
+                success: function (res) {
+                    console.log('条码类型：' + res.scanType);
+                    console.log('条码内容：' + res.result);
+                }
+            });
+        },
+        register () {
+            this.type = 2
+        },
+        chooseLocation () {
+            uni.chooseLocation({
+                success: function (res) {
+                    this.address = res.name
+                    console.log('位置名称：' + res.name);
+                    console.log('详细地址：' + res.address);
+                    console.log('纬度：' + res.latitude);
+                    console.log('经度：' + res.longitude);
+                }
+            });
+        },
+        submit () {
+            this.$util.toast('提交成功')
+            uni.navigateBack({ delta: 1 })
+        },
+    }
+}
+</script>
+<style lang='scss'>
+.new {
+    padding: 100rpx 100rpx 0;
+
+    .new-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 80rpx auto 0;
+        width: 320rpx;
+        background: $uni-theme-blue;
+        color: #fff;
+        height: 80rpx;
+        border-radius: 12rpx;
+    }
+}
+</style>