From ade231b048ae010fd730c22260801cd82411933a Mon Sep 17 00:00:00 2001
From: 2183691628 <2183691628@qq.com>
Date: Fri, 10 Dec 2021 10:58:02 +0800
Subject: [PATCH] =?UTF-8?q?-=20=E5=A2=9E=E5=8A=A0=20=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=A0=8F=E5=A4=B4=E9=83=A8logo=20-=20=E5=A2=9E=E5=8A=A0=20?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=88=86=E9=A1=B5=E9=A1=B5=E7=A0=81?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E6=8C=89=E9=92=AE=20-=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=A1=A8=E6=A0=BC=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E9=80=82=E9=85=8D=20-=20=E5=A2=9E=E5=8A=A0=20?=
 =?UTF-8?q?=E5=A4=B4=E9=83=A8=E5=9B=BA=E5=AE=9A=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  11 +-
 public/favicon.ico                            | Bin 67646 -> 7339 bytes
 src/App.vue                                   |   4 +-
 src/components/Pagination/index.vue           | 258 ++++++++++++------
 src/layout/components/Sidebar/Logo.vue        |   6 +-
 src/layout/mixin/ResizeHandler.js             |   8 +-
 src/settings.js                               |   6 +-
 src/store/localStore.js                       |   2 +-
 src/styles/element-ui.scss                    |   9 +
 src/styles/index.scss                         |   3 +
 src/utils/model.js                            |   4 +-
 .../off-limits-main/off-limits-type/index.vue |   7 +-
 .../user-exception/index.vue                  |  22 +-
 13 files changed, 230 insertions(+), 110 deletions(-)

diff --git a/README.md b/README.md
index 8767e3e..78fc421 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2021-11-29 11:14:13
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-12-08 16:55:53
+ * @LastEditTime: 2021-12-10 10:56:47
  * @FilePath: \GpsCardAdmin\README.md
  * @description:
 -->
@@ -57,4 +57,11 @@ FIX
 FEATURE
 - 增加 localStorage存储 src\store\localStorage.js
 - 增加 页面显示用户名
-- 修改 首页背景图
\ No newline at end of file
+- 修改 首页背景图
+
+## v1.0.6F
+`2021年12月10日`
+- 增加 标签栏头部logo
+- 增加 移动端分页页码跳转按钮
+- 增加 移动端表格弹窗适配
+- 增加 头部固定配置
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index 34b63ac63a87ee3ea8e7a0f3f5b5406c437e2112..ed759acb146fc9fcb24614a4e877d698734039bf 100644
GIT binary patch
literal 7339
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
IMU8&^4<MWiO8@`>

literal 67646
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
X;@D+E7Ad=S_FbjlW&KY_+xPzm3MBT?

diff --git a/src/App.vue b/src/App.vue
index 563431f..fd063da 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2021-11-29 11:20:34
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-11-30 15:13:57
+ * @LastEditTime: 2021-12-10 10:42:56
  * @FilePath: \GpsCardAdmin\src\App.vue
  * @description:
 -->
@@ -34,7 +34,7 @@ export default {
             });
         },
         debug() {
-            if (process.env.NODE_ENV !== "production") {
+            if (process.env.NODE_ENV !== "production" && document.body.clientWidth - 1 < 991) {
                 const script = document.createElement("script");
                 script.src = "//cdn.jsdelivr.net/npm/eruda";
                 document.body.appendChild(script);
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 94916f1..2f2e4f7 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -1,102 +1,194 @@
 <template>
-  <div :class="{'hidden':hidden}" class="pagination-container">
-    <el-pagination
-      :background="background"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :total="total"
-      v-bind="$attrs"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
-  </div>
+    <div :class="{'hidden':hidden}" class="pagination-container">
+        <el-row class="pagination-row">
+            <el-col :xs="20" :sm="20" :md="20" :lg="16" :xl="12">
+                <el-pagination
+                    :background="background"
+                    :current-page.sync="currentPage"
+                    :page-size.sync="pageSize"
+                    :layout="layout"
+                    :page-sizes="pageSizes"
+                    small
+                    ref="pagination"
+                    :total="total"
+                    v-bind="$attrs"
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                />
+            </el-col>
+            <el-col :span="4" class="jump-button" v-show="isMobile">
+                <el-button type="primary" @click="onJump">跳转</el-button>
+            </el-col>
+        </el-row>
+    </div>
 </template>
 
 <script>
-import { scrollTo } from '@/utils/scroll-to'
+import { scrollTo } from "@/utils/scroll-to";
 
+const { body } = document;
 export default {
-  name: 'Pagination',
-  props: {
-    total: {
-      required: true,
-      type: Number
+    name: "Pagination",
+    data() {
+        return {
+            screenWidth: document.body.clientWidth,
+            /* isMobile: false */
+        };
     },
-    page: {
-      type: Number,
-      default: 1
+    props: {
+        total: {
+            required: true,
+            type: Number
+        },
+        page: {
+            type: Number,
+            default: 1
+        },
+        limit: {
+            type: Number,
+            default: 20
+        },
+        pageSizes: {
+            type: Array,
+            default() {
+                return [10, 20, 30, 50];
+            }
+        },
+        layout: {
+            type: String,
+            default: "total, sizes, prev, pager, next, jumper" //total, sizes, prev, pager, next, jumper
+        },
+        background: {
+            type: Boolean,
+            default: true
+        },
+        autoScroll: {
+            type: Boolean,
+            default: true
+        },
+        hidden: {
+            type: Boolean,
+            default: false
+        }
     },
-    limit: {
-      type: Number,
-      default: 20
+    computed: {
+        currentPage: {
+            get() {
+                return this.page;
+            },
+            set(val) {
+                this.$emit("update:page", val);
+            }
+        },
+        pageSize: {
+            get() {
+                return this.limit;
+            },
+            set(val) {
+                this.$emit("update:limit", val);
+            }
+        },
+        // 防止在移动端刷新按钮消失
+        isMobile: {
+            get() {
+                if(this.screenWidth < 991) {
+                    return true
+                } else {
+                    return false
+                }
+            },
+            set(val) {
+                this.screenWidth
+            }
+        }
     },
-    pageSizes: {
-      type: Array,
-      default() {
-        return [10, 20, 30, 50]
-      }
+    watch: {
+        // 监听浏览器可视窗口变化
+        screenWidth(val){
+            console.log(val);
+            const IWIDTH = 991;
+            if(val - 1 < IWIDTH) {
+                this.isMobile = true;
+            } else {
+                this.isMobile = false;
+            }
+        }
     },
-    layout: {
-      type: String,
-      default: 'total, sizes, prev, pager, next, jumper'
+    mounted() {
+        this.getScreenWidth();
     },
-    background: {
-      type: Boolean,
-      default: true
-    },
-    autoScroll: {
-      type: Boolean,
-      default: true
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    currentPage: {
-      get() {
-        return this.page
-      },
-      set(val) {
-        this.$emit('update:page', val)
-      }
-    },
-    pageSize: {
-      get() {
-        return this.limit
-      },
-      set(val) {
-        this.$emit('update:limit', val)
-      }
+    methods: {
+        handleSizeChange(val) {
+            this.$emit("pagination", { page: this.currentPage, limit: val });
+            if (this.autoScroll) {
+                scrollTo(0, 800);
+            }
+        },
+        handleCurrentChange(val) {
+            this.$emit("pagination", { page: val, limit: this.pageSize });
+            if (this.autoScroll) {
+                scrollTo(0, 800);
+            }
+        },
+        // 跳转确认
+        onJump() {
+            let evtObj;
+            let elevatorDiv = document.getElementsByClassName(
+                "el-pagination__editor"
+            );
+            if (elevatorDiv && elevatorDiv.length > 0) {
+                let pageInput = elevatorDiv[0].getElementsByTagName("input")[0];
+                if (window.KeyEvent) {
+                    //firefox 浏览器下模拟事件
+                    evtObj = document.createEvent("KeyEvents");
+                    evtObj.initKeyEvent(
+                        "keyup",
+                        true,
+                        true,
+                        window,
+                        true,
+                        false,
+                        false,
+                        false,
+                        13,
+                        0
+                    );
+                } else {
+                    //chrome 浏览器下模拟事件
+                    evtObj = document.createEvent("UIEvents");
+                    evtObj.initUIEvent("keyup", true, true, window, 1);
+                    delete evtObj.keyCode;
+                    if (typeof evtObj.keyCode === "undefined") {
+                        //为了模拟keycode
+                        Object.defineProperty(evtObj, "keyCode", { value: 13 });
+                    } else {
+                        evtObj.key = String.fromCharCode(13);
+                    }
+                }
+                pageInput.dispatchEvent(evtObj);
+            }
+        },
+        // 获取浏览器可视化宽度
+        getScreenWidth() {
+            let that = this;
+            window.onresize = () => {
+                return (() => {
+                    window.screenWidth = document.body.clientWidth;
+                    that.screenWidth = window.screenWidth;
+                })();
+            };
+        }
     }
-  },
-  methods: {
-    handleSizeChange(val) {
-      this.$emit('pagination', { page: this.currentPage, limit: val })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    },
-    handleCurrentChange(val) {
-      this.$emit('pagination', { page: val, limit: this.pageSize })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    }
-  }
-}
+};
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .pagination-container {
-  width: 50%;
-  background: #fff;
-  padding: 32px 16px;
+    width: 100%;
+    background: #fff;
+    padding: 32px 16px;
 }
 .pagination-container.hidden {
-  display: none;
+    display: none;
 }
 </style>
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index a2a0762..f1ed2c8 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2021-11-29 11:20:35
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-11-29 16:59:54
+ * @LastEditTime: 2021-12-09 18:00:28
  * @FilePath: \GpsCardAdmin\src\layout\components\Sidebar\Logo.vue
  * @description:
 -->
@@ -32,7 +32,7 @@ export default {
   data() {
     return {
       title: '禁入区域告警系统',
-      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
+      logo: require('@/assets/telpo.png')
     }
   }
 }
@@ -53,7 +53,7 @@ export default {
   width: 100%;
   height: 50px;
   line-height: 50px;
-  background: #2b2f3a;
+  background: #304156;
   text-align: center;
   overflow: hidden;
 
diff --git a/src/layout/mixin/ResizeHandler.js b/src/layout/mixin/ResizeHandler.js
index e8d0df8..b4f0480 100644
--- a/src/layout/mixin/ResizeHandler.js
+++ b/src/layout/mixin/ResizeHandler.js
@@ -1,8 +1,14 @@
+/*
+ * @Date: 2021-11-30 15:34:45
+ * @LastEditors: JinxuChen
+ * @LastEditTime: 2021-12-10 10:19:10
+ * @FilePath: \GpsCardAdmin\src\layout\mixin\ResizeHandler.js
+ * @description:
+ */
 import store from '@/store'
 
 const { body } = document
 const WIDTH = 992 // refer to Bootstrap's responsive design
-
 export default {
   watch: {
     $route(route) {
diff --git a/src/settings.js b/src/settings.js
index e789109..67ca127 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-11-29 11:20:34
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-11-29 17:01:03
+ * @LastEditTime: 2021-12-10 10:53:56
  * @FilePath: \GpsCardAdmin\src\settings.js
  * @description:
  */
@@ -13,11 +13,11 @@ module.exports = {
    * @type {boolean} true | false
    * @description Whether fix the header
    */
-  fixedHeader: false,
+  fixedHeader: true,
 
   /**
    * @type {boolean} true | false
    * @description Whether show the logo in sidebar
    */
-  sidebarLogo: false
+  sidebarLogo: true
 }
diff --git a/src/store/localStore.js b/src/store/localStore.js
index 5e72c39..fca7a1c 100644
--- a/src/store/localStore.js
+++ b/src/store/localStore.js
@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-12-08 16:13:09
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-12-08 16:24:19
+ * @LastEditTime: 2021-12-10 10:19:33
  * @FilePath: \GpsCardAdmin\src\store\localStore.js
  * @description: store 使用local Storage
  */
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 0062411..7d71597 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -22,8 +22,17 @@
   left: 0;
   position: relative;
   margin: 0 auto;
+  width: 50%;
+  min-width: 375px;
 }
 
+.el-pagination {
+    white-space: pre-wrap;
+    padding: 2px 5px;
+    color: #303133;
+    font-weight: 700;
+    width: 100%;
+}
 // refine element ui upload
 .upload-container {
   .el-upload {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 588523d..480bd4d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -62,4 +62,7 @@ div:focus {
 // main-container global css
 .app-container {
   padding: 20px 10px;
+  .filter-container {
+      margin: 30px 10px;
+  }
 }
diff --git a/src/utils/model.js b/src/utils/model.js
index 2316e14..012c8eb 100644
--- a/src/utils/model.js
+++ b/src/utils/model.js
@@ -1,8 +1,8 @@
 /*
  * @Date: 2021-11-30 15:09:25
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-12-08 14:55:27
+ * @LastEditTime: 2021-12-10 10:57:51
  * @FilePath: \GpsCardAdmin\src\utils\model.js
  * @description: 版本号
  */
-export const VersionModel = '1.0.5';
\ No newline at end of file
+export const VersionModel = '1.0.6';
\ No newline at end of file
diff --git a/src/views/off-limits-manage/off-limits-main/off-limits-type/index.vue b/src/views/off-limits-manage/off-limits-main/off-limits-type/index.vue
index 1533e0e..ceed115 100644
--- a/src/views/off-limits-manage/off-limits-main/off-limits-type/index.vue
+++ b/src/views/off-limits-manage/off-limits-main/off-limits-type/index.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-07 15:14:51
- * @LastEditTime: 2021-12-08 15:43:52
- * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-12-09 14:10:49
+ * @LastEditors: JinxuChen
  * @Description:  自动报警分类
- * @FilePath: \GpsCardAdmin\src\views\off-limits-manage\off-limits-main\off-limits-type\newIndex.vue
+ * @FilePath: \GpsCardAdmin\src\views\off-limits-manage\off-limits-main\off-limits-type\index.vue
 -->
 
 <template>
@@ -25,6 +25,7 @@
           :rules="[{ required: true, message: '类别不能为空' }]"
         >
           <el-input
+            :xs="24" :sm="24" :lg="8"
             v-model="currentAddType.typeLabel"
             placeholder="请输入类别"
           ></el-input>
diff --git a/src/views/off-limits-manage/user-exception/index.vue b/src/views/off-limits-manage/user-exception/index.vue
index efe8c1f..324ab0e 100644
--- a/src/views/off-limits-manage/user-exception/index.vue
+++ b/src/views/off-limits-manage/user-exception/index.vue
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2021-11-30 09:44:24
  * @LastEditors: JinxuChen
- * @LastEditTime: 2021-12-08 15:13:12
+ * @LastEditTime: 2021-12-09 16:49:54
  * @FilePath: \GpsCardAdmin\src\views\off-limits-manage\user-exception\index.vue
  * @description:
 -->
@@ -10,7 +10,7 @@
         <div class="filter-container">
             <el-button
                 class="filter-item"
-                style="margin-left: 10px;"
+                style="margin-left: 10px"
                 type="primary"
                 icon="el-icon-circle-plus"
                 @click="onAdd"
@@ -52,14 +52,16 @@
             @transform="onTransform"
         ></TTable>
         <!-- 分页 -->
-        <pagination
-            v-show="total>0"
-            :total="total"
-            ref="pages"
-            :page.sync="page"
-            :limit.sync="limit"
-            @pagination="getList"
-        />
+<!--         <div class="page-container"> -->
+            <pagination
+                v-show="total>0"
+                :total="total"
+                ref="pages"
+                :page.sync="page"
+                :limit.sync="limit"
+                @pagination="getList"
+            />
+        <!-- </div> -->
         <!-- 修改弹窗 -->
         <el-dialog :visible.sync="dialogPvVisible" :title="dialogTitle">
             <el-form