mdm-client 1.0.0

package/src/assets/json/emoji.json

@@ -0,0 +1,222 @@
+[
+  {
+    "codes": "1F600",
+    "char": "😀",
+    "name": "grinning face"
+  },
+  {
+    "codes": "1F603",
+    "char": "😃",
+    "name": "grinning face with big eyes"
+  },
+  {
+    "codes": "1F604",
+    "char": "😄",
+    "name": "grinning face with smiling eyes"
+  },
+  {
+    "codes": "1F601",
+    "char": "😁",
+    "name": "beaming face with smiling eyes"
+  },
+  {
+    "codes": "1F606",
+    "char": "😆",
+    "name": "grinning squinting face"
+  },
+  {
+    "codes": "1F605",
+    "char": "😅",
+    "name": "grinning face with sweat"
+  },
+  {
+    "codes": "1F923",
+    "char": "🤣",
+    "name": "rolling on the floor laughing"
+  },
+  {
+    "codes": "1F602",
+    "char": "😂",
+    "name": "face with tears of joy"
+  },
+  {
+    "codes": "1F642",
+    "char": "🙂",
+    "name": "slightly smiling face"
+  },
+  {
+    "codes": "1F643",
+    "char": "🙃",
+    "name": "upside-down face"
+  },
+  {
+    "codes": "1F609",
+    "char": "😉",
+    "name": "winking face"
+  },
+  {
+    "codes": "1F60A",
+    "char": "😊",
+    "name": "smiling face with smiling eyes"
+  },
+  {
+    "codes": "1F607",
+    "char": "😇",
+    "name": "smiling face with halo"
+  },
+  {
+    "codes": "1F970",
+    "char": "🥰",
+    "name": "smiling face with hearts"
+  },
+  {
+    "codes": "1F60D",
+    "char": "😍",
+    "name": "smiling face with heart-eyes"
+  },
+  {
+    "codes": "1F929",
+    "char": "🤩",
+    "name": "star-struck"
+  },
+  {
+    "codes": "1F618",
+    "char": "😘",
+    "name": "face blowing a kiss"
+  },
+  {
+    "codes": "1F617",
+    "char": "😗",
+    "name": "kissing face"
+  },
+  {
+    "codes": "1F61A",
+    "char": "😚",
+    "name": "kissing face with closed eyes"
+  },
+  {
+    "codes": "1F619",
+    "char": "😙",
+    "name": "kissing face with smiling eyes"
+  },
+  {
+    "codes": "1F44B",
+    "char": "👋",
+    "name": "waving hand"
+  },
+  {
+    "codes": "1F91A",
+    "char": "🤚",
+    "name": "raised back of hand"
+  },
+  {
+    "codes": "1F590",
+    "char": "🖐",
+    "name": "hand with fingers splayed"
+  },
+  {
+    "codes": "270B",
+    "char": "✋",
+    "name": "raised hand"
+  },
+  {
+    "codes": "1F596",
+    "char": "🖖",
+    "name": "vulcan salute"
+  },
+  {
+    "codes": "1F44C",
+    "char": "👌",
+    "name": "OK hand"
+  },
+  {
+    "codes": "1F90F",
+    "char": "🤏",
+    "name": "pinching hand"
+  },
+  {
+    "codes": "270C",
+    "char": "✌",
+    "name": "victory hand"
+  },
+  {
+    "codes": "1F91E",
+    "char": "🤞",
+    "name": "crossed fingers"
+  },
+  {
+    "codes": "1F91F",
+    "char": "🤟",
+    "name": "love-you gesture"
+  },
+  {
+    "codes": "1F918",
+    "char": "🤘",
+    "name": "sign of the horns"
+  },
+  {
+    "codes": "1F919",
+    "char": "🤙",
+    "name": "call me hand"
+  },
+  {
+    "codes": "1F448",
+    "char": "👈",
+    "name": "backhand index pointing left"
+  },
+  {
+    "codes": "1F449",
+    "char": "👉",
+    "name": "backhand index pointing right"
+  },
+  {
+    "codes": "1F446",
+    "char": "👆",
+    "name": "backhand index pointing up"
+  },
+  {
+    "codes": "1F595",
+    "char": "🖕",
+    "name": "middle finger"
+  },
+  {
+    "codes": "1F447",
+    "char": "👇",
+    "name": "backhand index pointing down"
+  },
+  {
+    "codes": "261D FE0F",
+    "char": "☝️",
+    "name": "index pointing up"
+  },
+  {
+    "codes": "1F44D",
+    "char": "👍",
+    "name": "thumbs up"
+  },
+  {
+    "codes": "1F44E",
+    "char": "👎",
+    "name": "thumbs down"
+  },
+  {
+    "codes": "270A",
+    "char": "✊",
+    "name": "raised fist"
+  },
+  {
+    "codes": "1F44A",
+    "char": "👊",
+    "name": "oncoming fist"
+  },
+  {
+    "codes": "1F91B",
+    "char": "🤛",
+    "name": "left-facing fist"
+  },
+  {
+    "codes": "1F91C",
+    "char": "🤜",
+    "name": "right-facing fist"
+  }
+]

package/src/assets/style/base.scss

@@ -0,0 +1,217 @@
+:root {
+	--theme-color: #0184ff;
+	--theme-font-color: #ffffff;
+	--sub-font-color: #87afff;
+	--charts-font-color: #bddfff;
+	--main-font: Source Han Sans CN;
+	--sub-font: PingFang SC;
+	--title-font: FZZhengHeiS-B-GB;
+	--sub-head-charts-font: DINPro-Medium;
+	--slide-color: #BDC4CF;
+	--slide-active-color: #FFFFFF;
+	--header-splitline-color: #c7deff;
+
+	--module-border: none;
+	--module-shadow: none;
+	--icon-color: #ffffff;
+	--tab-item-active-bg: rgba(119, 126, 145, 0.2);
+	--tab-item-border-color: rgba(116, 160, 204, 0.3);
+	--chosen-head-bg: rgba(129, 144, 166, 0.2);
+	--chosen-content-bg: rgba(68, 71, 87, 0.3);
+	--input-border-color: rgba(203, 229, 255, 0.5);
+	--input-placeholder-color: #859bb1;
+	--btn-primary-bg: #0184ff;
+	--btn-online-color: #0CFE3D;
+	--btn-offline-color: #FF4B39;
+	--btn-online-bg:  rgba(12,254,61,0.15);
+	--btn-offline-bg: rgb(255, 75, 57, 0.15);
+	--switch-off-color: rgba(0, 0, 0, 0.25);
+	--switch-on-color: #0184ff;
+	--btn-primary-font-color: #ffffff;
+	--btn-danger-bg: #ff4b39;
+	--preview-list-empty-icon: url("@/assets/image/screenBlue/preview_empty_icon.png");
+	--preview-date-icon: url("@/assets/image/screenBlue/preview_date_icon.png");
+	--preview-list-item-bg: rgba(127, 139, 156, 0.15);
+	--preview-list-item-border-color: rgba(255, 255, 255, 0.2);
+	--preview-list-item-sub-font-color: #859bb1;
+	--preview-more-icon: url("@/assets/image/screenBlue/preview_more_icon.png");
+	--close-icon: url("@/assets/image/screenBlue/close_icon.png");
+	--date-picker-icon: url("@/assets/image/screenBlue/date_picker_icon.png");
+	--table-header-bg: #223a5c;
+	--table-item-bg: #09254b;
+	--dialog-table-header-bg: rgba(129, 144, 166, 0.2);
+	--dialog-table-item-bg: transparent;
+	--pagination-border-color: #aabeda;
+	--dialog-title-bg: #252e3d;
+	--dialog-bg: rgba(37,46,61,1);
+	--dialog-item-hover: #1f63fb;
+	--dialog-border-color: rgba(236, 233, 233, 0.3);
+	--dialog-shadow-color: rgba(0, 0, 0, 0.5);
+	--dialog-item-checked-icon: url("@/assets/image/screenBlue/dialog_check_icon.png");
+	--call-border-del-icon: url("@/assets/image/screenBlue/call_clear_icon.png");
+	--call-border-item-bg: rgba(255, 255, 255, 0.1);
+	--call-duration-icon: url("@/assets/image/screenBlue/call_duration_icon.png");
+	--call-fullscreen-icon: url("@/assets/image/screenBlue/call_fullscreen_icon.png");
+	--call-foot-bg: rgba(37, 37, 37, 0.5);
+	--call-audio-text-bg: rgba(0, 0, 0, 0.4);
+	--receive-board-bg: #000000;
+	--receive-voice-icon: url("@/assets/image/screenBlue/receive_voice_icon.png");
+	--receive-video-icon: url("@/assets/image/screenBlue/receive_video_icon.png");
+	--receive-hang-on-icon: url("@/assets/image/screenBlue/receive_hang_on_icon.png");
+	--receive-hang-off-icon: url("@/assets/image/screenBlue/receive_hang_off_icon.png");
+	--audio-level-icon: url("@/assets/image/screenBlue/audio_level_icon.png");
+	--ready-dialog-select-bg: rgba(255, 255, 255, 0.1);
+	--ready-mic-on-icon: url("@/assets/image/screenBlue/mic_on_small.png");
+	--ready-cam-on-icon: url("@/assets/image/screenBlue/cam_on_small.png");
+	--ready-output-on-icon: url("@/assets/image/screenBlue/output_on_small.png");
+	--ready-arrow-icon: url("@/assets/image/screenBlue/arrow_icon.png");
+	--meeting-bg: rgba(37,46,61,1);
+	--meeting-copy-icon: url("@/assets/image/screenBlue/meeting_copy_icon.png");
+	--meeting-slide-small-icon: url("@/assets/image/screenBlue/meeting_slide_small_icon.png");
+	--meeting-layout-icon: url("@/assets/image/screenBlue/meeting_layout_icon.png");
+	--meeting-mode-icon: url("@/assets/image/screenBlue/meeting_mode_icon.png");
+	--meeting-share-icon: url("@/assets/image/screenBlue/meeting_share_icon.png");
+	--meeting-chat-icon: url("@/assets/image/screenBlue/meeting_chat_icon.png");
+	--meeting-chat-logo: url("@/assets/image/screenBlue/meeting_chat_logo.png");
+	--meeting-record-icon: url("@/assets/image/screenBlue/meeting_record_icon.png");
+	--meeting-member-icon: url("@/assets/image/screenBlue/meeting_member_icon.png");
+	--meeting-invite-icon: url("@/assets/image/screenBlue/meeting_invite_icon.png");
+	--meeting-setting-icon: url("@/assets/image/screenBlue/meeting_setting_icon.png");
+	--meeting-board-bg: url("@/assets/image/screenBlue/meeting_board_bg.png");
+	--meeting-participant-bg: #000000;
+	--manager-mic-on-icon: url("@/assets/image/screenBlue/manager_mic_on_icon.png");
+	--manager-cam-on-icon: url("@/assets/image/screenBlue/manager_cam_on_icon.png");
+	--manager-more-icon: url("@/assets/image/screenBlue/manager_more_icon.png");
+	--meeting-chat-emoji-icon: url("@/assets/image/screenBlue/meeting_chat_emoji_icon.png");
+	--meeting-chat-image-icon: url("@/assets/image/screenBlue/meeting_chat_image_icon.png");
+	--meeting-chat-font-color: #859bb1;
+	--meeting-chat-local-bg: #376cc2;
+	--meeting-chat-input-bg: rgba(48, 57, 71, 0.6);
+	--meeting-chat-remote-bg: rgba(129, 144, 166, 0.2);
+	--meeting-manager-tab-border-color: rgba(116, 160, 204, 0.3);
+	--meeting-manager-tab-active-bg: rgba(119, 126, 145, 0.3);
+	--custom-layout-header-icon: url("@/assets/image/screenBlue/custom_layout_header_icon.png");
+	--custom-layout-refresh-icon: url("@/assets/image/screenBlue/custom_layout_refresh_icon.png");
+	--custom-layout-drag-icon: url("@/assets/image/screenBlue/custom_layout_drag_icon.png");
+	--custom-layout-user-avatar: url("@/assets/image/common/custom_layout_user_avatar.png");
+	--custom-layout-equipment-avatar: url("@/assets/image/common/custom_layout_equipment_avatar.png");
+	--custom-layout-grid4-icon: url("@/assets/image/screenBlue/custom_layout_grid4_icon.png");
+	--custom-layout-grid9-icon: url("@/assets/image/screenBlue/custom_layout_grid9_icon.png");
+	--custom-layout-grid16-icon: url("@/assets/image/screenBlue/custom_layout_grid16_icon.png");
+	--custom-layout-ring-icon: url("@/assets/image/screenBlue/custom_layout_ring_icon.png");
+	--custom-layout-topside-icon: url("@/assets/image/screenBlue/custom_layout_topside_icon.png");
+	--custom-layout-rightside-icon: url("@/assets/image/screenBlue/custom_layout_rightside_icon.png");
+	--custom-layout-grid4-active-icon: url("@/assets/image/screenBlue/custom_layout_grid4_active_icon.png");
+	--custom-layout-grid9-active-icon: url("@/assets/image/screenBlue/custom_layout_grid9_active_icon.png");
+	--custom-layout-grid16-active-icon: url("@/assets/image/screenBlue/custom_layout_grid16_active_icon.png");
+	--custom-layout-ring-active-icon: url("@/assets/image/screenBlue/custom_layout_ring_active_icon.png");
+	--custom-layout-topside-active-icon: url("@/assets/image/screenBlue/custom_layout_topside_active_icon.png");
+	--custom-layout-rightside-active-icon: url("@/assets/image/screenBlue/custom_layout_rightside_active_icon.png");
+	--custom-layout-placeholder-bg: url("@/assets/image/screenBlue/custom_layout_placeholder_bg.png");
+	--custom-layout-show-bg: #212833;
+	--custom-layout-des-bg: rgba(0, 0, 0, 0.5);
+
+	--group-bg: rgba(36, 54, 82, 0.95);
+	--group-border: #409eff;
+	--group-content-bg: rgba(36, 54, 82, 0.85);
+	--group-hover: rgba(64, 158, 255, 0.1);
+	--group-active: rgba(64, 158, 255, 0.2);
+	--scroll-hint-bg: rgba(60, 73, 94, 0.9);
+	--btn-gradient-start: #1e63ff;
+	--btn-gradient-end: #007bff;
+
+	--font-fzzhengheis-b-gb: url("@/assets/font/FZZhengHeiS-B-GB.ttf");
+	--font-source-han-sans-cn: url("@/assets/font/SourceHanSansCN-Regular.otf");
+	--font-pingfang-sc: url("@/assets/font/PingFang Regular.otf");
+	--font-dinpro-medium: url("@/assets/font/DINPro-Medium.otf");
+
+	--common-mic-on: url("@/assets/image/common/mic-on.png");
+	--common-mic-off: url("@/assets/image/common/mic-off.png");
+	--common-cam-on: url("@/assets/image/common/cam-on.png");
+	--common-cam-off: url("@/assets/image/common/cam-off.png");
+	--common-speaker-on: url("@/assets/image/common/speaker-on.png");
+	--common-speaker-off: url("@/assets/image/common/speaker-off.png");
+	--common-share-icon: url("@/assets/image/common/share_icon.png");
+	--common-preview-meet-icon: url("@/assets/image/common/preview_meet_icon.png");
+	--common-cancel-icon: url("@/assets/image/common/cancel_icon.png");
+	--call-voice-icon: url("@/assets/image/screenBlue/call_voice_icon.png");
+	--call-video-icon: url("@/assets/image/screenBlue/call_video_icon.png");
+	--call-mini-icon: url("@/assets/image/screenBlue/call_mini_icon.png");
+
+	// Component-specific resources
+	--default-avatar: url("@/assets/image/common/default_avatar.png");
+	--call-user-mic-on-icon: url("@/assets/image/common/call_user_mic_on_icon.png");
+	--call-user-mic-off-icon: url("@/assets/image/common/call_user_mic_off_icon.png");
+	--signal-good-icon: url("@/assets/image/common/signal_good.png");
+	--signal-poor-icon: url("@/assets/image/common/signal_poor.png");
+	--more-icon: url("@/assets/image/common/more_icon.png");
+	--default-avatar-mini: url("@/assets/image/common/default_avatar_mini.png");
+	--yq-icon: url("@/assets/image/screenBlue/yq.png");
+	--add-icon: url("@/assets/image/screenBlue/add.png");
+}
+
+* {
+  box-sizing: border-box;
+}
+body {
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+// 清除ul,ol,li默认样式
+ul {
+  padding: 0;
+  margin: 0;
+}
+li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+a:focus,
+a:active,
+button:active,
+div:focus,
+span:focus {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+// 滚动条样式
+::-webkit-scrollbar {
+  width: 2px;
+  height: 2px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #3170ed;
+  border-radius: 4px;
+}
+
+// 修改element组件全局样式
+.el-select-dropdown {
+	background: var(--dialog-bg) !important;
+}
+.el-select-dropdown__item {
+  color: var(--theme-font-color) !important;
+}
+.el-popper__arrow {
+  display: none;
+}
+
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover, .el-select-dropdown__item:active {
+  background: rgba(255, 255, 255, 0.2) !important;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+  background: rgba(255, 255, 255, 0.2) !important;
+}

package/src/assets/style/elForm.scss

@@ -0,0 +1,80 @@
+.el-form {
+  .el-form-item {
+    margin-bottom: 16px;
+    .el-form-item__label {
+      font-weight: 400;
+      font-size: 16px;
+      color: var(--theme-font-color);
+      font-family: var(--main-font);
+    }
+    .el-input {
+      height: 36px;
+      line-height: 36px;
+      .el-input__inner {
+        color: var(--theme-font-color);
+        box-shadow: none;
+        background-color: transparent;
+        border-radius: 6px;
+        border: 1px solid var(--input-border-color);
+        padding: 0 12px;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 36px;
+        &::placeholder {
+          color: var(--input-placeholder-color);
+        }
+      }
+      
+    }
+    .el-select {
+      width: 100%;
+      .el-select__wrapper {
+        height: 36px;
+        line-height: 36px;
+        background-color: transparent;
+        box-shadow: none;
+        border-radius: 6px;
+        border: 1px solid var(--input-border-color);
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 36px;
+      }
+    }
+    .el-date-editor {
+      box-shadow: none;
+      &.el-input__wrapper {
+        background-color: transparent;
+        border-radius: 6px;
+        border: 1px solid var(--input-border-color);
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 36px;
+        height: 36px;
+      }
+      .el-icon {
+        width: 15px;
+        height: 15px;
+        &.el-range__icon {
+          background: var(--date-picker-icon) no-repeat center center / 100% 100%;
+          svg {
+            display: none;
+          }
+        }
+
+      }
+      .el-range-input {
+        color: var(--theme-font-color);
+        font-size: 16px;
+        font-weight: 400;
+        height: 36px;
+        line-height: 36px;
+        padding-top: 2px;
+      }
+      .el-range-separator {
+        color: var(--theme-font-color);
+        font-size: 16px;
+        font-weight: 400;
+      }
+    }
+  }
+}

package/src/assets/style/font.scss

@@ -0,0 +1,16 @@
+@font-face {
+  font-family: "FZZhengHeiS-B-GB";
+  src: var(--font-fzzhengheis-b-gb);
+}
+@font-face {
+  font-family: "Source Han Sans CN";
+  src: var(--font-source-han-sans-cn);
+}
+@font-face {
+  font-family: "PingFang SC";
+  src: var(--font-pingfang-sc);
+}
+@font-face {
+  font-family: "DINPro-Medium";
+  src: var(--font-dinpro-medium);
+}

package/src/assets/style/index.scss

@@ -0,0 +1,5 @@
+@import "base.scss";
+@import "elForm.scss";
+@import "font.scss";
+@import "math.scss";
+@import "mixin.scss";

package/src/assets/style/math.scss

@@ -0,0 +1,11 @@
+
+$designWidth: 1920;
+$designHeight: 1080;
+
+@function vh($px) {
+  @return $px / $designWidth * 100vw;
+}
+
+@function vh($px) {
+  @return $px / $designHeight * 100vh;
+}

package/src/assets/style/mixin.scss

@@ -0,0 +1,69 @@
+@mixin elInput {
+  .el-input__inner {
+    color: var(--theme-font-color);
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 42px;
+    box-shadow: none;
+    background-color: transparent;
+    border-radius: 6px;
+    border: 1px solid var(--input-border-color);
+    padding: 0 14px;
+    &::placeholder {
+      color: var(--input-placeholder-color);
+      font-family: var(--main-font);
+    }
+  }
+  .el-input__suffix {
+    display: flex;
+    align-items: center !important;
+  }
+}
+@mixin button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
+  cursor: pointer;
+  border-radius: 6px;
+  .btn-icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 9px;
+  }
+}
+@mixin btnPrimary {
+  background: var(--btn-primary-bg);
+  color: var(--btn-primary-font-color);
+}
+@mixin btnDanger {
+  background: var(--btn-danger-bg);
+  color: var(--btn-primary-font-color);
+}
+@mixin dialog {
+  background: var(--dialog-bg) !important;
+  border-radius: 10px !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+  .el-dialog__header {
+    height: 43px;
+    padding: 0 20px;
+    border-bottom: 1px solid var(--dialog-border-color);
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    font-size: 18px;
+    color: var(--theme-font-color);
+  }
+  .el-dialog__body {
+    padding: 0 20px 0;
+  }
+}
+@mixin switch {
+  .el-switch__core {
+    width: 40px;
+    height: 20px;
+    background: var(--switch-off-color);
+    border: 1px solid var(--dialog-border-color);
+  }
+}