代码提交

src/App.vue

@@ -5,13 +5,14 @@
 </template>
 
 <script>
+import { getBrandTitle } from '@/utils/brand'
 export default  {
   name:  'App',
     metaInfo() {
         return {
             title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
             titleTemplate: title => {
-                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
+                return title ? `${title} - ${getBrandTitle()}` : getBrandTitle()
             }
         }
     }

src/layout/components/Sidebar/Logo.vue

@@ -15,6 +15,7 @@
 
 <script>
 import variables from '@/assets/styles/variables.scss'
+import { getBrandTitleIndex } from '@/utils/brand'
 
 export default {
   name: 'SidebarLogo',
@@ -34,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: process.env.VUE_APP_TITLE_INDEX || "互联网医院SCRM",
+      title: getBrandTitleIndex(),
     }
   }
 }

src/main.js

@@ -37,7 +37,8 @@ import { VueJsonp } from 'vue-jsonp'
 Vue.use(VueJsonp)
 
 // 全局配置
-Vue.prototype.logImg = require(process.env.VUE_APP_LOG_URL)
+import { getBrandLogo } from '@/utils/brand'
+Vue.prototype.logImg = getBrandLogo()
 Vue.prototype.cloneObject = cloneObject
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey

src/utils/brand.js

@@ -0,0 +1,45 @@
+/**
+ * 品牌信息工具
+ * 根据访问域名区分展示不同的系统名称与 Logo：
+ *  - admin.bjyjbao.com：使用各环境变量(.env)中的原有配置
+ *  - 其它所有域名(含 localhost)：统一展示"惠康"品牌
+ */
+
+// 指定使用原有环境变量配置的域名
+const BJYJBAO_HOST = 'admin.bjyjbao.com'
+
+// 惠康品牌文案
+const HUIKANG_TITLE = '惠康互联网管理系统'
+const HUIKANG_TITLE_INDEX = '惠康互联网医院'
+
+/**
+ * 是否为 admin.bjyjbao.com 域名
+ */
+export function isBjyjbaoHost() {
+  return typeof window !== 'undefined' && window.location.hostname === BJYJBAO_HOST
+}
+
+/**
+ * 登录页大标题 / 浏览器标题后缀
+ */
+export function getBrandTitle() {
+  return isBjyjbaoHost() ? process.env.VUE_APP_TITLE : HUIKANG_TITLE
+}
+
+/**
+ * 左上角导航栏名称
+ */
+export function getBrandTitleIndex() {
+  return isBjyjbaoHost()
+    ? (process.env.VUE_APP_TITLE_INDEX || '互联网医院SCRM')
+    : HUIKANG_TITLE_INDEX
+}
+
+/**
+ * Logo 图片(左上角、右上角统一使用)
+ */
+export function getBrandLogo() {
+  return isBjyjbaoHost()
+    ? require(process.env.VUE_APP_LOG_URL)
+    : require('@/assets/logo/hk.png')
+}

src/views/login.vue

@@ -78,13 +78,14 @@
 import { getCodeImg } from "@/api/login";
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from '@/utils/jsencrypt'
+import { getBrandTitle } from '@/utils/brand'
 
 export default {
   name: "Login",
   data() {
     return {
       codeUrl: "",
-      vueAppTitle: process.env.VUE_APP_TITLE,
+      vueAppTitle: getBrandTitle(),
       companyName: process.env.VUE_APP_COMPANY_NAME,
       icpRecord: process.env.VUE_APP_ICP_RECORD,
       icpUrl: process.env.VUE_APP_ICP_URL,