master
刘翔宇-旅管家
3 years ago
parent
e1418cc4f8
commit
c4c846d44a
@ -0,0 +1,16 @@
|
||||
.DS_Store
|
||||
node_modules/
|
||||
dist/
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
package-lock.json
|
||||
tests/**/coverage/
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.4"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<u-form :model="form" ref="uForm">
|
||||
<u-form-item label="问题类型" label-position="top">
|
||||
<u-input v-model="form.typeName" type="select" :border="true" @click="typeshow = true" />
|
||||
<u-select v-model="typeshow" mode="single-column" :list="list" @confirm="confirmType"></u-select>
|
||||
</u-form-item>
|
||||
<u-form-item label="问题内容" label-position="top">
|
||||
<u-input v-model="form.contentName" type="select" :border="true" @click="contentshow = true" />
|
||||
<u-select v-model="contentshow" mode="single-column" :list="list" @confirm="confirmContent"></u-select>
|
||||
</u-form-item>
|
||||
<u-form-item label="位置" label-position="top">
|
||||
<text>江苏省苏州市通园路66号</text>
|
||||
<u-button shape="square" slot='right' size="mini" @click="showMap=true" type="info">重新获取</u-button>
|
||||
</u-form-item>
|
||||
<u-form-item label-position="top" label="描述" prop="intro">
|
||||
<u-input v-model="form.intro" type='textarea' height='100' :border="true" />
|
||||
</u-form-item>
|
||||
<u-form-item label-position="top" label="附件上传" prop="intro">
|
||||
<u-upload ref="uUpload" :action="action" upload-text="选择附件" :show-tips="false"></u-upload>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
<u-button type="primary" @click="submit">提交</u-button>
|
||||
<u-popup v-model="showMap" mode="center" closeable close-icon-color="#ffffff" border-radius="14">
|
||||
<view>
|
||||
<view class="popuptitle">选择位置</view>
|
||||
<map :style="{width:width+'px',height:height+ 'px'}" :latitude="location.latitude"
|
||||
:longitude="location.longitude">
|
||||
</map>
|
||||
<view>
|
||||
<u-button type="success" shape="square">确认选择</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showMap: false,
|
||||
typeshow: false,
|
||||
contentshow: false,
|
||||
action: "",
|
||||
location: {},
|
||||
list: [{
|
||||
value: '1',
|
||||
label: '江'
|
||||
},
|
||||
{
|
||||
value: '2',
|
||||
label: '湖'
|
||||
}
|
||||
],
|
||||
form: {
|
||||
type: "",
|
||||
content: "",
|
||||
typeName: "",
|
||||
contentName: ""
|
||||
},
|
||||
width: 300,
|
||||
height: 300
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
let that = this;
|
||||
uni.getLocation({
|
||||
success(res) {
|
||||
that.location = res;
|
||||
}
|
||||
})
|
||||
uni.getSystemInfo({
|
||||
complete(res) {
|
||||
that.width = res.screenWidth * .8
|
||||
that.height = res.screenHeight * .6
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
submit() {},
|
||||
confirmType(e) {
|
||||
this.form.type = e[0].value
|
||||
this.form.typeName = e[0].label
|
||||
},
|
||||
confirmContent(e) {
|
||||
this.form.content = e[0].value
|
||||
this.form.contentName = e[0].label
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.popuptitle {
|
||||
background: #2979ff;
|
||||
color: #fff;
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
</style>
|
||||
@ -1,52 +1,73 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<image class="logo" src="/static/logo.png"></image>
|
||||
<view class="text-area">
|
||||
<text class="title">{{title}}</text>
|
||||
</view>
|
||||
<view class="wrap">
|
||||
<u-row gutter="16">
|
||||
<u-col span="3">
|
||||
<view class="demo-layout bg-purple" @click="togeneral">
|
||||
通用巡查
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col span="4">
|
||||
<view class="demo-layout bg-purple-light"></view>
|
||||
</u-col>
|
||||
<u-col span="5">
|
||||
<view class="demo-layout bg-purple-dark"></view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
<u-row gutter="16" justify="space-between">
|
||||
<u-col span="3">
|
||||
<view class="demo-layout bg-purple"></view>
|
||||
</u-col>
|
||||
<u-col span="9">
|
||||
<view class="demo-layout bg-purple-light"></view>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: 'Hello'
|
||||
title: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
togeneral() {
|
||||
uni.navigateTo({
|
||||
url: "/packageA/pages/generalPatrol/generalPatrol"
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
<style scoped lang="scss">
|
||||
.wrap {
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.u-row {
|
||||
margin: 40rpx 0;
|
||||
}
|
||||
|
||||
.demo-layout {
|
||||
height: 80rpx;
|
||||
border-radius: 8rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 200rpx;
|
||||
width: 200rpx;
|
||||
margin-top: 200rpx;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50rpx;
|
||||
.bg-purple {
|
||||
background: #d3dce6;
|
||||
}
|
||||
|
||||
.text-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.bg-purple-light {
|
||||
background: #e5e9f2;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: #8f8f94;
|
||||
.bg-purple-dark {
|
||||
background: #99a9bf;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue