敏感词聊天记录

src/project/pidu/AppConversation/triggerRecord.vue

@@ -6,7 +6,10 @@
           <AiPagePicker type="dept" :selected.sync="deptUserList" nodeKey="id" single @select="deptSelect">
             <span class="label" v-if="deptUserList.length">{{deptUserList[0].name}}</span>
             <span v-else style="color:#999;">部门名称</span>
-            <u-icon name="arrow-down" color="#999" size="24" style="margin-left:8px;"/>
+            <div class="clear-btn" v-if="deptUserList.length" @click.stop="clearDept">
+              <img src="./img/del-icon.png" alt="" class="del-icon">
+            </div>
+            <u-icon name="arrow-down" color="#999" size="24" style="margin-left:8px;" v-else />
           </AiPagePicker>
         </div>
         <div class="right">
@@ -53,6 +56,10 @@ export default {
     document.title = '触发记录'
   },
   methods: {
+    clearDept() {
+      this.deptUserList = []
+      this.getListInit()
+    },
     getListInit() {
       this.current = 1
       this.pages = 2
@@ -120,6 +127,15 @@ export default {
     .left {
       width: 350px;
       line-height: 64px;
+      .clear-btn {
+        display: inline-block;
+        padding: 0 16px;
+      }
+      .del-icon {
+        width: 32px;
+        height: 32px;
+        vertical-align: middle;
+      }
     }
     .right {
       width: calc(100% - 350px);