fix(view): 增加浮动按钮组件

Author: lisgroup

admin/src/views/home/float.vue renamed to admin/src/components/FloatButton/index.vue

@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  name: 'FloatImgBtn',
+  name: 'FloatButton',
   props: {
     text: {
       type: String,
@@ -50,7 +50,7 @@ export default {
       })
       div.addEventListener('touchmove', (e) => {
         if (e.targetTouches.length === 1) {
-          let touch = event.targetTouches[0]
+          const touch = event.targetTouches[0]
           this.left = touch.clientX - this.itemWidth / 2
           this.top = touch.clientY - this.itemHeight / 2
         }
@@ -63,7 +63,6 @@ export default {
           this.left = this.gapWidth
         }
       })
-
     })
   },
   beforeDestroy() {
@@ -129,13 +128,13 @@ export default {
   }
 
   .ys-float-btn img {
-      width: 50%;
-      height: 50%;
-      object-fit: contain;
-      margin-bottom: 3px;
+    width: 50%;
+    height: 50%;
+    object-fit: contain;
+    margin-bottom: 3px;
   }
 
   .ys-float-btn p {
-      font-size: 7px;
+    font-size: 7px;
   }
 </style>

admin/src/router/index.js

@@ -214,7 +214,7 @@ export const asyncRoutes = [...routeAdmin, ...routeSuper, ...routeTest]
 const routeBase = [
   { path: '/', name: 'index', component: () => import('@/views/home/index'), hidden: true },
   { path: '/line', name: 'line', component: () => import('@/views/home/line'), hidden: true },
-  { path: '/home', component: () => import('@/views/home/float'), hidden: true },
+  { path: '/home', component: () => import('@/views/home/home'), hidden: true },
   { path: '/md', name: 'md', component: () => import('@/views/markdown/index'), hidden: true },
   { path: '/out', name: 'out', component: () => import('@/views/home/out'), hidden: true },
   { path: '/excel', name: 'excel', component: () => import('@/views/home/excel'), hidden: true },

admin/src/views/home/line.vue

@@ -22,17 +22,21 @@
       <el-table-column prop="carCode" label="车牌" width="" />
       <el-table-column prop="ArrivalTime" label="进站时间" width="" />
     </el-table>
+
+    <float-button :text="Flush" @click="handleReload()"></float-button>
   </div>
 </template>
 
 <script>
 import request from '@/utils/request'
 import fieldSet from '../../components/common/fieldSet'
+import FloatButton from '../../components/FloatButton'
 
 export default {
   name: 'Lines',
   components: {
-    fieldSet
+    fieldSet,
+    FloatButton
   },
   data() {
     return {
@@ -42,7 +46,8 @@ export default {
       to: '',
       href: '',
       tableData: [],
-      tableLine: []
+      tableLine: [],
+      Flush: '刷新'
     }
   },
   created() {