From df9a1f38f9d035790a45bd28900c24dd0403080a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E5=89=8D=E6=98=8E?= <909355014@qq.com>
Date: Mon, 20 Jun 2022 18:21:58 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9system.js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/model/system.js        |  27 +++++
 src/views/ecm/event.vue        | 187 ++++++++++++++++++---------------
 src/views/ecm/event_detail.vue |   0
 src/views/ecm/event_form.vue   | 102 ++++++++++++++++++
 4 files changed, 232 insertions(+), 84 deletions(-)
 delete mode 100644 src/views/ecm/event_detail.vue
 create mode 100644 src/views/ecm/event_form.vue

diff --git a/src/api/model/system.js b/src/api/model/system.js
index 0c5d16c1..b6cec3b0 100644
--- a/src/api/model/system.js
+++ b/src/api/model/system.js
@@ -184,4 +184,31 @@ export default {
 			}
 		}
 	},
+	post:{
+        list: {
+			name: "获取",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/system/post/`,
+					data
+				);
+			}
+		},
+		create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/system/post/`,
+					data);
+			}
+		},
+		delete: {
+			name: "删除",
+			req: async function(id, data){
+				return await http.delete(
+					`${config.API_URL}/system/post/${id}/`,
+					data);
+			}
+		},
+    },
 }
diff --git a/src/views/ecm/event.vue b/src/views/ecm/event.vue
index e09b0f44..38f1b7ea 100644
--- a/src/views/ecm/event.vue
+++ b/src/views/ecm/event.vue
@@ -1,6 +1,6 @@
 <template>
-	<el-container>
-		<!-- <el-header>
+  <el-container>
+    <!-- <el-header>
 			<div class="left-panel">
 				<el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
 				<el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
@@ -13,90 +13,109 @@
 				</div>
 			</div>
 		</el-header> -->
-		<el-main class="nopadding">
-			<scTable ref="table" :apiObj="apiObj" row-key="id" fit stripe @resetQuery="resetQuery">
-				<el-table-column label="#" type="index" width="50"></el-table-column>
-				<el-table-column label="事件种类" prop="cate_name"></el-table-column>
-				<el-table-column label="发生区域" prop="area_name">
-				</el-table-column>
-                <el-table-column label="人员类型" prop="peope_type">
-                    <template #default="scope">
-                        <span v-if="scope.row.peope_type=='employee'">企业员工</span>
-                        <span v-if="scope.row.peope_type=='remployee'">相关方</span>
-                        <span v-if="scope.row.peope_type=='visitor'">访客</span>
-                    </template>
-                </el-table-column>
-				<el-table-column label="当事人" prop="people_name"></el-table-column>
-				<el-table-column label="发生时间" prop="create_time"></el-table-column>
-                <el-table-column label="是否已处理">
-                    <template #default="scope">
-                        <el-icon v-if="scope.row.handle_user" color="green"><CircleCheckFilled /></el-icon>
-                        <el-icon v-else color="red"><CircleCloseFilled /></el-icon>
-                    </template>
-                </el-table-column>
-				<el-table-column label="操作" fixed="right" align="right">
-					<template #default="scope">
-						<el-button-group>
-							<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
-							<!-- <el-button text type="warning" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button> -->
-							<!-- <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        fit
+        stripe
+        @resetQuery="resetQuery"
+      >
+        <el-table-column label="#" type="index" width="50"></el-table-column>
+        <el-table-column label="事件种类" prop="cate_name"></el-table-column>
+        <el-table-column label="发生区域" prop="area_name"> </el-table-column>
+        <el-table-column label="人员类型" prop="peope_type">
+          <template #default="scope">
+            <span v-if="scope.row.peope_type == 'employee'">企业员工</span>
+            <span v-if="scope.row.peope_type == 'remployee'">相关方</span>
+            <span v-if="scope.row.peope_type == 'visitor'">访客</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="当事人" prop="people_name"></el-table-column>
+        <el-table-column label="发生时间" prop="create_time"></el-table-column>
+        <el-table-column label="是否已处理">
+          <template #default="scope">
+            <el-icon v-if="scope.row.handle_user" color="green"
+              ><CircleCheckFilled
+            /></el-icon>
+            <el-icon v-else color="red"><CircleCloseFilled /></el-icon>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="right">
+          <template #default="scope">
+            <el-button-group>
+              <el-button
+                text
+                type="primary"
+                size="small"
+                @click="table_show(scope.row, scope.$index)"
+                >查看/处理</el-button
+              >
+              <!-- <el-button text type="warning" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button> -->
+              <!-- <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
 								<template #reference>
 									<el-button text type="danger" size="small">删除</el-button>
 								</template>
 							</el-popconfirm> -->
-						</el-button-group>
-					</template>
-				</el-table-column>
-
-			</scTable>
-		</el-main>
-	</el-container>
-    </template>
+            </el-button-group>
+          </template>
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+    <save-dialog
+    v-if="dialog.save"
+    ref="saveDialog"
+    @success="handleSaveSuccess"
+    @closed="dialog.save = false"
+  ></save-dialog>
+</template>
     <script>
-    import { CircleCheckFilled, CircleCloseFilled } from '@element-plus/icons-vue'
-	export default {
-		name: 'event',
-		components: {
-            CircleCheckFilled,
-            CircleCloseFilled
-		},
-		data() {
-			return {
-				dialog: {
-					save: false,
-					permission: false
-				},
-				apiObj: this.$API.ecm.event.list,
-				query: {},
-				selection: [],
-				search: {
-					keyword: null
-				}
-			}
-		},
-		methods: {
-			//查看
-			table_show(row){
-				this.dialog.save = true
-				this.$nextTick(() => {
-					this.$refs.saveDialog.open('show').setData(row)
-				})
-			},
-			//搜索
-			upsearch(){
-
-			},
-			//本地更新数据
-			handleSaveSuccess(data, mode){
-				if(mode=='add'){
-					this.$refs.table.refresh()
-				}else if(mode=='edit'){
-					this.$refs.table.refresh()
-				}
-			},
-			resetQuery(){
-				this.query = {}
-			}
-		}
-	}
-    </script>
\ No newline at end of file
+import saveDialog from "./event_form.vue";
+import { CircleCheckFilled, CircleCloseFilled } from "@element-plus/icons-vue";
+export default {
+  name: "event",
+  components: {
+    CircleCheckFilled,
+    CircleCloseFilled,
+    saveDialog,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+        permission: false,
+      },
+      apiObj: this.$API.ecm.event.list,
+      query: {},
+      selection: [],
+      search: {
+        keyword: null,
+      },
+    };
+  },
+  methods: {
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //搜索
+    upsearch() {},
+    //本地更新数据
+    handleSaveSuccess(data, mode) {
+      if (mode == "add") {
+        this.$refs.table.refresh();
+      } else if (mode == "edit") {
+        this.$refs.table.refresh();
+      }
+    },
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/ecm/event_detail.vue b/src/views/ecm/event_detail.vue
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/views/ecm/event_form.vue b/src/views/ecm/event_form.vue
new file mode 100644
index 00000000..ecaefd54
--- /dev/null
+++ b/src/views/ecm/event_form.vue
@@ -0,0 +1,102 @@
+<template>
+  <el-drawer
+    :title="titleMap[mode]"
+    v-model="visible"
+    :size="1000"
+    destroy-on-close
+    @closed="$emit('closed')"
+  >
+    <el-container v-loading="loading">
+      <el-main style="padding: 0 20px 20px 20px">
+      </el-main>
+      <el-footer>
+        <el-button type="primary" :loading="isSaveing" @click="submit"
+          >提交</el-button
+        >
+        <el-button @click="visible = false">取消</el-button>
+      </el-footer>
+    </el-container>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      mode: "add",
+      titleMap: {
+        add: "新增",
+        edit: "编辑",
+        show: "查看/处理",
+      },
+      form: {},
+      rules: {},
+      visible: false,
+      isSaveing: false,
+      selectionFilters: [],
+      setFiltersVisible: false,
+    };
+  },
+  mounted() {
+  },
+  methods: {
+    //显示
+    open(mode = "add") {
+      this.mode = mode;
+      this.visible = true;
+      return this;
+    },
+    //表单提交方法
+    submit() {
+      this.$refs.dialogForm.validate(async (valid) => {
+        if (valid) {
+          this.isSaveing = true;
+          try {
+            var res;
+            if (this.mode == "add") {
+              res = await this.$API.rpm.rparty.create.req(this.form);
+            } else if (this.mode == "edit") {
+              res = await this.$API.rpm.rparty.update.req(
+                this.form.id,
+                this.form
+              );
+            }
+            this.isSaveing = false;
+            this.$emit("success", this.form, this.mode);
+            this.visible = false;
+            this.$message.success("操作成功");
+            return res;
+          } catch (err) {
+            //可以处理校验错误
+            this.isSaveing = false;
+            return err;
+          }
+        }
+      });
+    },
+    //表单注入数据
+    setData(data) {
+      // this.loading = true
+      // const params = {
+      // 	id: data.id
+      // }
+      // setTimeout(async ()=>{
+      // 	var res = await this.$API.system.table.info.get(params)
+      // 	this.loading = false
+      // 	this.form = res.data
+      // },400)
+      Object.assign(this.form, data);
+    },
+    //设置过滤项
+    setFilters(filters) {
+      this.selectionFilters = filters;
+      this.setFiltersVisible = true;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

From 6de230462de2461be31abd3fbbec21655dd74455 Mon Sep 17 00:00:00 2001
From: "2309368887@qq.com" <2309368887@qq.com>
Date: Tue, 5 Jul 2022 09:14:57 +0800
Subject: [PATCH 2/2] xialashijian

---
 src/api/model/ecm.js               |   8 +
 src/config/route.js                |  22 +++
 src/layout/components/userbar.vue  |   5 +-
 src/views/ecm/algos_form.vue       |   2 +-
 src/views/ecm/event.vue            |  26 +--
 src/views/ecm/event_detail.vue     |   0
 src/views/ecm/event_from.vue       | 200 +++++++++++-------------
 src/views/ecm/event_handlefrom.vue | 243 ++++++++++++++---------------
 8 files changed, 247 insertions(+), 259 deletions(-)
 delete mode 100644 src/views/ecm/event_detail.vue

diff --git a/src/api/model/ecm.js b/src/api/model/ecm.js
index ca6c31f2..e7d61a04 100644
--- a/src/api/model/ecm.js
+++ b/src/api/model/ecm.js
@@ -66,8 +66,16 @@ export default {
 				);
 			}
 		},
+		read:{
+			name: "详情",
+			req: async function (id) {
+				return await http.get(
+					`${config.API_URL}/ecm/event/${id}/`);
+			}
+		},
 	}
 	,
+	
 	myevent:{
         list: {
 			name: "获取",
diff --git a/src/config/route.js b/src/config/route.js
index e0361c18..14b4f10b 100644
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -84,6 +84,28 @@ const routes = [
           "icon": "el-icon-menu",
         },
         "component": "ecm/event"
+      }
+      ,
+      {
+        "name": "eventfrom",
+        "path": "/ecm/event_from",
+        "meta": {
+          "title": "作业详情",
+          "icon": "el-icon-menu",
+          "hidden": true
+        },
+        "component": "ecm/event_from"
+      }
+      ,
+      {
+        "name": "eventhandlefrom",
+        "path": "/ecm/event_handlefrom",
+        "meta": {
+          "title": "处理作业",
+          "icon": "el-icon-menu",
+          "hidden": true
+        },
+        "component": "ecm/event_handlefrom"
       },
       {
         "name": "myevent",
diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue
index 259b1aae..76d20958 100644
--- a/src/layout/components/userbar.vue
+++ b/src/layout/components/userbar.vue
@@ -37,9 +37,6 @@
                         :value="items.id"
                         >事件种类：{{ items.name }}</el-span>
 						
-
-
-						
                     </div>
                     <div style="width:100px">
                       <p v-if="item.can_handle">可处理</p>
@@ -122,7 +119,7 @@ export default {
     getMyVents() {
       this.$API.ecm.myevent.list.req({ page: 0 }).then((res) => {
         this.msgList = res;
-        console.log(this.msgList.event_);
+     
       });
     },
     //个人信息
diff --git a/src/views/ecm/algos_form.vue b/src/views/ecm/algos_form.vue
index 8a6cd1c8..dcd12e03 100644
--- a/src/views/ecm/algos_form.vue
+++ b/src/views/ecm/algos_form.vue
@@ -136,7 +136,7 @@ export default {
     setData(data) {
       Object.assign(this.form, data);
       debugger;
-      console.log(this.form);
+      
     },
   },
 };
diff --git a/src/views/ecm/event.vue b/src/views/ecm/event.vue
index b4d265fa..b3b321fe 100644
--- a/src/views/ecm/event.vue
+++ b/src/views/ecm/event.vue
@@ -116,22 +116,16 @@
       </scTable>
     </el-main>
   </el-container>
-   <save-dialog
-    v-if="dialog.save"
-    ref="saveDialog"
   
-    @closed="dialog.save = false"
-  ></save-dialog>
 </template>
     <script>
 import { CircleCheckFilled, CircleCloseFilled } from "@element-plus/icons-vue";
-import saveDialog from "./event_from.vue";
 export default {
   name: "event",
   components: {
     CircleCheckFilled,
     CircleCloseFilled,
-	saveDialog
+	
   },
   data() {
     return {
@@ -150,17 +144,23 @@ export default {
   methods: {
     //查看
     table_show(row) {
-      this.dialog.save = true;
-      this.$nextTick(() => {
-        this.$refs.saveDialog.open("show").setData(row);
+       this.$router.push({
+        name: "eventfrom",
+        query: {
+          id: row.id,
+        },
       });
     },
 	//事件处理
 	table_handle(row) {
-      this.dialog.save = true;
-      this.$nextTick(() => {
-        this.$refs.saveDialog.open("show").setData(row);
+
+		 this.$router.push({
+        name: "eventhandlefrom",
+        query: {
+          id: row.id,
+        },
       });
+     
     },
     //搜索
     upsearch() {},
diff --git a/src/views/ecm/event_detail.vue b/src/views/ecm/event_detail.vue
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/views/ecm/event_from.vue b/src/views/ecm/event_from.vue
index 2cc864db..8682a42f 100644
--- a/src/views/ecm/event_from.vue
+++ b/src/views/ecm/event_from.vue
@@ -1,45 +1,41 @@
 <template>
-  <el-drawer
-    :title="titleMap[mode]"
-    v-model="visible"
-    :size="1000"
-    destroy-on-close
-    @closed="closeDrawer"
-  >
-    <el-container v-loading="loading">
-      <!--<sc-title title="详细信息"></sc-title>-->
-      <el-main style="padding: 0 20px 20px 20px">
+  <el-container v-loading="loading">
+    <!--<sc-title title="详细信息"></sc-title>-->
+    <el-main style="padding: 0 20px 20px 20px">
+      <el-card class="box-card">
+         <sc-title title="事件基本信息"></sc-title>
         <el-form :model="form" :disabled="mode === 'show'" label-width="120px">
           <el-row>
-            <el-col :md="12" :sm="24">
+            <el-col :md="8" :sm="24">
               <el-form-item label="事件种类" prop="cates">
-               
-                      <el-tag v-for="item in form.cates_"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id">{{item.name}}</el-tag>
-    
-			
+                <el-tag
+                  v-for="item in form.cates_"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  >{{ item.name }}</el-tag
+                >
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24" v-if="form.area">
+            <el-col :md="8" :sm="24" v-if="form.area">
               <el-form-item label="发生区域" prop="area">
                 <el-input v-model="form.area_.name" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24" v-if="form.employee">
+            <el-col :md="8" :sm="24" >
               <el-form-item label="当事人" prop="employee">
-                <el-input v-model="form.employee_.name" clearable></el-input>
+                 <el-tag v-if="form.employee"  clearable>{{ form.employee_.name }}</el-tag>
+				 <el-tag v-else clearable>未知人员</el-tag>
               </el-form-item>
             </el-col>
-
+            
             <el-col
-              :md="12"
+              :md="8"
               :sm="24"
               v-if="form.employee && form.employee_.type"
             >
               <el-form-item label="人员类型" prop="employee">
-				  <el-select v-model="form.employee_.type" style="width: 100%">
+                <el-select v-model="form.employee_.type" style="width: 100%">
                   <el-option
                     v-for="item in type_options"
                     :key="item.id"
@@ -47,45 +43,34 @@
                     :value="item.id"
                   />
                 </el-select>
+              </el-form-item>
+            </el-col>
 
-              </el-form-item>
-            </el-col>
-           
-             <el-col :md="12" :sm="24">
+            <el-col :md="8" :sm="24">
               <el-form-item label="发生时间">
-                <el-input
-                  v-model="form.create_time"
-                  clearable
-                ></el-input>
+                <el-input v-model="form.create_time" clearable></el-input>
               </el-form-item>
             </el-col>
-          
-            <el-col :md="12" :sm="24">
+
+            <el-col :md="8" :sm="24">
               <el-form-item label="处理人">
-               <el-input v-model="form.handle_user" />
+                <el-input v-model="form.handle_user_name" />
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24">
+            <el-col :md="8" :sm="24">
               <el-form-item label="处理时间">
-                <el-input
-                  v-model="form.handle_time"
-                  clearable
-                ></el-input>
+                <el-input v-model="form.handle_time" clearable></el-input>
               </el-form-item>
             </el-col>
-			 <el-col :md="12" :sm="24">
+            <el-col :md="8" :sm="24">
               <el-form-item label="处理描述">
-                <el-input
-                  v-model="form.handle_desc"
-                  clearable
-                ></el-input>
+                <el-input v-model="form.handle_desc" clearable></el-input>
               </el-form-item>
             </el-col>
-			
-            <el-col :md="12" :sm="24">
+
+            <el-col :md="6" :sm="24">
               <el-form-item label="事件标记">
-              
-                  <el-select v-model="form.mark " style="width: 100%">
+                <el-select v-model="form.mark" style="width: 100%">
                   <el-option
                     v-for="item in mark_options"
                     :key="item.id"
@@ -93,40 +78,36 @@
                     :value="item.id"
                   />
                 </el-select>
-
-				
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24">
+            <el-col :md="6" :sm="24">
               <el-form-item label="是否超时">
                 <el-switch v-model="form.is_timeout" />
               </el-form-item>
             </el-col>
-          
-            <el-col :md="12" :sm="24">
+
+            <el-col :md="6" :sm="24">
               <el-form-item label="人脸照">
-                <sc-upload
-                  v-model="form.face_img"
-                
-                  title="人脸照"
-                ></sc-upload>
+                <sc-upload v-model="form.face_img" title="人脸照"></sc-upload>
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24">
+            <el-col :md="6" :sm="24">
               <el-form-item label="全景照">
                 <sc-upload v-model="form.global_img" title="全景照"></sc-upload>
               </el-form-item>
             </el-col>
           </el-row>
         </el-form>
-		  <scTable
+      <sc-title title="事件推送列表"></sc-title>
+      <scTable
         ref="table"
         :data="remindData"
         row-key="id"
-		height="250px"
+        height="300px"
         fit
         stripe
         @resetQuery="resetQuery"
+		hidePagination
       >
         <el-table-column label="#" type="index" width="50"></el-table-column>
         <el-table-column label="事件种类">
@@ -140,17 +121,17 @@
             >
           </template>
         </el-table-column>
-       
+
         <el-table-column
           label="警报信息"
           prop="event_.voice_msg"
         ></el-table-column>
-       
+
         <el-table-column
           label="接收人"
           prop="recipient_.name"
         ></el-table-column>
-      
+
         <el-table-column label="是否可处理" prop="can_handle">
           <template #default="scope">
             <el-span v-if="scope.row.can_handle">是</el-span>
@@ -165,28 +146,22 @@
         </el-table-column>
 
         <el-table-column label="创建时间" prop="create_time"></el-table-column>
-
-       
       </scTable>
-      </el-main>
-    </el-container>
-  </el-drawer>
+	   </el-card>
+    </el-main>
+  </el-container>
 </template>
 
 <script>
-const defaultForm = {
-  id: null,
- 
-};
 export default {
+  name: "eventfrom",
   emits: ["success", "closed"],
   data() {
     return {
       loading: false,
       visible: false,
       isSaveing: false,
-      form: defaultForm,
-	  
+
       mode: "show",
       titleMap: {
         show: "事件信息查看",
@@ -196,53 +171,56 @@ export default {
         { id: "remployee", name: "相关方" },
         { id: "visitor", name: "访客" },
       ],
-	    mark_options: [
+      mark_options: [
         { id: 10, name: "正常" },
-        { id: 20, name: "误报" }
+        { id: 20, name: "误报" },
       ],
-	  remindData:[],
-	  eventID:""
+      form: [],
+      remindData: [],
+      eventID: "",
     };
   },
   mounted() {
-	
+    this.eventID = this.$route.query.id; //事件的ID
+    this.getEvent();
+    this.getRemind();
   },
   methods: {
-	 getRemind() {
-		console.log(this.eventID)
-      this.$API.ecm.remind.list.req({event:this.eventID,page: 0 }).then((res) => {
-        this.remindData = res;
+    getEvent() {
+      this.$API.ecm.event.read.req(this.eventID).then((res) => {
+        this.form = res;
       });
     },
-    //显示
-    open(mode) {
-      this.mode = mode;
-      this.visible = true;
-      return this;
-    },
-    closeDrawer() {
-      this.visible = false;
-      this.$emit("closed");
-    },
-
-    //表单注入数据
-    setData(data) {
-      //debugger;
-      console.log(defaultForm);
-      // this.form = defaultForm;
-      Object.assign(this.form, data);
-	  this.eventID=this.form.id;
-	  this.getRemind();
-	  
-    },
-    //设置过滤项
-    setFilters(filters) {
-      this.selectionFilters = filters;
-      this.setFiltersVisible = true;
+    getRemind() {
+      this.$API.ecm.remind.list
+        .req({ event: this.eventID, page: 0 })
+        .then((res) => {
+          this.remindData = res;
+        });
     },
   },
 };
 </script>
 
-<style>
+<style scoped>
+  .text {
+    font-size: 14px;
+  }
+
+  .item {
+    margin-bottom: 18px;
+  }
+
+  .clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+  .clearfix:after {
+    clear: both
+  }
+
+  .box-card {
+    width: 100%;
+  }
 </style>
diff --git a/src/views/ecm/event_handlefrom.vue b/src/views/ecm/event_handlefrom.vue
index 2cc864db..2c91dfcf 100644
--- a/src/views/ecm/event_handlefrom.vue
+++ b/src/views/ecm/event_handlefrom.vue
@@ -1,45 +1,43 @@
 <template>
-  <el-drawer
-    :title="titleMap[mode]"
-    v-model="visible"
-    :size="1000"
-    destroy-on-close
-    @closed="closeDrawer"
-  >
-    <el-container v-loading="loading">
-      <!--<sc-title title="详细信息"></sc-title>-->
-      <el-main style="padding: 0 20px 20px 20px">
-        <el-form :model="form" :disabled="mode === 'show'" label-width="120px">
+  <el-container v-loading="loading">
+    <!--<sc-title title="详细信息"></sc-title>-->
+    <el-main style="padding: 0 20px 20px 20px">
+      <el-card class="box-card">
+         <sc-title title="事件基本信息"> </sc-title>
+      
+        <el-form :model="form"  label-width="120px">
           <el-row>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="事件种类" prop="cates">
-               
-                      <el-tag v-for="item in form.cates_"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id">{{item.name}}</el-tag>
-    
-			
+            <el-col :md="4" :sm="24">
+              <el-form-item label="事件种类"  prop="cates">
+                <el-tag
+                  v-for="item in form.cates_"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                  >{{ item.name }}</el-tag
+                >
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24" v-if="form.area">
-              <el-form-item label="发生区域" prop="area">
-                <el-input v-model="form.area_.name" clearable></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :md="12" :sm="24" v-if="form.employee">
+              <el-col :md="4" :sm="24" >
               <el-form-item label="当事人" prop="employee">
-                <el-input v-model="form.employee_.name" clearable></el-input>
+                 <el-tag v-if="form.employee"  clearable>{{ form.employee_.name }}</el-tag>
+				 <el-tag v-else clearable>未知人员</el-tag>
               </el-form-item>
             </el-col>
-
+            <el-col :md="8" :sm="24" v-if="form.area">
+              <el-form-item label="发生区域" prop="area">
+                <el-input v-model="form.area_.name" clearable :disabled="true"></el-input>
+              </el-form-item>
+            </el-col>
+          
+            
             <el-col
-              :md="12"
+              :md="8"
               :sm="24"
               v-if="form.employee && form.employee_.type"
             >
               <el-form-item label="人员类型" prop="employee">
-				  <el-select v-model="form.employee_.type" style="width: 100%">
+                <el-select v-model="form.employee_.type" style="width: 100%" :disabled="true">
                   <el-option
                     v-for="item in type_options"
                     :key="item.id"
@@ -47,45 +45,41 @@
                     :value="item.id"
                   />
                 </el-select>
+              </el-form-item>
+            </el-col>
 
-              </el-form-item>
-            </el-col>
-           
-             <el-col :md="12" :sm="24">
+            <el-col :md="8" :sm="24">
               <el-form-item label="发生时间">
-                <el-input
-                  v-model="form.create_time"
-                  clearable
-                ></el-input>
+                <el-input v-model="form.create_time" clearable :disabled="true"></el-input>
               </el-form-item>
             </el-col>
+
           
-            <el-col :md="12" :sm="24">
+           
+            <el-col :md="8" :sm="24">
+              <el-form-item label="是否超时">
+                <el-switch v-model="form.is_timeout"  :disabled="true"/>
+              </el-form-item>
+            </el-col>
+
+            <el-col :md="8" :sm="24">
+              <el-form-item label="人脸照">
+                <sc-upload v-model="form.face_img" title="人脸照" :disabled="true"></sc-upload>
+              </el-form-item>
+            </el-col>
+            <el-col :md="8" :sm="24">
+              <el-form-item label="全景照">
+                <sc-upload v-model="form.global_img" title="全景照" :disabled="true"></sc-upload>
+              </el-form-item>
+            </el-col>
+              <el-col :md="8" :sm="24">
               <el-form-item label="处理人">
-               <el-input v-model="form.handle_user" />
+                <el-input v-model="form.handle_user_name" />
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="处理时间">
-                <el-input
-                  v-model="form.handle_time"
-                  clearable
-                ></el-input>
-              </el-form-item>
-            </el-col>
-			 <el-col :md="12" :sm="24">
-              <el-form-item label="处理描述">
-                <el-input
-                  v-model="form.handle_desc"
-                  clearable
-                ></el-input>
-              </el-form-item>
-            </el-col>
-			
-            <el-col :md="12" :sm="24">
+              <el-col :md="6" :sm="24">
               <el-form-item label="事件标记">
-              
-                  <el-select v-model="form.mark " style="width: 100%">
+                <el-select v-model="form.mark" style="width: 100%" >
                   <el-option
                     v-for="item in mark_options"
                     :key="item.id"
@@ -93,40 +87,27 @@
                     :value="item.id"
                   />
                 </el-select>
-
-				
               </el-form-item>
             </el-col>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="是否超时">
-                <el-switch v-model="form.is_timeout" />
-              </el-form-item>
-            </el-col>
-          
-            <el-col :md="12" :sm="24">
-              <el-form-item label="人脸照">
-                <sc-upload
-                  v-model="form.face_img"
-                
-                  title="人脸照"
-                ></sc-upload>
-              </el-form-item>
-            </el-col>
-            <el-col :md="12" :sm="24">
-              <el-form-item label="全景照">
-                <sc-upload v-model="form.global_img" title="全景照"></sc-upload>
+              <el-col :md="8" :sm="24">
+              <el-form-item label="处理描述">
+                <el-input v-model="form.handle_desc" clearable ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row><el-col>  <el-button type="primary" style="float:right" @click="submit()">提交</el-button></el-col></el-row>
         </el-form>
-		  <scTable
+         
+      <sc-title title="事件推送列表"></sc-title>
+      <scTable
         ref="table"
         :data="remindData"
         row-key="id"
-		height="250px"
+        height="300px"
         fit
         stripe
         @resetQuery="resetQuery"
+		hidePagination
       >
         <el-table-column label="#" type="index" width="50"></el-table-column>
         <el-table-column label="事件种类">
@@ -140,17 +121,17 @@
             >
           </template>
         </el-table-column>
-       
+
         <el-table-column
           label="警报信息"
           prop="event_.voice_msg"
         ></el-table-column>
-       
+
         <el-table-column
           label="接收人"
           prop="recipient_.name"
         ></el-table-column>
-      
+
         <el-table-column label="是否可处理" prop="can_handle">
           <template #default="scope">
             <el-span v-if="scope.row.can_handle">是</el-span>
@@ -165,28 +146,22 @@
         </el-table-column>
 
         <el-table-column label="创建时间" prop="create_time"></el-table-column>
-
-       
       </scTable>
-      </el-main>
-    </el-container>
-  </el-drawer>
+	   </el-card>
+    </el-main>
+  </el-container>
 </template>
 
 <script>
-const defaultForm = {
-  id: null,
- 
-};
 export default {
+  name: "eventfrom",
   emits: ["success", "closed"],
   data() {
     return {
       loading: false,
       visible: false,
       isSaveing: false,
-      form: defaultForm,
-	  
+
       mode: "show",
       titleMap: {
         show: "事件信息查看",
@@ -196,53 +171,61 @@ export default {
         { id: "remployee", name: "相关方" },
         { id: "visitor", name: "访客" },
       ],
-	    mark_options: [
+      mark_options: [
         { id: 10, name: "正常" },
-        { id: 20, name: "误报" }
+        { id: 20, name: "误报" },
       ],
-	  remindData:[],
-	  eventID:""
+      form: [],
+      remindData: [],
+      eventID: "",
     };
   },
   mounted() {
-	
+    this.eventID = this.$route.query.id; //事件的ID
+    this.getEvent();
+    this.getRemind();
   },
   methods: {
-	 getRemind() {
-		console.log(this.eventID)
-      this.$API.ecm.remind.list.req({event:this.eventID,page: 0 }).then((res) => {
-        this.remindData = res;
+    getEvent() {
+      this.$API.ecm.event.read.req(this.eventID).then((res) => {
+        this.form = res;
       });
     },
-    //显示
-    open(mode) {
-      this.mode = mode;
-      this.visible = true;
-      return this;
-    },
-    closeDrawer() {
-      this.visible = false;
-      this.$emit("closed");
+    getRemind() {
+      this.$API.ecm.remind.list
+        .req({ event: this.eventID, page: 0 })
+        .then((res) => {
+          this.remindData = res;
+        });
     },
+    submit(){
 
-    //表单注入数据
-    setData(data) {
-      //debugger;
-      console.log(defaultForm);
-      // this.form = defaultForm;
-      Object.assign(this.form, data);
-	  this.eventID=this.form.id;
-	  this.getRemind();
-	  
-    },
-    //设置过滤项
-    setFilters(filters) {
-      this.selectionFilters = filters;
-      this.setFiltersVisible = true;
-    },
+
+      
+    }
   },
 };
 </script>
 
-<style>
+<style scoped>
+  .text {
+    font-size: 14px;
+  }
+
+  .item {
+    margin-bottom: 18px;
+  }
+
+  .clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+  .clearfix:after {
+    clear: both
+  }
+
+  .box-card {
+    width: 100%;
+  }
 </style>