XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

美国环境发布

uat_us
wangxiaoshuang 2024-07-03 11:46:58 +08:00
parent 4135349bfa
commit 0dd6ace8c1
5 changed files with 158 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.usa
View File

@ -2,7 +2,7 @@
ENV = 'usa' ENV = 'usa'
NODE_ENV = 'usa' NODE_ENV = 'usa'
# base public path # base public path
VUE_APP_BASE_PATH = 'https://ei-code-prod.s3.amazonaws.com/2024-05-31/' VUE_APP_BASE_PATH = 'https://ei-code-prod.s3.amazonaws.com/2024-07-03/'
# 是否开启登陆限制 true:是 false:否 # 是否开启登陆限制 true:是 false:否
VUE_APP_LOGIN_FOR_PERMISSION = false VUE_APP_LOGIN_FOR_PERMISSION = false

7
src/App.vue
View File

@ -246,7 +246,10 @@ textarea {
color: $light_gray; color: $light_gray;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-family: 'Times New Roman'; font-family: "Times New Roman";
text-shadow:1px 0.5px 1.5px #666; text-shadow: 1px 0.5px 1.5px #666;
}
.title-logo {
height: 40px;
} }
</style> </style>

BIN
src/assets/title-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

28
src/views/login/index.vue
View File

@ -7,7 +7,12 @@
<div class="login-l"> <div class="login-l">
<div class="login-logo"> <div class="login-logo">
<img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" /> <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
<img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" /> <img
v-else-if="NODE_ENV === 'usa'"
src="@/assets/zzlogo-usa.png"
alt=""
class="usa-logo"
/>
<img v-else src="@/assets/zzlogo4.png" alt="" /> <img v-else src="@/assets/zzlogo4.png" alt="" />
</div> </div>
<div class="login-image"> <div class="login-image">
@ -17,7 +22,10 @@
<div class="login-r"> <div class="login-r">
<div class="title-container"> <div class="title-container">
<!-- IRC Management System --> <!-- IRC Management System -->
<div class="system-title" v-if="NODE_ENV==='usa'">{{ $t("login:title:system_title") }}</div> <div v-if="NODE_ENV === 'usa'">
<img src="@/assets/title-logo.png" alt="" class="title-logo" />
<div class="title-logo-message">{{ $t("login:title:system") }}</div>
</div>
<div class="title" v-else>{{ $t("login:title:system") }}</div> <div class="title" v-else>{{ $t("login:title:system") }}</div>
</div> </div>
<el-form <el-form
@ -154,7 +162,9 @@
" "
> >
<h1 style="text-align: center; margin-bottom: 20px">关于</h1> <h1 style="text-align: center; margin-bottom: 20px">关于</h1>
<p style="margin-bottom: 20px" v-if="NODE_ENV==='usa'">{{ $t("login:title:system_title") }}</p> <p style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
{{ $t("login:title:system_title") }}
</p>
<p style="margin-bottom: 20px" v-else>{{ $t("login:title:system") }}</p> <p style="margin-bottom: 20px" v-else>{{ $t("login:title:system") }}</p>
<p style="margin-bottom: 20px">V1.5.1.001</p> <p style="margin-bottom: 20px">V1.5.1.001</p>
<p style="margin-bottom: 20px" v-if="language === 'zh'"> <p style="margin-bottom: 20px" v-if="language === 'zh'">
@ -462,6 +472,9 @@ $light_gray: #606266;
img { img {
height: 40px; height: 40px;
} }
.usa-logo {
height: 60px;
}
} }
.login-image { .login-image {
position: absolute; position: absolute;
@ -482,7 +495,7 @@ $light_gray: #606266;
.login-form { .login-form {
position: absolute; position: absolute;
top: 50%; top: 55%;
// transform: translateY(-50%); // transform: translateY(-50%);
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
@ -493,6 +506,7 @@ $light_gray: #606266;
} }
.title-container { .title-container {
// margin-bottom: 50px; // margin-bottom: 50px;
text-align: center;
margin-top: 15%; margin-top: 15%;
.title { .title {
font-size: 35px; font-size: 35px;
@ -500,6 +514,12 @@ $light_gray: #606266;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.title-logo-message {
font-size: 26px;
color: $light_gray;
text-align: center;
margin-top: 20px;
}
} }
.tips { .tips {

210
src/views/trials/trials-layout/components/trialsNavbar.vue
View File

@ -1,16 +1,17 @@
<template> <template>
<div class="trials-navbar" style="position: relative"> <div class="trials-navbar" style="position: relative">
<div class="leftMenu"> <div class="leftMenu">
<img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt=""> <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
<img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" /> <img
<img v-else src="@/assets/zzlogo4.png" alt=""> v-else-if="NODE_ENV === 'usa'"
<span style="white-space:nowrap;" class="system-title" v-if="NODE_ENV==='usa'"> src="@/assets/title-logo.png"
alt=""
class="title-logo"
/>
<img v-else src="@/assets/zzlogo4.png" alt="" />
<span style="white-space: nowrap">
<!-- 中心影像系统（EICS） --> <!-- 中心影像系统（EICS） -->
{{ $t('trials:trials:title:eics_title') }} {{ $t("trials:trials:title:eics") }}
</span>
<span style="white-space:nowrap;" v-else>
<!-- 中心影像系统（EICS） -->
{{ $t('trials:trials:title:eics') }}
</span> </span>
</div> </div>
<div class="center-menu"> <div class="center-menu">
@ -24,22 +25,49 @@
size="mini" size="mini"
@select="handleSelect" @select="handleSelect"
> >
<el-menu-item v-if="!hasPermi(['role:air', 'role:rpm', 'role:radmin', 'role:rcrc', 'role:rir'])" index="1"> <el-menu-item
v-if="
!hasPermi([
'role:air',
'role:rpm',
'role:radmin',
'role:rcrc',
'role:rir',
])
"
index="1"
>
<i class="el-icon-odometer" /> <i class="el-icon-odometer" />
<!-- 工作台 --> <!-- 工作台 -->
<span slot="title">{{ $t('trials:menuTitle:workbench') }}</span> <span slot="title">{{ $t("trials:menuTitle:workbench") }}</span>
</el-menu-item> </el-menu-item>
<el-menu-item v-if="!hasPermi(['role:zys'])" index="2" :disabled="TotalNeedSignSystemDocCount !== 0"> <el-menu-item
v-if="!hasPermi(['role:zys'])"
index="2"
:disabled="TotalNeedSignSystemDocCount !== 0"
>
<i class="el-icon-box" /> <i class="el-icon-box" />
<!-- 我的项目 --> <!-- 我的项目 -->
<span slot="title"> <span slot="title">
{{ $t('trials:tab:trials') }} {{ $t("trials:tab:trials") }}
</span> </span>
</el-menu-item> </el-menu-item>
<el-menu-item v-if="!hasPermi(['role:air', 'role:rpm', 'role:radmin', 'role:rcrc', 'role:rir', 'role:zys'])" index="3"> <el-menu-item
v-if="
!hasPermi([
'role:air',
'role:rpm',
'role:radmin',
'role:rcrc',
'role:rir',
'role:zys',
])
"
index="3"
>
<i class="el-icon-chat-dot-square" /> <i class="el-icon-chat-dot-square" />
<!-- 通知消息 --> <!-- 通知消息 -->
<span slot="title">{{ $t('trials:tab:notice') }}</span> <span slot="title">{{ $t("trials:tab:notice") }}</span>
</el-menu-item> </el-menu-item>
<el-submenu index="4" class="my_info"> <el-submenu index="4" class="my_info">
@ -50,7 +78,9 @@
<span v="userTypeShortName">({{ userTypeShortName }})</span> --> <span v="userTypeShortName">({{ userTypeShortName }})</span> -->
</span> </span>
<!-- 账户信息 --> <!-- 账户信息 -->
<el-menu-item v-if="!hasPermi(['role:air'])" index="4-2">{{ $t('trials:trials-myinfo:title:accountInfo') }}</el-menu-item> <el-menu-item v-if="!hasPermi(['role:air'])" index="4-2">{{
$t("trials:trials-myinfo:title:accountInfo")
}}</el-menu-item>
<!-- 管理后台 --> <!-- 管理后台 -->
<el-menu-item <el-menu-item
v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])" v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])"
@ -58,112 +88,123 @@
>{{ $t("trials:trials-myinfo:title:system") }}</el-menu-item >{{ $t("trials:trials-myinfo:title:system") }}</el-menu-item
> >
<!-- 退出 --> <!-- 退出 -->
<el-menu-item index="4-3">{{ $t('trials:trials-myinfo:button:loginout') }}</el-menu-item> <el-menu-item index="4-3">{{
$t("trials:trials-myinfo:button:loginout")
}}</el-menu-item>
</el-submenu> </el-submenu>
</el-menu> </el-menu>
<TopLang v-if="VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1'"/> <TopLang v-if="VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1'" />
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters, mapMutations } from 'vuex' import { mapGetters, mapMutations } from "vuex";
import TopLang from './topLang' import TopLang from "./topLang";
import NoticeMarquee from './noticeMarquee' import NoticeMarquee from "./noticeMarquee";
export default { export default {
components: { TopLang, NoticeMarquee }, components: { TopLang, NoticeMarquee },
data() { data() {
return { return {
activeIndex: '2', activeIndex: "2",
isReviewer: false, isReviewer: false,
userTypeShortName: zzSessionStorage.getItem('userTypeShortName'), userTypeShortName: zzSessionStorage.getItem("userTypeShortName"),
notice: '', notice: "",
VUE_APP_OSS_CONFIG_REGION: process.env.VUE_APP_OSS_CONFIG_REGION, VUE_APP_OSS_CONFIG_REGION: process.env.VUE_APP_OSS_CONFIG_REGION,
NODE_ENV: process.env.NODE_ENV, NODE_ENV: process.env.NODE_ENV,
} };
}, },
computed: { computed: {
...mapGetters(['sidebar', 'name', 'userName', 'device', 'TotalNeedSignSystemDocCount', 'language']) ...mapGetters([
"sidebar",
"name",
"userName",
"device",
"TotalNeedSignSystemDocCount",
"language",
]),
}, },
watch: { watch: {
$route(v) { $route(v) {
this.changeRoute(v) this.changeRoute(v);
} },
}, },
created() { created() {
console.log(!this.hasPermi(['role:air'])) console.log(!this.hasPermi(["role:air"]));
this.isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer')) this.isReviewer = JSON.parse(zzSessionStorage.getItem("IsReviewer"));
this.changeRoute(this.$route) this.changeRoute(this.$route);
}, },
methods: { methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }), ...mapMutations({ setLanguage: "lang/setLanguage" }),
changeRoute(v) { changeRoute(v) {
if (v.path === '/trials/trials-workbench') { if (v.path === "/trials/trials-workbench") {
this.activeIndex = '1' this.activeIndex = "1";
} }
if (v.path === '/trials/trials-list' || ~v.path.indexOf('/trials/trials-panel')) { if (
this.activeIndex = '2' v.path === "/trials/trials-list" ||
~v.path.indexOf("/trials/trials-panel")
) {
this.activeIndex = "2";
} }
if (v.path === '/trials/trials-notice') { if (v.path === "/trials/trials-notice") {
this.activeIndex = '3' this.activeIndex = "3";
} }
if (v.path === '/trials/trials-myinfo') { if (v.path === "/trials/trials-myinfo") {
this.activeIndex = '4-2' this.activeIndex = "4-2";
} }
}, },
handleSelect(key, keyPath) { handleSelect(key, keyPath) {
switch (key) { switch (key) {
case '4-2': case "4-2":
this.go('/trials/trials-myinfo') this.go("/trials/trials-myinfo");
break break;
case '4-3': case "4-3":
this.logout() this.logout();
break break;
case "4-4": case "4-4":
this.go("/system"); this.go("/system");
break; break;
case '1': case "1":
this.go('/trials/trials-workbench') this.go("/trials/trials-workbench");
break break;
case '2': case "2":
if (~this.$route.path.indexOf('/trials/trials-panel')) { if (~this.$route.path.indexOf("/trials/trials-panel")) {
return return;
} }
var lastWorkbench = zzSessionStorage.getItem('lastWorkbench') var lastWorkbench = zzSessionStorage.getItem("lastWorkbench");
if (lastWorkbench) { if (lastWorkbench) {
this.go(lastWorkbench) this.go(lastWorkbench);
} else { } else {
this.go('/trials/trials-list') this.go("/trials/trials-list");
} }
break break;
case '3': case "3":
this.go('/trials/trials-notice') this.go("/trials/trials-notice");
break break;
} }
}, },
toggleSideBar() { toggleSideBar() {
this.$store.dispatch('app/toggleSideBar') this.$store.dispatch("app/toggleSideBar");
}, },
async logout() { async logout() {
await this.$store.dispatch('user/logout') await this.$store.dispatch("user/logout");
this.$router.push(`/login`) this.$router.push(`/login`);
this.$i18n.locale = 'zh' this.$i18n.locale = "zh";
this.setLanguage('zh') this.setLanguage("zh");
this.$updateDictionary() this.$updateDictionary();
}, },
go(value) { go(value) {
this.$router.push({ path: value }) this.$router.push({ path: value });
}, },
account() { account() {
this.$router.push({ name: 'Account' }) this.$router.push({ name: "Account" });
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.trials-navbar{ .trials-navbar {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -171,24 +212,29 @@ export default {
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
.el-breadcrumb__item{ .el-breadcrumb__item {
font-size: 16px; font-size: 16px;
} }
.leftMenu{ .leftMenu {
display: flex; display: flex;
align-items: center; align-items: flex-end;
padding-left: 20px; padding-left: 20px;
img{ padding-bottom: 20px;
img {
height: 28px; height: 28px;
margin-right: 10px; margin-right: 10px;
} }
span{ .title-logo {
height: 32px;
}
span {
font-size: 20px; font-size: 20px;
position: relative; position: relative;
top: -1px; bottom: -3px;
} }
} }
.right-menu, .center-menu { .right-menu,
.center-menu {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -238,7 +284,7 @@ export default {
} }
</style> </style>
<style> <style>
.el-menu--horizontal>.my_info.el-submenu .el-submenu__icon-arrow { .el-menu--horizontal > .my_info.el-submenu .el-submenu__icon-arrow {
margin-top: 0; margin-top: 0;
} }
</style> </style>