defaultList.vue
4.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<template>
<div>
<table>
<thead>
<tr>
<th>序号</th>
<th>看板名称</th>
<th>VsCode(开发人员)</th>
<th style="color: red;">服务器地址</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in sysData" :key="index">
<td>{{ index + 1 }}</td>
<td>{{ item.meta.title }}</td>
<td>
<a :href="getUlr(item.path)" target="_blank">{{ getUlr(item.path) }}</a>
</td>
<td>
<a :href="getUlrServer(item.path)" target="_blank">{{ getUlrServer(item.path) }}</a>
</td>
</tr>
</tbody>
</table>
<div class="footerNotes">
<h3 style="color:red">看板发布说明(原则是教会甲方公司信息组维护，会解决常见的问题，多看文档和教程)【实际以服务器地址为准】特别提示:【说一万遍,程序发布后一定要重起小米电视或者刷新浏览器,保证是最新程序】</h3>
<h4 style="color:red">如果你发现看板电视效果不正常？请先在服务器浏览器检查，或者用个人的电脑打开服务器地址【{{ locationUrl }}】查看，如果个人电脑显示正常检查， 那么就是看板电视机网络问题或者地址输入错误请仔细核实!</h4>
<p>1:web服务默认提供netcore，需要安装JDK具体咨询前端组。以下描述基于netcore服务说明。</p>
<p style="color:red">2:将vue打包后的html放到server文件夹的wwwroot目录,再运行Hh.Mes.Api.exe 根据实际业务需求修改【appConfig.js 配置(开发人员操作)】</p>
<p>
注意1:Hh.Mes.Api.exe windows开机自动启动(开发人员操作)，参考下面链接：
<a href="https://zhuanlan.zhihu.com/p/405117681" target="_blank">URL</a>
</p>
<p style="color:red">注意2:接口要支持跨域java springBoot跨域方法加注解【@CrossOrigin】,netcore 咨询mes组。</p>
<h4>小米电视配置+U 盘(没有U盘咨询项目经理或者问现场甲方公司提供帮助 要开会口)</h4>
<h5>电视机需要配置的操作 1:办公模式、2:系统禁止更新、3:配置连接正确的WIFI, 4:设置最新时间,5:电视机需去设置里设置屏保，防止屏幕息屏现象</h5>
<h5>1：本地、服务器电脑使用Google浏览器(开发人员操作) <a href=" https://www.google.cn/chrome/thank-you.html?platform=win64&standalone=1&statcb=0&installdataindex=empty&defaultbrowser=0" target="_blank">URL</a></h5>
<h5>2：安装vue 开发插件(开发人员操作)</h5>
<h5>3：输入地址：【{{ locationUrl }}】</h5>
<h5>4：看板电视安装TV APP 具体咨询前端人员, 一般需要U盘(关于TV app 操作 咨询前端组有视频教程)</h5>
<h5>
4.2, 本地电脑《局域网安装到小米电视》：
<a href=" https://www.yuque.com/chibupangdewangshuaige/sh5om3/hgmlugegz014wh5i?singleDoc#" target="_blank">URL</a>
</h5>
<h5>项目部署后，打开地址:【{{ locationUrl }}】看效果，在服务器打开默认【浏览器打开后要收藏地址放到收藏夹以便后期打开】</h5>
</div>
</div>
</template>
<script>
import router from '../router/index'
export default {
data() {
return {
sysData: [],
locationUrl: window.location.origin + '/index.html#',
locationUlrServer: window.location.origin,
newUrl: window.location.href,
}
},
metaInfo() {
return {
title: this.title,
meta: [
{ name: 'apple-mobile-web-app-capable', content: 'yes' },
{ name: 'mobile-web-app-capable', content: 'yes' },
],
}
},
computed: {},
methods: {
init: function() {
var temp = []
router.options.routes[1].children.forEach((x) => {
if (x.name.indexOf('_pc') == -1) {
temp.push(x)
}
})
this.sysData = temp
},
getUlr: function(path) {
if (process.env.NODE_ENV === 'development') return this.locationUrl + path
return ''
},
getUlrServer: function(path) {
//console.log(path)
if (process.env.NODE_ENV === 'development') return ''
return this.newUrl.split('/list')[0] + '/' + path
},
},
mounted() {
document.querySelector('.app_container').style.cssText += ';background:white;'
console.log('读取配置文件参数' + window.appConfig.demo)
},
created() {
debugger
this.init()
},
}
</script>
<style>
#app {
margin: 0 auto;
max-width: 950px !important;
}
table,
td,
th {
border-collapse: collapse;
border-spacing: 0;
}
table {
width: 100%;
}
td,
th {
border: 1px solid #bcbcbc;
padding: 5px 10px;
}
th {
background: #42b983;
font-size: 1.2rem;
font-weight: 400;
color: #fff;
cursor: pointer;
}
tr:nth-of-type(odd) {
background: #fff;
}
tr:nth-of-type(even) {
background: #eee;
}
fieldset {
border: 1px solid #bcbcbc;
padding: 15px;
}
.app_container {
overflow: inherit !important;
overflow-y: inherit !important;
}
</style>