接口对接

pages/engineering/new.vue

@@ -0,0 +1,145 @@
+<template>
+    <Cn-page :loading="loading">
+        <view slot="body">
+            <view class="new">
+                <view class="content">
+                    <uni-forms :label-width="80">
+                        <uni-forms-item label="工程名称">
+                            <uni-easyinput type="text" v-model="formData.name" placeholder="请输入工程名称" />
+                        </uni-forms-item>
+                        <uni-forms-item label="位置">
+                            <!-- <view style="display:flex;">
+                                <uni-easyinput :clearable="false" type="textarea" autoHeight v-model="formData.area"
+                                    placeholder="请输入位置信息" />
+                                <uni-icons type="location" color="#007aff" size="26" class="ml20"
+                                    @click="chooseLocation"></uni-icons>
+                            </view> -->
+                            <uni-data-picker :localdata="localdata" @change="areaChange"> </uni-data-picker>
+                        </uni-forms-item>
+                        <uni-forms-item label="描述">
+                            <uni-easyinput type="textarea" autoHeight v-model="formData.description" placeholder="请输入工程描述" />
+                        </uni-forms-item>
+                    </uni-forms>
+                </view>
+                <view class="btn-wrap">
+                    <view class="btn-wrap-item" @click="submit"> 提交 </view>
+                </view>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+import { addEngineering } from '../../common/api/engineering'
+import area from '../../common/js/area.json'
+export default {
+    data() {
+        return {
+            localdata: area,
+            loading: false,
+            formData: {
+                city: '',
+                description: '',
+                name: '',
+                province: '',
+            },
+        }
+    },
+    onLoad() {
+        uni.getLocation({
+            type: 'wgs84',
+            success: function (res) {
+                console.log(res)
+                console.log('当前位置的经度：' + res.longitude)
+                console.log('当前位置的纬度：' + res.latitude)
+            },
+        })
+        // console.log(area);
+        console.log( this.$util.prePage());
+    },
+    methods: {
+        areaChange(e) {
+            console.log(e)
+            this.formData.province = e.detail.value[0].value
+            this.formData.city = e.detail.value[1].value
+        },
+        select(e) {
+            console.log(e)
+        },
+        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)
+                },
+            })
+        },
+        async submit() {
+            console.log(this.formData)
+            if (!this.formData.name) {
+                this.$util.toast('请输入工程名称')
+                return
+            }
+
+            if (!this.formData.province) {
+                this.$util.toast('请选择区域信息')
+                return
+            }
+            if (!this.formData.description) {
+                this.$util.toast('请输入工程描述')
+                return
+            }
+            addEngineering(this.formData).then((res) => {
+                console.log(res)
+                this.$util.toast('工程创建成功')
+                this.$util.prePage().store?.reload()
+                setTimeout(() => {
+                    uni.navigateBack({ delta: 1 })
+                }, 1500)
+            })
+        },
+    },
+}
+</script>
+<style lang="scss">
+.new {
+    padding: 34rpx;
+
+    .content {
+        .content-des {
+            font-size: 28rpx;
+            color: #666;
+            margin-bottom: 20rpx;
+        }
+
+        margin-bottom: 20rpx;
+        padding: 34rpx;
+        background: $uni-theme-white;
+        border-radius: 12rpx;
+    }
+
+    .btn-wrap {
+        margin-top: 40rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .btn-wrap-item {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex: 1;
+            background: $uni-theme-blue;
+            color: #fff;
+            height: 80rpx;
+            border-radius: 12rpx;
+        }
+    }
+}
+
+/deep/ .uni-drawer__content {
+    width: 100vw !important;
+}
+</style>