会话存档

src/project/pidu/AppConversation/AppConversation.vue

@@ -9,7 +9,11 @@
           <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">
@@ -101,6 +105,10 @@ export default {
     
   },
   methods: {
+    clearDept() {
+      this.deptUserList = []
+      this.getListInit()
+    },
     change(index) {
       this.keyword = ''
       this.currentTabs = index
@@ -180,6 +188,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);
@@ -220,11 +237,11 @@ export default {
         box-sizing: border-box;
       }
       .flex-right {
-        font-size: 12px;
+        font-size: 24px;
         margin-top: 26px;
-        width: 56px;
+        width: 78px;
-        height: 28px;
+        height: 34px;
-        line-height: 28px;
+        line-height: 34px;
         text-align: center;
         border-radius: 4px;
       }