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'
NODE_ENV = 'usa'
# 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:否
VUE_APP_LOGIN_FOR_PERMISSION = false

5
src/App.vue
View File

@ -246,7 +246,10 @@ textarea {
color: $light_gray;
text-align: center;
font-weight: bold;
font-family: 'Times New Roman';
font-family: "Times New Roman";
text-shadow: 1px 0.5px 1.5px #666;
}
.title-logo {
height: 40px;
}
</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-logo">
<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="" />
</div>
<div class="login-image">
@ -17,7 +22,10 @@
<div class="login-r">
<div class="title-container">
<!-- 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>
<el-form
@ -154,7 +162,9 @@
"
>
<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">V1.5.1.001</p>
<p style="margin-bottom: 20px" v-if="language === 'zh'">
@ -462,6 +472,9 @@ $light_gray: #606266;
img {
height: 40px;
}
.usa-logo {
height: 60px;
}
}
.login-image {
position: absolute;
@ -482,7 +495,7 @@ $light_gray: #606266;
.login-form {
position: absolute;
top: 50%;
top: 55%;
// transform: translateY(-50%);
left: 50%;
transform: translate(-50%, -50%);
@ -493,6 +506,7 @@ $light_gray: #606266;
}
.title-container {
// margin-bottom: 50px;
text-align: center;
margin-top: 15%;
.title {
font-size: 35px;
@ -500,6 +514,12 @@ $light_gray: #606266;
text-align: center;
font-weight: bold;
}
.title-logo-message {
font-size: 26px;
color: $light_gray;
text-align: center;
margin-top: 20px;
}
}
.tips {

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

@ -1,16 +1,17 @@
<template>
<div class="trials-navbar" style="position: relative">
<div class="leftMenu">
<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 src="@/assets/zzlogo4.png" alt="">
<span style="white-space:nowrap;" class="system-title" v-if="NODE_ENV==='usa'">
<img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
<img
v-else-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） -->
{{ $t('trials:trials:title:eics_title') }}
</span>
<span style="white-space:nowrap;" v-else>
<!-- 中心影像系统（EICS） -->
{{ $t('trials:trials:title:eics') }}
{{ $t("trials:trials:title:eics") }}
</span>
</div>
<div class="center-menu">
@ -24,22 +25,49 @@
size="mini"
@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" />
<!-- 工作台 -->
<span slot="title">{{ $t('trials:menuTitle:workbench') }}</span>
<span slot="title">{{ $t("trials:menuTitle:workbench") }}</span>
</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" />
<!-- 我的项目 -->
<span slot="title">
{{ $t('trials:tab:trials') }}
{{ $t("trials:tab:trials") }}
</span>
</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" />
<!-- 通知消息 -->
<span slot="title">{{ $t('trials:tab:notice') }}</span>
<span slot="title">{{ $t("trials:tab:notice") }}</span>
</el-menu-item>
<el-submenu index="4" class="my_info">
@ -50,7 +78,9 @@
<span v="userTypeShortName">({{ userTypeShortName }})</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
v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])"
@ -58,108 +88,119 @@
>{{ $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-menu>
<TopLang v-if="VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1'" />
</div>
</div>
</template>
<script>
import { mapGetters, mapMutations } from 'vuex'
import TopLang from './topLang'
import NoticeMarquee from './noticeMarquee'
import { mapGetters, mapMutations } from "vuex";
import TopLang from "./topLang";
import NoticeMarquee from "./noticeMarquee";
export default {
components: { TopLang, NoticeMarquee },
data() {
return {
activeIndex: '2',
activeIndex: "2",
isReviewer: false,
userTypeShortName: zzSessionStorage.getItem('userTypeShortName'),
notice: '',
userTypeShortName: zzSessionStorage.getItem("userTypeShortName"),
notice: "",
VUE_APP_OSS_CONFIG_REGION: process.env.VUE_APP_OSS_CONFIG_REGION,
NODE_ENV: process.env.NODE_ENV,
}
};
},
computed: {
...mapGetters(['sidebar', 'name', 'userName', 'device', 'TotalNeedSignSystemDocCount', 'language'])
...mapGetters([
"sidebar",
"name",
"userName",
"device",
"TotalNeedSignSystemDocCount",
"language",
]),
},
watch: {
$route(v) {
this.changeRoute(v)
}
this.changeRoute(v);
},
},
created() {
console.log(!this.hasPermi(['role:air']))
this.isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer'))
this.changeRoute(this.$route)
console.log(!this.hasPermi(["role:air"]));
this.isReviewer = JSON.parse(zzSessionStorage.getItem("IsReviewer"));
this.changeRoute(this.$route);
},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
...mapMutations({ setLanguage: "lang/setLanguage" }),
changeRoute(v) {
if (v.path === '/trials/trials-workbench') {
this.activeIndex = '1'
if (v.path === "/trials/trials-workbench") {
this.activeIndex = "1";
}
if (v.path === '/trials/trials-list' || ~v.path.indexOf('/trials/trials-panel')) {
this.activeIndex = '2'
if (
v.path === "/trials/trials-list" ||
~v.path.indexOf("/trials/trials-panel")
) {
this.activeIndex = "2";
}
if (v.path === '/trials/trials-notice') {
this.activeIndex = '3'
if (v.path === "/trials/trials-notice") {
this.activeIndex = "3";
}
if (v.path === '/trials/trials-myinfo') {
this.activeIndex = '4-2'
if (v.path === "/trials/trials-myinfo") {
this.activeIndex = "4-2";
}
},
handleSelect(key, keyPath) {
switch (key) {
case '4-2':
this.go('/trials/trials-myinfo')
break
case '4-3':
this.logout()
break
case "4-2":
this.go("/trials/trials-myinfo");
break;
case "4-3":
this.logout();
break;
case "4-4":
this.go("/system");
break;
case '1':
this.go('/trials/trials-workbench')
break
case '2':
if (~this.$route.path.indexOf('/trials/trials-panel')) {
return
case "1":
this.go("/trials/trials-workbench");
break;
case "2":
if (~this.$route.path.indexOf("/trials/trials-panel")) {
return;
}
var lastWorkbench = zzSessionStorage.getItem('lastWorkbench')
var lastWorkbench = zzSessionStorage.getItem("lastWorkbench");
if (lastWorkbench) {
this.go(lastWorkbench)
this.go(lastWorkbench);
} else {
this.go('/trials/trials-list')
this.go("/trials/trials-list");
}
break
case '3':
this.go('/trials/trials-notice')
break
break;
case "3":
this.go("/trials/trials-notice");
break;
}
},
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
this.$store.dispatch("app/toggleSideBar");
},
async logout() {
await this.$store.dispatch('user/logout')
this.$router.push(`/login`)
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
await this.$store.dispatch("user/logout");
this.$router.push(`/login`);
this.$i18n.locale = "zh";
this.setLanguage("zh");
this.$updateDictionary();
},
go(value) {
this.$router.push({ path: value })
this.$router.push({ path: value });
},
account() {
this.$router.push({ name: 'Account' })
}
}
}
this.$router.push({ name: "Account" });
},
},
};
</script>
<style lang="scss" scoped>
@ -176,19 +217,24 @@ export default {
}
.leftMenu {
display: flex;
align-items: center;
align-items: flex-end;
padding-left: 20px;
padding-bottom: 20px;
img {
height: 28px;
margin-right: 10px;
}
.title-logo {
height: 32px;
}
span {
font-size: 20px;
position: relative;
top: -1px;
bottom: -3px;
}
}
.right-menu, .center-menu {
.right-menu,
.center-menu {
display: flex;
flex-direction: row;
justify-content: space-between;