From a2204bb4c4e437e9ce96e96e4d811b405df583b9 Mon Sep 17 00:00:00 2001
From: "2309368887@qq.com" <2309368887@qq.com>
Date: Mon, 4 Jul 2022 17:18:53 +0800
Subject: [PATCH] chuliren

---
 src/api/model/ecm.js               |  24 ++
 src/config/route.js                |   9 +
 src/layout/components/userbar.vue  | 433 +++++++++++++++++------------
 src/views/ecm/event.vue            |  16 +-
 src/views/ecm/event_from.vue       |  88 ++++--
 src/views/ecm/event_handlefrom.vue | 248 +++++++++++++++++
 src/views/ecm/myevent.vue          | 128 +++++++++
 7 files changed, 748 insertions(+), 198 deletions(-)
 create mode 100644 src/views/ecm/event_handlefrom.vue
 create mode 100644 src/views/ecm/myevent.vue

diff --git a/src/api/model/ecm.js b/src/api/model/ecm.js
index 15841e4d..ca6c31f2 100644
--- a/src/api/model/ecm.js
+++ b/src/api/model/ecm.js
@@ -68,6 +68,30 @@ export default {
 		},
 	}
 	,
+	myevent:{
+        list: {
+			name: "获取",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/ecm/remind/my/`,
+					data
+				);
+			}
+		},
+	}
+	,
+	remind:{
+        list: {
+			name: "获取",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/ecm/remind/`,
+					data
+				);
+			}
+		},
+	}
+	,
 	vchannel:{
         list: {
 			name: "获取",
diff --git a/src/config/route.js b/src/config/route.js
index 8bf74806..e0361c18 100644
--- a/src/config/route.js
+++ b/src/config/route.js
@@ -85,6 +85,15 @@ const routes = [
         },
         "component": "ecm/event"
       },
+      {
+        "name": "myevent",
+        "path": "/ecm/myevent",
+        "meta": {
+          "title": "我的事件",
+          "icon": "el-icon-menu",
+        },
+        "component": "ecm/myevent"
+      },
       {
         "name": "notify_setting",
         "path": "/ecm/notify_setting",
diff --git a/src/layout/components/userbar.vue b/src/layout/components/userbar.vue
index 279dd939..259b1aae 100644
--- a/src/layout/components/userbar.vue
+++ b/src/layout/components/userbar.vue
@@ -1,193 +1,266 @@
 <template>
-	<div class="user-bar">
-		<div class="panel-item hidden-sm-and-down" @click="search">
-			<el-icon><el-icon-search /></el-icon>
-		</div>
-		<div class="screen panel-item hidden-sm-and-down" @click="screen">
-			<el-icon><el-icon-full-screen /></el-icon>
-		</div>
-		<div class="msg panel-item" @click="showMsg">
-			<el-badge :hidden="msgList.length==0" :value="msgList.length" class="badge" type="danger">
-				<el-icon><el-icon-chat-dot-round /></el-icon>
-			</el-badge>
-			<el-drawer title="新消息" v-model="msg" :size="400" append-to-body destroy-on-close>
-				<el-container>
-					<el-main class="nopadding">
-						<el-scrollbar>
-							<ul class="msg-list">
-								<li v-for="item in msgList" v-bind:key="item.id">
-									<a :href="item.link" target="_blank">
-										<div class="msg-list__icon">
-											<el-badge is-dot type="danger">
-												<el-avatar :size="40" :src="item.avatar"></el-avatar>
-											</el-badge>
-										</div>
-										<div class="msg-list__main">
-											<h2>{{item.title}}</h2>
-											<p>{{item.describe}}</p>
-										</div>
-										<div class="msg-list__time">
-											<p>{{item.time}}</p>
-										</div>
-									</a>
-								</li>
-								<el-empty v-if="msgList.length==0" description="暂无新消息" :image-size="100"></el-empty>
-							</ul>
-						</el-scrollbar>
-					</el-main>
-					<el-footer>
-						<el-button type="primary">消息中心</el-button>
-						<el-button @click="markRead">全部设为已读</el-button>
-					</el-footer>
-				</el-container>
-			</el-drawer>
-		</div>
-		<el-dropdown class="user panel-item" trigger="click" @command="handleUser">
-			<div class="user-avatar">
-				<el-avatar :size="30">{{ userNameF }}</el-avatar>
-				<label>{{ userName }}</label>
-				<el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon>
-			</div>
-			<template #dropdown>
-				<el-dropdown-menu>
-					<el-dropdown-item command="uc">帐号信息</el-dropdown-item>
-					<el-dropdown-item command="clearCache">清除缓存</el-dropdown-item>
-					<el-dropdown-item divided command="outLogin">退出登录</el-dropdown-item>
-				</el-dropdown-menu>
-			</template>
-		</el-dropdown>
-	</div>
+  <div class="user-bar">
+    <div class="panel-item hidden-sm-and-down" @click="search">
+      <el-icon><el-icon-search /></el-icon>
+    </div>
+    <div class="screen panel-item hidden-sm-and-down" @click="screen">
+      <el-icon><el-icon-full-screen /></el-icon>
+    </div>
+    <div class="msg panel-item" @click="showMsg">
+      <el-badge
+        :hidden="msgList.length == 0"
+        :value="msgList.length"
+        class="badge"
+        type="danger"
+      >
+        <el-icon><el-icon-chat-dot-round /></el-icon>
+      </el-badge>
+      <el-drawer
+        title="新消息"
+        v-model="msg"
+        :size="400"
+        append-to-body
+        destroy-on-close
+      >
+        <el-container>
+          <el-main class="nopadding">
+            <el-scrollbar>
+              <ul class="msg-list">
+				
+                <li v-for="item in msgList" v-bind:key="item.id">
+                  <a target="_blank">
+                    <div class="msg-list__main">
+                      <el-span
+                        v-for="items in item.event_.cates_"
+                        :key="items.id"
+                        :label="items.name"
+                        :value="items.id"
+                        >事件种类：{{ items.name }}</el-span>
+						
 
-	<el-dialog v-model="searchVisible" :width="700"  title="搜索" custom-class="drawerBG" center destroy-on-close>
-		<search @success="searchVisible=false"></search>
-	</el-dialog>
 
+						
+                    </div>
+                    <div style="width:100px">
+                      <p v-if="item.can_handle">可处理</p>
+                      <p v-else-if="item.can_handle=='false'">不可处理</p>
+                    </div>
+                   
+                    <div class="msg-list__time">
+                      <p>警报信息{{ item.event_.voice_msg }}</p>
+                    </div>
+                  </a>
+                </li>
+                <el-empty
+                  v-if="msgList.length == 0"
+                  description="暂无新消息"
+                  :image-size="100"
+                ></el-empty>
+              </ul>
+            </el-scrollbar>
+          </el-main>
+          <el-footer>
+            <el-button type="primary">消息中心</el-button>
+            <el-button @click="markRead">全部设为已读</el-button>
+          </el-footer>
+        </el-container>
+      </el-drawer>
+    </div>
+    <el-dropdown class="user panel-item" trigger="click" @command="handleUser">
+      <div class="user-avatar">
+        <el-avatar :size="30">{{ userNameF }}</el-avatar>
+        <label>{{ userName }}</label>
+        <el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon>
+      </div>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item command="uc">帐号信息</el-dropdown-item>
+          <el-dropdown-item command="clearCache">清除缓存</el-dropdown-item>
+          <el-dropdown-item divided command="outLogin"
+            >退出登录</el-dropdown-item
+          >
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </div>
+
+  <el-dialog
+    v-model="searchVisible"
+    :width="700"
+    title="搜索"
+    custom-class="drawerBG"
+    center
+    destroy-on-close
+  >
+    <search @success="searchVisible = false"></search>
+  </el-dialog>
 </template>
 
 <script>
-	import search from './search.vue';
+import search from "./search.vue";
 
-	export default {
-		components: {
-			search
-		},
-		data(){
-			return {
-				userName: "",
-				userNameF: "",
-				searchVisible: false,
-				msg: false,
-				msgList: [
-					{
-						id: 1,
-						type: 'user',
-						avatar: "img/avatar.jpg",
-						title: "Skuya",
-						describe: "如果喜欢就点个星星支持一下哦",
-						link: "https://gitee.com/lolicode/scui",
-						time: "5分钟前"
-					},
-					{
-						id: 2,
-						type: 'user',
-						avatar: "img/avatar2.gif",
-						title: "Lolowan",
-						describe: "点进去Gitee获取最新开源版本",
-						link: "https://gitee.com/lolicode/scui",
-						time: "14分钟前"
-					},
-					{
-						id: 3,
-						type: 'system',
-						avatar: "img/logo.png",
-						title: "感谢登录SCUI Admin",
-						describe: "Vue 3.0 + Vue-Router 4.0 + ElementPlus + Axios 后台管理系统。",
-						link: "https://gitee.com/lolicode/scui",
-						time: "2020年7月24日"
-					}
-				]
-			}
-		},
-		created() {
-			var userInfo = this.$TOOL.data.get("USER_INFO");
-			this.userName = userInfo.username;
-			this.userNameF = this.userName.substring(0,1);
-		},
-		methods: {
-			//个人信息
-			handleUser(command) {
-				if(command == "uc"){
-					this.$router.push({path: '/usercenter'});
-				}
-				if(command == "cmd"){
-					this.$router.push({path: '/cmd'});
-				}
-				if(command == "clearCache"){
-					this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？','提示', {
-						type: 'info',
-					}).then(() => {
-						const loading = this.$loading()
-						this.$TOOL.data.clear()
-						this.$router.replace({path: '/login'})
-						setTimeout(()=>{
-							loading.close()
-							location.reload()
-						},1000)
-					}).catch(() => {
-						//取消
-					})
-				}
-				if(command == "outLogin"){
-					this.$confirm('确认是否退出当前用户？','提示', {
-						type: 'warning',
-						confirmButtonText: '退出',
-						confirmButtonClass: 'el-button--danger'
-					}).then(() => {
-						this.$router.replace({path: '/login'});
-					}).catch(() => {
-						//取消退出
-					})
-				}
-			},
-			//全屏
-			screen(){
-				var element = document.documentElement;
-				this.$TOOL.screen(element)
-			},
-			//显示短消息
-			showMsg(){
-				this.msg = true
-			},
-			//标记已读
-			markRead(){
-				this.msgList = []
-			},
-			//搜索
-			search(){
-				this.searchVisible = true
-			}
-		}
-	}
+export default {
+  components: {
+    search,
+  },
+  data() {
+    return {
+      userName: "",
+      userNameF: "",
+      searchVisible: false,
+      msg: false,
+      msgList: {},
+    };
+  },
+  created() {
+    var userInfo = this.$TOOL.data.get("USER_INFO");
+    this.userName = userInfo.username;
+    this.userNameF = this.userName.substring(0, 1);
+    this.getMyVents();
+  },
+  methods: {
+    getMyVents() {
+      this.$API.ecm.myevent.list.req({ page: 0 }).then((res) => {
+        this.msgList = res;
+        console.log(this.msgList.event_);
+      });
+    },
+    //个人信息
+    handleUser(command) {
+      if (command == "uc") {
+        this.$router.push({ path: "/usercenter" });
+      }
+      if (command == "cmd") {
+        this.$router.push({ path: "/cmd" });
+      }
+      if (command == "clearCache") {
+        this.$confirm(
+          "清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？",
+          "提示",
+          {
+            type: "info",
+          }
+        )
+          .then(() => {
+            const loading = this.$loading();
+            this.$TOOL.data.clear();
+            this.$router.replace({ path: "/login" });
+            setTimeout(() => {
+              loading.close();
+              location.reload();
+            }, 1000);
+          })
+          .catch(() => {
+            //取消
+          });
+      }
+      if (command == "outLogin") {
+        this.$confirm("确认是否退出当前用户？", "提示", {
+          type: "warning",
+          confirmButtonText: "退出",
+          confirmButtonClass: "el-button--danger",
+        })
+          .then(() => {
+            this.$router.replace({ path: "/login" });
+          })
+          .catch(() => {
+            //取消退出
+          });
+      }
+    },
+    //全屏
+    screen() {
+      var element = document.documentElement;
+      this.$TOOL.screen(element);
+    },
+    //显示短消息
+    showMsg() {
+      this.msg = true;
+    },
+    //标记已读
+    markRead() {
+      this.msgList = [];
+    },
+    //搜索
+    search() {
+      this.searchVisible = true;
+    },
+  },
+};
 </script>
 
 <style scoped>
-	.user-bar {display: flex;align-items: center;height: 100%;}
-	.user-bar .panel-item {padding: 0 10px;cursor: pointer;height: 100%;display: flex;align-items: center;}
-	.user-bar .panel-item i {font-size: 16px;}
-	.user-bar .panel-item:hover {background: rgba(0, 0, 0, 0.1);}
-	.user-bar .user-avatar {height:49px;display: flex;align-items: center;}
-	.user-bar .user-avatar label {display: inline-block;margin-left:5px;font-size: 12px;cursor:pointer;}
+.user-bar {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.user-bar .panel-item {
+  padding: 0 10px;
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.user-bar .panel-item i {
+  font-size: 16px;
+}
+.user-bar .panel-item:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+.user-bar .user-avatar {
+  height: 49px;
+  display: flex;
+  align-items: center;
+}
+.user-bar .user-avatar label {
+  display: inline-block;
+  margin-left: 5px;
+  font-size: 12px;
+  cursor: pointer;
+}
 
-	.msg-list li {border-top:1px solid #eee;}
-	.msg-list li a {display: flex;padding:20px;}
-	.msg-list li a:hover {background: #ecf5ff;}
-	.msg-list__icon {width: 40px;margin-right: 15px;}
-	.msg-list__main {flex: 1;}
-	.msg-list__main h2 {font-size: 15px;font-weight: normal;color: #333;}
-	.msg-list__main p {font-size: 12px;color: #999;line-height: 1.8;margin-top: 5px;}
-	.msg-list__time {width: 100px;text-align: right;color: #999;}
+.msg-list li {
+  border-top: 1px solid #eee;
+}
+.msg-list li a {
+  display: flex;
+  padding: 20px;
+}
+.msg-list li a:hover {
+  background: #ecf5ff;
+}
+.msg-list__icon {
+  width: 40px;
+  margin-right: 15px;
+}
+.msg-list__main {
+  flex: 1;
+}
+.msg-list__main h2 {
+  font-size: 15px;
+  font-weight: normal;
+  color: #333;
+}
+.msg-list__main p {
+  font-size: 12px;
+  color: #999;
+  line-height: 1.8;
+  margin-top: 5px;
+}
+.msg-list__time {
+  width: 100px;
+  text-align: right;
+  color: #999;
+}
 
-	.dark .msg-list__main h2 {color: #d0d0d0;}
-	.dark .msg-list li {border-top:1px solid #363636;}
-	.dark .msg-list li a:hover {background: #383838;}
+.dark .msg-list__main h2 {
+  color: #d0d0d0;
+}
+.dark .msg-list li {
+  border-top: 1px solid #363636;
+}
+.dark .msg-list li a:hover {
+  background: #383838;
+}
 </style>
diff --git a/src/views/ecm/event.vue b/src/views/ecm/event.vue
index 5bf1bb11..b4d265fa 100644
--- a/src/views/ecm/event.vue
+++ b/src/views/ecm/event.vue
@@ -97,8 +97,13 @@
                 type="primary"
                 size="small"
                 @click="table_show(scope.row, scope.$index)"
-                >查看</el-button
-              >
+                >查看</el-button>
+				 <el-button
+                text
+                type="primary"
+                size="small"
+                @click="table_handle(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>
@@ -149,6 +154,13 @@ export default {
       this.$nextTick(() => {
         this.$refs.saveDialog.open("show").setData(row);
       });
+    },
+	//事件处理
+	table_handle(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
     },
     //搜索
     upsearch() {},
diff --git a/src/views/ecm/event_from.vue b/src/views/ecm/event_from.vue
index 2dbf95e6..2cc864db 100644
--- a/src/views/ecm/event_from.vue
+++ b/src/views/ecm/event_from.vue
@@ -13,7 +13,13 @@
           <el-row>
             <el-col :md="12" :sm="24">
               <el-form-item label="事件种类" prop="cates">
-                <el-input v-model="form.cates_.name" clearable></el-input>
+               
+                      <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">
@@ -113,6 +119,55 @@
             </el-col>
           </el-row>
         </el-form>
+		  <scTable
+        ref="table"
+        :data="remindData"
+        row-key="id"
+		height="250px"
+        fit
+        stripe
+        @resetQuery="resetQuery"
+      >
+        <el-table-column label="#" type="index" width="50"></el-table-column>
+        <el-table-column label="事件种类">
+          <template #default="scope">
+            <el-span
+              v-for="item in scope.row.event_.cates_"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              >{{ item.name }}</el-span
+            >
+          </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>
+            <el-span v-else>否</el-span>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否已读" prop="is_read">
+          <template #default="scope">
+            <el-span v-if="scope.row.is_read" color="green">已读</el-span>
+            <el-span v-else>未读</el-span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="创建时间" prop="create_time"></el-table-column>
+
+       
+      </scTable>
       </el-main>
     </el-container>
   </el-drawer>
@@ -121,20 +176,7 @@
 <script>
 const defaultForm = {
   id: null,
-  phone: "",
-  name: "",
-  email: "",
-  number: "",
-  photo: "",
-  id_number: "",
-  gender: "男",
-  signature: "",
-  birthday: null,
-  qualification: "",
-  job_state: 10,
-  show_atwork: true,
-  belong_dept: "",
-  user: "",
+ 
 };
 export default {
   emits: ["success", "closed"],
@@ -144,6 +186,7 @@ export default {
       visible: false,
       isSaveing: false,
       form: defaultForm,
+	  
       mode: "show",
       titleMap: {
         show: "事件信息查看",
@@ -157,10 +200,20 @@ export default {
         { id: 10, name: "正常" },
         { id: 20, name: "误报" }
       ],
+	  remindData:[],
+	  eventID:""
     };
   },
-  mounted() {},
+  mounted() {
+	
+  },
   methods: {
+	 getRemind() {
+		console.log(this.eventID)
+      this.$API.ecm.remind.list.req({event:this.eventID,page: 0 }).then((res) => {
+        this.remindData = res;
+      });
+    },
     //显示
     open(mode) {
       this.mode = mode;
@@ -178,6 +231,9 @@ export default {
       console.log(defaultForm);
       // this.form = defaultForm;
       Object.assign(this.form, data);
+	  this.eventID=this.form.id;
+	  this.getRemind();
+	  
     },
     //设置过滤项
     setFilters(filters) {
diff --git a/src/views/ecm/event_handlefrom.vue b/src/views/ecm/event_handlefrom.vue
new file mode 100644
index 00000000..2cc864db
--- /dev/null
+++ b/src/views/ecm/event_handlefrom.vue
@@ -0,0 +1,248 @@
+<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-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-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-form-item label="当事人" prop="employee">
+                <el-input v-model="form.employee_.name" clearable></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col
+              :md="12"
+              :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-option
+                    v-for="item in type_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </el-select>
+
+              </el-form-item>
+            </el-col>
+           
+             <el-col :md="12" :sm="24">
+              <el-form-item label="发生时间">
+                <el-input
+                  v-model="form.create_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_user" />
+              </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-form-item label="事件标记">
+              
+                  <el-select v-model="form.mark " style="width: 100%">
+                  <el-option
+                    v-for="item in mark_options"
+                    :key="item.id"
+                    :label="item.name"
+                    :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-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+		  <scTable
+        ref="table"
+        :data="remindData"
+        row-key="id"
+		height="250px"
+        fit
+        stripe
+        @resetQuery="resetQuery"
+      >
+        <el-table-column label="#" type="index" width="50"></el-table-column>
+        <el-table-column label="事件种类">
+          <template #default="scope">
+            <el-span
+              v-for="item in scope.row.event_.cates_"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              >{{ item.name }}</el-span
+            >
+          </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>
+            <el-span v-else>否</el-span>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否已读" prop="is_read">
+          <template #default="scope">
+            <el-span v-if="scope.row.is_read" color="green">已读</el-span>
+            <el-span v-else>未读</el-span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="创建时间" prop="create_time"></el-table-column>
+
+       
+      </scTable>
+      </el-main>
+    </el-container>
+  </el-drawer>
+</template>
+
+<script>
+const defaultForm = {
+  id: null,
+ 
+};
+export default {
+  emits: ["success", "closed"],
+  data() {
+    return {
+      loading: false,
+      visible: false,
+      isSaveing: false,
+      form: defaultForm,
+	  
+      mode: "show",
+      titleMap: {
+        show: "事件信息查看",
+      },
+      type_options: [
+        { id: "employee", name: "企业员工" },
+        { id: "remployee", name: "相关方" },
+        { id: "visitor", name: "访客" },
+      ],
+	    mark_options: [
+        { id: 10, name: "正常" },
+        { id: 20, name: "误报" }
+      ],
+	  remindData:[],
+	  eventID:""
+    };
+  },
+  mounted() {
+	
+  },
+  methods: {
+	 getRemind() {
+		console.log(this.eventID)
+      this.$API.ecm.remind.list.req({event:this.eventID,page: 0 }).then((res) => {
+        this.remindData = 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;
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/src/views/ecm/myevent.vue b/src/views/ecm/myevent.vue
new file mode 100644
index 00000000..63563e58
--- /dev/null
+++ b/src/views/ecm/myevent.vue
@@ -0,0 +1,128 @@
+<template>
+  <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>
+				<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button>
+			</div>
+			<div class="right-panel">
+				<div class="right-panel-search">
+					<el-input v-model="search.keyword" placeholder="姓名/手机号" clearable @click="upsearch"></el-input>
+					<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
+				</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="事件种类">
+          <template #default="scope">
+            <el-span
+              v-for="item in scope.row.event_.cates_"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              >{{ item.name }}</el-span
+            >
+          </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>
+            <el-span v-else>否</el-span>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否已读" prop="is_read">
+          <template #default="scope">
+            <el-span v-if="scope.row.is_read" color="green">已读</el-span>
+            <el-span v-else>未读</el-span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="创建时间" prop="create_time"></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>
+    <script>
+import { CircleCheckFilled, CircleCloseFilled } from "@element-plus/icons-vue";
+
+export default {
+  name: "myevent",
+  components: {
+    CircleCheckFilled,
+    CircleCloseFilled,
+  },
+  data() {
+    return {
+      dialog: {
+        save: false,
+        permission: false,
+      },
+      apiObj: this.$API.ecm.myevent.list,
+      query: {},
+      selection: [],
+      search: {
+        keyword: null,
+      },
+    };
+  },
+  methods: {
+    
+    //查看
+    table_show(row) {
+      this.dialog.save = true;
+      this.$nextTick(() => {
+        this.$refs.saveDialog.open("show").setData(row);
+      });
+    },
+    //搜索
+    upsearch() {},
+    //本地更新数据
+
+    resetQuery() {
+      this.query = {};
+    },
+  },
+};
+</script>
\ No newline at end of file