<template>
|
<view class="container">
|
|
<u-form labelWidth="70" :model="form" :rules="rules" ref="form">
|
<view class="box-title">
|
<box-title title="基础信息"></box-title>
|
</view>
|
<view class="event-info">
|
<u-form-item class="form-item" labelWidth="100" label="当前位置:" required prop="location">
|
<u--input border="none" v-model="form.location" placeholder="请输入当前位置">
|
</u--input>
|
</u-form-item>
|
|
<u-form-item class="form-item" labelWidth="100" label="事件标题:" required prop="title">
|
<u--input border="none" v-model="form.title" placeholder="请输入事件标题">
|
</u--input>
|
</u-form-item>
|
|
<u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="事件类型:" required
|
prop="type">
|
<u--input border="none" v-model="typeName" disabled disabledColor="#ffffff" placeholder="请选择事件类型">
|
</u--input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
|
<u-form-item class="form-item" labelWidth="100" label="事件描述:" required prop="description">
|
<u--input border="none" v-model="form.description" placeholder="请输入事件描述">
|
</u--input>
|
</u-form-item>
|
</view>
|
|
<view class="box-title">
|
<box-title title="事件照片"></box-title>
|
</view>
|
|
<view class="event-pic">
|
|
<u-upload :fileList="form.images" :previewFullImage="uploadConfig.previewFullImage"
|
:accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple" :maxCount="uploadConfig.maxCount"
|
:capture="uploadConfig.capture" @afterRead="afterReadImg" @delete="deletePic">
|
</u-upload>
|
</view>
|
</u-form>
|
|
<view class="btn-group">
|
<view class="btn">
|
<u-button @click="submit" type="primary" text="提交"></u-button>
|
</view>
|
<view class="btn">
|
<u-button @click="navigator" type="primary" :plain="true" text="我上报的事件"></u-button>
|
</view>
|
|
<view class="btn">
|
<u-button @click="navigator" type="primary" :plain="true" text="返回"></u-button>
|
</view>
|
</view>
|
|
|
|
<!-- 事件类型下拉框 -->
|
<my-select v-if="typeShow" :show="typeShow" v-model="form.type" type="radio" popupTitle="请选择事件类型"
|
:dataLists="typeList" @cancel="typeShow = false" @submit="typeSelect">
|
</my-select>
|
|
</view>
|
</template>
|
|
<script>
|
import mySelect from "@/subPackage/bs/components/my-select.vue"
|
import uploadMixin from "@/mixin/uploadMixin";
|
export default {
|
components: {
|
mySelect
|
},
|
mixins: [uploadMixin],
|
data() {
|
return {
|
typeName: "",
|
form: {
|
location: "",
|
title: "",
|
type: "",
|
description: "",
|
},
|
rules: {},
|
|
typeShow: false,
|
typeList: [{
|
value: "1",
|
name: "物业保修",
|
},
|
{
|
value: "2",
|
name: "矛盾纠纷",
|
}
|
],
|
}
|
},
|
created() {
|
this.getHeader()
|
},
|
mounted() {
|
|
},
|
onLoad(option) {
|
|
},
|
onShow() {
|
|
},
|
methods: {
|
//类型选择确认
|
typeSelect(item) {
|
this.typeName = item.name
|
this.form.type = item.value
|
this.typeShow = !this.typeShow
|
},
|
|
//表单提交
|
submit() {
|
|
},
|
|
//跳转到报事列表
|
navigator() {
|
this.$u.func.globalNavigator("/subPackage/bs/views/bsList")
|
},
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
background: #F9F9FA;
|
|
.box-title {
|
padding: 10px 0;
|
}
|
|
.event-info {
|
|
.form-item {
|
background-color: #ffffff;
|
padding: 5px 10px;
|
border-bottom: 1px solid #eff1f3;
|
}
|
|
}
|
|
.event-pic {
|
background-color: #ffffff;
|
padding: 40rpx 30rpx;
|
}
|
|
.btn-group {
|
padding: 30rpx;
|
position: absolute;
|
bottom: 28rpx;
|
width: calc(100% - 60rpx);
|
|
.btn {
|
margin-bottom: 30rpx;
|
}
|
}
|
|
|
}
|
</style>
|
