elink-star
/
epmet-wx-pa-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改事件上报页面

feature
战立标 2 years ago
parent
590e5d7106
commit
c1c648aca3
7 changed files with 107 additions and 79 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/config/env.development.js
  2. 2
      src/config/env.production.js
  3. 2
      src/config/env.staging.js
  4. 2
      src/router/router.config.js
  5. 9
      src/views/appeal/index.less
  6. 69
      src/views/appeal/index.vue
  7. 100
      src/views/event/index.vue

2
src/config/env.development.js
View File

@ -1,6 +1,6 @@
// 本地环境配置
module.exports = {
title: 'e联社区',
title: ' ',
englishName:'',
version: 'V1.0.0',
technicalSupport: '',

2
src/config/env.production.js
View File

@ -9,7 +9,7 @@
*/
// 本地环境配置
module.exports = {
title: 'e联社区',
title: ' ',
englishName:'',
version: 'V1.0.0',
technicalSupport: '',

2
src/config/env.staging.js
View File

@ -1,6 +1,6 @@
// 本地环境配置
module.exports = {
title: 'e联社区',
title: ' ',
englishName:'',
version: 'V1.0.0',
technicalSupport: '',

2
src/router/router.config.js
View File

@ -24,7 +24,7 @@ export const constantRouterMap = [
path: '/event',
name: 'event',
component: () => import('@/views/event'),
meta: { title: '事件上报', keepAlive: false }
meta: { title: '居民上报诉求', keepAlive: false }
},
{
path: '/userInfo/:type',

9
src/views/appeal/index.less
View File

@ -38,3 +38,12 @@
}
}
.no-data {
font-size: 14px;
width: 100%;
height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: #999;
}

69
src/views/appeal/index.vue
View File

@ -1,41 +1,42 @@
<template>
<div>
<van-tabs v-model="type" @change="tabList" animated sticky swipeable lazy-render>
<van-tab title="我的事件">
<div class="container">
<div class="event-list">
<div
class="event-item"
v-for="(item, index) in eventList"
:key="index"
@click="$router.push({ path: '/appealDetail', query: { pageType: 'event', ...item } })"
<!-- <van-tabs v-model="type" @change="tabList" animated sticky swipeable lazy-render>
<van-tab title="我的事件">-->
<div class="container">
<div class="event-list" v-if="eventList.length > 0">
<div
class="event-item"
v-for="(item, index) in eventList"
:key="index"
@click="$router.push({ path: '/appealDetail', query: { pageType: 'event', ...item } })"
>
<div class="title">
<van-tag
round
size="medium"
style="margin-right: 5px"
:color="item.status == '处理中' ? processing.bg : completion.bg"
:text-color="item.status == '处理中' ? processing.text : completion.text"
>
<div class="title">
<van-tag
round
size="medium"
style="margin-right: 5px"
:color="item.status == '处理中' ? processing.bg : completion.bg"
:text-color="item.status == '处理中' ? processing.text : completion.text"
>
{{ item.status }}
</van-tag>
<span class="text">{{ item.content }}</span>
</div>
<div class="time">{{ item.happenTime }}</div>
<div class="imgs">
<van-image
fit="cover"
v-for="(item2, index2) in item.imageList"
@click.prevent.stop="previewImage(index2, item.imageList)"
:src="item2"
:key="index2"
/>
</div>
</div>
{{ item.status }}
</van-tag>
<span class="text">{{ item.content }}</span>
</div>
<div class="time">{{ item.happenTime }}</div>
<div class="imgs">
<van-image
fit="cover"
v-for="(item2, index2) in item.imageList"
@click.prevent.stop="previewImage(index2, item.imageList)"
:src="item2"
:key="index2"
/>
</div>
</div>
</van-tab>
</div>
<div class="no-data">暂无内容</div>
</div>
<!-- </van-tab>
<van-tab title="我的需求">
<div class="container">
<div class="event-list">
@ -71,7 +72,7 @@
</div>
</div>
</van-tab>
</van-tabs>
</van-tabs>-->
</div>
</template>

100
src/views/event/index.vue
View File

@ -1,48 +1,64 @@
<template>
<div class="container">
<div class="block">
<div class="textarea">
<van-field
v-model="eventContent"
autosize
label="事件描述"
maxlength="500"
placeholder="不超过500字"
required
rows="6"
type="textarea"
>
<template #extra>
<div class="speech">
<Audio v-show="audio.duration" :audioSrc="audio" />
<Recording :isFile="isFile" @change="setAudio" />
<div>
<van-tabs v-model="type" animated sticky swipeable lazy-render>
<van-tab title="上报诉求">
<div class="container">
<div class="block">
<div class="textarea">
<van-field
v-model="eventContent"
autosize
label="事件描述"
maxlength="500"
placeholder="不超过500字"
required
rows="6"
type="textarea"
>
<template #extra>
<div class="speech">
<Audio v-show="audio.duration" :audioSrc="audio" />
<Recording :isFile="isFile" @change="setAudio" />
</div>
</template>
</van-field>
</div>
</template>
</van-field>
</div>
</div>
</div>
<div class="block">
<van-cell title="上传图片">
<template #label>
<van-uploader v-model="fileList" :after-read="afterRead" :max-count="3" :max-size="10 * 1024 * 1024" />
</template>
</van-cell>
</div>
<div class="block">
<van-cell title="上传图片">
<template #label>
<van-uploader v-model="fileList" :after-read="afterRead" :max-count="3" :max-size="10 * 1024 * 1024" />
</template>
</van-cell>
</div>
<div class="block">
<van-cell is-link title="发生地点" @click="$refs.map.show = true">
<div>{{ address }}</div>
</van-cell>
</div>
<div class="block">
<van-field v-model="name" label="联系人" placeholder="请输入联系人" required />
<van-field v-model="phone" label="联系电话" maxlength="11" placeholder="请输入联系电话" required type="number" />
</div>
<van-button block color="linear-gradient(to right, #81B5FB, #3E92FF)" round @click="submit">提交</van-button>
<div class="block">
<van-cell is-link title="发生地点" @click="$refs.map.show = true">
<div>{{ address }}</div>
</van-cell>
</div>
<div class="block">
<van-field v-model="name" label="联系人" placeholder="请输入联系人" required />
<van-field
v-model="phone"
label="联系电话"
maxlength="11"
placeholder="请输入联系电话"
required
type="number"
/>
</div>
<van-button block color="linear-gradient(to right, #81B5FB, #3E92FF)" round @click="submit">提交</van-button>
<Perfect />
<Map ref="map" @locationChange="locationChange" />
<Perfect />
<Map ref="map" @locationChange="locationChange" />
</div>
</van-tab>
<van-tab title="我的诉求">
<appeal v-if="type == 1" />
</van-tab>
</van-tabs>
</div>
</template>
@ -52,15 +68,17 @@ import Recording from '@/components/Recording'
import Perfect from '@/components/Perfect'
import Audio from '@/components/Audio'
import Map from '@/components/Map'
import appeal from '@/views/appeal'
import { uploadvariedfile } from '@/api/basic'
import { saveOfficialAccountEvent } from '@/api/event'
import { mapKey } from '@/config'
export default {
name: 'event',
components: { Recording, Audio, Perfect, Map },
components: { Recording, Audio, Perfect, Map, appeal },
data() {
return {
type: 0,
form: {},
fileList: [],
latitude: '',

Write Preview
Loading…
Cancel
Save