修改事件上报页面

src/config/env.development.js

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

src/config/env.production.js

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

src/config/env.staging.js

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

src/router/router.config.js

@@ -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',

src/views/appeal/index.less

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

src/views/appeal/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <van-tabs v-model="type" @change="tabList" animated sticky swipeable lazy-render>
+    <!--    <van-tabs v-model="type" @change="tabList" animated sticky swipeable lazy-render>
-      <van-tab title="我的事件">
+      <van-tab title="我的事件">-->
     <div class="container">
-          <div class="event-list">
+      <div class="event-list" v-if="eventList.length > 0">
         <div
           class="event-item"
           v-for="(item, index) in eventList"
@@ -34,8 +34,9 @@
           </div>
         </div>
       </div>
+      <div class="no-data">暂无内容</div>
     </div>
-      </van-tab>
+    <!--      </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>
 

src/views/event/index.vue

@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <van-tabs v-model="type" animated sticky swipeable lazy-render>
+      <van-tab title="上报诉求">
         <div class="container">
           <div class="block">
             <div class="textarea">
@@ -37,13 +40,26 @@
           </div>
           <div class="block">
             <van-field v-model="name" label="联系人" placeholder="请输入联系人" required />
-      <van-field v-model="phone" label="联系电话" maxlength="11" placeholder="请输入联系电话" required type="number" />
+            <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" />
         </div>
+      </van-tab>
+      <van-tab title="我的诉求">
+        <appeal v-if="type == 1" />
+      </van-tab>
+    </van-tabs>
+  </div>
 </template>
 
 <script>
@@ -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: '',