ylyx-cli 1.0.16 → 1.1.1

package/templates/vue-app/files/src/layout/components/Navbar.vue

@@ -1,209 +1,209 @@
-<template>
-  <div class="navbar">
-    <hamburger
-      id="hamburger-container"
-      :is-active="sidebar.opened"
-      class="hamburger-container"
-      @toggleClick="toggleSideBar" />
-
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
-
-    <div class="right-menu">
-      <template v-if="device !== 'mobile'">
-        <search id="header-search" class="right-menu-item" />
-
-        <!-- <el-tooltip content="项目文档" effect="dark" placement="bottom">
-          <Doc class="right-menu-item hover-effect" />
-        </el-tooltip> -->
-
-        <el-tooltip content="全屏缩放" effect="dark" placement="bottom">
-          <screenfull id="screenfull" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip content="布局设置" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-      </template>
-
-      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
-        <div class="avatar-wrapper">
-          <span style="font-size: 16px">{{ user.name }}</span>
-          <!-- <img :src="user.avatarName ? baseApi + '/avatar/' + user.avatarName : Avatar" class="user-avatar"> -->
-          <i class="el-icon-caret-bottom" />
-        </div>
-        <el-dropdown-menu slot="dropdown">
-          <span style="display: block" @click="show = true">
-            <el-dropdown-item> 布局设置 </el-dropdown-item>
-          </span>
-          <!-- <router-link to="/user/center"> -->
-          <!-- :href="VUE_APP_SYSLOGIN_URL" -->
-          <span @click="open(0)">
-            <el-dropdown-item>
-              <!-- 个人中心 -->
-              重选系统
-            </el-dropdown-item>
-          </span>
-          <span style="display: block" @click="open(1)">
-            <el-dropdown-item> 退出登录 </el-dropdown-item>
-          </span>
-        </el-dropdown-menu>
-      </el-dropdown>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import Breadcrumb from '@/components/Breadcrumb';
-import Hamburger from '@/components/Hamburger';
-import Doc from '@/components/Doc';
-import Screenfull from '@/components/Screenfull';
-import SizeSelect from '@/components/SizeSelect';
-import Search from '@/components/HeaderSearch';
-import Avatar from '@/assets/images/avatar.png';
-import Cookies from 'js-cookie';
-const { VUE_APP_LOGIN_URL, VUE_APP_SYSLOGIN_URL } = window.config;
-export default {
-  components: {
-    Breadcrumb,
-    Hamburger,
-    Screenfull,
-    SizeSelect,
-    Search,
-    Doc,
-  },
-  data() {
-    return {
-      Avatar: Avatar,
-      dialogVisible: false,
-      VUE_APP_SYSLOGIN_URL: VUE_APP_SYSLOGIN_URL,
-    };
-  },
-  computed: {
-    ...mapGetters(['sidebar', 'device', 'user', 'baseApi']),
-    show: {
-      get() {
-        return this.$store.state.settings.showSettings;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'showSettings',
-          value: val,
-        });
-      },
-    },
-  },
-  methods: {
-    toggleSideBar() {
-      this.$store.dispatch('app/toggleSideBar');
-    },
-    open(statu) {
-      if (statu == '0') {
-        Cookies.remove('homePageDefault');
-        window.location.href = VUE_APP_SYSLOGIN_URL;
-      } else {
-        this.$confirm('确定注销并退出系统吗？', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }).then(() => {
-          this.logout();
-          // console.log('退出登录')
-        });
-      }
-    },
-    logout() {
-      this.$store.dispatch('LogOut').then(() => {
-        // location.reload()
-        // this.$router.push('/login')
-        Cookies.remove('homePageDefault');
-        window.location.href = VUE_APP_LOGIN_URL;
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.navbar {
-  height: 50px;
-  overflow: hidden;
-  position: relative;
-  background: #fff;
-  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
-
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background 0.3s;
-    -webkit-tap-highlight-color: transparent;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.025);
-    }
-  }
-
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .right-menu {
-    float: right;
-    height: 100%;
-    line-height: 50px;
-
-    &:focus {
-      outline: none;
-    }
-
-    .right-menu-item {
-      display: inline-block;
-      padding: 0 8px;
-      height: 100%;
-      font-size: 18px;
-      color: #5a5e66;
-      vertical-align: text-bottom;
-
-      &.hover-effect {
-        cursor: pointer;
-        transition: background 0.3s;
-
-        &:hover {
-          background: rgba(0, 0, 0, 0.025);
-        }
-      }
-    }
-
-    .avatar-container {
-      margin-right: 30px;
-
-      .avatar-wrapper {
-        margin-top: 5px;
-        position: relative;
-
-        .user-avatar {
-          cursor: pointer;
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
-        }
-
-        .el-icon-caret-bottom {
-          cursor: pointer;
-          position: absolute;
-          right: -20px;
-          top: 17px;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="navbar">
+    <hamburger
+      id="hamburger-container"
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar" />
+
+    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
+
+    <div class="right-menu">
+      <template v-if="device !== 'mobile'">
+        <search id="header-search" class="right-menu-item" />
+
+        <!-- <el-tooltip content="项目文档" effect="dark" placement="bottom">
+          <Doc class="right-menu-item hover-effect" />
+        </el-tooltip> -->
+
+        <el-tooltip content="全屏缩放" effect="dark" placement="bottom">
+          <screenfull id="screenfull" class="right-menu-item hover-effect" />
+        </el-tooltip>
+
+        <el-tooltip content="布局设置" effect="dark" placement="bottom">
+          <size-select id="size-select" class="right-menu-item hover-effect" />
+        </el-tooltip>
+      </template>
+
+      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
+        <div class="avatar-wrapper">
+          <span style="font-size: 16px">{{ user.name }}</span>
+          <!-- <img :src="user.avatarName ? baseApi + '/avatar/' + user.avatarName : Avatar" class="user-avatar"> -->
+          <i class="el-icon-caret-bottom" />
+        </div>
+        <el-dropdown-menu slot="dropdown">
+          <span style="display: block" @click="show = true">
+            <el-dropdown-item> 布局设置 </el-dropdown-item>
+          </span>
+          <!-- <router-link to="/user/center"> -->
+          <!-- :href="VUE_APP_SYSLOGIN_URL" -->
+          <span @click="open(0)">
+            <el-dropdown-item>
+              <!-- 个人中心 -->
+              重选系统
+            </el-dropdown-item>
+          </span>
+          <span style="display: block" @click="open(1)">
+            <el-dropdown-item> 退出登录 </el-dropdown-item>
+          </span>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import Breadcrumb from '@/components/Breadcrumb';
+import Hamburger from '@/components/Hamburger';
+import Doc from '@/components/Doc';
+import Screenfull from '@/components/Screenfull';
+import SizeSelect from '@/components/SizeSelect';
+import Search from '@/components/HeaderSearch';
+import Avatar from '@/assets/images/avatar.png';
+import Cookies from 'js-cookie';
+const { VUE_APP_LOGIN_URL, VUE_APP_SYSLOGIN_URL } = window.config;
+export default {
+  components: {
+    Breadcrumb,
+    Hamburger,
+    Screenfull,
+    SizeSelect,
+    Search,
+    Doc,
+  },
+  data() {
+    return {
+      Avatar: Avatar,
+      dialogVisible: false,
+      VUE_APP_SYSLOGIN_URL: VUE_APP_SYSLOGIN_URL,
+    };
+  },
+  computed: {
+    ...mapGetters(['sidebar', 'device', 'user', 'baseApi']),
+    show: {
+      get() {
+        return this.$store.state.settings.showSettings;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'showSettings',
+          value: val,
+        });
+      },
+    },
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('app/toggleSideBar');
+    },
+    open(statu) {
+      if (statu == '0') {
+        Cookies.remove('homePageDefault');
+        window.location.href = VUE_APP_SYSLOGIN_URL;
+      } else {
+        this.$confirm('确定注销并退出系统吗？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          this.logout();
+          // console.log('退出登录')
+        });
+      }
+    },
+    logout() {
+      this.$store.dispatch('LogOut').then(() => {
+        // location.reload()
+        // this.$router.push('/login')
+        Cookies.remove('homePageDefault');
+        window.location.href = VUE_APP_LOGIN_URL;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.navbar {
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
+  .hamburger-container {
+    line-height: 46px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .errLog-container {
+    display: inline-block;
+    vertical-align: top;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+
+    &:focus {
+      outline: none;
+    }
+
+    .right-menu-item {
+      display: inline-block;
+      padding: 0 8px;
+      height: 100%;
+      font-size: 18px;
+      color: #5a5e66;
+      vertical-align: text-bottom;
+
+      &.hover-effect {
+        cursor: pointer;
+        transition: background 0.3s;
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.025);
+        }
+      }
+    }
+
+    .avatar-container {
+      margin-right: 30px;
+
+      .avatar-wrapper {
+        margin-top: 5px;
+        position: relative;
+
+        .user-avatar {
+          cursor: pointer;
+          width: 40px;
+          height: 40px;
+          border-radius: 10px;
+        }
+
+        .el-icon-caret-bottom {
+          cursor: pointer;
+          position: absolute;
+          right: -20px;
+          top: 17px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>

package/templates/vue-app/files/src/layout/components/Settings/index.vue

@@ -1,125 +1,125 @@
-<template>
-  <div class="drawer-container">
-    <div>
-      <h3 class="drawer-title">系统布局设置</h3>
-
-      <div class="drawer-item">
-        <span>主题颜色</span>
-        <theme-picker
-          style="float: right; height: 26px; margin: -3px 8px 0 0"
-          @change="themeChange" />
-      </div>
-
-      <div class="drawer-item">
-        <span>显示标签</span>
-        <el-switch v-model="tagsView" class="drawer-switch" />
-      </div>
-
-      <div class="drawer-item">
-        <span>固定头部</span>
-        <el-switch v-model="fixedHeader" class="drawer-switch" />
-      </div>
-
-      <div class="drawer-item">
-        <span>显示LOGO</span>
-        <el-switch v-model="sidebarLogo" class="drawer-switch" />
-      </div>
-
-      <div class="drawer-item">
-        <span>菜单UniqueOpened</span>
-        <el-switch v-model="uniqueOpened" class="drawer-switch" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import ThemePicker from '@/components/ThemePicker';
-
-export default {
-  components: { ThemePicker },
-  data() {
-    return {};
-  },
-  computed: {
-    fixedHeader: {
-      get() {
-        return this.$store.state.settings.fixedHeader;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'fixedHeader',
-          value: val,
-        });
-      },
-    },
-    tagsView: {
-      get() {
-        return this.$store.state.settings.tagsView;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'tagsView',
-          value: val,
-        });
-      },
-    },
-    sidebarLogo: {
-      get() {
-        return this.$store.state.settings.sidebarLogo;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'sidebarLogo',
-          value: val,
-        });
-      },
-    },
-    uniqueOpened: {
-      get() {
-        return this.$store.state.settings.uniqueOpened;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'uniqueOpened',
-          value: val,
-        });
-      },
-    },
-  },
-  methods: {
-    themeChange(val) {
-      this.$store.dispatch('settings/changeSetting', {
-        key: 'theme',
-        value: val,
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.drawer-container {
-  padding: 24px;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
-
-  .drawer-title {
-    margin-bottom: 12px;
-    color: rgba(0, 0, 0, 0.85);
-    font-size: 14px;
-    line-height: 22px;
-  }
-
-  .drawer-item {
-    color: rgba(0, 0, 0, 0.65);
-    font-size: 14px;
-    padding: 12px 0;
-  }
-
-  .drawer-switch {
-    float: right;
-  }
-}
-</style>
+<template>
+  <div class="drawer-container">
+    <div>
+      <h3 class="drawer-title">系统布局设置</h3>
+
+      <div class="drawer-item">
+        <span>主题颜色</span>
+        <theme-picker
+          style="float: right; height: 26px; margin: -3px 8px 0 0"
+          @change="themeChange" />
+      </div>
+
+      <div class="drawer-item">
+        <span>显示标签</span>
+        <el-switch v-model="tagsView" class="drawer-switch" />
+      </div>
+
+      <div class="drawer-item">
+        <span>固定头部</span>
+        <el-switch v-model="fixedHeader" class="drawer-switch" />
+      </div>
+
+      <div class="drawer-item">
+        <span>显示LOGO</span>
+        <el-switch v-model="sidebarLogo" class="drawer-switch" />
+      </div>
+
+      <div class="drawer-item">
+        <span>菜单UniqueOpened</span>
+        <el-switch v-model="uniqueOpened" class="drawer-switch" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ThemePicker from '@/components/ThemePicker';
+
+export default {
+  components: { ThemePicker },
+  data() {
+    return {};
+  },
+  computed: {
+    fixedHeader: {
+      get() {
+        return this.$store.state.settings.fixedHeader;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'fixedHeader',
+          value: val,
+        });
+      },
+    },
+    tagsView: {
+      get() {
+        return this.$store.state.settings.tagsView;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'tagsView',
+          value: val,
+        });
+      },
+    },
+    sidebarLogo: {
+      get() {
+        return this.$store.state.settings.sidebarLogo;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'sidebarLogo',
+          value: val,
+        });
+      },
+    },
+    uniqueOpened: {
+      get() {
+        return this.$store.state.settings.uniqueOpened;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'uniqueOpened',
+          value: val,
+        });
+      },
+    },
+  },
+  methods: {
+    themeChange(val) {
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'theme',
+        value: val,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.drawer-container {
+  padding: 24px;
+  font-size: 14px;
+  line-height: 1.5;
+  word-wrap: break-word;
+
+  .drawer-title {
+    margin-bottom: 12px;
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .drawer-item {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+    padding: 12px 0;
+  }
+
+  .drawer-switch {
+    float: right;
+  }
+}
+</style>