接口对接
This commit is contained in:
@@ -8,20 +8,22 @@
|
||||
<uni-easyinput type="number" v-model="formData.name" placeholder="请输入项目名称" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="项目类别">
|
||||
<uni-data-select v-model="formData.type" :localdata="TypeRange"></uni-data-select>
|
||||
<uni-data-select v-model="formData.projectType" :localdata="TypeRange"></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="区域">
|
||||
<view style="display:flex;">
|
||||
<uni-easyinput :clearable="false" type="textarea" autoHeight v-model="formData.address"
|
||||
<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-forms-item>
|
||||
<uni-forms-item label="描述">
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.name" placeholder="请输入项目描述" />
|
||||
<uni-easyinput type="textarea" autoHeight v-model="formData.description"
|
||||
placeholder="请输入项目描述" />
|
||||
</uni-forms-item>
|
||||
<uni-file-picker title="请上传拓扑图" :sourceType="['album']"></uni-file-picker>
|
||||
<uni-file-picker v-model="formData.files" title="请上传拓扑图" :sourceType="['album']"
|
||||
@select="select"></uni-file-picker>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<view class="btn-wrap">
|
||||
@@ -32,14 +34,20 @@
|
||||
</Cn-page>
|
||||
</template>
|
||||
<script>
|
||||
import { addAppProject } from '../../common/api/project'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false,
|
||||
formData: {
|
||||
area: "",
|
||||
files: [],
|
||||
description: '',
|
||||
projectType: '1',
|
||||
name: '',
|
||||
gplot: '',
|
||||
type:''
|
||||
userId: '123456',
|
||||
lat: '2',
|
||||
lng: '3'
|
||||
},
|
||||
TypeRange: [
|
||||
{
|
||||
@@ -53,8 +61,22 @@ export default {
|
||||
]
|
||||
}
|
||||
},
|
||||
onLoad () {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
console.log('当前位置的经度:' + res.longitude);
|
||||
console.log('当前位置的纬度:' + res.latitude);
|
||||
}
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
select (e) {
|
||||
console.log(e);
|
||||
},
|
||||
chooseLocation () {
|
||||
|
||||
uni.chooseLocation({
|
||||
success: function (res) {
|
||||
this.address = res.name
|
||||
@@ -65,11 +87,44 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
submit () {
|
||||
this.$util.toast('项目创建成功')
|
||||
setTimeout(() => {
|
||||
uni.navigateBack({ delta: 1 })
|
||||
}, 1500);
|
||||
async submit () {
|
||||
if (!this.formData.name) {
|
||||
this.$util.toast('请输入项目名称')
|
||||
return
|
||||
}
|
||||
if (!this.formData.projectType) {
|
||||
this.$util.toast('请选择项目类别')
|
||||
return
|
||||
}
|
||||
if (!this.formData.area) {
|
||||
this.$util.toast('请输入区域信息')
|
||||
return
|
||||
}
|
||||
if (!this.formData.description) {
|
||||
this.$util.toast('请输入项目描述')
|
||||
return
|
||||
}
|
||||
if (!this.formData.files.length) {
|
||||
this.$util.toast('请上传拓扑图')
|
||||
return
|
||||
}
|
||||
let arr = []
|
||||
for (let i = 0; i < this.formData.files.length; i++) {
|
||||
let item = this.formData.files[i]
|
||||
arr.push({
|
||||
name: 'files',
|
||||
url: item.url
|
||||
})
|
||||
}
|
||||
let data = JSON.parse(JSON.stringify(this.formData))
|
||||
delete data.files
|
||||
addAppProject(data, arr).then(res => {
|
||||
console.log(res)
|
||||
this.$util.toast('项目创建成功')
|
||||
// setTimeout(() => {
|
||||
// uni.navigateBack({ delta: 1 })
|
||||
// }, 1500);
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user