🐛 fix(UI): 动态调整公众号二维码和ico图标、添加dr打包环境

.env.development

@@ -6,10 +6,16 @@ VUE_APP_LGOG_URL = 'logo/drgy/logo.png'
 /**
  * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
  */
+# ico图标
+VUE_APP_ICO_URL = 'drgy/favicon.ico'
 # logo
 VUE_APP_LGOG168_URL = 'logo/drgy/logo168.png'
 # banner
 VUE_APP_BANNER_URL = 'logo/drgy/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/drgy/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/drgy/ydxcx.jpg'
 # 系统名称
 VUE_APP_SYSTEM_NAME = '数字用电管理系统'
 # 系统登录页 login-green、login-blue-black、login-blue-white

.env.dr

@@ -1,14 +1,31 @@
 # 开发环境配置
-ENV = 'drgy'
+ENV = 'dr'
 
 # logo
 VUE_APP_LGOG_URL = 'logo/dr/logo.png'
+/**
+ * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
+ */
+# ico图标
+VUE_APP_ICO_URL = 'dr/favicon.ico'
+# logo
+VUE_APP_LGOG168_URL = 'logo/dr/logo168.png'
+# banner
+VUE_APP_BANNER_URL = 'images/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/dr/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/dr/ydxcx.jpg'
 # 系统名称
 VUE_APP_SYSTEM_NAME = '数字用电管理系统'
-# 系统登录页
+# 系统登录页 login-green、login-blue-black、login-blue-white
-VUE_APP_LOGIN_PAGE = 'login-blue-black'
+#VUE_APP_LOGIN_PAGE = 'login-green'
-# 系统配色
+#VUE_APP_LOGIN_PAGE = 'login-blue-black'
-VUE_APP_THEME_CLASS = 'theme-blue-black'
+VUE_APP_LOGIN_PAGE = 'login-blue-white'
+# 系统配色 theme-green、theme-blue-black、theme-blue-white
+#VUE_APP_THEME_CLASS = 'theme-green'
+#VUE_APP_THEME_CLASS = 'theme-blue-black'
+VUE_APP_THEME_CLASS = 'theme-blue-white'
 
 # 智慧用电管理系统/开发环境
 VUE_APP_BASE_API = '/dev-api'

.env.drgy

@@ -6,10 +6,16 @@ VUE_APP_LGOG_URL = 'logo/drgy/logo.png'
 /**
  * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
  */
+# ico图标
+VUE_APP_ICO_URL = 'drgy/favicon.ico'
 # logo
 VUE_APP_LGOG168_URL = 'logo/drgy/logo168.png'
 # banner
 VUE_APP_BANNER_URL = 'logo/drgy/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/drgy/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/drgy/ydxcx.jpg'
 # 系统名称
 VUE_APP_SYSTEM_NAME = '数字用电管理系统'
 # 系统登录页 login-green、login-blue-black、login-blue-white

.env.drgyprod

@@ -6,10 +6,16 @@ VUE_APP_LGOG_URL = 'logo/drgy/logo.png'
 /**
  * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
  */
+# ico图标
+VUE_APP_ICO_URL = 'drgy/favicon.ico'
 # logo
 VUE_APP_LGOG168_URL = 'logo/drgy/logo168.png'
 # banner
 VUE_APP_BANNER_URL = 'logo/drgy/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/drgy/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/drgy/ydxcx.jpg'
 # 系统名称
 VUE_APP_SYSTEM_NAME = '数字用电管理系统'
 # 系统登录页 login-green、login-blue-black、login-blue-white

.env.drprod

@@ -0,0 +1,47 @@
+# 开发环境配置
+ENV = 'drprod'
+NODE_ENV = 'drprod'
+# logo
+VUE_APP_LGOG_URL = 'logo/dr/logo.png'
+/**
+ * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
+ */
+ # ico图标
+VUE_APP_ICO_URL = 'dr/favicon.ico'
+# logo
+VUE_APP_LGOG168_URL = 'logo/dr/logo168.png'
+# banner
+VUE_APP_BANNER_URL = 'images/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/dr/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/dr/ydxcx.jpg'
+# 系统名称
+VUE_APP_SYSTEM_NAME = '数字用电管理系统'
+# 系统登录页 login-green、login-blue-black、login-blue-white
+#VUE_APP_LOGIN_PAGE = 'login-green'
+#VUE_APP_LOGIN_PAGE = 'login-blue-black'
+VUE_APP_LOGIN_PAGE = 'login-blue-white'
+# 系统配色 theme-green、theme-blue-black、theme-blue-white
+#VUE_APP_THEME_CLASS = 'theme-green'
+#VUE_APP_THEME_CLASS = 'theme-blue-black'
+VUE_APP_THEME_CLASS = 'theme-blue-white'
+
+# 智慧用电管理系统/开发环境
+VUE_APP_BASE_API = '/prod-api'
+
+# 前端端口
+port= 9988
+
+# 服务端地址
+// 陈志荣 本地
+// target = http://192.168.18.140:8899
+// 黄明 本地
+// target = http://192.168.18.134:8899
+//target = http://192.168.18.139:8899
+// target = http://192.168.18.136:8899
+
+// 测试端
+// target = http://192.168.10.241:32024
+// 开发端
+ target = https://power-core.drgyen.com

.env.production

@@ -9,10 +9,16 @@ VUE_APP_LGOG_URL = 'logo/drgy/logo.png'
 /**
  * 蓝白色登录页需要一个banner图(VUE_APP_BANNER_URL)和一个168像素的logo(VUE_APP_LGOG168_URL)
  */
+# ico图标
+VUE_APP_ICO_URL = 'drgy/favicon.ico'
 # logo
 VUE_APP_LGOG168_URL = 'logo/drgy/logo168.png'
 # banner
 VUE_APP_BANNER_URL = 'logo/drgy/banner.png'
+# 公众号二维码
+VUE_APP_GZGQR_URL = 'images/drgy/gzhqr.jpg'
+# 小程序二维码
+VUE_APP_YDXCX_URL = 'images/drgy/ydxcx.jpg'
 # 系统名称
 VUE_APP_SYSTEM_NAME = '数字用电管理系统'
 # 系统登录页 login-green、login-blue-black、login-blue-white

package.json

@@ -9,6 +9,7 @@
     "dev:drgy": "vue-cli-service serve --mode drgy",
     "dev:dr": "vue-cli-service serve --mode dr",
     "build:drgyprod": "vue-cli-service build --mode drgyprod",
+    "build:drprod": "vue-cli-service build --mode drprod",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
     "preview": "node build/index.js --preview",

public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="renderer" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <link rel="icon" href="<%= BASE_URL %>images/<%= process.env.VUE_APP_ICO_URL %>">
     <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/1.0.0/index.css">
     <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/1.0.0/iconfont.css">
     <link rel="stylesheet" href="//at.alicdn.com/t/font_2506643_9w119og75cs.css">

public/js/config.js

@@ -1,16 +1,8 @@
 // 手动配置的地址
 window.dasConfig = {
-  ip: '192.168.10.241',
+  ip: 'power-core.drgyen.com',
-  port: 30646,
+  port: '',
   prodApi: '',
-  protocol: 'http://',
+  protocol: 'https://',
-  wsProtocol: 'ws://'
+  wsProtocol: 'wss://'
-}
-// 手动配置的地址
-window.dasConfig = {
-  ip: '192.168.1.17',
-  port: 8899,
-  prodApi: '',
-  protocol: 'http://',
-  wsProtocol: 'ws://'
 }

src/config/env.js

@@ -31,7 +31,7 @@ if (env.NODE_ENV == 'development') {
   flowIotUrl = 'http://127.0.0.1:1880/#flow/'
   // hrefHost = "power-tcore.histron.cn"
   hrefHost = "192.168.1.17"
-} else if(env.NODE_ENV == 'production' || env.NODE_ENV == 'drgyprod') {
+} else if(env.NODE_ENV == 'production' || env.NODE_ENV == 'drgyprod' || env.NODE_ENV == 'drprod') {
   // if (hrefHost.indexOf('.gkiiot.com') >= 0) {
   //   iotHost = 'iot.gkiiot.com'
   // }

src/utils/hciot.js

@@ -5,7 +5,7 @@
  */
 import { Loading } from 'element-ui';
 
-const baseHref = (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API
+const baseHref = (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod" || process.env.NODE_ENV === "drprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API
 
 const baseURL = process.env.VUE_APP_BASE_API
 

src/utils/request.js

@@ -9,7 +9,7 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API,
+  baseURL: (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "drgyprod" || process.env.NODE_ENV === "drprod") ?  `${window.dasConfig.protocol}${window.dasConfig.ip}${window.dasConfig.port ? ':'+window.dasConfig.port : ''}${window.dasConfig.prodApi ? window.dasConfig.prodApi : ''}` : process.env.VUE_APP_BASE_API,
   // 超时
   timeout: 10000
 })

src/views/iot/contacts/index.vue

@@ -163,7 +163,7 @@
     <dialog-template :close-on-click-modal="false"  @close="qrCodeDialogOpen = false"  title="授权扫二维码" :visible="qrCodeDialogOpen" width="650px">
       <div class="qrcode-wrap" v-if="qrCodeDialogOpen" slot="dialog-center">
         <div class="qr-wrap">
-          <img src="@/assets/images/gzhqr.jpg"/>
+          <img :src="gzhqr"/>
           <span>第一步：扫码关注公众号。</span>
         </div>
         <el-button type="text" style="font-size: 20px;" icon="el-icon-d-arrow-right"></el-button>
@@ -192,7 +192,7 @@ import {
 } from "@/api/iot/contacts";
 import { getIotFileUrl } from "@/utils/hciot";
 import QRCode from "qrcodejs2";
-import gzhqr from "@/assets/images/gzhqr.jpg"
+// import gzhqr from "@/assets/images/gzhqr.jpg"
 import DialogTemplate from "@/components/DialogTemplate";
 
 export default {
@@ -200,7 +200,7 @@ export default {
   components: {DialogTemplate},
   data() {
     return {
-      gzhqr,
+      gzhqr:'',
       qrCodeDialogOpen: false,
       // 遮罩层
       loading: true,
@@ -253,6 +253,7 @@ export default {
   },
   created() {
     this.getList();
+    this.gzhqr = require('@/assets/' + process.env.VUE_APP_GZGQR_URL);
   },
   methods: {
     getIotFileUrl,

vue.config.js

@@ -84,7 +84,7 @@ module.exports = {
       .end()
 
     config
-      .when(process.env.NODE_ENV !== 'development'&&process.env.NODE_ENV !== 'drgy',
+      .when(process.env.NODE_ENV !== 'development'&&process.env.NODE_ENV !== 'drgy'&&process.env.NODE_ENV !== 'dr',
         config => {
           config
             .plugin('ScriptExtHtmlWebpackPlugin')