20 changed files with 285 additions and 64 deletions
Unified View
Diff Options
-
+12 -0.env.agg
-
+2 -0.env.htjc6
-
+1 -0package.json
-
+14 -0public/index.html
-
+12 -0src/api/login.js
-
+1 -0src/components/AsyncImageFrame/index.vue
-
+1 -1src/layout/components/Navbar.vue
-
+1 -2src/layout/index.vue
-
+9 -2src/permission.js
-
+7 -0src/router/index.js
-
+18 -5src/utils/auth.js
-
+5 -0src/utils/homePath.js
-
+18 -1src/utils/request.js
-
+2 -2src/utils/stationTitle.js
-
+7 -6src/views/cards/patrolReport/InspectionReporter.vue
-
+3 -3src/views/cards/site_management/site_management.vue
-
+2 -1src/views/login.vue
-
+20 -17src/views/portal/index.vue
-
+76 -24src/views/video/LivePreview.vue
-
+74 -0src/views/video/LivePreviewEmbed.vue
+ 12
- 0
.env.agg
View File
| @ -0,0 +1,12 @@ | |||||
| NODE_ENV = 'production' | |||||
| ENV = 'production' | |||||
| VUE_APP_TITLE = 动环智能巡检系统 | |||||
| VUE_APP_BASE_API = '/app/htjc6/api' | |||||
| VUE_APP_NVR_API = '/nvr-api' | |||||
| VUE_APP_PUBLIC_PATH = '/app/htjc6/' | |||||
| VUE_APP_OUTPUT_DIR = 'dist/app/htjc6' | |||||
| VUE_APP_IMAGE_PATH_PREFIX = '' | |||||
| VUE_APP_HOME_PATH = '/portal' | |||||
| VUE_APP_AGG_VIDEO = true | |||||
+ 2
- 0
.env.htjc6
View File
+ 1
- 0
package.json
View File
+ 14
- 0
public/index.html
View File
+ 12
- 0
src/api/login.js
View File
+ 1
- 0
src/components/AsyncImageFrame/index.vue
View File
+ 1
- 1
src/layout/components/Navbar.vue
View File
+ 1
- 2
src/layout/index.vue
View File
+ 9
- 2
src/permission.js
View File
+ 7
- 0
src/router/index.js
View File
+ 18
- 5
src/utils/auth.js
View File
+ 5
- 0
src/utils/homePath.js
View File
| @ -0,0 +1,5 @@ | |||||
| const configuredHomePath = process.env.VUE_APP_HOME_PATH | |||||
| const homePaths = ['/portal', '/index'] | |||||
| // 登录后的首页由打包模式决定，未配置或配置非法时进入门户 | |||||
| export const homePath = homePaths.indexOf(configuredHomePath) >= 0 ? configuredHomePath : '/portal' | |||||
+ 18
- 1
src/utils/request.js
View File
+ 2
- 2
src/utils/stationTitle.js
View File
+ 7
- 6
src/views/cards/patrolReport/InspectionReporter.vue
View File
+ 3
- 3
src/views/cards/site_management/site_management.vue
View File
+ 2
- 1
src/views/login.vue
View File
+ 20
- 17
src/views/portal/index.vue
View File
+ 76
- 24
src/views/video/LivePreview.vue
View File
+ 74
- 0
src/views/video/LivePreviewEmbed.vue
View File
| @ -0,0 +1,74 @@ | |||||
| <template> | |||||
| <div class="live-preview-embed"> | |||||
| <live-preview embed :session-ready="sessionReady" /> | |||||
| <div v-if="bootError" class="embed-error">{{ bootError }}</div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { setToken } from '@/utils/auth' | |||||
| import { getAuthToken } from '@/api/login' | |||||
| import LivePreview from './LivePreview.vue' | |||||
| const EMBED_USERNAME = 'admin' | |||||
| const EMBED_PASSWORD = 'admin@123' | |||||
| function readAccessToken(result) { | |||||
| if (!result) return '' | |||||
| if (typeof result === 'string') return result | |||||
| if (typeof result.access_token === 'string') return result.access_token | |||||
| if (typeof result.token === 'string') return result.token | |||||
| const data = result.data | |||||
| if (typeof data === 'string') return data | |||||
| if (data && typeof data.access_token === 'string') return data.access_token | |||||
| if (data && typeof data.token === 'string') return data.token | |||||
| return '' | |||||
| } | |||||
| export default { | |||||
| name: 'LivePreviewEmbed', | |||||
| components: { LivePreview }, | |||||
| data() { | |||||
| return { | |||||
| sessionReady: false, | |||||
| bootError: '' | |||||
| } | |||||
| }, | |||||
| created() { | |||||
| this.ensureSession() | |||||
| }, | |||||
| methods: { | |||||
| ensureSession() { | |||||
| getAuthToken(EMBED_USERNAME, EMBED_PASSWORD).then(result => { | |||||
| const token = readAccessToken(result) | |||||
| if (!token) { | |||||
| this.bootError = '视频服务不可用' | |||||
| return | |||||
| } | |||||
| setToken(token) | |||||
| this.$store.commit('SET_TOKEN', token) | |||||
| this.sessionReady = true | |||||
| }).catch(() => { | |||||
| this.bootError = '视频服务不可用' | |||||
| }) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| .live-preview-embed { | |||||
| position: relative; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| background: #0b1248; | |||||
| } | |||||
| .embed-error { | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| bottom: 24px; | |||||
| transform: translateX(-50%); | |||||
| color: #8eb7df; | |||||
| font-size: 14px; | |||||
| } | |||||
| </style> | |||||