From 78b205c612db091ba50fc03a46f2377f093ce827 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 1 Mar 2024 14:47:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E4=B8=8A=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppWorkOrderXbot/Detail.vue          |   1 -
 src/project/qujing/AppPatrolReport/Detail.vue |  17 ++
 src/project/qujing/AppPatrolReport/Edit.vue   | 248 ++++++++++++++++++
 3 files changed, 265 insertions(+), 1 deletion(-)
 create mode 100644 src/project/qujing/AppPatrolReport/Edit.vue

diff --git a/src/apps/AppWorkOrderXbot/Detail.vue b/src/apps/AppWorkOrderXbot/Detail.vue
index 804068c8..34cd21ef 100644
--- a/src/apps/AppWorkOrderXbot/Detail.vue
+++ b/src/apps/AppWorkOrderXbot/Detail.vue
@@ -5,7 +5,6 @@
 
       <div class="right">
         <div class="names">{{ data.name }}的上报</div>
-
         <div class="times">{{ data.createTime }}</div>
       </div>
       <span class="edit-btn" @click="toEdit()" v-if="data.eventStatus != 2 && data.eventStatus != 3">编辑</span>
diff --git a/src/project/qujing/AppPatrolReport/Detail.vue b/src/project/qujing/AppPatrolReport/Detail.vue
index c634b2b3..bbc17f7c 100644
--- a/src/project/qujing/AppPatrolReport/Detail.vue
+++ b/src/project/qujing/AppPatrolReport/Detail.vue
@@ -2,6 +2,8 @@
   <div class="Detail">
     <div class="header-top">
       <div class="avatars" v-if="data.name">{{ data.name.substring(data.name.length, data.name.length - 2) }}</div>
+      <!-- v-if="data.eventStatus == 0 && data.eventStatus == 1" -->
+      <span class="edit-btn" @click="toEdit()" v-if="data.eventStatus == 0 || data.eventStatus == 1">编辑</span>
 
       <div class="right">
         <div class="names">{{ data.name }}的上报</div>
@@ -310,6 +312,9 @@ export default {
       }
       return name.substr(0, 2)
     },
+    toEdit() {
+      uni.navigateTo({url: `./Edit?id=${this.id}`})
+    }
   },
 }
 </script>
@@ -327,6 +332,18 @@ uni-page-body {
     display: flex;
     padding: 32px 32px 0;
     background-color: #fff;
+    position: relative;
+
+    .edit-btn {
+      position: absolute;
+      color: #197df0;
+      top: 16px;
+      right: 32px;
+      width: 150px;
+      height: 44px;
+      line-height: 44px;
+      text-align: right;
+    }
 
     .avatars {
       width: 80px;
diff --git a/src/project/qujing/AppPatrolReport/Edit.vue b/src/project/qujing/AppPatrolReport/Edit.vue
new file mode 100644
index 00000000..16b5bac0
--- /dev/null
+++ b/src/project/qujing/AppPatrolReport/Edit.vue
@@ -0,0 +1,248 @@
+<template>
+  <div class="Edit">
+    <div class="contents">
+      <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
+        <u-form-item label="事件类型" prop="type" required :border-bottom="false" right-icon="arrow-right">
+          <span @click="show=true" class="right-span" :style="forms.groupName ? '' : 'color:#999;'">{{ forms.groupName || '请选择事件类型' }}</span>
+          <u-select v-model="show" :list="typeList" value-name="id" label-name="groupName" @confirm="selectFl"></u-select>
+        </u-form-item>
+        <u-form-item label="事件描述" prop="content" required :border-bottom="false" label-position="top" class="contents">
+          <u-input v-model="forms.content" placeholder="请输入事件描述..." type="textarea" auto-height height="100" maxlength="500"/>
+        </u-form-item>
+        <div class="line"></div>
+        <!-- <u-form-item label="所属网格" prop="girdName" :border-bottom="false">
+          <AiPagePicker type="gird" valueObj nodeKey="id" formType="2" class="right-span">
+            <AiMore v-model="selectGird.girdName" placeholder="请选择所属网格" />
+          </AiPagePicker>
+        </u-form-item> -->
+        <u-form-item label="所属网格" prop="girdName" required :border-bottom="false">
+          <AiPagePicker type="gird" @select="confirmGird" valueObj nodeKey="id" formType="2" action="/app/appgirdmemberinfo/queryMyGirdList" class="right-span">
+            <AiMore v-model="forms.girdName" placeholder="请选择所属网格"/>
+          </AiPagePicker>
+        </u-form-item>
+        <div class="line"></div>
+        <u-form-item label="图片上传(最多9张)" prop="files" :border-bottom="false" class="avatars" label-position="top">
+          <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+        </u-form-item>
+
+        <div class="line"></div>
+        <u-form-item label="姓名" prop="name" required :border-bottom="false" class="border">
+          <u-input v-model="forms.name" placeholder="请输入姓名" />
+        </u-form-item>
+        <u-form-item label="联系方式" prop="phone" required :border-bottom="false" >
+          <u-input v-model="forms.phone" placeholder="请输入联系方式" />
+        </u-form-item>
+
+        <div class="line"></div>
+
+      </u-form>
+    </div>
+
+    <div class="btn" @click="confirm">
+      <span>提交</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+export default {
+  name: 'Edit',
+  data() {
+    return {
+      forms: {},
+      flag: false,
+      show: false,
+      id: '',
+      selectGird: {},
+      typeList: []
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  onLoad(option) {
+    this.id = option.id
+    this.getTypeList()
+    this.getDetail()
+  },
+  onShow() {
+    document.title = '事件编辑'
+    uni.$on('chooseLat', res => {
+      this.forms.mapInfo = {...res}
+      this.$forceUpdate()
+    })
+  },
+  methods: {
+    getTypeList() {
+      this.$http.post(`/app/appclapeventgroupqujing/list`, null, {
+        params: {
+          size: 9999,
+        },
+      }).then((res) => {
+        if (res.code == 0) {
+          this.typeList = res.data.records
+          this.$forceUpdate()
+        }
+      })
+    },
+    getDetail() {
+      this.$http.post(`/app/appclapeventinfoqujing/queryDetailById?id=${this.id}`).then((res) => {
+        if (res?.data) {
+          this.forms = res.data
+          this.forms.mapInfo = {
+            lat: res.data.lat,
+            lng: res.data.lng,
+            address: res.data.address,
+          }
+          // this.selectGird = { girdId: res.data.girdId|| '', girdName: res.data.girdName || '', girdCode: res.data.girdCode}
+        }
+      })
+    },
+    selectFl(e) {
+      this.forms.groupId = e[0].value
+      this.forms.groupName = e[0].label
+    },
+    confirmGird(v) {
+      this.forms.girdId = v.id
+      this.forms.girdName = v.girdName
+      this.forms.girdCode = v.girdCode
+    },
+    toMap() {
+      uni.navigateTo({url: `./Map`})
+    },
+    confirm() {
+      if(this.flag) return
+
+      if (!this.forms.groupName) {
+        return this.$u.toast('请选择事件类型')
+      }
+      if (!this.forms.content) {
+        return this.$u.toast('请输入事件描述')
+      }
+      if (!this.forms.mapInfo.address) {
+        return this.$u.toast('请选择上报位置')
+      }
+      if (!this.forms.girdName) {
+        return this.$u.toast('请选择所属网格')
+      }
+      if (!this.forms.name) {
+        return this.$u.toast('请输入姓名')
+      }
+      if (!this.forms.phone) {
+        return this.$u.toast('请输入手机号')
+      }
+      this.flag = true
+      this.$http.post(`/app/appclapeventinfoqujing/addOrUpdate`, {...this.forms, ...this.forms.mapInfo}).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('事件编辑成功')
+          uni.$emit('updateDeatil')
+          uni.$emit('getListInit')
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 600)
+        }
+      })
+
+    },
+
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.Edit {
+  height: 100%;
+
+  .contents {
+    padding-bottom: 140px;
+
+    ::v-deep .u-form {
+      .u-form-item {
+        // padding: 0 45px !important;
+
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+
+            .u-input {
+              text-align: right !important;
+            }
+          }
+        }
+      }
+
+      .u-form-item:first-child {
+        .u-form-item__body {
+          border-bottom: 1px solid #ddd;
+        }
+      }
+
+      .line {
+        height: 24px;
+        background: #f3f6f9;
+      }
+
+      .contents {
+        padding-bottom: 20px !important;
+
+        .u-form-item__body {
+          .u-form-item--right__content__slot {
+            .u-input {
+              text-align: left !important;
+            }
+          }
+        }
+      }
+
+      .avatars {
+        padding-bottom: 20px !important;
+
+        .u-form-item__body {
+          // .default {
+          //   width: 160px;
+          //   height: 160px;
+          // }
+        }
+      }
+    }
+  }
+
+  .border {
+    ::v-deep .u-form-item__body {
+      border-bottom: 1px solid #ddd;
+    }
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    background: #3975c6;
+    padding: 34px 0;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    color: #ffffff;
+  }
+
+  .right-span {
+    display: inline-block;
+    width: 100%;
+    text-align: right;
+
+    ::v-deep .u-icon__label {
+      font-size: 28px!important;
+    }
+
+    ::v-deep .uicon-arrow-right{
+      color: #c0c4cc!important;
+    }
+  }
+  ::v-deep .uni-input-placeholder {
+    color: #999!important;
+    font-size: 28px!important;
+  }
+}
+</style>