feat: 还原数字民警

src/layouts/components/HoverButton/index.vue

@@ -7,135 +7,44 @@
 -->
 
 <template>
-  <div class="HoverButton">
+  <div>
-    <el-popover
+    <div
-      placement="left"
+      ref="floatButton"
-      width="240"
+      class="float_info"
-      trigger="click"
+      @click="onBtnClicked"
-    >
+    />
-      <div class="HoverButton-main">
-        <div class="main-new-item" @click="onBtnClicked">
-          <img src="@/assets/common/new.png" alt="">
-          <span>新对话</span>
-        </div>
-        <div class="main-message-item">
-          <img src="@/assets/common/message.png" alt="">
-          <span>历史对话</span>
-          <i class="el-icon-arrow-down el-icon--right" />
-        </div>
-        <div class="case-list">
-          <span v-for="(item,index) in caseList" :key="index" class="case-item">{{ item.caseName }}</span>
-        </div>
-      </div>
-      <div
-        ref="floatButton"
-        slot="reference"
-        class="float_info"
-      />
-    </el-popover>
-
     <!--对话弹窗-->
-    <conversation-dialog ref="conversion" />
+    <conversation-dialog ref="conversion"/>
   </div>
 </template>
 <script>
-import { conversationList } from '@/api/caseManagement'
 export default {
-
   name: 'HoverButton',
   data() {
     return {
-      caseList: [
+
-  
-      ]
     }
   },
-  mounted() {
-    this.getList()
-  },
   methods: {
     onBtnClicked() {
       this.$refs.conversion.show()
-    },
+    }
-    // 查询列表
-    async getList() {
-      const res = await conversationList({
-        pageNum: 1,
-        pageSize: 99999
-      })
-      if (res.code === 200) {
-        this.caseList = res.data.records.splice(0, 3)
-      }
-    },
   }
 }
 </script>
 <style lang="scss" scoped>
-.HoverButton {
+.float_info {
-  .float_info {
+  position: fixed;
-    position: fixed;
+  bottom: 120px;
-    bottom: 120px;
+  right: 2%;
-    right: 2%;
+  width: 50px;
-    width: 50px;
+  height: 50px;
-    height: 50px;
+  margin: 5px 10px;
-    margin: 5px 10px;
+  display: flex;
-    display: flex;
+  z-index: 999;
-    z-index: 999;
+  cursor: pointer;
-    cursor: pointer;
+  background: url("~@/assets/home/anjianzhushou@2x.png") center no-repeat;
-    background: url("~@/assets/home/anjianzhushou@2x.png") center no-repeat;
+  background-size: 100% 100%;
-    background-size: 100% 100%;
-  }
 }
-.HoverButton-main {
+
-    // padding: 16px;
-    .main-new-item {
-      display: flex;
-      background: rgba(55,99,255,0.1);
-      border-radius: 8px 8px 8px 8px;
-      border: 1px solid #3763FF;
-      height: 49px;
-      align-items: center;
-      padding-left: 16px;
-      cursor: pointer;
-      img {
-        width: 18px;
-        height: 18px;
-      }
-      span {
-        font-size: 16px;
-        color: #3763FF;
-        margin-left: 10px;
-      }
-    }
-    .main-message-item {
-      display: flex; height: 49px;
-      align-items: center;
-      padding-left: 16px;
-      cursor: pointer;
-      img {
-        width: 18px;
-        height: 18px;
-      }
-      span {
-        font-size: 16px;
-        color: #333333;
-        margin-left: 10px;
-        margin-right: 100px;
-      }
-    }
-    .case-list {
-      display: flex;
-      flex-direction: column;
-      .case-item {
-        height: 34px;font-size: 14px;
-        color: #666666;
-        padding-left: 45px;
-        line-height: 34px;
-        cursor: pointer;
-      }
-      .case-item:hover {
-        background: #F5F5F5;
-      }
-    }
-  }
 </style>