diff --git a/src/page/index/index.vue b/src/page/index/index.vue
index c1ed423..a5a69d8 100644
--- a/src/page/index/index.vue
+++ b/src/page/index/index.vue
@@ -11,13 +11,16 @@
       </div>
       <div class="avue-main">
         <!-- 顶部标签卡 -->
-        <tags/>
+        <tags />
+        <transition name="fade-scale">
+          <search class="avue-view" v-show="isSearch"></search>
+        </transition>
         <!-- 主体视图层 -->
-        <div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view">
+        <div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view" v-show="!isSearch">
           <keep-alive>
-            <router-view class="avue-view" v-if="$route.meta.$keepAlive"/>
+            <router-view class="avue-view" v-if="$route.meta.$keepAlive" />
           </keep-alive>
-          <router-view class="avue-view" v-if="!$route.meta.$keepAlive"/>
+          <router-view class="avue-view" v-if="!$route.meta.$keepAlive" />
         </div>
       </div>
     </div>
@@ -28,6 +31,7 @@
 <script>
   import {mapGetters} from "vuex";
   import tags from "./tags";
+  import search from "./search";
   import top from "./top/";
   import sidebar from "./sidebar/";
   import admin from "@/util/admin";
@@ -44,6 +48,8 @@
     name: "index",
     data() {
       return {
+        //搜索控制
+        isSearch: false,
         //刷新token锁
         refreshLock: false,
         //刷新token的时间
diff --git a/src/page/index/search.vue b/src/page/index/search.vue
new file mode 100644
index 0000000..97d1b2f
--- /dev/null
+++ b/src/page/index/search.vue
@@ -0,0 +1,191 @@
+<template>
+  <div class="avue-searchs"
+       @click.self="handleEsc">
+    <div class="avue-searchs__title">菜单搜索</div>
+    <div class="avue-searchs__content">
+      <div class="avue-searchs__form">
+        <el-input :placeholder="$t('search')"
+                  v-model="value"
+                  @keydown.esc.native="handleEsc">
+          <el-button slot="append"
+                     icon="el-icon-search"></el-button>
+        </el-input>
+        <p>
+          <el-tag>你可以使用快捷键esc 关闭</el-tag>
+        </p>
+      </div>
+      <div class="avue-searchs__list">
+        <el-scrollbar class="avue-searchs__scrollbar">
+          <div class="avue-searchs__item"
+               v-for="(item,index) in menus"
+               :key="index"
+               @click="handleSelect(item)">
+            <i :class="[item[iconKey],'avue-searchs__item-icon']"></i>
+            <span class="avue-searchs__item-title">{{item[labelKey]}}</span>
+            <div class="avue-searchs__item-path">
+              {{item[pathKey]}}
+            </div>
+          </div>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import config from './sidebar/config.js'
+  import {mapGetters} from "vuex";
+
+  export default {
+    data() {
+      return {
+        config: config,
+        value: "",
+        menus: [],
+        menuList: []
+      }
+    },
+    created() {
+      this.getMenuList();
+    },
+    watch: {
+      value() {
+        this.querySearch();
+      },
+      menu() {
+        this.getMenuList();
+      }
+    },
+    computed: {
+      labelKey() {
+        return this.website.menu.props.label || this.config.propsDefault.label;
+      },
+      pathKey() {
+        return this.website.menu.props.path || this.config.propsDefault.path;
+      },
+      iconKey() {
+        return this.website.menu.props.icon || this.config.propsDefault.icon;
+      },
+      childrenKey() {
+        return (
+          this.website.menu.props.children || this.config.propsDefault.children
+        );
+      },
+      ...mapGetters(["menu", "website"])
+    },
+    methods: {
+      handleEsc() {
+        this.$parent.isSearch = false;
+      },
+      getMenuList() {
+        const findMenu = list => {
+          for (let i = 0; i < list.length; i++) {
+            const ele = Object.assign({}, list[i]);
+            if (this.validatenull(ele[this.childrenKey])) {
+              this.menuList.push(ele);
+            } else {
+              findMenu(ele[this.childrenKey]);
+            }
+          }
+        };
+        this.menuList = [];
+        findMenu(this.menu);
+        this.menus = this.menuList;
+      },
+      querySearch() {
+        var restaurants = this.menuList;
+        var queryString = this.value
+        this.menus = queryString
+          ? this.menuList.filter(this.createFilter(queryString))
+          : restaurants;
+      },
+      createFilter(queryString) {
+        return restaurant => {
+          return (
+            restaurant.label.toLowerCase().indexOf(queryString.toLowerCase()) ===
+            0
+          );
+        };
+      },
+      handleSelect(item) {
+        this.handleEsc();
+        this.value = "";
+        this.$router.push({
+          path: this.$router.$avueRouter.getPath({
+            name: item[this.labelKey],
+            src: item[this.pathKey]
+          }, item.meta),
+          query: item.query
+        });
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .avue-searchs {
+    padding-top: 50px;
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    z-index: 1024;
+
+    &__title {
+      margin-bottom: 60px;
+      text-align: center;
+      font-size: 42px;
+      font-weight: bold;
+      letter-spacing: 2px;
+      text-indent: 2px;
+    }
+
+    &__form {
+      margin: 0 auto 50px auto;
+      width: 50%;
+      text-align: center;
+
+      p {
+        margin-top: 20px;
+      }
+    }
+
+    &__scrollbar {
+      height: 400px;
+    }
+
+    &__list {
+      box-sizing: border-box;
+      padding: 20px 30px;
+      margin: 0 auto;
+      width: 70%;
+      border-radius: 4px;
+      border: 1px solid #ebeef5;
+      background-color: #fff;
+      overflow: hidden;
+      color: #303133;
+      transition: 0.3s;
+      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    }
+
+    &__item {
+      padding: 5px 0;
+      border-bottom: 1px dashed #eee;
+
+      &-icon {
+        margin-right: 5px;
+        font-size: 18px;
+      }
+
+      &-title {
+        font-size: 20px;
+        font-weight: 500;
+        color: #333;
+      }
+
+      &-path {
+        line-height: 30px;
+        color: #666;
+      }
+    }
+  }
+</style>
diff --git a/src/page/index/tags.vue b/src/page/index/tags.vue
index 33e0083..ef4de0c 100644
--- a/src/page/index/tags.vue
+++ b/src/page/index/tags.vue
@@ -6,9 +6,11 @@
          class="avue-tags__contentmenu"
          :style="{left:contentmenuX+'px',top:contentmenuY+'px'}">
       <div class="item"
-           @click="closeOthersTags">{{$t('tagsView.closeOthers')}}</div>
+           @click="closeOthersTags">{{$t('tagsView.closeOthers')}}
+      </div>
       <div class="item"
-           @click="closeAllTags">{{$t('tagsView.closeAll')}}</div>
+           @click="closeAllTags">{{$t('tagsView.closeAll')}}
+      </div>
     </div>
     <div class="avue-tags__box"
          :class="{'avue-tags__box--close':!website.isFirstPage}">
@@ -32,6 +34,7 @@
           <i class="el-icon-arrow-down el-icon--right"></i>
         </el-button>
         <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item @click.native="$parent.isSearch=true">{{$t('tagsView.search')}}</el-dropdown-item>
           <el-dropdown-item @click.native="closeOthersTags">{{$t('tagsView.closeOthers')}}</el-dropdown-item>
           <el-dropdown-item @click.native="closeAllTags">{{$t('tagsView.closeAll')}}</el-dropdown-item>
         </el-dropdown-menu>
@@ -41,125 +44,127 @@
   </div>
 </template>
 <script>
-import { mapGetters, mapState } from "vuex";
-export default {
-  name: "tags",
-  data() {
-    return {
-      active: "",
-      contentmenuX: "",
-      contentmenuY: "",
-      contextmenuFlag: false
-    };
-  },
-  created() {},
-  mounted() {
-    this.setActive();
-  },
-  watch: {
-    tag() {
-      this.setActive();
+  import {mapGetters, mapState} from "vuex";
+
+  export default {
+    name: "tags",
+    data() {
+      return {
+        active: "",
+        contentmenuX: "",
+        contentmenuY: "",
+        contextmenuFlag: false
+      };
     },
-    contextmenuFlag() {
-      window.addEventListener("mousedown", this.watchContextmenu);
-    }
-  },
-  computed: {
-    ...mapGetters(["tagWel", "tagList", "tag", "website"]),
-    ...mapState({
-      showTag: state => state.common.showTag
-    }),
-    tagLen() {
-      return this.tagList.length || 0;
-    }
-  },
-  methods: {
-    generateTitle(item) {
-      return this.$router.$avueRouter.generateTitle(
-        item.label,
-        (item.meta || {}).i18n
-      );
+    created() {
     },
-    watchContextmenu(event) {
-      if (!this.$el.contains(event.target) || event.button !== 0) {
-        this.contextmenuFlag = false;
-      }
-      window.removeEventListener("mousedown", this.watchContextmenu);
+    mounted() {
+      this.setActive();
     },
-    handleContextmenu(event) {
-      let target = event.target;
-      // 解决 https://github.com/d2-projects/d2-admin/issues/54
-      let flag = false;
-      if (target.className.indexOf("el-tabs__item") > -1) flag = true;
-      else if (target.parentNode.className.indexOf("el-tabs__item") > -1) {
-        target = target.parentNode;
-        flag = true;
-      }
-      if (flag) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.contentmenuX = event.clientX;
-        this.contentmenuY = event.clientY;
-        this.tagName = target.getAttribute("aria-controls").slice(5);
-        this.contextmenuFlag = true;
+    watch: {
+      tag() {
+        this.setActive();
+      },
+      contextmenuFlag() {
+        window.addEventListener("mousedown", this.watchContextmenu);
       }
     },
-    //激活当前选项
-    setActive() {
-      this.active = this.tag.value;
-    },
-    menuTag(value, action) {
-      if (action === "remove") {
-        let { tag, key } = this.findTag(value);
-        this.$store.commit("DEL_TAG", tag);
-        if (tag.value === this.tag.value) {
-          tag = this.tagList[key === 0 ? key : key - 1]; //如果关闭本标签让前推一个
-          this.openTag(tag);
-        }
+    computed: {
+      ...mapGetters(["tagWel", "tagList", "tag", "website"]),
+      ...mapState({
+        showTag: state => state.common.showTag
+      }),
+      tagLen() {
+        return this.tagList.length || 0;
       }
     },
-    openTag(item) {
-      let tag;
-      if (item.name) {
-        tag = this.findTag(item.name).tag;
-      } else {
-        tag = item;
-      }
-      this.$router.push({
-        path: this.$router.$avueRouter.getPath({
-          name: tag.label,
-          src: tag.value,
-          i18n: tag.meta.i18n
-        }),
-        query: tag.query
-      });
-    },
-    closeOthersTags() {
-      this.contextmenuFlag = false;
-      this.$store.commit("DEL_TAG_OTHER");
-    },
-    findTag(value) {
-      let tag, key;
-      this.tagList.map((item, index) => {
-        if (item.value === value) {
+    methods: {
+      generateTitle(item) {
+        return this.$router.$avueRouter.generateTitle(
+          item.label,
+          (item.meta || {}).i18n
+        );
+      },
+      watchContextmenu(event) {
+        if (!this.$el.contains(event.target) || event.button !== 0) {
+          this.contextmenuFlag = false;
+        }
+        window.removeEventListener("mousedown", this.watchContextmenu);
+      },
+      handleContextmenu(event) {
+        let target = event.target;
+        // 解决 https://github.com/d2-projects/d2-admin/issues/54
+        let flag = false;
+        if (target.className.indexOf("el-tabs__item") > -1) flag = true;
+        else if (target.parentNode.className.indexOf("el-tabs__item") > -1) {
+          target = target.parentNode;
+          flag = true;
+        }
+        if (flag) {
+          event.preventDefault();
+          event.stopPropagation();
+          this.contentmenuX = event.clientX;
+          this.contentmenuY = event.clientY;
+          this.tagName = target.getAttribute("aria-controls").slice(5);
+          this.contextmenuFlag = true;
+        }
+      },
+      //激活当前选项
+      setActive() {
+        this.active = this.tag.value;
+      },
+      menuTag(value, action) {
+        if (action === "remove") {
+          let {tag, key} = this.findTag(value);
+          this.$store.commit("DEL_TAG", tag);
+          if (tag.value === this.tag.value) {
+            tag = this.tagList[key === 0 ? key : key - 1]; //如果关闭本标签让前推一个
+            this.openTag(tag);
+          }
+        }
+      },
+      openTag(item) {
+        let tag;
+        if (item.name) {
+          tag = this.findTag(item.name).tag;
+        } else {
           tag = item;
-          key = index;
         }
-      });
-      return { tag: tag, key: key };
-    },
-    closeAllTags() {
-      this.contextmenuFlag = false;
-      this.$store.commit("DEL_ALL_TAG");
-      this.$router.push({
-        path: this.$router.$avueRouter.getPath({
-          src: this.tagWel.value
-        }),
-        query: this.tagWel.query
-      });
+        this.$router.push({
+          path: this.$router.$avueRouter.getPath({
+            name: tag.label,
+            src: tag.value,
+            i18n: tag.meta.i18n
+          }),
+          query: tag.query
+        });
+      },
+      closeOthersTags() {
+        this.contextmenuFlag = false;
+        this.$store.commit("DEL_TAG_OTHER");
+      },
+      findTag(value) {
+        let tag, key;
+        this.tagList.map((item, index) => {
+          if (item.value === value) {
+            tag = item;
+            key = index;
+          }
+        });
+        return {tag: tag, key: key};
+      },
+      closeAllTags() {
+        this.contextmenuFlag = false;
+        this.$store.commit("DEL_ALL_TAG");
+        this.$router.push({
+          path: this.$router.$avueRouter.getPath({
+            src: this.tagWel.value
+          }),
+          query: this.tagWel.query
+        });
+      }
     }
-  }
-};
+  };
 </script>
 
 
diff --git a/src/page/index/top/index.vue b/src/page/index/top/index.vue
index 4067ad1..e6614eb 100644
--- a/src/page/index/top/index.vue
+++ b/src/page/index/top/index.vue
@@ -81,87 +81,93 @@
           <el-dropdown-item>
             <router-link to="/info/index">{{$t('navbar.userinfo')}}</router-link>
           </el-dropdown-item>
+          <el-dropdown-item>
+            <router-link to="/info/setting">{{$t('navbar.setting')}}</router-link>
+          </el-dropdown-item>
           <el-dropdown-item @click.native="logout"
-                            divided>{{$t('navbar.logOut')}}</el-dropdown-item>
+                            divided>{{$t('navbar.logOut')}}
+          </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
     </div>
   </div>
 </template>
 <script>
-import { mapGetters, mapState } from "vuex";
-import { fullscreenToggel, listenfullscreen } from "@/util/util";
-import topLock from "./top-lock";
-import topMenu from "./top-menu";
-import topSearch from "./top-search";
-import topTheme from "./top-theme";
-import topLogs from "./top-logs";
-import topColor from "./top-color";
-import topLang from "./top-lang";
-export default {
-  components: {
-    topLock,
-    topMenu,
-    topSearch,
-    topTheme,
-    topLogs,
-    topColor,
-    topLang
-  },
-  name: "top",
-  data() {
-    return {};
-  },
-  filters: {},
-  created() {},
-  mounted() {
-    listenfullscreen(this.setScreen);
-  },
-  computed: {
-    ...mapState({
-      showDebug: state => state.common.showDebug,
-      showTheme: state => state.common.showTheme,
-      showLock: state => state.common.showLock,
-      showFullScren: state => state.common.showFullScren,
-      showCollapse: state => state.common.showCollapse,
-      showSearch: state => state.common.showSearch,
-      showMenu: state => state.common.showMenu,
-      showColor: state => state.common.showColor
-    }),
-    ...mapGetters([
-      "userInfo",
-      "isFullScren",
-      "tagWel",
-      "tagList",
-      "isCollapse",
-      "tag",
-      "logsLen",
-      "logsFlag"
-    ])
-  },
-  methods: {
-    handleScreen() {
-      fullscreenToggel();
+  import {mapGetters, mapState} from "vuex";
+  import {fullscreenToggel, listenfullscreen} from "@/util/util";
+  import topLock from "./top-lock";
+  import topMenu from "./top-menu";
+  import topSearch from "./top-search";
+  import topTheme from "./top-theme";
+  import topLogs from "./top-logs";
+  import topColor from "./top-color";
+  import topLang from "./top-lang";
+
+  export default {
+    components: {
+      topLock,
+      topMenu,
+      topSearch,
+      topTheme,
+      topLogs,
+      topColor,
+      topLang
+    },
+    name: "top",
+    data() {
+      return {};
+    },
+    filters: {},
+    created() {
     },
-    setCollapse() {
-      this.$store.commit("SET_COLLAPSE");
+    mounted() {
+      listenfullscreen(this.setScreen);
     },
-    setScreen() {
-      this.$store.commit("SET_FULLSCREN");
+    computed: {
+      ...mapState({
+        showDebug: state => state.common.showDebug,
+        showTheme: state => state.common.showTheme,
+        showLock: state => state.common.showLock,
+        showFullScren: state => state.common.showFullScren,
+        showCollapse: state => state.common.showCollapse,
+        showSearch: state => state.common.showSearch,
+        showMenu: state => state.common.showMenu,
+        showColor: state => state.common.showColor
+      }),
+      ...mapGetters([
+        "userInfo",
+        "isFullScren",
+        "tagWel",
+        "tagList",
+        "isCollapse",
+        "tag",
+        "logsLen",
+        "logsFlag"
+      ])
     },
-    logout() {
-      this.$confirm(this.$t("logoutTip"), this.$t("tip"), {
-        confirmButtonText: this.$t("submitText"),
-        cancelButtonText: this.$t("cancelText"),
-        type: "warning"
-      }).then(() => {
-        this.$store.dispatch("LogOut").then(() => {
-          this.$router.push({ path: "/login" });
+    methods: {
+      handleScreen() {
+        fullscreenToggel();
+      },
+      setCollapse() {
+        this.$store.commit("SET_COLLAPSE");
+      },
+      setScreen() {
+        this.$store.commit("SET_FULLSCREN");
+      },
+      logout() {
+        this.$confirm(this.$t("logoutTip"), this.$t("tip"), {
+          confirmButtonText: this.$t("submitText"),
+          cancelButtonText: this.$t("cancelText"),
+          type: "warning"
+        }).then(() => {
+          this.$store.dispatch("LogOut").then(() => {
+            this.$router.push({path: "/login"});
+          });
         });
-      });
+      }
     }
-  }
-};
+  };
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/page/index/top/top-search.vue b/src/page/index/top/top-search.vue
index 40efd97..0d89fbc 100644
--- a/src/page/index/top/top-search.vue
+++ b/src/page/index/top/top-search.vue
@@ -15,114 +15,118 @@
 </template>
 
 <script>
-import config from "../sidebar/config.js";
-import { mapGetters } from "vuex";
-export default {
-  data() {
-    return {
-      config: config,
-      value: "",
-      menuList: []
-    };
-  },
-  created() {
-    this.getMenuList();
-  },
+  import config from "../sidebar/config.js";
+  import {mapGetters} from "vuex";
 
-  watch: {
-    menu() {
-      this.getMenuList();
-    }
-  },
-  computed: {
-    labelKey() {
-      return this.website.menu.props.label || this.config.propsDefault.label;
-    },
-    pathKey() {
-      return this.website.menu.props.path || this.config.propsDefault.path;
-    },
-    iconKey() {
-      return this.website.menu.props.icon || this.config.propsDefault.icon;
-    },
-    childrenKey() {
-      return (
-        this.website.menu.props.children || this.config.propsDefault.children
-      );
-    },
-    ...mapGetters(["menu", "website"])
-  },
-  methods: {
-    getMenuList() {
-      const findMenu = list => {
-        for (let i = 0; i < list.length; i++) {
-          const ele = Object.assign({}, list[i]);
-          if (this.validatenull(ele[this.childrenKey])) {
-            this.menuList.push(ele);
-          } else {
-            findMenu(ele[this.childrenKey]);
-          }
-        }
+  export default {
+    data() {
+      return {
+        config: config,
+        value: "",
+        menuList: []
       };
-      this.menuList = [];
-      findMenu(this.menu);
     },
-    querySearch(queryString, cb) {
-      var restaurants = this.menuList;
-      var results = queryString
-        ? restaurants.filter(this.createFilter(queryString))
-        : restaurants;
-      // 调用 callback 返回建议列表的数据
-      cb(results);
+    created() {
+      this.getMenuList();
+    },
+
+    watch: {
+      menu() {
+        this.getMenuList();
+      }
     },
-    createFilter(queryString) {
-      return restaurant => {
+    computed: {
+      labelKey() {
+        return this.website.menu.props.label || this.config.propsDefault.label;
+      },
+      pathKey() {
+        return this.website.menu.props.path || this.config.propsDefault.path;
+      },
+      iconKey() {
+        return this.website.menu.props.icon || this.config.propsDefault.icon;
+      },
+      childrenKey() {
         return (
-          restaurant.label.toLowerCase().indexOf(queryString.toLowerCase()) ===
-          0
+          this.website.menu.props.children || this.config.propsDefault.children
         );
-      };
+      },
+      ...mapGetters(["menu", "website"])
     },
-    handleSelect(item) {
-      this.value = "";
-      this.$router.push({
-        path: this.$router.$avueRouter.getPath({
-          name: item[this.labelKey],
-          src: item[this.pathKey],
-          i18n: (item.meta || {}).i18n
-        }),
-        query: item.query
-      });
+    methods: {
+      getMenuList() {
+        const findMenu = list => {
+          for (let i = 0; i < list.length; i++) {
+            const ele = Object.assign({}, list[i]);
+            if (this.validatenull(ele[this.childrenKey])) {
+              this.menuList.push(ele);
+            } else {
+              findMenu(ele[this.childrenKey]);
+            }
+          }
+        };
+        this.menuList = [];
+        findMenu(this.menu);
+      },
+      querySearch(queryString, cb) {
+        var restaurants = this.menuList;
+        var results = queryString
+          ? restaurants.filter(this.createFilter(queryString))
+          : restaurants;
+        // 调用 callback 返回建议列表的数据
+        cb(results);
+      },
+      createFilter(queryString) {
+        return restaurant => {
+          return (
+            restaurant.label.toLowerCase().indexOf(queryString.toLowerCase()) ===
+            0
+          );
+        };
+      },
+      handleSelect(item) {
+        this.value = "";
+        this.$router.push({
+          path: this.$router.$avueRouter.getPath({
+            name: item[this.labelKey],
+            src: item[this.pathKey],
+            i18n: (item.meta || {}).i18n
+          }),
+          query: item.query
+        });
+      }
     }
-  }
-};
+  };
 </script>
 
 <style lang="scss">
-.my-autocomplete {
-  li {
-    line-height: normal;
-    padding: 7px;
-    .icon {
-      margin-right: 5px;
-      display: inline-block;
-      vertical-align: middle;
-    }
-    .name {
-      display: inline-block;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      vertical-align: middle;
-    }
-    .addr {
-      padding-top: 5px;
-      width: 100%;
-      font-size: 12px;
-      color: #b4b4b4;
-    }
+  .my-autocomplete {
+    li {
+      line-height: normal;
+      padding: 7px;
+
+      .icon {
+        margin-right: 5px;
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .name {
+        display: inline-block;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        vertical-align: middle;
+      }
+
+      .addr {
+        padding-top: 5px;
+        width: 100%;
+        font-size: 12px;
+        color: #b4b4b4;
+      }
 
-    .highlighted .addr {
-      color: #ddd;
+      .highlighted .addr {
+        color: #ddd;
+      }
     }
   }
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/styles/media.scss b/src/styles/media.scss
index 5d8f365..cfb1135 100644
--- a/src/styles/media.scss
+++ b/src/styles/media.scss
@@ -5,166 +5,177 @@
 .avue-layout
 .login-logo,
 .avue-main {
-    transition: all .3s;
+  transition: all .3s;
 }
+
 .avue-contail {
-    width: 100%;
-    height: 100%;
-    background: #f0f2f5;
-    background-size: 100%;
-    background-repeat: no-repeat;
+  width: 100%;
+  height: 100%;
+  background: #f0f2f5;
+  background-size: 100%;
+  background-repeat: no-repeat;
 }
 
 
 .avue-left {
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 240px;
-    height: 100%;
-    z-index: 1025;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 240px;
+  height: 100%;
+  z-index: 1025;
 }
 
 .avue--collapse {
-    .avue-left,
-    .avue-logo {
-        width: 60px;
-    }
-    .avue-header {
-        padding-left: 60px;
-    }
-    .avue-main {
-        width: calc(100% - 60px);
-        left: 60px;
-    }
+  .avue-left,
+  .avue-logo {
+    width: 60px;
+  }
+
+  .avue-header {
+    padding-left: 60px;
+  }
+
+  .avue-main {
+    width: calc(100% - 60px);
+    left: 60px;
+  }
 }
 
 .avue-header {
-    padding-left: 240px;
-    width: 100%;
-    background-color: #fff;
-    box-sizing: border-box;
+  padding-left: 240px;
+  width: 100%;
+  background-color: #fff;
+  box-sizing: border-box;
 }
 
 .avue-main {
-    position: absolute;
-    left: 240px;
-    padding: 0;
-    padding-bottom: 20px;
-    width: calc(100% - 240px);
-    height: calc(100% - 64px);
-    box-sizing: border-box;
-    overflow: hidden;
-    background: #f0f2f5;
-    z-index:1026;
-    &--fullscreen{
-      width: 100%;
-      left:0;
-    }
+  position: absolute;
+  left: 240px;
+  padding: 0;
+  padding-bottom: 20px;
+  width: calc(100% - 240px);
+  height: calc(100% - 64px);
+  box-sizing: border-box;
+  overflow: hidden;
+  background: #f0f2f5;
+  z-index: 1026;
+
+  &--fullscreen {
+    width: 100%;
+    left: 0;
+  }
 }
 
 .avue-view {
-    width: 100%;
-    box-sizing: border-box;
+  padding: 10px !important;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .avue-footer {
-    margin: 0 auto;
-    padding: 0 22px;
-    width: 1300px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .logo {
-        margin-left: -50px;
-    }
-    .copyright {
-        color: #666;
-        line-height: 1.5;
-        font-size: 12px;
-    }
+  margin: 0 auto;
+  padding: 0 22px;
+  width: 1300px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .logo {
+    margin-left: -50px;
+  }
+
+  .copyright {
+    color: #666;
+    line-height: 1.5;
+    font-size: 12px;
+  }
 }
 
 .avue-shade {
-    position: fixed;
-    display: none;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, .3);
-    z-index: 1024;
-    &--show {
-        display: block;
-    }
+  position: fixed;
+  display: none;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, .3);
+  z-index: 1024;
+
+  &--show {
+    display: block;
+  }
 }
 
 @media screen and (max-width: 992px) {
-    $width: 240px;
-    // ele的自适应
-    .el-dialog,
-    .el-message-box {
-        width: 98% !important;
-    }
-    //登录页面
-    .login-left {
-        display: none !important;
-    }
-    .login-logo {
-        padding-top: 30px !important;
-        margin-left: -30px;
-    }
-    .login-weaper{
-        margin: 0 auto;
-        width: 96% !important;
-    }
-    .login-border {
-        border-radius: 5px;
-        padding: 40px;
-        margin: 0 auto;
-        float: none !important;
-        width: 100% !important;
-    }
-    .login-main {
-        width: 100% !important;
-    }
-    //主框架
-    .avue-tags {
-        display: none;
-    }
+  $width: 240px;
+  // ele的自适应
+  .el-dialog,
+  .el-message-box {
+    width: 98% !important;
+  }
+  //登录页面
+  .login-left {
+    display: none !important;
+  }
+  .login-logo {
+    padding-top: 30px !important;
+    margin-left: -30px;
+  }
+  .login-weaper {
+    margin: 0 auto;
+    width: 96% !important;
+  }
+  .login-border {
+    border-radius: 5px;
+    padding: 40px;
+    margin: 0 auto;
+    float: none !important;
+    width: 100% !important;
+  }
+  .login-main {
+    width: 100% !important;
+  }
+  //主框架
+  .avue-tags {
+    display: none;
+  }
+  .avue-left,
+  .avue-logo {
+    left: -$width;
+  }
+  .avue-main {
+    left: 0;
+    width: 100%;
+  }
+  .avue-header {
+    margin-bottom: 15px;
+    padding-left: 15px;
+  }
+  .top-bar__item {
+    display: none;
+  }
+  .avue--collapse {
     .avue-left,
     .avue-logo {
-        left: -$width;
+      width: $width;
+      left: 0;
     }
+
     .avue-main {
-        left: 0;
-        width: 100%;
+      left: $width;
+      width: 100%;
     }
+
     .avue-header {
-        margin-bottom: 15px;
-        padding-left: 15px;
+      padding: 0;
+      transform: translate3d(230px, 0, 0);
     }
-    .top-bar__item {
-        display: none;
-    }
-    .avue--collapse {
-        .avue-left,
-        .avue-logo {
-            width: $width;
-            left: 0;
-        }
-        .avue-main {
-            left: $width;
-            width: 100%;
-        }
-        .avue-header {
-            padding: 0;
-            transform: translate3d(230px, 0, 0);
-        }
-        .avue-shade {
-            display: block;
-        }
+
+    .avue-shade {
+      display: block;
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/src/views/authority/apiscope.vue b/src/views/authority/apiscope.vue
index 167046b..b245c40 100644
--- a/src/views/authority/apiscope.vue
+++ b/src/views/authority/apiscope.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="{row}" slot="menu">
         <el-button type="text"
@@ -485,6 +486,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getMenuList(page.currentPage, page.pageSize, params).then(res => {
diff --git a/src/views/authority/datascope.vue b/src/views/authority/datascope.vue
index 332805e..00277e1 100644
--- a/src/views/authority/datascope.vue
+++ b/src/views/authority/datascope.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="{row}" slot="menu">
         <el-button type="text"
@@ -515,6 +516,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getMenuList(page.currentPage, page.pageSize, params).then(res => {
diff --git a/src/views/authority/role.vue b/src/views/authority/role.vue
index a63b210..ffb8e33 100644
--- a/src/views/authority/role.vue
+++ b/src/views/authority/role.vue
@@ -14,6 +14,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -345,6 +346,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/desk/notice.vue b/src/views/desk/notice.vue
index d4f94dd..a38c39f 100644
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -258,6 +259,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const {releaseTimeRange} = params;
         let values = {
diff --git a/src/views/flow/follow.vue b/src/views/flow/follow.vue
index ff64ef1..abfd5c1 100644
--- a/src/views/flow/follow.vue
+++ b/src/views/flow/follow.vue
@@ -13,6 +13,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="{row}"
                 slot="suspensionState">
@@ -174,6 +175,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         followList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/flow/manager.vue b/src/views/flow/manager.vue
index 83da12b..67c18b8 100644
--- a/src/views/flow/manager.vue
+++ b/src/views/flow/manager.vue
@@ -12,6 +12,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -319,6 +320,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/src/views/flow/model.vue b/src/views/flow/model.vue
index 302cf63..2f142e2 100644
--- a/src/views/flow/model.vue
+++ b/src/views/flow/model.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="primary"
@@ -307,6 +308,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         modelList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/monitor/log/api.vue b/src/views/monitor/log/api.vue
index ab90a54..dc778f5 100644
--- a/src/views/monitor/log/api.vue
+++ b/src/views/monitor/log/api.vue
@@ -12,6 +12,7 @@
                @search-reset="searchReset"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
     </avue-crud>
   </basic-container>
@@ -134,6 +135,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getApiList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/monitor/log/error.vue b/src/views/monitor/log/error.vue
index 43b2b8a..babcac5 100644
--- a/src/views/monitor/log/error.vue
+++ b/src/views/monitor/log/error.vue
@@ -12,6 +12,7 @@
                @search-reset="searchReset"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
     </avue-crud>
   </basic-container>
@@ -140,6 +141,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getErrorList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/monitor/log/usual.vue b/src/views/monitor/log/usual.vue
index b710933..f944673 100644
--- a/src/views/monitor/log/usual.vue
+++ b/src/views/monitor/log/usual.vue
@@ -12,6 +12,7 @@
                @search-reset="searchReset"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
     </avue-crud>
   </basic-container>
@@ -132,6 +133,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getUsualList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/resource/oss.vue b/src/views/resource/oss.vue
index 9b268c3..e2554ef 100644
--- a/src/views/resource/oss.vue
+++ b/src/views/resource/oss.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -290,6 +291,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/client.vue b/src/views/system/client.vue
index ced73e2..54709ba 100644
--- a/src/views/system/client.vue
+++ b/src/views/system/client.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -284,6 +285,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/dept.vue b/src/views/system/dept.vue
index 03f8689..d89a0a1 100644
--- a/src/views/system/dept.vue
+++ b/src/views/system/dept.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -278,6 +279,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/dict.vue b/src/views/system/dict.vue
index d9306e0..9f16530 100644
--- a/src/views/system/dict.vue
+++ b/src/views/system/dict.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -242,6 +243,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/menu.vue b/src/views/system/menu.vue
index 280d7b8..c346dc2 100644
--- a/src/views/system/menu.vue
+++ b/src/views/system/menu.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -301,6 +302,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/param.vue b/src/views/system/param.vue
index a86417d..604eaab 100644
--- a/src/views/system/param.vue
+++ b/src/views/system/param.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -194,6 +195,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/tenant.vue b/src/views/system/tenant.vue
index bb3e559..93f2c9b 100644
--- a/src/views/system/tenant.vue
+++ b/src/views/system/tenant.vue
@@ -15,6 +15,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -214,6 +215,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/topmenu.vue b/src/views/system/topmenu.vue
index dcd6ecb..5845651 100644
--- a/src/views/system/topmenu.vue
+++ b/src/views/system/topmenu.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -286,6 +287,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index 765fc95..6ccaffc 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -415,6 +416,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/tool/code.vue b/src/views/tool/code.vue
index f037bb2..c7d739e 100644
--- a/src/views/tool/code.vue
+++ b/src/views/tool/code.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -356,6 +357,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/tool/datasource.vue b/src/views/tool/datasource.vue
index 8a926bd..11a2012 100644
--- a/src/views/tool/datasource.vue
+++ b/src/views/tool/datasource.vue
@@ -16,6 +16,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot="menuLeft">
         <el-button type="danger"
@@ -247,6 +248,9 @@
       sizeChange(pageSize) {
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         this.loading = true;
         getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
diff --git a/src/views/work/claim.vue b/src/views/work/claim.vue
index 61a12ab..94c16e3 100644
--- a/src/views/work/claim.vue
+++ b/src/views/work/claim.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="scope" slot="menu">
         <el-button type="text"
@@ -196,6 +197,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/src/views/work/done.vue b/src/views/work/done.vue
index d2df0f3..3f0f7d9 100644
--- a/src/views/work/done.vue
+++ b/src/views/work/done.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="scope" slot="menu">
         <el-button type="text"
@@ -172,6 +173,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/src/views/work/send.vue b/src/views/work/send.vue
index 6f30b10..2f4c1b6 100644
--- a/src/views/work/send.vue
+++ b/src/views/work/send.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="scope" slot="menu">
         <el-button type="text"
@@ -182,6 +183,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/src/views/work/start.vue b/src/views/work/start.vue
index 727fecc..c77ca65 100644
--- a/src/views/work/start.vue
+++ b/src/views/work/start.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="scope" slot="menu">
         <el-button type="text"
@@ -185,6 +186,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/src/views/work/todo.vue b/src/views/work/todo.vue
index 5bb056b..a0836a9 100644
--- a/src/views/work/todo.vue
+++ b/src/views/work/todo.vue
@@ -11,6 +11,7 @@
                @selection-change="selectionChange"
                @current-change="currentChange"
                @size-change="sizeChange"
+               @refresh-change="refreshChange"
                @on-load="onLoad">
       <template slot-scope="scope" slot="menu">
         <el-button type="text"
@@ -182,6 +183,9 @@
       sizeChange(pageSize){
         this.page.pageSize = pageSize;
       },
+      refreshChange() {
+        this.onLoad(this.page, this.query);
+      },
       onLoad(page, params = {}) {
         const values = {
           ...params,
diff --git a/vue.config.js b/vue.config.js
index ee4aad7..9b22e76 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -26,9 +26,9 @@ module.exports = {
     proxy: {
       '/api': {
         //本地服务接口地址
-        target: 'http://localhost',
+        //target: 'http://localhost',
         //远程演示服务地址
-        //target: 'https://saber.bladex.vip/api',
+        target: 'https://saber.bladex.vip/api',
         ws: true,
         pathRewrite: {
           '^/api': '/'