事件上报

src/project/wuxi/AppHandSnapshot/AppHandSnapshot.vue

@@ -79,6 +79,9 @@ export default {
     uni.$on('showTab', () => {
       this.isTab = true
     })
+    uni.$on('getListInit', () => {
+      this.$nextTick(() => this.$refs['List'].getListInit())
+    })
     
     this.$nextTick(() => this.$refs['List'].getListInit())
   },

src/project/wuxi/AppHandSnapshot/Content.vue

@@ -97,6 +97,7 @@ export default {
     },
 
     confirm() {
+      if(this.flag) return
       if (this.status == 1 && !this.forms.name) {
         return this.$u.toast('请选择转交对象')
       }
@@ -106,6 +107,7 @@ export default {
       if (this.status != 1 && !this.forms.content) {
         return this.$u.toast('请输入意见')
       }
+      this.flag = true
       this.submit()
     },
     submit() {  //status 1转交  2拒绝受理  3我已办结

src/project/wuxi/AppHandSnapshot/Detail.vue

@@ -94,7 +94,7 @@
     </div>
 
     <div class="fixedBtn">
-      <div class="status00" v-if="data.eventStatus == 0">
+      <div class="status00" v-if="data.eventStatus == 0 || data.eventStatus == 1">
         <div class="columns border-r" @click="toContent(1)">
           <img src="./components/img/zhuanjiao.png" alt="" />
           <span class="hint">转交事件</span>
@@ -142,7 +142,7 @@ export default {
       const list = this.data.processList.map(e => ({
         ...e,
         avatar: getAvatar(e.girdMemberName),
-        statusLabel: this.$dict.getLabel('clapDoStatus', e.doStatus)
+        statusLabel: this.$dict.getLabel('residentReportDoStatus', e.doStatus)
       }))
       if (this.evaluation.id) {
         const {id, createUserName, score, createTime: doTime, content: doExplain} = this.evaluation
@@ -159,7 +159,7 @@ export default {
   watch: {},
   onLoad(o) {
     this.id = o.id
-    this.$dict.load('realityStatus', 'clapDoStatus', 'residentEventSource').then(() => {
+    this.$dict.load('clapEventStatus','residentEventSource', 'residentReportDoStatus').then(() => {
       this.getDetail()
     })
 

src/project/wuxi/AppHandSnapshot/Map.vue

@@ -4,6 +4,21 @@
       <img src="https://cdn.cunwuyun.cn/dvcp/h5/Location2.png" alt=""/>
       当前<br>位置
     </div> -->
+    <div class="address-search">
+      <div class="address-search__wrapper">
+        <image src="./components/img/search.png" />
+        <input placeholder-style="color: #98A6B6" placeholder="搜索地点" v-model="address" @input="onChange">
+      </div>
+    </div>
+    <scroll-view scroll-y scroll-into-view="address-item1" v-if="addressList.length">
+      <div class="address-item" :id="'address-item' + index" v-for="(item, index) in addressList" :key="index" @click="chooseAddress(index)">
+        <div class="left">
+          <h2>{{ item.title }}</h2>
+          <p>{{ item.address }}</p>
+        </div>
+        <!-- <div class="right" :class="[currIndex === index ? 'active' : '']"></div> -->
+      </div>
+    </scroll-view>
     <div class="map-content">
       <AiTMap :map.sync="map" :lib.sync="lib" :ops="ops" :libraries="['service', 'tools']"/>
     </div>
@@ -25,7 +40,8 @@ export default {
       markerLayer: '',
       isFlag: false,
       latLng: {lat: '', lng: ''},
-      address: ''
+      address: '',
+      addressList: []
     }
   },
   computed: {...mapState(['user'])},
@@ -54,16 +70,76 @@ export default {
         }
       })
     },
-    getLocale() {
+    onChange () {
-      uni.getLocation({
+      if (this.timeout) {
-        type: 'wgs84',
+        clearTimeout(this.timeout)
-        geocode: true,
+      }
-        success: (res) => {
+      this.timeout = setTimeout(() => {
-          const lat = res.latitude;
+        this.currIndex = -1
-          const lng = res.longitude;
+        new this.lib.service.Suggestion({
-          this.handleMapClick({latlng: {lat, lng}})
+          pageSize: 20
+        }).getSuggestions({
+          keyword: this.address
+        }).then(res => {
+          this.addressList = []
+          if (res.data.length) {
+            this.addressList = res.data
+          }
+        })
+      }, 500)
+    },
+    getAddress () {
+      new this.lib.service.Search({
+        pageSize: 20
+      }).explore({
+        center: this.latLng,
+        radius: 2000,
+        orderBy: '_distance'
+      }).then(res => {
+        this.addressList = []
+        if (res.data.length) {
+          this.addressList = res.data
+        }
+      })
+    },
+    chooseAddress (index) {
+      this.address = this.addressList[index].address
+      this.latLng = {lat: this.addressList[index].location.lat, lng: this.addressList[index].location.lng}
+      this.addMarker(this.addressList[index].location)
+    },
+    addMarker (position) {
+      if (this.marker) {
+        this.marker.setMap(null)
+        this.marker = null
+      }
+      this.marker = new this.lib.MultiMarker({
+        id: 'marker-layer',
+        map: this.map,
+        styles: {
+          marker: new this.lib.MarkerStyle({
+            width: 30,
+            height: 45,
+            anchor: { x: 10, y: 30 }
+          }),
         },
-      });
+        geometries: [{
+          id: 'marker',
+          styleId: 'marker',
+          position: position,
+          properties: {
+            title: 'marker'
+          }
+        }]
+      })
+      this.easeTo(position)
+    },
+
+    easeTo (position) {
+      this.map.easeTo({
+        center: position,
+        zoom: 17
+      },
+      { duration: 500 })
     },
     handleMapClick(evt) {
       console.log(evt)
@@ -164,5 +240,79 @@ uni-page-body {
       color: #FFF;
     }
   }
+  .address-search {
+    display: flex;
+    align-items: center;
+    height: 100px;
+    padding: 0 32px;
+
+    .address-search__wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 72px;
+      padding: 0 32px;
+      background: #F6F7F9;
+      border-radius: 36px;
+
+      image {
+        width: 48px;
+        height: 48px;
+      }
+
+      input {
+        flex: 1;
+        font-size: 26px;
+        color: #333;
+      }
+    }
+  }
+  scroll-view {
+    height: 400px;
+    padding: 0 32px;
+
+    .address-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 32px 0;
+      border-bottom: 1px solid #EEEEEE;
+
+      &:last-child {
+        border: none;
+      }
+
+      .left {
+        flex: 1;
+        margin-right: 20px;
+      }
+
+      .right {
+        flex-shrink: 1;
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        border: 4px solid #CCCCCC;
+        transition: all ease 0.3s;
+
+        &.active {
+          border: 10px solid #1365DD;
+        }
+      }
+
+      h2 {
+        margin-bottom: 20px;
+        color: #222222;
+        font-weight: 600;
+        font-size: 34px;
+      }
+
+      p {
+        line-height: 1.2;
+        color: #999999;
+        font-size: 28px;
+      }
+    }
+  }
 }
 </style>