+用户手册

liuyg

2021-11-26 45b34445614b82186702b4ab69e5f8558dd6b177

+用户手册

 src/lang/zh.js

@@ -101,6 +101,7 @@
    language: '中英文',
    notice: '消息通知',
    theme: '主题',
    userSManual: '用户手册',
    color: '换色'
  },
  tagsView: {

 src/page/index/top/index.vue

@@ -48,7 +48,8 @@
          <top-lock></top-lock>
        </div>
      </el-tooltip>
      <el-tooltip
      <!-- 主题 -->
      <!-- <el-tooltip
        v-if="showTheme"
        effect="dark"
        :content="$t('navbar.theme')"
@@ -56,6 +57,16 @@
      >
        <div class="top-bar__item top-bar__item--show">
          <top-theme></top-theme>
        </div>
      </el-tooltip> -->
      <el-tooltip
        v-if="showTheme"
        effect="dark"
        :content="$t('navbar.userSManual')"
        placement="bottom"
      >
        <div class="top-bar__item top-bar__item--show">
          <top-userSManual></top-userSManual>
        </div>
      </el-tooltip>
      <el-tooltip
@@ -67,7 +78,8 @@
          <top-notice></top-notice>
        </div>
      </el-tooltip>
      <el-tooltip
      <!-- 中英文 -->
      <!-- <el-tooltip
        effect="dark"
        :content="$t('navbar.language')"
        placement="bottom"
@@ -75,7 +87,7 @@
        <div class="top-bar__item top-bar__item--show">
          <top-lang></top-lang>
        </div>
      </el-tooltip>
      </el-tooltip> -->
      <el-tooltip
        v-if="showFullScren"
        effect="dark"
@@ -126,6 +138,7 @@
import topColor from "./top-color";
import topNotice from "./top-notice";
import topLang from "./top-lang";
import topUserSManual from "./top-userSManual";

export default {
  components: {
@@ -137,6 +150,7 @@
    topColor,
    topNotice,
    topLang,
    topUserSManual,
  },
  name: "top",
  data() {

 src/page/index/top/top-userSManual.vue

New file
@@ -0,0 +1,114 @@
<template>
  <div>
    <el-dialog title="选择" append-to-body :visible.sync="box" width="50%">
      <el-radio-group v-model="text" class="list">
        <el-row :span="24">
          <el-col
            v-for="(item, index) in list"
            :key="index"
            :md="4"
            :xs="12"
            :sm="4"
          >
            <el-radio :label="item.value">{{ item.name }}</el-radio>
          </el-col>
        </el-row>
      </el-radio-group>
    </el-dialog>

    <span>
      <i class="el-icon-mobile" @click="open" style="font-size: 20px"></i>
    </span>
  </div>
</template>

<script>
import { setTheme } from "@/util/util";
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      box: false,
      text: "",
      list: [
        {
          name: "默认主题",
          value: "default",
        },
        {
          name: "白色主题",
          value: "theme-white",
        },
        {
          name: "黑色主题",
          value: "theme-dark",
        },
        {
          name: "炫彩主题",
          value: "theme-star",
        },
        {
          name: "智能主题",
          value: "theme-bule",
        },
        {
          name: "iview主题",
          value: "theme-iview",
        },
        {
          name: "vip主题",
          value: "theme-vip",
        },
        {
          name: "cool主题",
          value: "theme-cool",
        },
        {
          name: "d2主题",
          value: "theme-d2",
        },
        {
          name: "hey主题",
          value: "theme-hey",
        },
        {
          name: "lte主题",
          value: "theme-lte",
        },
      ],
    };
  },
  watch: {
    text: function (val) {
      this.$store.commit("SET_THEME_NAME", val);
      setTheme(val);
    },
  },
  computed: {
    ...mapGetters(["themeName"]),
  },
  mounted() {
    this.text = this.themeName;
    if (!this.text) {
      this.text = "";
    }
  },
  methods: {
    open() {
      // this.box = true;
      // console.log(123);
      this.$router.push({
        path: "/userSManual/index",
        // query: { departmentid: val.departmentid },
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.list {
  width: 100%;
}
</style>


 src/page/index/top/userSManual.vue

New file
@@ -0,0 +1,10 @@
<template>
  <div>用户手册</div>
</template>

<script>
export default {};
</script>

<style>
</style>

 src/router/views/index.js

@@ -1006,4 +1006,18 @@
            import( /* webpackChunkName: "views" */ '@/views/securityGuard/certificateOfPrint')
    }]
},
{
    path: '/userSManual',
    component: Layout,
    redirect: '/userSManual/index',
    children: [{
        path: 'index',
        name: '用户手册',
        meta: {
            i18n: 'index'
        },
        component: () =>
            import( /* webpackChunkName: "views" */ '@/page/index/top/userSManual')
    }]
},
]