ry-vue-map 0.0.1 → 0.0.2

package/src/layout/components/header-right.vue

@@ -1,135 +0,0 @@
-<!-- 顶栏右侧区域按钮 -->
-<template>
-  <div class="ele-admin-header-tool">
-    <!-- 全屏切换 -->
-    <div
-      class="ele-admin-header-tool-item hidden-xs-only"
-      @click="changeFullscreen"
-    >
-      <i
-        :class="fullscreen ? 'el-icon-_screen-restore' : 'el-icon-_screen-full'"
-      ></i>
-    </div>
-    <!-- 语言切换 -->
-    <div class="ele-admin-header-tool-item">
-      <el-dropdown placement="bottom" @command="changeLanguage">
-        <i class="el-icon-_language"></i>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="en">
-            <span :class="{ 'ele-text-primary': language === 'en' }">
-              English
-            </span>
-          </el-dropdown-item>
-          <el-dropdown-item command="zh_CN">
-            <span :class="{ 'ele-text-primary': language === 'zh_CN' }">
-              简体中文
-            </span>
-          </el-dropdown-item>
-          <el-dropdown-item command="zh_TW">
-            <span :class="{ 'ele-text-primary': language === 'zh_TW' }">
-              繁體中文
-            </span>
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
-    </div>
-    <!-- 消息通知 -->
-    <div class="ele-admin-header-tool-item">
-      <ele-notice />
-    </div>
-    <!-- 用户信息 -->
-    <div class="ele-admin-header-tool-item">
-      <el-dropdown @command="onUserDropClick">
-        <div class="ele-admin-header-avatar">
-          <el-avatar :src="loginUser.avatar" />
-          <span class="hidden-xs-only">{{ loginUser.nickname }}</span>
-          <i class="el-icon-arrow-down hidden-xs-only"></i>
-        </div>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="profile" icon="el-icon-user">
-            {{ $t('layout.header.profile') }}
-          </el-dropdown-item>
-          <el-dropdown-item command="password" icon="el-icon-key">
-            {{ $t('layout.header.password') }}
-          </el-dropdown-item>
-          <el-dropdown-item
-            command="logout"
-            icon="el-icon-switch-button"
-            divided
-          >
-            {{ $t('layout.header.logout') }}
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
-    </div>
-    <!-- 主题设置 -->
-    <div v-if="setting" class="ele-admin-header-tool-item" @click="openSetting">
-      <i class="el-icon-_more"></i>
-    </div>
-  </div>
-</template>
-
-<script>
-  import EleNotice from './notice';
-  import { removeToken } from '@/utils/token-util';
-
-  export default {
-    name: 'EleHeaderRight',
-    components: { EleNotice },
-    emits: ['item-click', 'change-language', 'change-fullscreen'],
-    props: {
-      // 是否显示设置按钮
-      setting: Boolean,
-      // 是否是全屏状态
-      fullscreen: Boolean
-    },
-    computed: {
-      // 当前用户信息
-      loginUser() {
-        return this.$store.state.user.info;
-      },
-      // 当前显示语言
-      language() {
-        return this.$i18n.locale;
-      }
-    },
-    methods: {
-      /* 用户信息下拉点击事件 */
-      onUserDropClick(command) {
-        if (command === 'password') {
-          this.$emit('item-click', 'password');
-        } else if (command === 'profile') {
-          if (this.$route.fullPath !== '/user/profile') {
-            this.$router.push('/user/profile');
-          }
-        } else if (command === 'logout') {
-          // 退出登录
-          this.$confirm(
-            this.$t('layout.logout.message'),
-            this.$t('layout.logout.title'),
-            {
-              type: 'warning'
-            }
-          )
-            .then(() => {
-              removeToken();
-              location.replace('/login'); // 这样跳转避免再次登录重复注册动态路由
-            })
-            .catch(() => {});
-        }
-      },
-      /* 打开设置抽屉 */
-      openSetting() {
-        this.$emit('item-click', 'setting');
-      },
-      /* 全屏切换 */
-      changeFullscreen() {
-        this.$emit('change-fullscreen');
-      },
-      /* 切换语言 */
-      changeLanguage(lang) {
-        this.$emit('change-language', lang);
-      }
-    }
-  };
-</script>

package/src/layout/components/notice.vue

@@ -1,418 +0,0 @@
-<!-- 顶栏消息图标 -->
-<template>
-  <el-popover
-    :width="330"
-    trigger="click"
-    v-model="visible"
-    class="ele-notice-group"
-    transition="el-zoom-in-top"
-    popper-class="ele-notice-pop"
-  >
-    <div slot="reference" class="ele-notice-group">
-      <el-badge :value="unreadNum" :hidden="!unreadNum">
-        <i class="el-icon-bell"></i>
-      </el-badge>
-    </div>
-    <el-tabs v-model="active">
-      <el-tab-pane name="notice" :label="noticeLabel">
-        <div class="ele-notice-list ele-scrollbar-mini">
-          <div
-            v-for="(item, index) in notice"
-            :key="index"
-            class="ele-notice-item"
-          >
-            <div class="ele-cell ele-notice-item-wrapper">
-              <i :class="[item.icon, 'ele-notice-item-icon']"></i>
-              <div class="ele-cell-content">
-                <div class="ele-elip">{{ item.title }}</div>
-                <div class="ele-text-secondary ele-elip">{{ item.time }}</div>
-              </div>
-            </div>
-            <el-divider />
-          </div>
-        </div>
-        <div v-if="notice.length" class="ele-cell ele-notice-actions">
-          <div class="ele-cell-content" @click="clear('notice')">清空通知</div>
-          <el-divider direction="vertical" class="line-color-light" />
-          <router-link to="/user/message?type=notice" class="ele-cell-content">
-            查看更多
-          </router-link>
-        </div>
-        <ele-empty v-if="!notice.length" text="已查看所有通知" />
-      </el-tab-pane>
-      <el-tab-pane name="message" :label="messageLabel">
-        <div class="ele-notice-list ele-scrollbar-mini">
-          <div
-            v-for="(item, index) in message"
-            :key="index"
-            class="ele-notice-item"
-          >
-            <div class="ele-cell ele-notice-item-wrapper ele-cell-align-top">
-              <el-avatar :src="item.avatar" size="medium" />
-              <div class="ele-cell-content">
-                <div class="ele-elip">{{ item.title }}</div>
-                <div class="ele-text-secondary ele-elip">{{
-                  item.content
-                }}</div>
-                <div class="ele-cell-desc ele-elip">{{ item.time }}</div>
-              </div>
-            </div>
-            <el-divider />
-          </div>
-        </div>
-        <div v-if="message.length" class="ele-cell ele-notice-actions">
-          <div class="ele-cell-content" @click="clear('message')">清空消息</div>
-          <el-divider direction="vertical" class="line-color-light" />
-          <router-link to="/user/message?type=message" class="ele-cell-content">
-            查看更多
-          </router-link>
-        </div>
-        <ele-empty v-if="!message.length" text="已读完所有私信" />
-      </el-tab-pane>
-      <el-tab-pane :label="todoLabel" name="todo">
-        <div class="ele-notice-list ele-scrollbar-mini">
-          <div
-            v-for="(item, index) in todo"
-            :key="index"
-            class="ele-notice-item"
-          >
-            <div class="ele-notice-item-wrapper">
-              <div class="ele-cell ele-cell-align-top">
-                <div class="ele-cell-content ele-elip">{{ item.title }}</div>
-                <el-tag size="mini" :type="['info', 'danger', ''][item.state]">
-                  {{ ['未开始', '即将到期', '进行中'][item.state] }}
-                </el-tag>
-              </div>
-              <div class="ele-text-secondary ele-elip">{{ item.desc }}</div>
-            </div>
-            <el-divider />
-          </div>
-        </div>
-        <div v-if="todo.length" class="ele-cell ele-notice-actions">
-          <div class="ele-cell-content" @click="clear('todo')">清空待办</div>
-          <el-divider direction="vertical" class="line-color-light" />
-          <router-link to="/user/message?type=todo" class="ele-cell-content">
-            查看更多
-          </router-link>
-        </div>
-        <ele-empty v-if="!todo.length" text="已完成所有任务" />
-      </el-tab-pane>
-    </el-tabs>
-  </el-popover>
-</template>
-
-<script>
-  export default {
-    name: 'EleNotice',
-    data() {
-      return {
-        // 是否显示
-        visible: false,
-        // 选项卡选中
-        active: 'notice',
-        // 通知数据
-        notice: [
-          {
-            icon: 'el-icon-s-comment',
-            title: '你收到了一封14份新周报',
-            time: '2020-07-27 18:30:18'
-          },
-          {
-            icon: 'el-icon-s-check',
-            title: '许经理同意了你的请假申请',
-            time: '2020-07-27 09:08:36'
-          },
-          {
-            icon: 'el-icon-video-camera',
-            title: '陈总邀请你参加视频会议',
-            time: '2020-07-26 18:30:01'
-          },
-          {
-            icon: 'el-icon-s-claim',
-            title: '你推荐的刘诗雨已通过第三轮面试',
-            time: '2020-07-25 16:38:46'
-          },
-          {
-            icon: 'el-icon-message-solid',
-            title: '你的6月加班奖金已发放',
-            time: '2020-07-25 11:03:31'
-          }
-        ],
-        // 私信数据
-        message: [
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/c184eef391ae48dba87e3057e70238fb.jpg',
-            title: 'SunSmile 评论了你的日志',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-27 18:30:18'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/948344a2a77c47a7a7b332fe12ff749a.jpg',
-            title: '刘诗雨 点赞了你的日志',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-27 09:08:36'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/2d98970a51b34b6b859339c96b240dcd.jpg',
-            title: '酷酷的大叔 评论了你的周报',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-26 18:30:01'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/f6bc05af944a4f738b54128717952107.jpg',
-            title: 'Jasmine 点赞了你的周报',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-25 11:03:31'
-          }
-        ],
-        // 待办数据
-        todo: [
-          {
-            state: 0,
-            title: '刘诗雨的请假审批',
-            desc: '刘诗雨在 07-27 18:30 提交的请假申请'
-          },
-          {
-            state: 1,
-            title: '第三方代码紧急变更',
-            desc: '需要在 2020-07-27 之前完成'
-          },
-          {
-            state: 2,
-            title: '信息安全考试',
-            desc: '需要在 2020-07-26 18:30 前完成'
-          },
-          {
-            state: 2,
-            title: 'EleAdmin发布新版本',
-            desc: '需要在 2020-07-25 11:03 前完成'
-          }
-        ]
-      };
-    },
-    computed: {
-      // 通知标题
-      noticeLabel() {
-        return '通知' + (this.notice.length ? `(${this.notice.length})` : '');
-      },
-      // 私信标题
-      messageLabel() {
-        return '私信' + (this.message.length ? `(${this.message.length})` : '');
-      },
-      // 待办标题
-      todoLabel() {
-        return '待办' + (this.todo.length ? `(${this.todo.length})` : '');
-      },
-      // 未读数量
-      unreadNum() {
-        return this.notice.length + this.message.length + this.todo.length;
-      }
-    },
-    mounted() {
-      this.query();
-    },
-    methods: {
-      /* 清空消息 */
-      clear(type) {
-        if (type === 'notice') {
-          this.notice = [];
-        } else if (type === 'message') {
-          this.message = [];
-        } else if (type === 'todo') {
-          this.todo = [];
-        }
-      },
-      /* 查询 */
-      query() {
-        this.notice = [
-          {
-            icon: 'el-icon-s-comment',
-            title: '你收到了一封14份新周报',
-            time: '2020-07-27 18:30:18'
-          },
-          {
-            icon: 'el-icon-s-check',
-            title: '许经理同意了你的请假申请',
-            time: '2020-07-27 09:08:36'
-          },
-          {
-            icon: 'el-icon-video-camera',
-            title: '陈总邀请你参加视频会议',
-            time: '2020-07-26 18:30:01'
-          },
-          {
-            icon: 'el-icon-s-claim',
-            title: '你推荐的刘诗雨已通过第三轮面试',
-            time: '2020-07-25 16:38:46'
-          },
-          {
-            icon: 'el-icon-message-solid',
-            title: '你的6月加班奖金已发放',
-            time: '2020-07-25 11:03:31'
-          }
-        ];
-        this.message = [
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/c184eef391ae48dba87e3057e70238fb.jpg',
-            title: 'SunSmile 评论了你的日志',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-27 18:30:18'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/948344a2a77c47a7a7b332fe12ff749a.jpg',
-            title: '刘诗雨 点赞了你的日志',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-27 09:08:36'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/2d98970a51b34b6b859339c96b240dcd.jpg',
-            title: '酷酷的大叔 评论了你的周报',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-26 18:30:01'
-          },
-          {
-            avatar:
-              'https://cdn.eleadmin.com/20200609/f6bc05af944a4f738b54128717952107.jpg',
-            title: 'Jasmine 点赞了你的周报',
-            content: '写的不错, 以后多多向你学习~',
-            time: '2020-07-25 11:03:31'
-          }
-        ];
-        this.todo = [
-          {
-            state: 0,
-            title: '刘诗雨的请假审批',
-            desc: '刘诗雨在 07-27 18:30 提交的请假申请'
-          },
-          {
-            state: 1,
-            title: '第三方代码紧急变更',
-            desc: '需要在 2020-07-27 之前完成'
-          },
-          {
-            state: 2,
-            title: '信息安全考试',
-            desc: '需要在 2020-07-26 18:30 前完成'
-          },
-          {
-            state: 2,
-            title: 'EleAdmin发布新版本',
-            desc: '需要在 2020-07-25 11:03 前完成'
-          }
-        ];
-      }
-    }
-  };
-</script>
-
-<style lang="scss">
-  .ele-notice-group {
-    display: block;
-
-    .el-badge {
-      line-height: 1;
-      display: block;
-    }
-  }
-
-  /* 消息通知pop */
-  .ele-notice-pop {
-    padding: 0 !important;
-
-    /* tab */
-    .el-tabs__nav-scroll {
-      text-align: center;
-    }
-
-    .el-tabs__nav {
-      float: none;
-      display: inline-block;
-    }
-
-    .el-tabs__item {
-      height: 44px;
-      line-height: 44px;
-      padding: 0 20px !important;
-    }
-
-    /* 空视图 */
-    .ele-empty {
-      padding: 100px 0;
-    }
-  }
-
-  /* 列表 */
-  .ele-notice-list {
-    padding-top: 8px;
-    max-height: 360px;
-    overflow: auto;
-  }
-
-  .ele-notice-item {
-    .ele-notice-item-wrapper {
-      padding: 12px 15px;
-      transition: background-color 0.2s;
-      cursor: pointer;
-
-      &:hover {
-        background-color: hsla(0, 0%, 60%, 0.05);
-      }
-    }
-
-    .ele-text-secondary {
-      margin-top: 5px;
-      font-size: 13px;
-    }
-
-    .ele-cell-desc {
-      margin-top: 3px !important;
-      font-size: 12px !important;
-    }
-  }
-
-  .ele-notice-item-icon {
-    width: 32px;
-    height: 32px;
-    line-height: 32px !important;
-    color: #fff;
-    font-size: 16px;
-    background-color: #60b2fc;
-    border-radius: 50%;
-    text-align: center;
-
-    &.el-icon-s-check {
-      background-color: #f5686f;
-    }
-
-    &.el-icon-video-camera {
-      background-color: #7cd734;
-    }
-
-    &.el-icon-s-claim {
-      background-color: #faad14;
-    }
-
-    &.el-icon-message-solid {
-      background-color: #2bcacd;
-    }
-  }
-
-  /* 操作按钮 */
-  .ele-notice-actions > .ele-cell-content {
-    line-height: 42px;
-    text-align: center;
-    cursor: pointer;
-    color: inherit;
-
-    &:hover {
-      background-color: hsla(0, 0%, 60%, 0.05);
-    }
-  }
-</style>

package/src/layout/components/password.vue

@@ -1,133 +0,0 @@
-<!-- 修改密码弹窗 -->
-<template>
-  <el-dialog
-    width="420px"
-    title="修改密码"
-    :visible="visible"
-    :lock-scroll="false"
-    :append-to-body="true"
-    :close-on-click-modal="false"
-    @update:visible="updateVisible"
-    @closed="onClose"
-  >
-    <el-form
-      ref="form"
-      :model="form"
-      :rules="rules"
-      label-width="82px"
-      @keyup.enter.native="save"
-    >
-      <el-form-item label="旧密码:" prop="oldPassword">
-        <el-input
-          show-password
-          v-model="form.oldPassword"
-          placeholder="请输入旧密码"
-        />
-      </el-form-item>
-      <el-form-item label="新密码:" prop="password">
-        <el-input
-          show-password
-          v-model="form.password"
-          placeholder="请输入新密码"
-        />
-      </el-form-item>
-      <el-form-item label="确认密码:" prop="password2">
-        <el-input
-          show-password
-          v-model="form.password2"
-          placeholder="请再次输入新密码"
-        />
-      </el-form-item>
-    </el-form>
-    <div slot="footer">
-      <el-button @click="updateVisible(false)">取消</el-button>
-      <el-button type="primary" @click="save">确定</el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-  export default {
-    name: 'ElePassword',
-    props: {
-      // 是否显示
-      visible: Boolean
-    },
-    data() {
-      return {
-        // 表单数据
-        form: {
-          oldPassword: '',
-          password: '',
-          password2: ''
-        },
-        // 表单验证
-        rules: {
-          oldPassword: [
-            {
-              required: true,
-              message: '请输入旧密码',
-              trigger: 'blur'
-            }
-          ],
-          password: [
-            {
-              required: true,
-              message: '请输入新密码',
-              trigger: 'blur'
-            }
-          ],
-          password2: [
-            {
-              required: true,
-              trigger: 'blur',
-              validator: (rule, value, callback) => {
-                if (!value) {
-                  return callback(new Error('请再次输入新密码'));
-                }
-                if (value !== this.form.password) {
-                  return callback(new Error('两次输入密码不一致'));
-                }
-                callback();
-              }
-            }
-          ]
-        },
-        // 按钮loading
-        loading: false
-      };
-    },
-    methods: {
-      /* 保存修改 */
-      save() {
-        // this.$refs['form'].validate((valid) => {
-        //   if (valid) {
-        //     this.loading = true;
-        //     updatePassword(this.form)
-        //       .then((msg) => {
-        //         this.loading = false;
-        //         this.$message.success(msg);
-        //         this.updateVisible(false);
-        //       })
-        //       .catch((e) => {
-        //         this.loading = false;
-        //         this.$message.error(e.message);
-        //       });
-        //   } else {
-        //     return false;
-        //   }
-        // });
-      },
-      /* 关闭回调 */
-      onClose() {
-        this.form = {};
-        this.$refs['form'].resetFields();
-        this.loading = false;
-      },
-      /* 修改visible */
-      updateVisible(value) {
-        this.$emit('update:visible', value);
-      }
-    }
-  };
-</script>