From 66606e999ef059a20bbbfb12a431d5a08fd72ecb Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 19 May 2023 17:59:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scss/modules/shequzhili/event-info.scss   |  676 ++++----
 .../modules/shequzhili/event/cpts/add.vue     |   98 +-
 .../shequzhili/event/cpts/categoryArray.vue   |  138 +-
 .../modules/shequzhili/event/cpts/edit.vue    |  897 +++++++++++
 .../shequzhili/event/cpts/event-info.vue      | 1417 ++++++++++-------
 .../event/cpts/process-form-replay.vue        |  625 ++++----
 .../shequzhili/event/cpts/process-form.vue    |  479 +++---
 .../shequzhili/event/cpts/replyOptions.js     |    8 +
 .../modules/shequzhili/event/eventList.vue    |   39 +-
 vue.config.js                                 |    2 +-
 10 files changed, 2795 insertions(+), 1584 deletions(-)
 create mode 100644 src/views/modules/shequzhili/event/cpts/edit.vue
 create mode 100644 src/views/modules/shequzhili/event/cpts/replyOptions.js

diff --git a/src/assets/scss/modules/shequzhili/event-info.scss b/src/assets/scss/modules/shequzhili/event-info.scss
index 6c2bf3c..410fa52 100644
--- a/src/assets/scss/modules/shequzhili/event-info.scss
+++ b/src/assets/scss/modules/shequzhili/event-info.scss
@@ -1,109 +1,104 @@
 @import "../../c/config";
 @import "../../c/function";
 
-.g-add{
-  
-
-  .g-add-page{
+.g-add {
+  .g-add-page {
     display: flex;
     .g-left {
-        box-sizing: border-box;
-        width:40%;
-        padding: 5px 10px;
+      box-sizing: border-box;
+      width: 40%;
+      padding: 5px 10px;
     }
     .g-right {
-        box-sizing: border-box;
-        width: 60%;
-        padding: 5px 10px;
+      box-sizing: border-box;
+      width: 60%;
+      padding: 5px 10px;
     }
 
-    .form{
-      .cell-width-1{
-        width: 250px
+    .form {
+      .cell-width-1 {
+        width: 250px;
       }
       .avatar-uploader {
         margin: 0 0 0 20px;
 
-    //     /deep/ .el-upload--picture-card{
-    //       width: 100px;
-    //       height: 100px;
-    //     }
-    //     /deep/ .el-upload{
-    //         width: 100px;
-    //         height: 100px;
-    //         line-height: 100px;
-    //     }
-    //     /deep/ .el-upload-list--picture-card .el-upload-list__item{
-    //         width: 100px;
-    //         height: 100px;
-    //         line-height: 100px;
-    //     }
-    //     /deep/ .el-upload-list--picture-card .el-upload-list__item-thumbnail{
-    //         width: 100px;
-    //         height: 100px;
-    //         line-height: 100px;
-    //     }
-    //     /deep/ .avatar{
-    //         width: 100px;
-    //         height: 100px;
-    //     }
-    //     /deep/ .el-upload-list__item-status-label {
-    //       display: block;
-    //       position: absolute;
-    //       right: -15px;
-    //       top: -6px;
-    //       width: 40px;
-    //       height: 24px;
-    //       background: #13ce66;
-    //       text-align: center;
-    //       -webkit-transform: rotate(45deg);
-    //       transform: rotate(45deg);
-    //       -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-    //       box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-    //   }
-    //   /deep/ .el-upload-list__item-actions {
-    //     position: absolute;
-    //     width: 100%;
-    //     height: 100%;
-    //     left: 0;  
-    //     top: 0;
-    //     cursor: default;
-    //     text-align: center;
-    //     color: #fff;
-    //     opacity: 0;
-    //     font-size: 20px;
-    //     background-color: rgba(0, 0, 0, 0.5);
-    //     -webkit-transition: opacity .3s;
-    //     transition: opacity .3s;
-    // }
+        //     /deep/ .el-upload--picture-card{
+        //       width: 100px;
+        //       height: 100px;
+        //     }
+        //     /deep/ .el-upload{
+        //         width: 100px;
+        //         height: 100px;
+        //         line-height: 100px;
+        //     }
+        //     /deep/ .el-upload-list--picture-card .el-upload-list__item{
+        //         width: 100px;
+        //         height: 100px;
+        //         line-height: 100px;
+        //     }
+        //     /deep/ .el-upload-list--picture-card .el-upload-list__item-thumbnail{
+        //         width: 100px;
+        //         height: 100px;
+        //         line-height: 100px;
+        //     }
+        //     /deep/ .avatar{
+        //         width: 100px;
+        //         height: 100px;
+        //     }
+        //     /deep/ .el-upload-list__item-status-label {
+        //       display: block;
+        //       position: absolute;
+        //       right: -15px;
+        //       top: -6px;
+        //       width: 40px;
+        //       height: 24px;
+        //       background: #13ce66;
+        //       text-align: center;
+        //       -webkit-transform: rotate(45deg);
+        //       transform: rotate(45deg);
+        //       -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+        //       box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+        //   }
+        //   /deep/ .el-upload-list__item-actions {
+        //     position: absolute;
+        //     width: 100%;
+        //     height: 100%;
+        //     left: 0;
+        //     top: 0;
+        //     cursor: default;
+        //     text-align: center;
+        //     color: #fff;
+        //     opacity: 0;
+        //     font-size: 20px;
+        //     background-color: rgba(0, 0, 0, 0.5);
+        //     -webkit-transition: opacity .3s;
+        //     transition: opacity .3s;
+        // }
       }
-
-    
     }
   }
 }
 
 .g-page {
-    display: flex;
-    width:100%;
-    .g-total{
-      width:100%;
-    }
-    .g-left {
-        box-sizing: border-box;
-        width: 55%;
-        padding: 5px 10px;
-    }
-    .g-right {
-        box-sizing: border-box;
-        width: 45%;
-        padding: 5px 10px;
-    }
+  display: flex;
+  width: 100%;
+  .g-total {
+    width: 100%;
+  }
+  .g-left {
+    box-sizing: border-box;
+    width: 55%;
+    padding: 5px 10px;
+  }
+  .g-right {
+    box-sizing: border-box;
+    width: 45%;
+    padding: 5px 10px;
+  }
 }
 
-
-.cell-width-area{
-  width: 450px
+.cell-width-area {
+  width: 450px;
 }
 
 .div_map {
@@ -116,8 +111,8 @@
   left: 5px;
 }
 
-.div-btn{
-  margin-top:50px;
+.div-btn {
+  margin-top: 50px;
   display: flex;
   justify-content: center;
 
@@ -125,7 +120,7 @@
     font-size: 14px;
     padding: 8px 16px;
     cursor: pointer;
-    color:#fff;
+    color: #fff;
 
     border: 1px dashed #0c81fe;
     border-radius: 6px;
@@ -136,14 +131,14 @@
     margin-left: 20px;
   }
 }
-.cell-width-1{
-  width: 250px
+.cell-width-1 {
+  width: 250px;
 }
-.cell-width-long{
-  width: 450px
+.cell-width-long {
+  width: 450px;
 }
-.cell-width-2{
-  width: 300px
+.cell-width-2 {
+  width: 300px;
 }
 
 .cell-width-map {
@@ -154,8 +149,8 @@
   width: 150px;
 }
 
-.process-form{
-  margin-top:20px;
+.process-form {
+  margin-top: 20px;
 
   .process-title {
     margin-bottom: 25px;
@@ -167,22 +162,20 @@
     line-height: 18px;
   }
 
-  .process-title-vis{
+  .process-title-vis {
     color: #fff;
-  } 
+  }
 }
 
 .m-card {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
-
 .m-btns {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
-
 .m-info {
   padding-left: 30px;
   font-size: 14px;
@@ -193,68 +186,67 @@
   // width: 500px;
 
   .info-title {
-      margin-top: 30px;
-      font-size: 20px;
-      font-family: PingFang SC;
-      font-weight: bold;
-      color: #333;
-      line-height: 30px;
+    margin-top: 30px;
+    font-size: 20px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333;
+    line-height: 30px;
   }
   .info-content {
-      margin: 20px 0;
+    margin: 20px 0;
   }
   .info-pics {
-      display: flex;
-      margin: 20px 0;
-      img {
-          display: block;
-          width: 32%;
-          height: 90px;
-          margin-right: 9px;
-          object-fit: cover;
-      }
+    display: flex;
+    margin: 20px 0;
+    img {
+      display: block;
+      width: 32%;
+      height: 90px;
+      margin-right: 9px;
+      object-fit: cover;
+    }
   }
 
   .info-prop {
-      position: relative;
-      margin: 10px 0;
-      display: flex;
-      padding-left: 15px;
+    position: relative;
+    margin: 10px 0;
+    display: flex;
+    padding-left: 15px;
 
-      .line{
-        text-decoration:underline;
-        color: #3e8ef7;
-      }
-      .line:hover{
-        cursor:pointer
-      }
-      .info-title-2 {
-        
-          flex: 0 0 100px;
-          font-size: 14px;
-      }
+    .line {
+      text-decoration: underline;
+      color: #3e8ef7;
+    }
+    .line:hover {
+      cursor: pointer;
+    }
+    .info-title-2 {
+      flex: 0 0 100px;
+      font-size: 14px;
+    }
 
-      > span,
-      > div {
-          display: block;
-          // max-width: 300px;
-      }
+    > span,
+    > div {
+      display: block;
+      // max-width: 300px;
+    }
 
-      &::before {
-          content: "";
-          display: block;
-          position: absolute;
-          top: 9px;
-          left: 0;
-          width: 7px;
-          height: 7px;
-          background: #0c81fe;
-          border-radius: 3px;
-          margin-right: 10px;
-      }
+    &::before {
+      content: "";
+      display: block;
+      position: absolute;
+      top: 9px;
+      left: 0;
+      width: 7px;
+      height: 7px;
+      background: #0c81fe;
+      border-radius: 3px;
+      margin-right: 10px;
+    }
   }
-  .info-prop-vis{
-    color:#fff;
+  .info-prop-vis {
+    color: #fff;
   }
 }
 
@@ -267,7 +259,7 @@
 .m-row {
   // display: flex;
   justify-content: space-between;
-  width:100%;
+  width: 100%;
 }
 
 .m-hint {
@@ -276,12 +268,12 @@
 
   // 暂无数据
   img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      margin: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
   }
 }
 
@@ -289,217 +281,225 @@
   min-width: 400px;
 
   .stat {
-      margin: 20px 0 10px;
-      display: flex;
-      .stat-item {
-          width: 33%;
-          text-align: center;
-
-          div {
-              font-size: 17px;
-              font-family: Source Han Serif SC;
-              font-weight: 500;
-              color: rgba(#000, 0.5);
-              line-height: 24px;
-              &.z-weak {
-                  font-size: 12px;
-                  font-family: Source Han Serif SC;
-                  font-weight: 500;
-                  color: rgba(#000, 0.5);
-                  line-height: 24px;
-              }
-          }
+    margin: 20px 0 10px;
+    display: flex;
+    .stat-item {
+      width: 33%;
+      text-align: center;
+
+      div {
+        font-size: 17px;
+        font-family: Source Han Serif SC;
+        font-weight: 500;
+        color: rgba(#000, 0.5);
+        line-height: 24px;
+        &.z-weak {
+          font-size: 12px;
+          font-family: Source Han Serif SC;
+          font-weight: 500;
+          color: rgba(#000, 0.5);
+          line-height: 24px;
+        }
       }
+    }
   }
 }
 
 .m-process {
-    margin-top: 30px;
-    margin-left: 15px;
-    width: 400px;
+  margin-top: 30px;
+  margin-left: 15px;
+  width: 400px;
 
-    .process-title {
-        margin-bottom: 25px;
-        margin-left: -5px;
-        font-size: 16px;
-        font-family: PingFang SC;
-        font-weight: bold;
-        color: #333;
-        line-height: 18px;
-    }
+  .process-title {
+    margin-bottom: 25px;
+    margin-left: -5px;
+    font-size: 16px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333;
+    line-height: 18px;
+  }
 
-    .process-title-vis{
-      color: #fff;
+  .process-title-vis {
+    color: #fff;
+  }
+
+  .list {
+    position: relative;
+    box-sizing: border-box;
+    margin-top: 30px/2;
+    margin-left: 50px/2;
+    padding: 0 0 0 30px/2;
+    width: 680px/2;
+    border-left: 3px solid #0c81fe;
+    padding-right: 10px;
+
+    &::before {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      display: block;
+      top: -2px/2;
+      left: -2px/2;
+      width: 5px/2;
+      height: 20px/2;
+      background-color: #333;
     }
 
-    .list {
-        position: relative;
-        box-sizing: border-box;
-        margin-top: 30px/2;
-        margin-left: 50px/2;
-        padding: 0 0 0 30px/2;
-        width: 680px/2;
-        border-left: 3px solid #0c81fe;
-        padding-right: 10px;
+    .item {
+      position: relative;
+      z-index: 2;
+      margin-bottom: 8px;
+      padding-bottom: 8px;
+      font-size: 16px;
+      font-family: PingFang SC;
+      font-weight: 400;
+      color: #333;
+      line-height: 24px;
+      padding-left: 20px;
+      padding-top: 1px;
+
+      &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: -5px;
+        left: -11px;
+        width: 18px;
+        height: 18px;
+        background: #0c81fe;
+        border: 4px solid lighten(#0c81fe, 15);
+        border-radius: 100%;
+      }
 
+      &.z-on {
         &::before {
-            content: "";
-            position: absolute;
-            z-index: 1;
-            display: block;
-            top: -2px/2;
-            left: -2px/2;
-            width: 5px/2;
-            height: 20px/2;
-            background-color: #333;
+          background: #e08400;
+          border-color: lighten(#e08400, 15);
         }
+      }
 
-        .item {
-            position: relative;
-            z-index: 2;
-            margin-bottom: 8px;
-            padding-bottom: 8px;
-            font-size: 16px;
-            font-family: PingFang SC;
-            font-weight: 400;
-            color: #333;
-            line-height: 24px;
-            padding-left: 20px;
-            padding-top: 1px;
-
-            &::before {
-                content: "";
-                display: block;
-                position: absolute;
-                top: -5px;
-                left: -11px;
-                width: 18px;
-                height: 18px;
-                background: #0c81fe;
-                border: 4px solid lighten(#0c81fe, 15);
-                border-radius: 100%;
-            }
-
-            &.z-on {
-                &::before {
-                    background: #e08400;
-                    border-color: lighten(#e08400, 15);
-                }
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-                padding-bottom: 0;
-                border-bottom: none;
-            }
-
-            .item-row {
-                margin-top: -10px;
-                margin-bottom: 10px;
-                display: flex;
-            }
-
-            .name {
-                position: relative;
-                padding: 0 10px;
-                font-size: 12px;
-                font-family: PingFang SC;
-                font-weight: 500;
-                color: #fff;
-                line-height: 22px;
-                height: 22px;
-                border-radius: 10px 0 10px 0;
-                background-color: #0c81fe;
-                // background-color: #e08400;
-            }
-
-            .date {
-                margin-left: 10px;
-                font-size: 12px;
-                font-family: PingFang SC;
-                font-weight: 500;
-                color: #7ca1d2;
-                line-height: 25px;
-            }
-
-            .detail {
-                @include cs;
-                font-size: 14px;
-                line-height: 20px;
-                margin-bottom: 5px;
-                display: flex;
-
-                .detail-field {
-                    flex:0 0 100px;
-              
-                    text-align: justify;
-                    text-align-last: justify;
-                }
-                .detail-value {
-                    // width: 78%;
-                    .detail-link {
-                        display: inline;
-                    }
-                }
-            }
-
-            .attachement-list {
-                padding-left: 80px;
-                a {
-                    display: block;
-                    cursor: pointer;
-                    color: #4df0ff;
-                    font-size: 14px;
-
-                    i {
-                        color: #333;
-                    }
-                }
-            }
+      &:last-child {
+        margin-bottom: 0;
+        padding-bottom: 0;
+        border-bottom: none;
+      }
+
+      .item-row {
+        margin-top: -10px;
+        margin-bottom: 10px;
+        display: flex;
+      }
+
+      .name {
+        position: relative;
+        padding: 0 10px;
+        font-size: 12px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        color: #fff;
+        line-height: 22px;
+        height: 22px;
+        border-radius: 10px 0 10px 0;
+        background-color: #0c81fe;
+        // background-color: #e08400;
+      }
+
+      .date {
+        margin-left: 10px;
+        font-size: 12px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        color: #7ca1d2;
+        line-height: 25px;
+      }
+
+      .btn {
+        margin-left: 30px;
+        color: #999;
+        font-size: 12px;
+
+        &:hover {
+          color: #39e;
+          cursor: pointer;
         }
+      }
+
+      .detail {
+        @include cs;
+        font-size: 14px;
+        line-height: 20px;
+        margin-bottom: 5px;
+        display: flex;
+
+        .detail-field {
+          flex: 0 0 100px;
+
+          text-align: justify;
+          text-align-last: justify;
+        }
+        .detail-value {
+          // width: 78%;
+          .detail-link {
+            display: inline;
+          }
+        }
+      }
+
+      .attachement-list {
+        padding-left: 80px;
+        a {
+          display: block;
+          cursor: pointer;
+          color: #4df0ff;
+          font-size: 14px;
 
-        .item-vis{
-          color:#fff
+          i {
+            color: #333;
+          }
         }
+      }
     }
+
+    .item-vis {
+      color: #fff;
+    }
+  }
 }
 
 .m-top {
-    display: flex;
+  display: flex;
 }
 
 .m-chart {
-    min-height: 200px;
+  min-height: 200px;
 }
 
-.div-satisfy{
-  padding:10px 0 0;
-  display:flex ;
+.div-satisfy {
+  padding: 10px 0 0;
+  display: flex;
   justify-content: flex-start;
   text-align: center;
-  >div{
-    margin-left:50px;
+  > div {
+    margin-left: 50px;
   }
-  img{
-    width:80px;
-    height:80px;
+  img {
+    width: 80px;
+    height: 80px;
   }
 
-  .tip-satisfy{
+  .tip-satisfy {
     text-align: center;
-    margin-top:10px
+    margin-top: 10px;
   }
 }
 
-
-
-.box-card{
+.box-card {
   padding: 0px;
-  border: 0px solid #EBEEF5;
-  background-color:transparent;
-  -webkit-box-shadow:none;
-  box-shadow:none
-  
+  border: 0px solid #ebeef5;
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 
 .form-item::v-deep .el-form-item__label {
@@ -519,6 +519,4 @@
   display: flex;
   justify-content: flex-start;
   width: 250px;
-  
 }
-
diff --git a/src/views/modules/shequzhili/event/cpts/add.vue b/src/views/modules/shequzhili/event/cpts/add.vue
index 0663570..5a06a23 100644
--- a/src/views/modules/shequzhili/event/cpts/add.vue
+++ b/src/views/modules/shequzhili/event/cpts/add.vue
@@ -82,21 +82,46 @@
 							v-model="formData.idCard"
 						></el-input>
 					</el-form-item>
+
+					<el-form-item
+						label="响应级别"
+						label-width="150px"
+						prop="eventType"
+					>
+						<el-select
+							v-model="formData.eventType"
+							placeholder="请选择"
+							size="small"
+							clearable
+							class="cell-width-1"
+						>
+							<el-option
+								v-for="item in eventTypeOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
 					<el-form-item
 						label="事件分类"
 						label-width="150px"
 						:class="{ 'form-item': source === 'visiual' }"
-						prop="categoryList">
-						<div :class="{ 'visiual-form': source === 'visiual'}">
-						<categoryArray
-							v-model="formData.categoryList"
-							:casOptions="casOptions"
-							:props="optionProps"
-							:optionProps="optionProps"
-							@handleChangeCate="handleChangeCate"
-						></categoryArray>
+						prop="categoryList"
+					>
+						<div :class="{ 'visiual-form': source === 'visiual' }">
+							<categoryArray
+								v-model="formData.categoryList"
+								:casOptions="casOptions"
+								:props="optionProps"
+								:optionProps="optionProps"
+								@handleChangeCate="handleChangeCate"
+							></categoryArray>
 						</div>
 					</el-form-item>
+
 					<el-form-item
 						label="反应渠道"
 						label-width="150px"
@@ -312,7 +337,7 @@ import { requestPost } from "@/js/dai/request";
 import formVltHelper from "dai-js/tools/formVltHelper";
 import daiMap from "@/utils/dai-map";
 import { isCard } from "@/utils/validate";
-import categoryArray from "./categoryArray.vue"
+import categoryArray from "./categoryArray.vue";
 
 let loading; // 加载动画
 var map;
@@ -332,10 +357,13 @@ function iniFmData() {
 		happenTime: "", //发生时间
 		eventContent: "", //	事件内容
 		imageList: [], //	图片集合
-		categoryList: [],//	事件分类
+		categoryList: [], //	事件分类
 		address: "", //事件地址
 		latitude: "", //	经度
 		longitude: "", //维度
+
+		// 响应级别
+		eventType: "",
 	};
 }
 
@@ -343,6 +371,7 @@ export default {
 	data() {
 		return {
 			formType: "add", //表单操作类型 add新增，edit编辑，detail详情
+
 			searchOptions: [],
 			searchValue: "",
 			resultList: [],
@@ -357,7 +386,7 @@ export default {
 			//图片相关  oss/file/uploadvariedfile
 			dialogImageUrl: "oss/file/uploadvariedfile",
 			uploadUlr:
-			window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+				window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
 			//  upload_url: '', // 上传URL
 			upload_name: "", // 图片或视频名称
 			replayImgList: [],
@@ -371,7 +400,7 @@ export default {
 			selPersonIndex: "",
 			selPerson: {},
 			demandUserList: [],
-			casOptions:[],
+			casOptions: [],
 			optionProps: {
 				multiple: false,
 				value: "id",
@@ -379,10 +408,24 @@ export default {
 				children: "subCategory",
 			},
 			hideUploadBtn: false,
+			eventTypeOptions: [
+				{
+					label: "红灯事件",
+					value: 1,
+				},
+				{
+					label: "黄灯事件",
+					value: 2,
+				},
+				{
+					label: "蓝灯事件",
+					value: 3,
+				},
+			],
 		};
 	},
 	components: {
-		categoryArray
+		categoryArray,
 	},
 	computed: {
 		dataRule() {
@@ -419,13 +462,20 @@ export default {
 						trigger: "blur",
 					},
 				],
-				categoryList:[
+				categoryList: [
 					{
 						required: true,
 						message: "事件分类不能为空",
 						trigger: "blur",
 					},
 				],
+				eventType: [
+					{
+						required: true,
+						message: "响应级别不能为空",
+						trigger: "blur",
+					},
+				],
 				sourceType: [
 					{
 						required: true,
@@ -465,10 +515,11 @@ export default {
 		},
 	},
 	props: {
-		source: {//展示来源：manage  管理平台    visiual  可视化平台
+		source: {
+			//展示来源：manage  管理平台    visiual  可视化平台
 			type: String,
-			default: 'manage'
-		}
+			default: "manage",
+		},
 	},
 	watch: {
 		"formData.name": function (val) {
@@ -508,14 +559,11 @@ export default {
 
 	methods: {
 		handleChangeCate(obj) {
-			this.selCateObj = obj
+			this.selCateObj = obj;
 			this.formData.categoryList = [];
-			let flag = JSON.stringify(obj) == '{}'
-			if(flag) 
-				this.formData.categoryList = []
-			else  
-				this.formData.categoryList.push(this.selCateObj);
-
+			let flag = JSON.stringify(obj) == "{}";
+			if (flag) this.formData.categoryList = [];
+			else this.formData.categoryList.push(this.selCateObj);
 		},
 		async handleShowPersonList() {
 			if (this.formData.gridId) {
diff --git a/src/views/modules/shequzhili/event/cpts/categoryArray.vue b/src/views/modules/shequzhili/event/cpts/categoryArray.vue
index aca9042..48d873c 100644
--- a/src/views/modules/shequzhili/event/cpts/categoryArray.vue
+++ b/src/views/modules/shequzhili/event/cpts/categoryArray.vue
@@ -1,62 +1,78 @@
 <template>
-    <div>
-          <el-form :model="form" >
-              <el-form-item>
-                  <el-cascader class="cell-width-2"
-                         ref="myCascader"
-                         v-model="form.selCategoryArray"
-                         :key="iscascaderShow"
-                         :options="casOptions"
-                         :props="optionProps"
-                         :show-all-levels="false"
-                         clearable
-                         @change="handleChangeCate"></el-cascader>
-              </el-form-item>
-          </el-form>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    data() {
-      return {
-          form:{
-              selCategoryArray:{}
-          },
-          selCateObj:{},
-          iscascaderShow:0
-      };
-    },
-    props:{
-      casOptions:{
-          type:Array,
-          default:()=>[]
-      },
-      optionProps:{
-          type:Object,
-          default:()=>{}
-      }
-    },
-    created() {},
-    methods: {
-      handleChangeCate(){
-          if(this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]){
-              this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data
-          }else{
-              this.selCateObj = {}
-          }
-         
-          this.$emit('handleChangeCate',this.selCateObj)
-      }
-    },
-    mounted(){
-      ++this.iscascaderShow;
-    },
-    components: {},
-    computed: {},
-    watch: {},
-  };
-  </script>
-  <style lang="scss" scoped>
-  
-  </style>>
\ No newline at end of file
+	<div>
+		<el-form :model="form">
+			<el-form-item>
+				<el-cascader
+					class="cell-width-2"
+					ref="myCascader"
+					v-model="form.selCategoryArray"
+					:key="iscascaderShow"
+					:options="casOptions"
+					:props="optionProps"
+					:show-all-levels="false"
+					clearable
+					@change="handleChangeCate"
+				></el-cascader>
+			</el-form-item>
+		</el-form>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			form: {
+				selCategoryArray: "",
+			},
+			selCateObj: {},
+			iscascaderShow: 0,
+		};
+	},
+	props: {
+		casOptions: {
+			type: Array,
+			default: () => [],
+		},
+		optionProps: {
+			type: Object,
+			default: () => {},
+		},
+		iniValue: String,
+	},
+	components: {},
+	computed: {},
+	watch: {
+		iniValue(val) {
+      // console.log('watch  iniValue', val)
+			if (val) {
+				this.form.selCategoryArray = val;
+			}
+		},
+	},
+	mounted() {
+		++this.iscascaderShow;
+		if (this.iniValue) {
+      // console.log('mounted  iniValue', this.iniValue)
+			this.form.selCategoryArray = this.iniValue;
+		}
+	},
+	methods: {
+		handleChangeCate() {
+			let nodes = this.$refs["myCascader"].getCheckedNodes();
+			if (nodes && nodes.length > 0) {
+				this.selCateObj =
+					this.$refs["myCascader"].getCheckedNodes()[0].data;
+			} else {
+				this.selCateObj = {};
+			}
+
+			// console.log(nodes, this.form.selCategoryArray);
+
+			this.$emit("handleChangeCate", this.selCateObj);
+		},
+	},
+};
+</script>
+<style lang="scss" scoped></style>
+>
diff --git a/src/views/modules/shequzhili/event/cpts/edit.vue b/src/views/modules/shequzhili/event/cpts/edit.vue
new file mode 100644
index 0000000..fe680e3
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/edit.vue
@@ -0,0 +1,897 @@
+<template>
+	<div class="g-add">
+		<div class="g-add-page">
+			<div class="g-left">
+				<el-form
+					ref="ref_form1"
+					:inline="true"
+					:model="formData"
+					:rules="dataRule"
+					class="form"
+				>
+					<el-form-item
+						label="所属网格	"
+						prop="gridId"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-select
+							v-model.trim="formData.gridId"
+							placeholder="请选择"
+							clearable
+							class="cell-width-1"
+						>
+							<el-option
+								v-for="item in gridList"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<el-form-item
+						label="报事人"
+						prop="name"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-input
+							class="cell-width-1"
+							maxlength="10"
+							placeholder="请输入报事人姓名"
+							v-model="formData.name"
+						>
+						</el-input>
+						<div>
+							<el-button
+								style="margin-top: 10px"
+								type="primary"
+								size="mini"
+								@click="handleShowPersonList"
+								>居民信息中选择</el-button
+							>
+						</div>
+					</el-form-item>
+					<el-form-item
+						label="手机号"
+						prop="mobile"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-input
+							class="cell-width-1"
+							maxlength="30"
+							placeholder="请输入手机号	"
+							v-model="formData.mobile"
+						>
+						</el-input>
+					</el-form-item>
+
+					<el-form-item
+						label="身份证号"
+						prop="idCard"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-input
+							class="cell-width-1"
+							maxlength="30"
+							placeholder="请输入身份证号"
+							v-model="formData.idCard"
+						></el-input>
+					</el-form-item>
+
+					<el-form-item
+						label="响应级别"
+						label-width="150px"
+						prop="eventType"
+					>
+						<el-select
+							v-model="formData.eventType"
+							placeholder="请选择"
+							size="small"
+							clearable
+							class="cell-width-1"
+						>
+							<el-option
+								v-for="item in eventTypeOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<el-form-item
+						label="事件分类"
+						label-width="150px"
+						:class="{ 'form-item': source === 'visiual' }"
+						prop="categoryList"
+					>
+						<div :class="{ 'visiual-form': source === 'visiual' }">
+							<categoryArray
+								:ini-value="formData.iniCategoryId"
+								v-model="formData.categoryList"
+								:casOptions="casOptions"
+								:props="optionProps"
+								:optionProps="optionProps"
+								@handleChangeCate="handleChangeCate"
+							></categoryArray>
+						</div>
+					</el-form-item>
+
+					<el-form-item
+						label="反应渠道"
+						label-width="150px"
+						prop="sourceType"
+					>
+						<el-select
+							v-model="formData.sourceType"
+							placeholder="请选择"
+							size="small"
+							clearable
+							class="cell-width-1"
+						>
+							<el-option
+								v-for="item in qudaoArray"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+
+					<el-form-item
+						label="发生时间"
+						prop="happenTime"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-date-picker
+							v-model="formData.happenTime"
+							class="cell-width-1"
+							type="datetime"
+							placeholder="发生时间"
+							value-format="yyyy-MM-dd HH:mm:ss"
+						>
+						</el-date-picker>
+					</el-form-item>
+
+					<el-form-item
+						label="事件内容"
+						prop="eventContent"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-input
+							class="cell-width-2"
+							type="textarea"
+							maxlength="500"
+							show-word-limit
+							:rows="5"
+							placeholder="请输入事件内容，不超过500字"
+							v-model="formData.eventContent"
+						></el-input>
+					</el-form-item>
+				</el-form>
+			</div>
+			<div class="g-right">
+				<el-form
+					ref="ref_form2"
+					:inline="true"
+					:model="formData"
+					:rules="dataRule"
+					class="form"
+				>
+					<el-form-item
+						label="图片"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-upload
+							:headers="$getElUploadHeaders()"
+							:class="[
+								'avatar-uploader',
+								{ hide: hideUploadBtn },
+							]"
+							ref="uploadPic"
+							:action="uploadUlr"
+							list-type="picture-card"
+							:on-exceed="exceedPic"
+							:on-remove="removePic"
+							:file-list="replayImgList"
+							:on-change="handleEditChange"
+							:on-success="handleSuccess"
+							:limit="3"
+						>
+							<span class="font-14">选择图片</span>
+							<div slot="tip" class="upload_tip">
+								最多上传3张图片，图片支持jpg、jpeg、bmp、git或png格式
+							</div>
+						</el-upload>
+					</el-form-item>
+
+					<el-form-item
+						label="地图位置"
+						prop="longitude"
+						label-width="150px"
+						style="display: block"
+					>
+						<div style="width: 500px">
+							<el-select
+								v-model="searchValue"
+								filterable
+								style="width: 500px"
+								remote
+								:reserve-keyword="true"
+								placeholder="请输入关键词"
+								:remote-method="remoteMethod"
+								:loading="loading"
+							>
+								<el-option
+									v-for="(item, index) in searchOptions"
+									@click.native="handleClickKey(index)"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+							<div id="app_event" class="div_map"></div>
+						</div>
+					</el-form-item>
+
+					<el-form-item
+						label="详细地址"
+						prop="address"
+						label-width="150px"
+						style="display: block"
+					>
+						<el-input
+							class="cell-width-1"
+							v-model="formData.address"
+						>
+						</el-input>
+					</el-form-item>
+				</el-form>
+			</div>
+		</div>
+
+		<!-- 新增弹出框 -->
+		<el-dialog
+			:visible.sync="personTableShow"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			:destroy-on-close="true"
+			title="选择居民"
+			width="550px"
+			top="5vh"
+			class="dialog-h"
+			@closed="diaClose"
+		>
+			<div style="padding: 10px 30px">
+				<el-form
+					:inline="false"
+					ref="ref_formSearch"
+					:label-width="'90px'"
+				>
+					<el-form-item label="所属网格" label-width="150px">
+						<el-select
+							class="cell-width-1"
+							v-model.trim="selGridId"
+							placeholder="请选择"
+							clearable
+						>
+							<el-option
+								v-for="item in gridList"
+								@click.native="handleChangeGrid"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+					<el-form-item
+						label="居民"
+						label-width="150px"
+						prop="selPersonIndex"
+					>
+						<el-select
+							v-model="selPersonIndex"
+							class="cell-width-1"
+							filterable
+							placeholder="请选择"
+							clearable
+						>
+							<el-option
+								v-for="(item, index) in demandUserList"
+								:key="item.demandUserId"
+								:label="item.label"
+								:value="index"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+				</el-form>
+				<div class="div-btn">
+					<el-button
+						style="margin-left: 20px"
+						type="primary"
+						size="small"
+						@click="handleComfirmSelPerson"
+						>确定</el-button
+					>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+import formVltHelper from "dai-js/tools/formVltHelper";
+import daiMap from "@/utils/dai-map";
+import { isCard } from "@/utils/validate";
+import categoryArray from "./categoryArray.vue";
+
+let loading; // 加载动画
+var map;
+var search;
+var markers;
+var infoWindowList;
+var geocoder; // 新建一个正逆地址解析类
+
+function iniFmData() {
+	return {
+		gridId: "", //所属网格
+		reportUserId: "", //	报事人ID
+		name: "", //	报事人姓名
+		mobile: "", //	手机号
+		idCard: "", //	身份证号
+		sourceType: "", //	反映渠道
+		happenTime: "", //发生时间
+		eventContent: "", //	事件内容
+		imageList: [], //	图片集合
+		categoryList: [], //	事件分类
+		address: "", //事件地址
+		latitude: "", //	经度
+		longitude: "", //维度
+
+		// 响应级别
+		eventType: "",
+	};
+}
+
+export default {
+	data() {
+		return {
+			formType: "edit", //表单操作类型 add新增，edit编辑，detail详情
+
+			searchOptions: [],
+			searchValue: "",
+			resultList: [],
+			loading: false,
+			btnDisable: false,
+			gridList: [], //所属网格list--场所区域
+			qudaoArray: [],
+			formData: iniFmData(),
+			//地图相关
+			keyWords: "",
+			isFirst: true, //地图是否首次加载，首次加载不给地址赋值
+			//图片相关  oss/file/uploadvariedfile
+			dialogImageUrl: "oss/file/uploadvariedfile",
+			uploadUlr:
+				window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+			//  upload_url: '', // 上传URL
+			upload_name: "", // 图片或视频名称
+			replayImgList: [],
+			okflag: false,
+			formDataSearch: {
+				gridId: "",
+				name: "",
+			},
+			personTableShow: false,
+			selGridId: "",
+			selPersonIndex: "",
+			selPerson: {},
+			demandUserList: [],
+			casOptions: [],
+			optionProps: {
+				multiple: false,
+				value: "id",
+				label: "name",
+				children: "subCategory",
+				checkStrictly: true,
+				emitPath: false,
+			},
+			hideUploadBtn: false,
+			eventTypeOptions: [
+				{
+					label: "红灯事件",
+					value: 1,
+				},
+				{
+					label: "黄灯事件",
+					value: 2,
+				},
+				{
+					label: "蓝灯事件",
+					value: 3,
+				},
+			],
+		};
+	},
+	components: {
+		categoryArray,
+	},
+	computed: {
+		dataRule() {
+			let checkIdCard = (rule, value, callback) => {
+				if (value === "") {
+					callback(new Error("请输入身份证"));
+				} else {
+					if (!isCard(value)) {
+						callback(new Error("身份证号格式不正确"));
+					}
+					callback();
+				}
+			};
+
+			return {
+				gridId: [
+					{
+						required: true,
+						message: "所属网格不能为空",
+						trigger: "blur",
+					},
+				],
+				name: [
+					{
+						required: true,
+						message: "报事人不能为空",
+						trigger: "blur",
+					},
+				],
+				mobile: [
+					{
+						required: true,
+						message: "手机号不能为空",
+						trigger: "blur",
+					},
+				],
+				categoryList: [
+					{
+						required: true,
+						message: "事件分类不能为空",
+						trigger: "blur",
+					},
+				],
+				eventType: [
+					{
+						required: true,
+						message: "响应级别不能为空",
+						trigger: "blur",
+					},
+				],
+				sourceType: [
+					{
+						required: true,
+						message: "反映渠道不能为空",
+						trigger: "blur",
+					},
+				],
+				eventContent: [
+					{
+						required: true,
+						message: "事件内容不能为空",
+						trigger: "blur",
+					},
+				],
+				happenTime: [
+					{
+						required: true,
+						message: "发生时间不能为空",
+						trigger: "blur",
+					},
+				],
+				address: [
+					{
+						required: true,
+						message: "事件地址不能为空",
+						trigger: "blur",
+					},
+				],
+				longitude: [
+					{
+						required: true,
+						message: "坐标位置不能为空",
+						trigger: "blur",
+					},
+				],
+			};
+		},
+	},
+	props: {
+		source: {
+			//展示来源：manage  管理平台    visiual  可视化平台
+			type: String,
+			default: "manage",
+		},
+		eventId: String,
+		eventDetailData: Object,
+	},
+	watch: {
+		"formData.name": function (val) {
+			this.$emit("changeName", val);
+		},
+		"formData.mobile": function (val) {
+			this.$emit("changeMobile", val);
+		},
+		"formData.reportUserId": function (val) {
+			this.$emit("changeUserId", val);
+		},
+		"formData.gridId": function (val) {
+			this.selGridId = val;
+			this.$emit("changeGridId", val);
+		},
+		eventDetailData(obj) {
+			this.syncDetail(obj);
+		},
+	},
+
+	async created() {
+		const { user } = this.$store.state;
+		this.agencyId = user.agencyId;
+		this.syncDetail();
+
+		this.loadGrid();
+		this.getCategoryList();
+		this.getQudaoOptions();
+	},
+
+	async mounted() {
+		this.initMap(this.formData.latitude, this.formData.longitude);
+	},
+
+	methods: {
+		syncDetail() {
+			const { eventDetailData: info } = this;
+			let obj = {
+				gridId: info.gridId, //所属网格
+				reportUserId: info.reportUserId, //	报事人ID
+				name: info.name, //	报事人姓名
+				mobile: info.mobile, //	手机号
+				idCard: info.idCard, //	身份证号
+				sourceType: info.sourceType, //	反映渠道
+				happenTime: info.happenTime, //发生时间
+				eventContent: info.eventContent, //	事件内容
+				imageList: info.imageList || [], //	图片集合
+				categoryList: [info.categoryId], //	事件分类
+				iniCategoryId: info.categoryId, //	事件分类
+				address: info.address, //事件地址
+				latitude: info.latitude, //	经度
+				longitude: info.longitude, //维度
+
+				// 响应级别
+				eventType: info.eventType,
+			};
+			this.formData = { ...this.formData, ...obj };
+			console.log("=syncDetail", this.formData);
+		},
+
+		handleChangeCate(obj) {
+			this.selCateObj = obj;
+			this.formData.categoryList = [];
+			let flag = JSON.stringify(obj) == "{}";
+			if (flag) this.formData.categoryList = [];
+			else this.formData.categoryList.push(this.selCateObj);
+		},
+		async handleShowPersonList() {
+			if (this.formData.gridId) {
+				await this.handleChangeGrid();
+				this.personTableShow = true;
+			} else {
+				this.$message.info("请先选择网格");
+			}
+		},
+		diaClose() {
+			this.personTableShow = false;
+		},
+		handleComfirmSelPerson() {
+			if (this.selPersonIndex === 0 || this.selPersonIndex) {
+				let selPerson = this.demandUserList[this.selPersonIndex];
+				this.formData.name = selPerson.demandUserName;
+				this.formData.mobile = selPerson.demandUserMobile;
+				this.formData.reportUserId = selPerson.demandUserId;
+				this.formData.idCard = selPerson.idCard;
+
+				this.personTableShow = false;
+			} else {
+				this.$message.info("请选择人员");
+			}
+		},
+
+		async handleChangeGrid() {
+			const url = "/epmetuser/icresiuser/demandusers";
+			// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
+			let params = {
+				agencyId: "",
+				gridId: this.selGridId,
+				name: "",
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.demandUserList = data;
+			} else {
+				this.$message.error(msg);
+			}
+			this.tableLoading = false;
+		},
+
+		async loadGrid() {
+			const url = "/gov/org/customergrid/gridoption";
+
+			let params = {
+				agencyId: this.agencyId,
+				purpose: "addorupdate",
+			};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.gridList = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+		async getCategoryList() {
+			const url = "/gov/issue/issueprojectcategorydict/list";
+			let params = {};
+			const { data, code, msg } = await requestPost(url, params);
+			if (code === 0) {
+				let treeDataNew = this.filterTree(data);
+				++this.iscascaderShow;
+				this.casOptions = [];
+				this.selCategoryArray = [];
+				this.casOptions = treeDataNew;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async getQudaoOptions() {
+			const url = "/sys/dict/data/dictlist";
+
+			const { data, code, msg } = await requestPost(url, {
+				dictType: "ic_event_source_type",
+			});
+
+			if (code === 0) {
+				this.qudaoArray = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		//重构树，去除网格
+		filterTree(arr) {
+			let childs = arr;
+			for (let i = childs.length; i--; i > 0) {
+				if (childs[i].subCategory) {
+					if (childs[i].subCategory.length) {
+						this.filterTree(childs[i].subCategory);
+					} else {
+						delete childs[i].subCategory;
+					}
+				}
+			}
+			return arr;
+		},
+
+		handleChangeAgency(value) {
+			// this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label
+			// this.orgId = this.selCategoryArray.length > 0 ? this.selCategoryArray[this.selCategoryArray.length - 1] : ''
+		},
+
+		async getEventInfo() {
+			this.okflag = false;
+			this.$refs["ref_form1"].validate((valid, messageObj) => {
+				if (!valid) {
+					app.util.validateRule(messageObj);
+					return false;
+				} else {
+					this.$refs["ref_form2"].validate((valid, messageObj) => {
+						if (!valid) {
+							app.util.validateRule(messageObj);
+							return false;
+						} else {
+							if (
+								!formVltHelper.userOrMobile(
+									this.formData.mobile
+								)
+							) {
+								this.$message({
+									type: "error",
+									message: "手机号格式有误",
+								});
+								return false;
+							}
+
+							const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
+							if (
+								this.formData.idCard &&
+								regCard.test(this.formData.idCard) === false
+							) {
+								this.$message({
+									type: "warning",
+									message: "请输入正确的身份证号码",
+								});
+								return false;
+							}
+							this.okflag = true;
+						}
+					});
+				}
+			});
+		},
+
+		removePic(file, fileList) {
+			this.formData.imageList.splice(
+				this.formData.imageList.findIndex((item) => item === file.url),
+				1
+			);
+			this.replayImgList.splice(
+				this.replayImgList.findIndex((item) => item.uid === file.uid),
+				1
+			);
+			this.hideUploadBtn = fileList.length >= 3;
+		},
+		// 最多上传3张图，超过时隐藏上传按钮
+		handleEditChange(file, fileList) {
+			this.hideUploadBtn = fileList.length >= 3;
+		},
+		exceedPic() {
+			this.$message.warning("最多上传3张预览图片");
+		},
+		handleSuccess(response, file, fileList) {
+			this.replayImgList.push(file);
+			this.formData.imageList.push(response.data.url);
+		},
+
+		// 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+		initMap(latitude, longitude) {
+			map = new daiMap(
+				document.getElementById("app_event"),
+				{ latitude, longitude },
+				{
+					zoom: 16.2, // 设置地图缩放级别
+					pitch: 43.5, // 设置俯仰角
+					rotation: 45, // 设置地图旋转角度
+				}
+			);
+
+			// 监听地图平移结束
+			map.on("dragend", (e) => {
+				this.handleMoveCenter(e);
+			});
+
+			map.setCenter(latitude, longitude);
+			map.setMarker(latitude, longitude);
+		},
+
+		async handleMoveCenter() {
+			//修改地图中心点
+			const { lat, lng } = map.getCenter();
+			this.formData.latitude = lat;
+			this.formData.longitude = lng;
+			map.setMarker(lat, lng);
+
+			let { msg, data } = await map.getAddress(lat, lng);
+			if (msg == "success") {
+				this.formData.address = data.address;
+				this.searchValue = data.address;
+				this.searchOptions = [];
+			}
+		},
+
+		async remoteMethod(query) {
+			if (query !== "") {
+				this.loading = true;
+
+				const { msg, data } = await map.searchNearby(query);
+				this.loading = false;
+				this.resultList = [];
+
+				if (
+					msg == "success" &&
+					data.resultList &&
+					data.resultList.length > 0
+				) {
+					if (data.resultList && data.resultList.length > 0) {
+						this.resultList = data.resultList;
+						this.searchOptions = this.resultList.map((item) => {
+							return {
+								value: `${item.hotPointID}`,
+								label: `${item.address + item.name}`,
+							};
+						});
+					}
+				} else {
+					this.searchOptions = [
+						{
+							value: "0",
+							label: "未检索到结果",
+						},
+					];
+				}
+			} else {
+				this.searchOptions = [];
+			}
+		},
+
+		handleClickKey(index) {
+			let selPosition = this.resultList[index];
+			let lonlat = selPosition.lonlat.split(" ");
+			map.setCenter(lonlat[1], lonlat[0]);
+			map.setMarker(lonlat[1], lonlat[0]);
+			this.formData.latitude = lonlat[1];
+			this.formData.longitude = lonlat[0];
+			this.formData.address = selPosition.address + selPosition.name;
+		},
+
+		resetData() {
+			this.formData = iniFmData();
+			this.replayImgList = [];
+			this.searchValue = "";
+			this.searchOptions = [];
+			this.resultList = [];
+		},
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
+};
+</script>
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+.item_width_4 {
+	width: 350px;
+}
+
+.div_map {
+	margin-top: 10px;
+}
+</style>
+
+<style lang="scss">
+.el-dialog__body {
+	padding: 0 10px 20px !important;
+}
+
+.hide {
+	.el-upload--picture-card {
+		display: none !important;
+	}
+}
+</style>
diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index 9ec30d6..6345cdf 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -1,229 +1,377 @@
 <template>
-  <div class="">
-    <div v-if="pageTypeCopy == 'add'">
-      <el-card>
-        <h3>新增事件</h3>
-        <event-add ref="ref_add"
-                   @changeName="changeName"
-                   @changeMobile="changeMobile"
-                   @changeUserId="changeUserId"
-                   @changeGridId="changeGridId"></event-add>
-      </el-card>
-
-      <div class="process-form">
-        <el-card>
-          <h3>处理</h3>
-          <process-form ref="ref_processinfo_add"
-                        :demandUserId="demandUserId"
-                        :demandUserName="demandUserName"
-                        :demandUserMobile="demandUserMobile"
-                        :gridId="gridId"></process-form>
-
-          <div class="div-btn ">
-            <el-button size="small"
-                       @click="handleClose">关闭</el-button>
-            <el-button style="margin-left:20px"
-                       type="primary"
-                       size="small"
-                       @click="handleComfirm">确定</el-button>
-          </div>
-
-        </el-card>
-      </div>
-    </div>
-
-    <div v-if="pageTypeCopy == 'dispose'||pageTypeCopy == 'info'"
-         class="g-page">
-      <div :class="['g-total',{'g-left':projectProcess.length>0}]">
-
-        <event-detail ref="ref_detail"
-                      :type="pageType"
-                      :eventId="eventId"
-                      :eventDetailData="eventDetailData"
-                      :source="source"
-                      @handleToProject="handleToProject"
-                      @handleToDemand="handleToDemand"
-                      @handleToIssue="handleToIssue"
-                      @handleClose="handleClose"></event-detail>
-
-        <div v-if="!eventDetailData.operationId &&pageTypeCopy == 'dispose' "
-             class="process-form">
-          <el-card :class="{'box-card':source==='visiual'}">
-            <div :class="['process-title',{'process-title-vis':source==='visiual'}]">处理</div>
-            <process-form ref="ref_processinfo_dispose"
-                          :source="source"
-                          :eventId="eventId"
-                          :eventDetailData="eventDetailData"></process-form>
-
-            <div class="div-btn ">
-              <el-button size="small"
-                         @click="handleClose">关闭</el-button>
-              <el-button style="margin-left:20px"
-                         type="primary"
-                         size="small"
-                         @click="handleComfirm">确定</el-button>
-            </div>
-
-          </el-card>
-        </div>
-      </div>
-
-      <div v-if="projectProcess.length>0"
-           class="g-right">
-        <el-card :class="{'box-card':source==='visiual'}"
-                 style="max-height: 90vh; overflow: auto">
-
-          <div class="m-process">
-            <div :class="['process-title',{'process-title-vis':source==='visiual'}]">处理进展</div>
-            <div class="list">
-              <div class="item"
-                   :class="[index === 0 ? 'z-on' : '',{'item-vis':source==='visiual'}]"
-                   :key="item.processId"
-                   v-for="(item, index) in projectProcess">
-                <div class="item-row">
-                  <div class="name">{{ item.processName }}</div>
-                  <div class="date">
-                    {{ item.processTime }}
-                  </div>
-                </div>
-
-                <div v-if="item.type==='event'">
-                  <div class="detail">
-                    <div class="detail-field">回复人：</div>
-                    <div class="detail-value">{{ item.departmentName }}</div>
-                  </div>
-                  <div class="detail">
-                    <div class="detail-field">回复内容：</div>
-                    <div class="detail-value">{{ item.publicReply }}</div>
-                  </div>
-                </div>
-
-                <div v-else-if="item.type==='project'">
-                  <div v-if="item.processName==='回复'">
-                    <div class="detail">
-                      <div class="detail-field">回复人：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">回复内容：</div>
-                      <div class="detail-value">{{ item.publicReply }}</div>
-                    </div>
-                  </div>
-                  <div v-else>
-                    <div class="detail">
-                      <div class="detail-field">处理部门：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-
-                    <!-- <div class="detail"
+	<div class="">
+		<div v-if="pageTypeCopy == 'add'">
+			<el-card>
+				<h3>新增事件</h3>
+				<event-add
+					ref="ref_add"
+					@changeName="changeName"
+					@changeMobile="changeMobile"
+					@changeUserId="changeUserId"
+					@changeGridId="changeGridId"
+				></event-add>
+			</el-card>
+
+			<div class="process-form">
+				<el-card>
+					<h3>处理</h3>
+					<process-form
+						ref="ref_processinfo_add"
+						:demandUserId="demandUserId"
+						:demandUserName="demandUserName"
+						:demandUserMobile="demandUserMobile"
+						:gridId="gridId"
+					></process-form>
+
+					<div class="div-btn">
+						<el-button size="small" @click="handleClose"
+							>关闭</el-button
+						>
+						<el-button
+							style="margin-left: 20px"
+							type="primary"
+							size="small"
+							@click="handleComfirm"
+							>确定</el-button
+						>
+					</div>
+				</el-card>
+			</div>
+		</div>
+
+		<div v-if="pageTypeCopy == 'edit'" class="g-page">
+			<div class="process-form">
+				<el-card>
+					<event-edit
+						ref="ref_edit"
+						:type="pageType"
+						:eventId="eventId"
+						:eventDetailData="eventDetailData"
+						:source="source"
+						@changeName="changeName"
+						@changeMobile="changeMobile"
+						@changeUserId="changeUserId"
+						@changeGridId="changeGridId"
+					></event-edit>
+					<div class="div-btn">
+						<el-button size="small" @click="handleClose"
+							>关闭</el-button
+						>
+						<el-button
+							style="margin-left: 20px"
+							type="primary"
+							size="small"
+							@click="handleUpdate"
+							>确定</el-button
+						>
+					</div>
+				</el-card>
+			</div>
+		</div>
+
+		<div
+			v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info'"
+			class="g-page"
+		>
+			<div :class="['g-total', { 'g-left': projectProcess.length > 0 }]">
+				<event-detail
+					ref="ref_detail"
+					:type="pageType"
+					:eventId="eventId"
+					:eventDetailData="eventDetailData"
+					:source="source"
+					@handleToProject="handleToProject"
+					@handleToDemand="handleToDemand"
+					@handleToIssue="handleToIssue"
+					@handleClose="handleClose"
+				></event-detail>
+
+				<div
+					v-if="
+						!eventDetailData.operationId &&
+						pageTypeCopy == 'dispose'
+					"
+					class="process-form"
+				>
+					<el-card :class="{ 'box-card': source === 'visiual' }">
+						<div
+							:class="[
+								'process-title',
+								{ 'process-title-vis': source === 'visiual' },
+							]"
+						>
+							处理
+						</div>
+						<process-form
+							ref="ref_processinfo_dispose"
+							:source="source"
+							:eventId="eventId"
+							:eventDetailData="eventDetailData"
+              :processData="editProcessData"
+						></process-form>
+
+						<div class="div-btn">
+							<el-button size="small" @click="handleClose"
+								>关闭</el-button
+							>
+							<el-button
+								style="margin-left: 20px"
+								type="primary"
+								size="small"
+								@click="handleComfirm"
+								>确定</el-button
+							>
+						</div>
+					</el-card>
+				</div>
+			</div>
+
+			<div v-if="projectProcess.length > 0" class="g-right">
+				<el-card
+					:class="{ 'box-card': source === 'visiual' }"
+					style="max-height: 90vh; overflow: auto"
+				>
+					<div class="m-process">
+						<div
+							:class="[
+								'process-title',
+								{ 'process-title-vis': source === 'visiual' },
+							]"
+						>
+							处理进展
+						</div>
+						<div class="list">
+							<div
+								class="item"
+								:class="[
+									index === 0 ? 'z-on' : '',
+									{ 'item-vis': source === 'visiual' },
+								]"
+								:key="item.processId"
+								v-for="(item, index) in projectProcess"
+							>
+								<div class="item-row">
+									<div class="name">
+										{{ item.manageStatusName || item.processName }}
+									</div>
+									<div class="date">
+										{{ item.processTime }}
+									</div>
+                  <div class="btn" @click="editProcess(item)">编辑</div>
+								</div>
+
+								<div v-if="item.type === 'event'">
+									<div class="detail">
+										<div class="detail-field">办理人：</div>
+										<div class="detail-value">
+											{{ item.departmentName }}
+										</div>
+									</div>
+									<div class="detail">
+										<div class="detail-field">
+											办理内容：
+										</div>
+										<div class="detail-value">
+											{{ item.publicReply }}
+										</div>
+									</div>
+								</div>
+
+								<div v-else-if="item.type === 'project'">
+									<div v-if="item.processName === '回复'">
+										<div class="detail">
+											<div class="detail-field">
+												回复人：
+											</div>
+											<div class="detail-value">
+												{{ item.departmentName }}
+											</div>
+										</div>
+										<div class="detail">
+											<div class="detail-field">
+												回复内容：
+											</div>
+											<div class="detail-value">
+												{{ item.publicReply }}
+											</div>
+										</div>
+									</div>
+									<div v-else>
+										<div class="detail">
+											<div class="detail-field">
+												处理部门：
+											</div>
+											<div class="detail-value">
+												{{ item.departmentName }}
+											</div>
+										</div>
+
+										<!-- <div class="detail"
                          v-if="item.assistanceUnitName">
                       <div class="detail-field">协办单位：</div>
                       <div class="detail-value">
                         <fold-text :row="3">{{ item.assistanceUnitName }}</fold-text>
                       </div>
                     </div> -->
-                    <div class="detail"
-                         v-if="item.processName != '转项目' && item.publicReply">
-                      <div class="detail-field">说 明：</div>
-                      <div class="detail-value">
-                        <fold-text :row="3">{{ item.publicReply }}</fold-text>
-                      </div>
-                    </div>
-
-                    <div class="detail"
-                         v-if="item.processName != '转项目' && item.internalRemark">
-                      <div class="detail-field">内部备注：</div>
-                      <div class="detail-value">
-                        <fold-text :row="3">{{ item.internalRemark }}</fold-text>
-                      </div>
-                    </div>
-                    <div v-if="item.internalFile&&item.internalFile.length>0"
-                         class="detail">
-                      <div class="attachement-list">
-                        <a :href="att.url"
-                           target="_blank"
-                           :key="att.url"
-                           v-for="att in item.internalFile">
-                          <i class="el-icon-folder-opened"></i>
-                          {{ att.name }}
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div v-else-if="item.type==='demand'">
-                  <div v-if="item.processName==='回复'">
-                    <div class="detail">
-                      <div class="detail-field">回复人：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">回复内容：</div>
-                      <div class="detail-value">{{ item.publicReply }}</div>
-                    </div>
-                  </div>
-                  <div v-if="item.processName==='需求完成'">
-                    <div class="detail">
-                      <div class="detail-field">服务方：</div>
-                      <div class="detail-value">{{ item.serviceParty }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">实际服务时间：</div>
-                      <div class="detail-value">{{ item.actualServiceTime }}</div>
-                    </div>
-                  </div>
-                  <div v-if="item.processName==='转服务'">
-                    <div class="detail">
-                      <div class="detail-field">服务时间：</div>
-                      <div class="detail-value">{{ item.serviceTime }}</div>
-                    </div>
-
-                  </div>
-                </div>
-
-                <div v-else-if="item.type==='issue'">
-                  <div class="detail">
-                    <div class="detail-field">回复人：</div>
-                    <div class="detail-value">{{ item.departmentName }}</div>
-                  </div>
-                  <div class="detail">
-                    <div class="detail-field">回复内容：</div>
-                    <div class="detail-value">{{ item.publicReply }}</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </el-card>
-      </div>
-    </div>
-
-    <div v-if="pageTypeCopy == 'project'">
-      <project-info-origin ref="eleEditForm"
-                           :source="source"
-                           :type="projectPageType"
-                           :projectId="eventDetailCopy.operationId"
-                           @close="handleCloseProject"
-                           @afterEdit="handleCloseProject" />
-    </div>
-    <div v-if="pageTypeCopy == 'demand'">
-      <demand-info-origin ref="demandEditForm"
-                          :source="source"
-                          :demandRecId="eventDetailCopy.operationId"
-                          @close="handleCloseProject" />
-    </div>
-    <div v-if="pageTypeCopy == 'issue'">
-      <issue-info-origin ref="eleEditForm"
-                         :pageType="issuePageType"
-                         :issueId="eventDetailCopy.operationId"
-                         :issueDetailData="issueDetailData"
-                         @handleClose="handleCloseProject"
-                         @handleOk="handleCloseProject"
-                         @dialogOk="handleCloseProject" />
-    </div>
-
-  </div>
+										<div
+											class="detail"
+											v-if="
+												item.processName != '转项目' &&
+												item.publicReply
+											"
+										>
+											<div class="detail-field">
+												说 明：
+											</div>
+											<div class="detail-value">
+												<fold-text :row="3">{{
+													item.publicReply
+												}}</fold-text>
+											</div>
+										</div>
+
+										<div
+											class="detail"
+											v-if="
+												item.processName != '转项目' &&
+												item.internalRemark
+											"
+										>
+											<div class="detail-field">
+												内部备注：
+											</div>
+											<div class="detail-value">
+												<fold-text :row="3">{{
+													item.internalRemark
+												}}</fold-text>
+											</div>
+										</div>
+										<div
+											v-if="
+												item.internalFile &&
+												item.internalFile.length > 0
+											"
+											class="detail"
+										>
+											<div class="attachement-list">
+												<a
+													:href="att.url"
+													target="_blank"
+													:key="att.url"
+													v-for="att in item.internalFile"
+												>
+													<i
+														class="el-icon-folder-opened"
+													></i>
+													{{ att.name }}
+												</a>
+											</div>
+										</div>
+									</div>
+								</div>
+
+								<div v-else-if="item.type === 'demand'">
+									<div v-if="item.processName === '回复'">
+										<div class="detail">
+											<div class="detail-field">
+												回复人：
+											</div>
+											<div class="detail-value">
+												{{ item.departmentName }}
+											</div>
+										</div>
+										<div class="detail">
+											<div class="detail-field">
+												回复内容：
+											</div>
+											<div class="detail-value">
+												{{ item.publicReply }}
+											</div>
+										</div>
+									</div>
+									<div v-if="item.processName === '需求完成'">
+										<div class="detail">
+											<div class="detail-field">
+												服务方：
+											</div>
+											<div class="detail-value">
+												{{ item.serviceParty }}
+											</div>
+										</div>
+										<div class="detail">
+											<div class="detail-field">
+												实际服务时间：
+											</div>
+											<div class="detail-value">
+												{{ item.actualServiceTime }}
+											</div>
+										</div>
+									</div>
+									<div v-if="item.processName === '转服务'">
+										<div class="detail">
+											<div class="detail-field">
+												服务时间：
+											</div>
+											<div class="detail-value">
+												{{ item.serviceTime }}
+											</div>
+										</div>
+									</div>
+								</div>
+
+								<div v-else-if="item.type === 'issue'">
+									<div class="detail">
+										<div class="detail-field">回复人：</div>
+										<div class="detail-value">
+											{{ item.departmentName }}
+										</div>
+									</div>
+									<div class="detail">
+										<div class="detail-field">
+											回复内容：
+										</div>
+										<div class="detail-value">
+											{{ item.publicReply }}
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</el-card>
+			</div>
+		</div>
+
+		<div v-if="pageTypeCopy == 'project'">
+			<project-info-origin
+				ref="eleEditForm"
+				:source="source"
+				:type="projectPageType"
+				:projectId="eventDetailCopy.operationId"
+				@close="handleCloseProject"
+				@afterEdit="handleCloseProject"
+			/>
+		</div>
+		<div v-if="pageTypeCopy == 'demand'">
+			<demand-info-origin
+				ref="demandEditForm"
+				:source="source"
+				:demandRecId="eventDetailCopy.operationId"
+				@close="handleCloseProject"
+			/>
+		</div>
+		<div v-if="pageTypeCopy == 'issue'">
+			<issue-info-origin
+				ref="eleEditForm"
+				:pageType="issuePageType"
+				:issueId="eventDetailCopy.operationId"
+				:issueDetailData="issueDetailData"
+				@handleClose="handleCloseProject"
+				@handleOk="handleCloseProject"
+				@dialogOk="handleCloseProject"
+			/>
+		</div>
+	</div>
 </template>
 
 <script>
@@ -235,413 +383,448 @@ import demandInfoOrigin from "@/views/modules/communityService/measure/info";
 import issueInfoOrigin from "../../issue/cpts/issue-info";
 import dateFormat from "dai-js/tools/dateFormat";
 import eventAdd from "./add";
+import eventEdit from "./edit";
 import eventDetail from "./event-detail";
 import processForm from "./process-form";
+import replyOptions from "./replyOptions";
 
 let loading; // 加载动画
-function iniData () {
-  return {
-    formData: {
-      operationType: '',
-
-    },
-    eventInfoData: {},
-    replayInfo: {},
-    demand: {},
-    project: {},
-    issueInfo: {},
-
-    //新增
-    demandUserId: '',
-    demandUserName: '',
-    demandUserMobile: '',
-    gridId: '',
-
-    eventDetailCopy: {},
-
-    projectProcess: [],
-    projectPageType: 'info',
-    pageTypeCopy: '',
-
-    issuePageType: '',
-    issueDetailData: {},
-
-  };
+function iniData() {
+	return {
+		formData: {
+			operationType: "",
+		},
+		eventInfoData: {},
+		replayInfo: {},
+		demand: {},
+		project: {},
+		issueInfo: {},
+
+		//新增
+		demandUserId: "",
+		demandUserName: "",
+		demandUserMobile: "",
+		gridId: "",
+
+		eventDetailCopy: {},
+
+		projectProcess: [],
+		projectPageType: "info",
+		pageTypeCopy: "",
+
+		issuePageType: "",
+		issueDetailData: {},
+
+    editProcessData:{}
+	};
 }
 
 export default {
-  name: "projectInfo",
-  props: {
-    eventId: {
-      type: String,
-      default: "",
-    },
-    pageType: {
-      type: String,
-      default: "",
+	name: "projectInfo",
+
+	props: {
+		eventId: {
+			type: String,
+			default: "",
+		},
+		pageType: {
+			type: String,
+			default: "",
+		},
+		eventDetailData: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+
+		source: {
+			//展示来源：manage  管理平台    visiual  可视化平台
+			type: String,
+			default: "manage",
+		},
+	},
+
+	components: {
+		foldText,
+		eventEdit,
+		eventAdd,
+		eventDetail,
+		processForm,
+		projectInfoOrigin,
+		demandInfoOrigin,
+		issueInfoOrigin,
+	},
+
+	data: iniData,
+
+	computed: {},
+
+	watch: {
+		eventId() {
+			let data = iniData();
+			Object.keys(data).forEach((k) => {
+				this[k] = data[k];
+			});
+			// this.getApiData();
+		},
+	},
+	created() {
+		this.pageTypeCopy = this.pageType;
+
+		if (this.pageTypeCopy !== "add") {
+			this.getProjectProcess();
+		}
+
+		if (this.eventId) {
+			this.eventDetailCopy = JSON.parse(
+				JSON.stringify(this.eventDetailData)
+			);
+		}
+	},
+
+	methods: {
+		changeName(val) {
+			this.demandUserName = val;
+		},
+		changeMobile(val) {
+			this.demandUserMobile = val;
+		},
+		changeUserId(val) {
+			this.demandUserId = val;
+		},
+		changeGridId(val) {
+			this.gridId = val;
+		},
+
+		//加载组织数据
+		async getProjectProcess() {
+			const url = "/gov/project/icEvent/process";
+			// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/process";
+
+			const { data, code, msg } = await requestPost(url, {
+				icEventId: this.eventId,
+			});
+
+			if (code === 0) {
+				this.projectProcess = data.map((item) => {
+					if (typeof item.manageStatus=='number' && item.processName == "回复") {
+						item.manageStatusName =
+							replyOptions[item.manageStatus].label;
+					}
+					item.processTime = dateFormat(
+						new Date(item.processTime * 1000),
+						"yyyy-MM-dd hh:mm"
+					);
+					return item;
+				});
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		getEventInfo() {
+			this.$refs.ref_add.getEventInfo();
+			if (this.$refs.ref_add.okflag) {
+				this.eventInfoData = this.$refs.ref_add.formData;
+			} else {
+				return false;
+			}
+
+			console.log("eventInfo", this.eventInfoData);
+		},
+
+		async handleComfirm() {
+			this.startLoading();
+			if (this.pageTypeCopy === "add") {
+				await this.handelAdd();
+			}
+			if (this.pageTypeCopy === "dispose") {
+				await this.handelDispose();
+			}
+			this.endLoading();
+		},
+
+		async handelAdd() {
+			this.$refs.ref_add.getEventInfo();
+			if (this.$refs.ref_add.okflag) {
+				this.eventInfoData = this.$refs.ref_add.formData;
+			} else {
+				return false;
+			}
+
+			console.log("eventInfo", this.eventInfoData);
+
+			this.$refs.ref_processinfo_add.getProcessInfo();
+			if (this.$refs.ref_processinfo_add.okflag) {
+				this.formData.operationType =
+					this.$refs.ref_processinfo_add.operationType;
+				this.eventInfoData.operationType =
+					this.$refs.ref_processinfo_add.operationType;
+
+				if (this.formData.operationType === "0") {
+					this.project = {};
+					this.demand = {};
+					this.replayInfo = this.$refs.ref_processinfo_add.replayInfo;
+					console.log("replayInfo", this.replayInfo);
+
+					//回复属性赋值
+					this.eventInfoData.content = this.replayInfo.content;
+					this.eventInfoData.status = this.replayInfo.status;
+					if (this.replayInfo.categoryId) {
+						this.eventInfoData.categoryList = [];
+						this.eventInfoData.categoryList.push(
+							this.replayInfo.categoryId
+						);
+					}
+				} else if (this.formData.operationType === "1") {
+					this.replayInfo = {};
+					this.demand = {};
+					this.project = this.$refs.ref_processinfo_add.project;
+					//项目的属性同事件一样
+					this.project.gridId = this.eventInfoData.gridId;
+
+					if (
+						this.project.categoryList &&
+						this.project.categoryList.length > 0
+					) {
+						this.eventInfoData.categoryList = [];
+						this.eventInfoData.categoryList.push(
+							this.project.categoryList[0].id
+						);
+					}
+
+					console.log("projectInfo", this.project);
+				} else if (this.formData.operationType === "2") {
+					this.replayInfo = {};
+					this.project = {};
+					this.demand = this.$refs.ref_processinfo_add.demand;
+					this.demand.gridId = this.eventInfoData.gridId;
+					//需求的属性同事件一样
+					// this.eventInfoData.categoryList = []
+					// this.eventInfoData.categoryList.push(this.demand.categoryId)
+					console.log("demond", this.demand);
+				} else if (this.formData.operationType === "3") {
+					this.project = {};
+					this.demand = {};
+					this.replayInfo = {};
+					this.issueInfo = this.$refs.ref_processinfo_add.issueInfo;
+
+					if (
+						this.issueInfo.categoryList &&
+						this.issueInfo.categoryList.length > 0
+					) {
+						this.eventInfoData.categoryList = [];
+						this.eventInfoData.categoryList.push(
+							this.issueInfo.categoryList[0].id
+						);
+					}
+					console.log("issueInfo", this.issueInfo);
+				}
+			}
+
+			this.formData = {
+				...this.eventInfoData,
+				// replayInfo: this.replayInfo,
+				project: this.project,
+				demand: this.demand,
+				issueInfo: this.issueInfo,
+				categoryList: this.eventInfoData.categoryList.map(
+					(item) => item.id
+				),
+			};
+
+			console.log("this.formData", this.formData);
+			await this.submit();
+		},
+
+		async submit() {
+			const url = "/gov/project/icEvent/add";
+
+			const { formData } = this;
+			const { data, code, msg } = await requestPost(url, {
+				...formData,
+			});
+			if (code === 0) {
+				this.$message.success("操作成功！");
+				if (this.pageTypeCopy === "add") {
+					this.eventInfo = this.$refs.ref_add.resetData();
+				}
+				this.$emit("handleOk");
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async handleUpdate() {
+			this.$refs.ref_edit.getEventInfo();
+			if (this.$refs.ref_edit.okflag) {
+				this.eventInfoData = this.$refs.ref_edit.formData;
+			} else {
+				return false;
+			}
+
+			this.formData = {
+				...this.eventInfoData,
+				categoryList: this.eventInfoData.categoryList.map(
+					(item) => item.id
+				),
+			};
+
+			console.log("this.formData", this.formData);
+			await this.update();
+		},
+
+		async update() {
+			const url = "/gov/project/icEvent/update";
+
+			const { formData } = this;
+			const { data, code, msg } = await requestPost(url, {
+				eventId: this.eventId,
+				...formData,
+			});
+			if (code === 0) {
+				this.$message.success("保存成功！");
+				this.$emit("handleOk");
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async handelDispose() {
+			this.$refs.ref_processinfo_dispose.getProcessInfo();
+			if (this.$refs.ref_processinfo_dispose.okflag) {
+				this.formData.operationType =
+					this.$refs.ref_processinfo_dispose.operationType;
+
+				if (this.formData.operationType === "0") {
+					this.project = {};
+					this.demand = {};
+					this.replayInfo =
+						this.$refs.ref_processinfo_dispose.replayInfo;
+
+					this.replayInfo.icEventId = this.eventId;
+					console.log("replayInfo", this.replayInfo);
+					//回复属性赋值
+					let url = item.processId ? "/gov/project/icEvent/reply" : "/gov/project/icEvent/reply";
+					await this.submitDispose(url, this.replayInfo);
+				} else if (this.formData.operationType === "1") {
+					this.replayInfo = {};
+					this.demand = {};
+					this.project = this.$refs.ref_processinfo_dispose.project;
+					//项目的属性同事件一样
+					this.project.icEventId = this.eventId;
+					console.log("projectInfo", this.project);
+					let url = "/gov/project/icEvent/icEventToProject";
+					await this.submitDispose(url, this.project);
+				} else if (this.formData.operationType === "2") {
+					this.replayInfo = {};
+					this.project = {};
+					this.demand = this.$refs.ref_processinfo_dispose.demand;
+					//需求的属性同事件一样
+					this.demand.icEventId = this.eventId;
+					console.log("demond", this.demand);
+					let url = "/gov/project/icEvent/icEventToDemand";
+					await this.submitDispose(url, this.demand);
+				} else if (this.formData.operationType === "3") {
+					this.replayInfo = {};
+					this.demand = {};
+					this.project = {};
+					this.issueInfo =
+						this.$refs.ref_processinfo_dispose.issueInfo;
+					//项目的属性同事件一样
+
+					console.log("issueInfo", this.issueInfo);
+					let url = "/gov/project/icEvent/icEventToIssue";
+					await this.submitDispose(url, this.issueInfo);
+				} else {
+					this.$message.info("请选择一种处理方式");
+				}
+			} else {
+				return false;
+			}
+		},
+		async submitDispose(url, params) {
+			const { data, code, msg } = await requestPost(url, {
+				...params,
+			});
+			if (code === 0) {
+				this.$message.success("操作成功！");
+
+				this.$emit("handleOk");
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+    editProcess(obj){
+      this.editProcessData = obj;
     },
-    eventDetailData: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-
-    source: {//展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: 'manage'
-    }
-  },
-
-  components: {
-    foldText,
-
-    eventAdd,
-    eventDetail,
-    processForm,
-    projectInfoOrigin,
-    demandInfoOrigin,
-    issueInfoOrigin
-  },
-
-  data: iniData,
-
-  computed: {},
-
-  watch: {
-    eventId () {
-      let data = iniData();
-      Object.keys(data).forEach((k) => {
-        this[k] = data[k];
-      });
-      // this.getApiData();
-    },
-  },
-  created () {
-
 
-  },
-  mounted () {
-    this.pageTypeCopy = this.pageType
-    if (this.pageTypeCopy !== 'add') {
-      this.getProjectProcess()
-    }
-
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-    }
-  },
-
-  methods: {
-    changeName (val) {
-      this.demandUserName = val
-    },
-    changeMobile (val) {
-
-      this.demandUserMobile = val
-    },
-    changeUserId (val) {
-
-      this.demandUserId = val
-    },
-    changeGridId (val) {
-
-      this.gridId = val
-    },
-
-    //加载组织数据
-    async getProjectProcess () {
-      const url = "/gov/project/icEvent/process";
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/process";
-
-      const { data, code, msg } = await requestPost(url, {
-        icEventId: this.eventId,
-      });
-
-      if (code === 0) {
-        this.projectProcess = data.map((item) => {
-          item.processTime = dateFormat(
-            new Date(item.processTime * 1000),
-            "yyyy-MM-dd hh:mm"
-          );
-          return item;
-        });
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    getEventInfo () {
-      this.$refs.ref_add.getEventInfo()
-      if (this.$refs.ref_add.okflag) {
-
-        this.eventInfoData = this.$refs.ref_add.formData
-      } else {
-        return false
-      }
-
-      console.log('eventInfo', this.eventInfoData)
-    },
-
-    async handleComfirm () {
-      this.startLoading()
-      if (this.pageTypeCopy === 'add') {
-        await this.handelAdd()
-      }
-      if (this.pageTypeCopy === 'dispose') {
-        await this.handelDispose()
-      }
-      this.endLoading()
-    },
-
-    async handelAdd () {
-
-      this.$refs.ref_add.getEventInfo()
-      if (this.$refs.ref_add.okflag) {
-        this.eventInfoData = this.$refs.ref_add.formData
-      } else {
-        return false
-      }
-
-      console.log('eventInfo', this.eventInfoData)
-
-      this.$refs.ref_processinfo_add.getProcessInfo()
-      if (this.$refs.ref_processinfo_add.okflag) {
-
-        this.formData.operationType = this.$refs.ref_processinfo_add.operationType
-        this.eventInfoData.operationType = this.$refs.ref_processinfo_add.operationType
-
-
-        if (this.formData.operationType === '0') {
-          this.project = {}
-          this.demand = {}
-          this.replayInfo = this.$refs.ref_processinfo_add.replayInfo
-          console.log('replayInfo', this.replayInfo)
-
-          //回复属性赋值
-          this.eventInfoData.content = this.replayInfo.content
-          this.eventInfoData.status = this.replayInfo.status
-          if (this.replayInfo.categoryId) {
-            this.eventInfoData.categoryList = []
-            this.eventInfoData.categoryList.push(this.replayInfo.categoryId)
-          }
-
-
-        } else if (this.formData.operationType === '1') {
-          this.replayInfo = {}
-          this.demand = {}
-          this.project = this.$refs.ref_processinfo_add.project
-          //项目的属性同事件一样
-          this.project.gridId = this.eventInfoData.gridId
-
-          if (this.project.categoryList && this.project.categoryList.length > 0) {
-            this.eventInfoData.categoryList = []
-            this.eventInfoData.categoryList.push(this.project.categoryList[0].id)
-          }
-
-          console.log('projectInfo', this.project)
-
-        } else if (this.formData.operationType === '2') {
-          this.replayInfo = {}
-          this.project = {}
-          this.demand = this.$refs.ref_processinfo_add.demand
-          this.demand.gridId = this.eventInfoData.gridId
-          //需求的属性同事件一样
-          // this.eventInfoData.categoryList = []
-          // this.eventInfoData.categoryList.push(this.demand.categoryId)
-          console.log('demond', this.demand)
-        } else if (this.formData.operationType === '3') {
-          this.project = {}
-          this.demand = {}
-          this.replayInfo = {}
-          this.issueInfo = this.$refs.ref_processinfo_add.issueInfo
-
-          if (this.issueInfo.categoryList && this.issueInfo.categoryList.length > 0) {
-            this.eventInfoData.categoryList = []
-            this.eventInfoData.categoryList.push(this.issueInfo.categoryList[0].id)
-          }
-          console.log('issueInfo', this.issueInfo)
-
-        }
-
-      }
-
-      this.formData = {
-        ...this.eventInfoData,
-        // replayInfo: this.replayInfo,
-        project: this.project,
-        demand: this.demand,
-        issueInfo: this.issueInfo,
-        categoryList: this.eventInfoData.categoryList.map(item => item.id)
-      }
-
-      console.log('this.formData', this.formData)
-      await this.submit()
-    },
-
-    async submit () {
-      const url = "/gov/project/icEvent/add";
-
-      const { formData } = this;
-      const { data, code, msg } = await requestPost(url, {
-
-        ...formData,
-      });
-      if (code === 0) {
-
-        this.$message.success("操作成功！");
-        if (this.pageTypeCopy === 'add') {
-          this.eventInfo = this.$refs.ref_add.resetData()
-
-        }
-        this.$emit("handleOk");
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    async handelDispose () {
-      this.$refs.ref_processinfo_dispose.getProcessInfo()
-      if (this.$refs.ref_processinfo_dispose.okflag) {
-
-        this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType
-
-        if (this.formData.operationType === '0') {
-
-          this.project = {}
-          this.demand = {}
-          this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo
-
-          this.replayInfo.icEventId = this.eventId
-          console.log('replayInfo', this.replayInfo)
-          //回复属性赋值
-          let url = '/gov/project/icEvent/reply'
-          await this.submitDispose(url, this.replayInfo)
-
-        } else if (this.formData.operationType === '1') {
-          this.replayInfo = {}
-          this.demand = {}
-          this.project = this.$refs.ref_processinfo_dispose.project
-          //项目的属性同事件一样
-          this.project.icEventId = this.eventId
-          console.log('projectInfo', this.project)
-          let url = '/gov/project/icEvent/icEventToProject'
-          await this.submitDispose(url, this.project)
-
-        } else if (this.formData.operationType === '2') {
-          this.replayInfo = {}
-          this.project = {}
-          this.demand = this.$refs.ref_processinfo_dispose.demand
-          //需求的属性同事件一样
-          this.demand.icEventId = this.eventId
-          console.log('demond', this.demand)
-          let url = '/gov/project/icEvent/icEventToDemand'
-          await this.submitDispose(url, this.demand)
-        } else if (this.formData.operationType === '3') {
-          this.replayInfo = {}
-          this.demand = {}
-          this.project = {}
-          this.issueInfo = this.$refs.ref_processinfo_dispose.issueInfo
-          //项目的属性同事件一样
-
-          console.log('issueInfo', this.issueInfo)
-          let url = '/gov/project/icEvent/icEventToIssue'
-          await this.submitDispose(url, this.issueInfo)
-
-        } else {
-          this.$message.info("请选择一种处理方式");
-        }
-
-      } else {
-        return false
-      }
-
-    },
-    async submitDispose (url, params) {
-      const { data, code, msg } = await requestPost(url, {
-
-        ...params,
-      });
-      if (code === 0) {
-
-        this.$message.success("操作成功！");
-
-        this.$emit("handleOk");
-      } else {
-        this.$message.error(msg);
-      }
-    },
-
-    handleClose () {
-      if (this.pageTypeCopy === 'add') {
-        this.eventInfo = this.$refs.ref_add.resetData()
-      }
-
-      this.$emit("handleClose");
-    },
-    handleToProject () {
-      if (this.eventDetailCopy.status === 'processing') {
-        this.projectPageType = 'edit'
-      } else {
-        this.projectPageType = 'info'
-      }
-      this.pageTypeCopy = 'project'
-
-    },
-    handleToDemand () {
-      // if (this.eventDetailCopy.status === 'processing') {
-      //   this.projectPageType = 'edit'
-      // } else {
-      //   this.projectPageType = 'info'
-      // }
-      this.pageTypeCopy = 'demand'
-
-    },
-    async handleToIssue () {
-      const url = "/gov/issue/manage/votingissuedetail";
-
-      const { data, code, msg } = await requestPost(url, {
-        issueId: this.eventDetailCopy.operationId,
-      });
-
-      if (code === 0) {
-
-        this.issueDetailData = { ...data };
-
-      } else {
-        this.$message.error(msg);
-      }
-
-      if (this.issueDetailData.issueStatus === 'voting') {
-        this.issuePageType = 'dispose'
-      } else {
-        this.issuePageType = 'info'
-      }
-      this.pageTypeCopy = 'issue'
-    },
-    handleCloseProject () {
-      this.getProjectProcess()
-      this.pageTypeCopy = 'info'
-
-
-    },
-
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: "正在加载……", // 加载中需要显示的文字
-        background: "rgba(0,0,0,.7)", // 背景颜色
-      });
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close();
-      }
-    },
-  },
+		handleClose() {
+			if (this.pageTypeCopy === "add") {
+				this.eventInfo = this.$refs.ref_add.resetData();
+			}
+
+			this.$emit("handleClose");
+		},
+		handleToProject() {
+			if (this.eventDetailCopy.status === "processing") {
+				this.projectPageType = "edit";
+			} else {
+				this.projectPageType = "info";
+			}
+			this.pageTypeCopy = "project";
+		},
+		handleToDemand() {
+			// if (this.eventDetailCopy.status === 'processing') {
+			//   this.projectPageType = 'edit'
+			// } else {
+			//   this.projectPageType = 'info'
+			// }
+			this.pageTypeCopy = "demand";
+		},
+		async handleToIssue() {
+			const url = "/gov/issue/manage/votingissuedetail";
+
+			const { data, code, msg } = await requestPost(url, {
+				issueId: this.eventDetailCopy.operationId,
+			});
+
+			if (code === 0) {
+				this.issueDetailData = { ...data };
+			} else {
+				this.$message.error(msg);
+			}
+
+			if (this.issueDetailData.issueStatus === "voting") {
+				this.issuePageType = "dispose";
+			} else {
+				this.issuePageType = "info";
+			}
+			this.pageTypeCopy = "issue";
+		},
+		handleCloseProject() {
+			this.getProjectProcess();
+			this.pageTypeCopy = "info";
+		},
+
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
 };
 </script>
 
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-replay.vue b/src/views/modules/shequzhili/event/cpts/process-form-replay.vue
index ccc4b6d..78155d0 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-replay.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-replay.vue
@@ -1,11 +1,12 @@
 <template>
-  <div class="search">
-
-    <el-form ref="ref_form1"
-             :inline="false"
-             :model="formData"
-             :rules="dataRule">
-      <!-- <el-form-item label="事件分类"
+	<div class="search">
+		<el-form
+			ref="ref_form1"
+			:inline="false"
+			:model="formData"
+			:rules="dataRule"
+		>
+			<!-- <el-form-item label="事件分类"
                     label-width="150px"
                     :class="{'form-item':source==='visiual'}"
                     prop="categoryList">
@@ -20,92 +21,109 @@
                        @change="handleChangeCate"></el-cascader>
         </div>
       </el-form-item> -->
-      <!-- 0、上报 1、阅收 3、完结 4、审核 5、事件评价 6、结案归档-->
-      
-      <el-form-item label="办理状态"
-                    prop="manageStatus"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    style="display: block">
-        <div :class="{'visiual-form':source==='visiual'}">
-              <el-select v-model="formData.manageStatus" placeholder="请选择办理状态">
-                <el-option
-                  v-for="item in statusOption"
-                  :label="item.label"
-                  :value="item.value"
-                  clearable
-                  :key="item.value">
-                </el-option>
-              </el-select>
-        </div>
-
-      </el-form-item>
-      <el-form-item
-						label="办理时间"
-						prop="manageTime"
-						label-width="150px"
-						style="display: block"
+			<!-- 0、上报 1、阅收 3、完结 4、审核 5、事件评价 6、结案归档-->
+
+			<el-form-item
+				label="办理状态"
+				prop="manageStatus"
+				label-width="150px"
+				:class="{ 'form-item': source === 'visiual' }"
+				style="display: block"
+			>
+				<div :class="{ 'visiual-form': source === 'visiual' }">
+					<el-select
+						v-model="formData.manageStatus"
+						placeholder="请选择办理状态"
 					>
-						<el-date-picker
-							v-model="formData.manageTime"
-							class="cell-width-1"
-							type="datetime"
-							placeholder="办理时间"
-							value-format="yyyy-MM-dd HH:mm:ss"
+						<el-option
+							v-for="item in statusOption"
+							:label="item.label"
+							:value="item.value"
+							clearable
+							:key="item.value"
 						>
-						</el-date-picker>
-					</el-form-item>
-          <el-form-item label="办理人"
-                    prop="manageResi"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    style="display: block">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input class="cell-width-area"
-                    placeholder="请输入办理人"
-                    v-model="formData.manageResi"></el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label="办理人电话"
-                    prop="manageResiTel"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    style="display: block">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input class="cell-width-area"
-                    placeholder="请输入办理人"
-                    v-model="formData.manageResiTel"></el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label="办理意见"
-                    prop="content"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    style="display: block">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input class="cell-width-area"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :rows="5"
-                    placeholder="请输入回复内容，不超过500字"
-                    v-model="formData.content"></el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label=""
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    style="display: block">
-        <el-checkbox :class="{'form-item':source==='visiual'}"
-                     v-model="status">已完成</el-checkbox>
-      </el-form-item>
-
-    </el-form>
-
-  </div>
+						</el-option>
+					</el-select>
+				</div>
+			</el-form-item>
+			<el-form-item
+				label="办理时间"
+				prop="manageTime"
+				label-width="150px"
+				style="display: block"
+			>
+				<el-date-picker
+					v-model="formData.manageTime"
+					class="cell-width-1"
+					type="datetime"
+					placeholder="办理时间"
+					value-format="yyyy-MM-dd HH:mm:ss"
+				>
+				</el-date-picker>
+			</el-form-item>
+			<el-form-item
+				label="办理人"
+				prop="manageResi"
+				label-width="150px"
+				:class="{ 'form-item': source === 'visiual' }"
+				style="display: block"
+			>
+				<div :class="{ 'visiual-form': source === 'visiual' }">
+					<el-input
+						class="cell-width-area"
+						placeholder="请输入办理人"
+						v-model="formData.manageResi"
+					></el-input>
+				</div>
+			</el-form-item>
+			<el-form-item
+				label="办理人电话"
+				prop="manageResiTel"
+				label-width="150px"
+				:class="{ 'form-item': source === 'visiual' }"
+				style="display: block"
+			>
+				<div :class="{ 'visiual-form': source === 'visiual' }">
+					<el-input
+						class="cell-width-area"
+						placeholder="请输入办理人"
+						v-model="formData.manageResiTel"
+					></el-input>
+				</div>
+			</el-form-item>
+			<el-form-item
+				label="办理意见"
+				prop="content"
+				label-width="150px"
+				:class="{ 'form-item': source === 'visiual' }"
+				style="display: block"
+			>
+				<div :class="{ 'visiual-form': source === 'visiual' }">
+					<el-input
+						class="cell-width-area"
+						type="textarea"
+						maxlength="500"
+						show-word-limit
+						:rows="5"
+						placeholder="请输入回复内容，不超过500字"
+						v-model="formData.content"
+					></el-input>
+				</div>
+			</el-form-item>
+			<el-form-item
+				label=""
+				label-width="150px"
+				:class="{ 'form-item': source === 'visiual' }"
+				style="display: block"
+			>
+				<el-checkbox
+					:class="{ 'form-item': source === 'visiual' }"
+					v-model="status"
+					>已完成</el-checkbox
+				>
+			</el-form-item>
+		</el-form>
+	</div>
 </template>
 <script>
 import { Loading } from "element-ui"; // 引入Loading服务
@@ -113,220 +131,241 @@ import { requestPost } from "@/js/dai/request";
 import formVltHelper from "dai-js/tools/formVltHelper";
 
 import { isCard } from "@/utils/validate";
+import replyOptions from "./replyOptions";
 
 let loading; // 加载动画
 
-
 export default {
-  data () {
-    return {
-      btnDisable: false,
-      formData: {
-        operationType: '0',//处理方式[0:已回复 1:已转项目  2:已转需求]	
-        content: '',
-        manageStatus: '',
-        manageTime:'',
-        manageResi:'',
-        manageResiTel:''
-      },
-
-      status: false,
-      okflag: false,
-
-      // <!-- 0、上报 1、阅收 2、完结 3、审核 4、事件评价 5、结案归档-->
-      eventDetailCopy: {},
-      statusOption:[
-        {label:'上报',value:0},
-        {label:'阅收',value:1},
-        {label:'完结',value:2},
-        {label:'审核',value:3},
-        {label:'事件评价',value:4},
-        {label:'结案归档',value:5}
-      ],
-      casOptions: [],
-      iscascaderShow: 0,
-      selCategoryArray: [],
-      selCateObj: {},
-      optionProps: {
-        multiple: false,
-        value: 'id',
-        label: 'name',
-        children: 'subCategory',
-      },
-
-    };
-  },
-  components: {},
-  computed: {
-    dataRule () {
-
-      return {
-        content: [
-          { required: true, message: "办理意见不能为空", trigger: "blur" },
-        ],
-        manageStatus: [
-          { required: true, message: "办理状态能为空", trigger: "blur" },
-        ],
-        manageTime: [
-          { required: true, message: "办理时间不能为空", trigger: "blur" },
-        ],
-        manageResi: [
-          { required: true, message: "办理人不能为空", trigger: "blur" },
-        ],
-        manageResiTel: [
-          { required: true, message: "办理人电话不能为空", trigger: "blur" },
-        ],
-      };
-    },
-
-
-  },
-  props: {
-    eventId: {
-      type: String,
-      default: "",
-    },
-    eventDetailData: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    source: {//展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: 'manage'
-    }
-  },
-  watch: {},
-
-  created () {
-
-    console.log(this.source)
-
-  },
-
-  async mounted () {
-
-    this.getCategoryList()
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-
-      if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) {
-        this.selCategoryArray = []
-        this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId)
-        this.selCategoryArray.push(this.eventDetailCopy.categoryId)
-
-        this.selCateObj = {
-          name: this.eventDetailCopy.categoryName,
-          id: this.eventDetailCopy.categoryId
-        }
-      }
-    }
-  },
-
-  methods: {
-    async getCategoryList () {
-      const url = "/gov/issue/issueprojectcategorydict/list"
-
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-
-        let treeDataNew = this.filterTree(data)
-
-        //组织级联数据
-        ++this.iscascaderShow
-        this.casOptions = []
-
-        this.casOptions = treeDataNew
-
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    handleChangeCate () {
-      console.log(this.$refs["myCascader"].getCheckedNodes()[0].data)
-      this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data
-
-    },
-
-    //重构树，去除网格
-    filterTree (arr) {
-      let childs = arr
-      for (let i = childs.length; i--; i > 0) {
-        if (childs[i].subCategory) {
-          if (childs[i].subCategory.length) {
-            this.filterTree(childs[i].subCategory)
-          } else {
-            delete childs[i].subCategory
-          }
-        }
-      }
-      return arr
-    },
-    async getReplayInfo () {
-      this.okflag = false
-      this.$refs["ref_form1"].validate((valid, messageObj) => {
-        if (!valid) {
-          app.util.validateRule(messageObj);
-
-        } else {
-
-          if (this.status) {
-
-            if (!this.selCateObj || !this.selCateObj.id) {
-              this.$message.info("请填写事件分类");
-              return false
-            }
-            this.formData.status = 'closed_case'
-          } else {
-            this.formData.status = 'processing'
-          }
-          this.formData.categoryId = this.selCateObj.id
-          this.formData.categoryList = []
-          this.formData.categoryList.push(this.selCateObj)
-
-          this.okflag = true
-        }
-      });
-    },
-
-    resetData () {
-
-    },
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: "正在加载……", // 加载中需要显示的文字
-        background: "rgba(0,0,0,.7)", // 背景颜色
-      });
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close();
-      }
-    },
-  },
+	data() {
+		return {
+			btnDisable: false,
+			formData: {
+				operationType: "0", //处理方式[0:已回复 1:已转项目  2:已转需求]
+				content: "",
+				manageStatus: "",
+				manageTime: "",
+				manageResi: "",
+				manageResiTel: "",
+			},
+
+			status: false,
+			okflag: false,
+
+			// <!-- 0、上报 1、阅收 2、完结 3、审核 4、事件评价 5、结案归档-->
+			eventDetailCopy: {},
+			statusOption: replyOptions,
+			casOptions: [],
+			iscascaderShow: 0,
+			selCategoryArray: [],
+			selCateObj: {},
+			optionProps: {
+				multiple: false,
+				value: "id",
+				label: "name",
+				children: "subCategory",
+			},
+		};
+	},
+	components: {},
+	computed: {
+		dataRule() {
+			return {
+				content: [
+					{
+						required: true,
+						message: "办理意见不能为空",
+						trigger: "blur",
+					},
+				],
+				manageStatus: [
+					{
+						required: true,
+						message: "办理状态能为空",
+						trigger: "blur",
+					},
+				],
+				manageTime: [
+					{
+						required: true,
+						message: "办理时间不能为空",
+						trigger: "blur",
+					},
+				],
+				manageResi: [
+					{
+						required: true,
+						message: "办理人不能为空",
+						trigger: "blur",
+					},
+				],
+				manageResiTel: [
+					{
+						required: true,
+						message: "办理人电话不能为空",
+						trigger: "blur",
+					},
+				],
+			};
+		},
+	},
+	props: {
+		eventId: {
+			type: String,
+			default: "",
+		},
+		eventDetailData: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		processData: Object,
+		source: {
+			//展示来源：manage  管理平台    visiual  可视化平台
+			type: String,
+			default: "manage",
+		},
+	},
+	watch: {
+		processData() {
+			this.syncProcessData();
+		},
+	},
+
+	created() {
+		console.log(this.source);
+		this.syncProcessData();
+	},
+
+	async mounted() {
+		this.getCategoryList();
+		if (this.eventId) {
+			this.eventDetailCopy = JSON.parse(
+				JSON.stringify(this.eventDetailData)
+			);
+
+			if (
+				this.eventDetailCopy.parentCategoryId &&
+				this.eventDetailCopy.categoryId
+			) {
+				this.selCategoryArray = [];
+				this.selCategoryArray.push(
+					this.eventDetailCopy.parentCategoryId
+				);
+				this.selCategoryArray.push(this.eventDetailCopy.categoryId);
+
+				this.selCateObj = {
+					name: this.eventDetailCopy.categoryName,
+					id: this.eventDetailCopy.categoryId,
+				};
+			}
+		}
+	},
+
+	methods: {
+		syncProcessData() {
+			const { processData } = this;
+			this.formData = {
+				processId: processData.processId,
+				operationType: "0", //处理方式[0:已回复 1:已转项目  2:已转需求]
+				content: processData.publicReply,
+				manageStatus: processData.manageStatus,
+				manageTime: processData.manageTime,
+				manageResi: processData.manageResi,
+				manageResiTel: processData.manageResiTel,
+			};
+		},
+		async getCategoryList() {
+			const url = "/gov/issue/issueprojectcategorydict/list";
+
+			let params = {};
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				let treeDataNew = this.filterTree(data);
+
+				//组织级联数据
+				++this.iscascaderShow;
+				this.casOptions = [];
+
+				this.casOptions = treeDataNew;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		handleChangeCate() {
+			console.log(this.$refs["myCascader"].getCheckedNodes()[0].data);
+			this.selCateObj =
+				this.$refs["myCascader"].getCheckedNodes()[0].data;
+		},
+
+		//重构树，去除网格
+		filterTree(arr) {
+			let childs = arr;
+			for (let i = childs.length; i--; i > 0) {
+				if (childs[i].subCategory) {
+					if (childs[i].subCategory.length) {
+						this.filterTree(childs[i].subCategory);
+					} else {
+						delete childs[i].subCategory;
+					}
+				}
+			}
+			return arr;
+		},
+		async getReplayInfo() {
+			this.okflag = false;
+			this.$refs["ref_form1"].validate((valid, messageObj) => {
+				if (!valid) {
+					app.util.validateRule(messageObj);
+				} else {
+					if (this.status) {
+						if (!this.selCateObj || !this.selCateObj.id) {
+							this.$message.info("请填写事件分类");
+							return false;
+						}
+						this.formData.status = "closed_case";
+					} else {
+						this.formData.status = "processing";
+					}
+					this.formData.categoryId = this.selCateObj.id;
+					this.formData.categoryList = [];
+					this.formData.categoryList.push(this.selCateObj);
+
+					this.okflag = true;
+				}
+			});
+		},
+
+		resetData() {},
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
 };
 </script>
 
-
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 @import "@/assets/scss/modules/visual/a_customize.scss";
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
 </style>
 
-
-
 <style>
 .el-dialog__body {
-  padding: 0 10px 20px !important;
+	padding: 0 10px 20px !important;
 }
 </style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index 52fc71f..e25fded 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -1,67 +1,73 @@
 <template>
-  <div class="">
-    <div>
-
-      <el-form ref="ref_form1"
-               :inline="false"
-               :rules="dataRule"
-               class="form">
-
-        <el-form-item label="处理方式"
-                      label-width="150px"
-                      :class="{'form-item':source==='visiual'}"
-                      prop="operationType">
-          <el-radio-group :class="{'form-item':source==='visiual'}"
-                          v-model="operationType"
-                          @change="handleChangeOperationType">
-            <el-radio v-if="!eventId"
-                      label="">暂不处理</el-radio>
-            <el-radio label="0">回复</el-radio>
-            <!-- <el-radio label="1">立项</el-radio>
+	<div class="">
+		<div>
+			<el-form
+				ref="ref_form1"
+				:inline="false"
+				:rules="dataRule"
+				class="form"
+			>
+				<el-form-item
+					label="处理方式"
+					label-width="150px"
+					:class="{ 'form-item': source === 'visiual' }"
+					prop="operationType"
+				>
+					<el-radio-group
+						:class="{ 'form-item': source === 'visiual' }"
+						v-model="operationType"
+						@change="handleChangeOperationType"
+					>
+						<el-radio v-if="!eventId" label="">暂不处理</el-radio>
+						<el-radio label="0">回复</el-radio>
+						<!-- <el-radio label="1">立项</el-radio>
             <el-radio label="2">转服务</el-radio>
             <el-radio label="3">转议题</el-radio> -->
-
-          </el-radio-group>
-        </el-form-item>
-
-      </el-form>
-
-      <div v-if="operationType==='0'">
-        <process-form-replay ref="ref_process_form_replay"
-                             :source="source"
-                             :eventDetailData="eventDetailData"
-                             :eventId="eventId"></process-form-replay>
-      </div>
-
-      <div v-if="operationType==='1'">
-        <process-form-project ref="ref_process_form_project"
-                              :source="source"
-                              :eventDetailData="eventDetailData"
-                              :gridId="gridId"
-                              :eventId="eventId"></process-form-project>
-      </div>
-
-      <div v-if="operationType==='2'">
-        <process-form-demand ref="ref_process_form_demond"
-                             :source="source"
-                             :eventId="eventId"
-                             :demandUserId="demandUserId"
-                             :demandUserName="demandUserName"
-                             :demandUserMobile="demandUserMobile"
-                             :eventDetailData="eventDetailData"></process-form-demand>
-
-      </div>
-      <div v-if="operationType==='3'">
-        <process-form-issue ref="ref_process_form_issue"
-                            :source="source"
-                            :eventDetailData="eventDetailData"
-                            :eventId="eventId"></process-form-issue>
-
-      </div>
-
-    </div>
-
-  </div>
+					</el-radio-group>
+				</el-form-item>
+			</el-form>
+
+			<div v-if="operationType === '0'">
+				<process-form-replay
+					ref="ref_process_form_replay"
+					:source="source"
+					:processData="processData"
+					:eventDetailData="eventDetailData"
+					:eventId="eventId"
+				></process-form-replay>
+			</div>
+
+			<div v-if="operationType === '1'">
+				<process-form-project
+					ref="ref_process_form_project"
+					:source="source"
+					:eventDetailData="eventDetailData"
+					:gridId="gridId"
+					:eventId="eventId"
+				></process-form-project>
+			</div>
+
+			<div v-if="operationType === '2'">
+				<process-form-demand
+					ref="ref_process_form_demond"
+					:source="source"
+					:eventId="eventId"
+					:demandUserId="demandUserId"
+					:demandUserName="demandUserName"
+					:demandUserMobile="demandUserMobile"
+					:eventDetailData="eventDetailData"
+				></process-form-demand>
+			</div>
+			<div v-if="operationType === '3'">
+				<process-form-issue
+					ref="ref_process_form_issue"
+					:source="source"
+					:eventDetailData="eventDetailData"
+					:eventId="eventId"
+				></process-form-issue>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
@@ -72,199 +78,186 @@ import processFormProject from "./process-form-project";
 import processFormDemand from "./process-form-demand";
 import processFormIssue from "./process-form-issue";
 
-
 let loading; // 加载动画
 
 export default {
-  data () {
-    return {
-
-      casOptions: [],
-      iscascaderShow: 0,
-      selCategoryArray: [],
-      selCateObj: {},
-      optionProps: {
-        multiple: false,
-        value: 'id',
-        label: 'name',
-        children: 'subCategory',
-      },
-
-      operationType: '',
-
-
-      replayInfo: {},
-      demand: {},
-      project: {},
-      issueInfo: {},
-      okflag: false,
-
-      eventDetailCopy: {}
-
-    };
-  },
-  components: {
-    processFormReplay,
-    processFormProject,
-    processFormDemand,
-    processFormIssue
-  },
-  computed: {
-    dataRule () {
-      return {
-
-        operationType: [
-          { required: true, message: "处理方式不能为空", trigger: "blur" },
-        ],
-
-      };
-    },
-
-
-  },
-  props: {
-    demandUserId: {
-      type: String,
-      default: "",
-    },
-    demandUserName: {
-      type: String,
-      default: "",
-    },
-    demandUserMobile: {
-      type: String,
-      default: "",
-    },
-    gridId: {
-      type: String,
-      default: "",
-    },
-    eventId: {
-      type: String,
-      default: "",
-    },
-    eventDetailData: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    source: {//展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: 'manage'
-    }
-  },
-
-  watch: {
-
-  },
-
-  created () {
-
-    console.log(this.source)
-
-  },
-
-  async mounted () {
-    const { user } = this.$store.state
-    this.agencyId = user.agencyId
-
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-
-    }
-
-  },
-
-  methods: {
-    handleChangeOperationType (val) {
-
-    },
-    async getProcessInfo () {
-      this.okflag = false
-      if (this.operationType === '0') {
-        this.$refs.ref_process_form_replay.getReplayInfo()
-        if (this.$refs.ref_process_form_replay.okflag) {
-          this.replayInfo = this.$refs.ref_process_form_replay.formData
-
-          this.okflag = true
-
-        } else {
-          return false
-        }
-
-      } else if (this.operationType === '1') {
-        this.$refs.ref_process_form_project.getProjectInfo()
-        if (this.$refs.ref_process_form_project.okflag) {
-
-          this.project = this.$refs.ref_process_form_project.formData
-
-          //赋值分类信息
-          this.okflag = true
-
-        } else {
-          return false
-        }
-      } else if (this.operationType === '2') {
-        this.$refs.ref_process_form_demond.getDemandInfo()
-        if (this.$refs.ref_process_form_demond.okflag) {
-          this.demand = this.$refs.ref_process_form_demond.formData
-
-          this.okflag = true
-
-        } else {
-          return false
-        }
-      } else if (this.operationType === '3') {
-        this.$refs.ref_process_form_issue.getIssueInfo()
-        if (this.$refs.ref_process_form_issue.okflag) {
-          this.issueInfo = this.$refs.ref_process_form_issue.formData
-
-          this.okflag = true
-
-        } else {
-          return false
-        }
-      }
-
-    },
-
-
-    handleCancle () {
-      this.resetData();
-
-    },
-    resetData () {
-
-    },
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: "正在加载……", // 加载中需要显示的文字
-        background: "rgba(0,0,0,.7)", // 背景颜色
-      });
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close();
-      }
-    },
-  },
+	data() {
+		return {
+			casOptions: [],
+			iscascaderShow: 0,
+			selCategoryArray: [],
+			selCateObj: {},
+			optionProps: {
+				multiple: false,
+				value: "id",
+				label: "name",
+				children: "subCategory",
+			},
+
+			operationType: "",
+
+			replayInfo: {},
+			demand: {},
+			project: {},
+			issueInfo: {},
+			okflag: false,
+
+			eventDetailCopy: {},
+		};
+	},
+	components: {
+		processFormReplay,
+		processFormProject,
+		processFormDemand,
+		processFormIssue,
+	},
+	computed: {
+		dataRule() {
+			return {
+				operationType: [
+					{
+						required: true,
+						message: "处理方式不能为空",
+						trigger: "blur",
+					},
+				],
+			};
+		},
+	},
+	props: {
+		demandUserId: {
+			type: String,
+			default: "",
+		},
+		demandUserName: {
+			type: String,
+			default: "",
+		},
+		demandUserMobile: {
+			type: String,
+			default: "",
+		},
+		gridId: {
+			type: String,
+			default: "",
+		},
+		eventId: {
+			type: String,
+			default: "",
+		},
+		eventDetailData: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		processData: Object,
+		source: {
+			//展示来源：manage  管理平台    visiual  可视化平台
+			type: String,
+			default: "manage",
+		},
+	},
+
+	watch: {
+		processData(val) {
+			if (val && val.processId) {
+				if (val.processName == "回复") {
+					this.operationType = "0";
+				}
+			}
+		},
+	},
+
+	created() {
+		console.log(this.source);
+	},
+
+	async mounted() {
+		const { user } = this.$store.state;
+		this.agencyId = user.agencyId;
+
+		if (this.eventId) {
+			this.eventDetailCopy = JSON.parse(
+				JSON.stringify(this.eventDetailData)
+			);
+		}
+	},
+
+	methods: {
+		handleChangeOperationType(val) {},
+		async getProcessInfo() {
+			this.okflag = false;
+			if (this.operationType === "0") {
+				this.$refs.ref_process_form_replay.getReplayInfo();
+				if (this.$refs.ref_process_form_replay.okflag) {
+					this.replayInfo =
+						this.$refs.ref_process_form_replay.formData;
+
+					this.okflag = true;
+				} else {
+					return false;
+				}
+			} else if (this.operationType === "1") {
+				this.$refs.ref_process_form_project.getProjectInfo();
+				if (this.$refs.ref_process_form_project.okflag) {
+					this.project = this.$refs.ref_process_form_project.formData;
+
+					//赋值分类信息
+					this.okflag = true;
+				} else {
+					return false;
+				}
+			} else if (this.operationType === "2") {
+				this.$refs.ref_process_form_demond.getDemandInfo();
+				if (this.$refs.ref_process_form_demond.okflag) {
+					this.demand = this.$refs.ref_process_form_demond.formData;
+
+					this.okflag = true;
+				} else {
+					return false;
+				}
+			} else if (this.operationType === "3") {
+				this.$refs.ref_process_form_issue.getIssueInfo();
+				if (this.$refs.ref_process_form_issue.okflag) {
+					this.issueInfo = this.$refs.ref_process_form_issue.formData;
+
+					this.okflag = true;
+				} else {
+					return false;
+				}
+			}
+		},
+
+		handleCancle() {
+			this.resetData();
+		},
+		resetData() {},
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
 };
 </script>
 
-
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
 </style>
 
-
-
 <style>
 .el-dialog__body {
-  padding: 0 10px 20px !important;
+	padding: 0 10px 20px !important;
 }
 </style>
diff --git a/src/views/modules/shequzhili/event/cpts/replyOptions.js b/src/views/modules/shequzhili/event/cpts/replyOptions.js
new file mode 100644
index 0000000..3de2046
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/replyOptions.js
@@ -0,0 +1,8 @@
+export default [
+	{ label: "上报", value: 0 },
+	{ label: "阅收", value: 1 },
+	{ label: "完结", value: 2 },
+	{ label: "审核", value: 3 },
+	{ label: "事件评价", value: 4 },
+	{ label: "结案归档", value: 5 },
+];
diff --git a/src/views/modules/shequzhili/event/eventList.vue b/src/views/modules/shequzhili/event/eventList.vue
index 539f37f..5895937 100644
--- a/src/views/modules/shequzhili/event/eventList.vue
+++ b/src/views/modules/shequzhili/event/eventList.vue
@@ -181,7 +181,7 @@
 						size="small"
 						>导出</el-button
 					>
-<!-- 
+					<!-- 
 					<el-button
 						@click="handleMarkDiffcult"
 						class="diy-button--export"
@@ -394,13 +394,22 @@
 						fixed="right"
 						label="操作"
 						align="center"
-						width="100"
+						width="200"
 					>
 						<template slot-scope="scope">
+							<el-button
+								@click="handleUpdate(scope.row)"
+								type="text"
+								size="small"
+								class="div-table-button--edit"
+								>修改</el-button
+							>
+
 							<el-button
 								v-if="
-									scope.row.status === 'processing' &&
-									!scope.row.operationId
+									true ||
+									(scope.row.status === 'processing' &&
+										!scope.row.operationId)
 								"
 								@click="handleDispose(scope.row)"
 								type="text"
@@ -455,7 +464,10 @@
 		</div>
 		<div
 			v-if="
-				pageType == 'dispose' || pageType == 'info' || pageType == 'add'
+				pageType == 'dispose' ||
+				pageType == 'info' ||
+				pageType == 'add' ||
+				pageType == 'edit'
 			"
 		>
 			<event-info
@@ -826,6 +838,23 @@ export default {
 			}
 		},
 
+		//编辑事件
+		async handleUpdate(row) {
+			this.eventId = row.icEventId;
+			const url = "/gov/project/icEvent/detail";
+
+			const { data, code, msg } = await requestPost(url, {
+				icEventId: this.eventId,
+			});
+
+			if (code === 0) {
+				this.eventDetailData = { ...data };
+				this.pageType = "edit";
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
 		//显示语音窗口
 		handleShowVoice(url) {
 			this.selVoiceUrl = url;
diff --git a/vue.config.js b/vue.config.js
index 227c70e..bead17e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -27,7 +27,7 @@ module.exports = {
   assetsDir: 'static',
   devServer: {
     open: true,
-    port: 9004,
+    port: 9005,
     overlay: {
       errors: true,
       warnings: true