From 50ee7232f3c98fe24a1f2e31dba9508cfec14887 Mon Sep 17 00:00:00 2001
From: gjj <Ganjj@probim.com.cn>
Date: Fri, 21 Feb 2025 17:35:39 +0800
Subject: [PATCH] 模型预览
---
src/components/MenuList.vue | 264 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 264 insertions(+), 0 deletions(-)
diff --git a/src/components/MenuList.vue b/src/components/MenuList.vue
new file mode 100644
index 0000000..c08b441
--- /dev/null
+++ b/src/components/MenuList.vue
@@ -0,0 +1,264 @@
+<template>
+ <div class="menuListWrapper inline-block rounded-tr-[34px] rounded-br-[34px] w-[13.5rem] h-[45rem]">
+ <router-link
+ v-for="item in localMenusFiltered"
+ :key="item.id"
+ :to="item.to"
+ class="relative z-[100] menuItem flex items-center pl-6 py-[9px] pr-5 my-3 cursor-pointer"
+ active-class="activated"
+ exact
+ >
+ <img class="w-8" :src="item.icon" :alt="item.label" />
+ <div class="ml-[12px] text-[18px] text-[#FFF] text-opacity-60 menuName">{{ item.label }}</div>
+ </router-link>
+ <div
+ v-for="item in thirdMenus"
+ :key="item.id"
+ class="relative z-[100] thirdMenuItem flex items-center pl-6 py-[9px] pr-5 my-3"
+ :class="{
+ 'cursor-pointer': item.subMenus?.length > 0,
+ 'cursor-not-allowed': !item.subMenus || item.subMenus.length === 0,
+ hovered: activatedThirdMenu2?.id === item.id,
+ activated: activatedThirdMenu?.id === item.id,
+ }"
+ @mouseenter="onThirdMenuEnter(item)"
+ @mouseleave="onThirdMenuLeave(item)"
+ >
+ <img class="w-8" :src="item.icon" :alt="item.label" />
+ <div class="ml-[12px] font-pingfang text-[18px] text-[#FFF] text-opacity-60 menuName">{{ item.label }}</div>
+ <div v-show="item.subMenus?.length && activatedThirdMenu2?.id === item.id" class="absolute top-6 left-full min-w-[260px] submenusWrapper">
+ <div
+ v-for="submenu in item.subMenus"
+ :key="submenu.id"
+ @click.stop="onThirdMenuClick(submenu, item)"
+ class="submenuItem"
+ :class="{ activated: activatedThirdSubmenu?.id === submenu.id }"
+ >
+ <a v-if="submenu.needInvokeLocalApp" :href="submenu.to" target="_blank">{{ submenu.label }}</a>
+ <span v-else>{{ submenu.label }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+ import CryptoJS from "crypto-js";
+ import { Message } from "element-ui";
+ import { mapGetters } from "vuex";
+
+ let workflowLoginURL;
+ let workflowWebURL;
+ let pid;
+ if (import.meta.env.PROD) {
+ //生产环境
+ const ProjectConfig = window.ProjectConfig;
+ workflowLoginURL = ProjectConfig.workflowLoginURL;
+ workflowWebURL = ProjectConfig.workflowWebURL;
+ pid = ProjectConfig.pid;
+ } else {
+ //非生产环境
+ workflowLoginURL = "http://workflow-newapi.probim.cn/api/User/Home/Login";
+ workflowWebURL = "http://workflow.probim.cn";
+ pid = "71f7a5df-a7e3-42f4-bcea-36d7d2924ddd";
+ }
+
+ export default {
+ name: "MenuList",
+ data() {
+ return {
+ activatedThirdMenu2: null,
+ PublicKey: "MK4ZJF10PRO19*#8",
+ };
+ },
+ computed: {
+ ...mapGetters("common", [
+ "localMenus",
+ "thirdMenus",
+ "activatedThirdSubmenu",
+ "activatedThirdMenu",
+ "currentProjectId",
+ "projectIdsWithoutMoldBase",
+ "projectIdPNMap",
+ "aiJumpThirdPage"
+ ]),
+ localMenusFiltered() {
+ if (this.projectIdsWithoutMoldBase.includes(this.currentProjectId)) {
+ return this.localMenus.filter((item) => item.id !== "mold-base");
+ } else {
+ return this.localMenus;
+ }
+ },
+ },
+ watch: {
+ aiJumpThirdPage: {
+ deep: true,
+ handler(n, o) {
+ if(n && n.self) {
+ this.onThirdMenuClick(n.self, n.parent)
+ }
+ },
+ },
+ },
+ methods: {
+ onThirdMenuClick(item, parentItem) {
+ if (item?.isLocal === true) {
+ if (this.$route.path === item.to) return;
+ item?.to &&
+ this.$router?.push(item.to).then(() => {
+ this.$store.commit("common/setActivatedThirdMenu", parentItem);
+ this.$store.commit("common/setActivatedThirdSubmenu", item);
+ });
+ } else {
+ if (item?.needInvokeLocalApp) {
+ return;
+ } else if (item?.needLocalHandle) {
+ const id = item.id;
+ if (id === "construction-1") {
+ //绿色建造九宫格管理系统
+ this.doVmsEnvmonitorLoginRedirect();
+ } else if (id === "construction-2") {
+ //协同
+ this.doSelfLoginRedirect(item);
+ } else if (id === "construction-3") {
+ const pn = this.projectIdPNMap[this.currentProjectId];
+ if (!/^\s*$/i.test(pn + "")) {
+ window.open(`http://xmglappjs.sh2j.com/web/public/index.php/fanganapi/index/index?pn=${pn}`);
+ }
+ }
+ } else {
+ item?.to && window.open(item.to);
+ }
+ }
+ },
+ onThirdMenuEnter(item) {
+ this.activatedThirdMenu2 = item;
+ },
+ // eslint-disable-next-line no-unused-vars
+ onThirdMenuLeave(item) {
+ this.activatedThirdMenu2 = null;
+ },
+
+ //登录绿色建造九宫格管理系统
+ async doVmsEnvmonitorLoginRedirect() {
+ window.open("http://127.0.0.1:9000/vms-envmonitor-webapp/");
+ },
+
+ //登录自己的协同平台
+ async doSelfLoginRedirect(item) {
+ const userInfo = {
+ UserName: "huangtj_0909@163.com",
+ Password: this.computepwdstr("htj123456" + this.PublicKey, CryptoJS),
+ };
+ // const userInfo = {
+ // UserName: "admin",
+ // Password: this.computepwdstr("admin" + this.PublicKey, CryptoJS),
+ // };
+ const postData = Object.keys(userInfo)
+ .map((key) => {
+ return `${key}=${encodeURIComponent(userInfo[key])}`;
+ })
+ .join("&");
+ const res = await this.$http({
+ method: "post",
+ url: workflowLoginURL,
+ data: postData,
+ withCredentials: false,
+ withProjectId: false,
+ withToken: false,
+ baseURL: "/",
+ });
+ if (res?.code === 0) {
+ const token = res.data?.token;
+ if (token) {
+ window.open(`${workflowWebURL}/#/Home/Boot/${token}/0/${pid}`);
+ } else {
+ Message.error({ message: `${item.label}登录失败,请稍后再试`, duration: 1000 * 3 });
+ }
+ } else {
+ Message.error({ message: `${item.label}登录失败,请稍后再试`, duration: 1000 * 3 });
+ }
+ },
+ computepwdstr(pwdorigin, _this_CryptoJS) {
+ const afterpwd = this.SymmetricEncryption(
+ {
+ input: pwdorigin,
+ key: this.PublicKey,
+ },
+ _this_CryptoJS,
+ );
+ return afterpwd;
+ },
+ SymmetricEncryption(json, CryptoJS) {
+ if (!json || !json.input || !json.key) {
+ console.warn("json, json.input and json.key are not allow null!");
+ return -1;
+ }
+ if (json.key.length === 0) {
+ console.warn("json.length should not be zero!");
+ return -1;
+ }
+ while (json.key.length < 16) {
+ json.key = json.key + json.key;
+ }
+ const KEY = json.key;
+ const IV = "*BIM19FF4KMY0R8*";
+ const key = CryptoJS.enc.Utf8.parse(KEY);
+ const iv = CryptoJS.enc.Utf8.parse(IV);
+ const srcs = CryptoJS.enc.Utf8.parse(json.input);
+ const encrypted = CryptoJS.AES.encrypt(srcs, key, {
+ iv: iv,
+ mode: CryptoJS.mode.CBC,
+ padding: CryptoJS.pad.Pkcs7,
+ });
+ return encrypted.ciphertext.toString();
+ },
+ },
+ };
+</script>
+
+<style lang="scss" scoped>
+ .menuListWrapper {
+ background: rgba(0,22,26,0.95);
+ border-radius: 0px 40px 40px 0px;
+ }
+ .menuItem:not(.activated):hover {
+ background: linear-gradient( 270deg, rgba(0,75,83,0) 0%, rgba(0,135,153,0.3) 100%);
+ }
+ .menuItem.activated {
+ background: linear-gradient( 270deg, rgba(0,75,83,0) 0%, #008C99 100%);
+ .menuName {
+ @apply text-opacity-100;
+ }
+ }
+
+ .thirdMenuItem:not(.activated).hovered {
+ background: linear-gradient( 270deg, rgba(0,75,83,0) 0%, rgba(0,135,153,0.3) 100%);
+ }
+ .thirdMenuItem.activated {
+ background: linear-gradient( 270deg, rgba(0,75,83,0) 0%, #008C99 100%);
+ .menuName {
+ @apply text-opacity-100;
+ }
+ }
+ .submenusWrapper {
+ .submenuItem {
+ @apply h-[60px] px-6 flex justify-start items-center font-pingfang text-base bg-[#00161af2] cursor-pointer;
+ &:first-of-type {
+ @apply rounded-tl-[12px] rounded-tr-[12px];
+ &:only-child {
+ @apply rounded-bl-[12px] rounded-br-[12px];
+ }
+ }
+ &:last-of-type:not(:first-of-type) {
+ @apply rounded-bl-[12px] rounded-br-[12px];
+ }
+ &:not(.activated):hover {
+ @apply bg-[hsla(228,67%,48%,1)];
+ }
+ &.activated {
+ @apply bg-[#485eb7];
+ }
+ }
+ }
+</style>
--
Gitblit v1.9.3