ap-dev 1.1.22 → 1.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dev/ApiPanel/menus.js
CHANGED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<el-tabs v-model="activeName" tabPosition="left" class="api-tabs">
|
|
3
|
+
<template v-for="(item,index) in opts">
|
|
4
|
+
<el-tab-pane :label="item.label" :name="'tab' + index" class="api-tab">
|
|
5
|
+
<component :is="item.component"></component>
|
|
6
|
+
</el-tab-pane>
|
|
7
|
+
</template>
|
|
8
|
+
</el-tabs>
|
|
9
|
+
</template>
|
|
10
|
+
|
|
11
|
+
<script>
|
|
12
|
+
import ApiBusinessEmail from './../tabs/ApiBusinessEmail'
|
|
13
|
+
|
|
14
|
+
export default {
|
|
15
|
+
name: "ApiBusiness",
|
|
16
|
+
components: {
|
|
17
|
+
ApiBusinessEmail,
|
|
18
|
+
},
|
|
19
|
+
data() {
|
|
20
|
+
|
|
21
|
+
let opts = [{
|
|
22
|
+
label: "邮件推送",
|
|
23
|
+
component: "ApiBusinessEmail"
|
|
24
|
+
}
|
|
25
|
+
];
|
|
26
|
+
return {
|
|
27
|
+
activeName: 'tab0',
|
|
28
|
+
opts: opts
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
</script>
|
|
33
|
+
|
|
34
|
+
<style scoped>
|
|
35
|
+
.api-tabs {
|
|
36
|
+
display: flex;
|
|
37
|
+
height: 100%;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.api-tabs /deep/ .el-tabs__content {
|
|
41
|
+
flex: 1;
|
|
42
|
+
overflow: scroll;
|
|
43
|
+
}
|
|
44
|
+
</style>
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<api-tittle-1>邮件推送规范：</api-tittle-1>
|
|
4
|
+
<api-tittle-2>一、邮件标题</api-tittle-2>
|
|
5
|
+
<api-content>
|
|
6
|
+
格式：[系统]-标题-公司名-日期<br>
|
|
7
|
+
1、日期格式：yyyymmdd，日期间不要加"-"。<br>
|
|
8
|
+
2、区间日期格式："yyyymmdd至yyyymmdd"。<br>
|
|
9
|
+
3、公司名：根据业务情况，可加可不加。<br><br>
|
|
10
|
+
<div class="api-memo">
|
|
11
|
+
示例1：[MES]-生产日报表-20220201<br>
|
|
12
|
+
示例2：[MES]-生产日报表-20220201至20220207<br>
|
|
13
|
+
示例3：[中台]-CTW报表-**公司-20220222<br>
|
|
14
|
+
</div>
|
|
15
|
+
</api-content>
|
|
16
|
+
<api-tittle-2>二、邮件内容规范：效果如下</api-tittle-2>
|
|
17
|
+
<api-content>
|
|
18
|
+
<div style="border: 1px solid rgba(128,128,128,0.42);padding: 10px;margin: 10px;width: 500px;">
|
|
19
|
+
<div style='font-family:微软雅黑;font-size:16px;'>
|
|
20
|
+
<div>亲爱的双驰人：</div>
|
|
21
|
+
<div style='margin-left:20px;'>您好，**系统为您推送******，请您关注!</div>
|
|
22
|
+
<div style='margin-left:20px;'>
|
|
23
|
+
<div style='font-weight: bold;'>报表标题</div>
|
|
24
|
+
<table border='1' style='border-collapse: collapse;'>
|
|
25
|
+
<tr style='background-color:#9BC2E6;'>
|
|
26
|
+
<th colspan='4' width='400'>一级标题</th>
|
|
27
|
+
</tr>
|
|
28
|
+
<tr style='background-color:#BDD7EE;'>
|
|
29
|
+
<th colspan='2' width='200'>二级标题</th>
|
|
30
|
+
<th colspan='2' width='200'>二级标题</th>
|
|
31
|
+
</tr>
|
|
32
|
+
<tr style='background-color:#DDEBF7'>
|
|
33
|
+
<th width='100'>标题</th>
|
|
34
|
+
<th width='100'>标题</th>
|
|
35
|
+
<th width='150'>标题</th>
|
|
36
|
+
<th width='50'>标题</th>
|
|
37
|
+
</tr>
|
|
38
|
+
<tr>
|
|
39
|
+
<td>内容</td>
|
|
40
|
+
<td>内容</td>
|
|
41
|
+
<td>内容</td>
|
|
42
|
+
<td>内容</td>
|
|
43
|
+
</tr>
|
|
44
|
+
<tr>
|
|
45
|
+
<td style='color:#00B050'>绿色文字</td>
|
|
46
|
+
<td style='color:#FF0000;'>红色文字</td>
|
|
47
|
+
<td style='color:#FFC000'>黄色文字</td>
|
|
48
|
+
<td>内容</td>
|
|
49
|
+
</tr>
|
|
50
|
+
<tr>
|
|
51
|
+
<td style='background-color:#A9D08E'>绿底文字</td>
|
|
52
|
+
<td style='background-color:#F4B084'>红底文字</td>
|
|
53
|
+
<td style='background-color:#FFD966'>黄底文字</td>
|
|
54
|
+
<td>内容</td>
|
|
55
|
+
</tr>
|
|
56
|
+
<tr style='background-color:#D9D9D9'>
|
|
57
|
+
<td>合计</td>
|
|
58
|
+
<td>内容</td>
|
|
59
|
+
<td>内容</td>
|
|
60
|
+
<td>内容</td>
|
|
61
|
+
</tr>
|
|
62
|
+
</table>
|
|
63
|
+
</div>
|
|
64
|
+
<div><br>温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
1、字体：微软雅黑、大小16px<br>
|
|
68
|
+
2、固定前缀：<span style="color: #c7254e;">亲爱的双驰人： 您好，**系统为您推送******，请您关注!</span><br>
|
|
69
|
+
3、固定后缀：<span style="color: #c7254e;">温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</span><br>
|
|
70
|
+
4、标题格式： <span style='font-weight: bold;'>标题加粗</span><br>
|
|
71
|
+
5、表格标题：参考效果。只有一层标题时，使用"一级标题"的配色。<br>
|
|
72
|
+
6、底纹：<span style='background-color:#A9D08E'>绿色 #A9D08E</span> <span style='background-color:#F4B084'>红色 #F4B084</span> <span style='background-color:#FFD966'>黄色 #FFD966</span> <span style='background-color:#D9D9D9'>灰色 #D9D9D9</span><br>
|
|
73
|
+
7、字体颜色：<span style='color:#00B050'>绿色 #00B050</span> <span style='color:#FF0000'>红色 #FF0000</span> <span style='color:#FFC000'>黄色 #FFC000</span><br>
|
|
74
|
+
<br>
|
|
75
|
+
<api-code>{{ js1 }}</api-code>
|
|
76
|
+
</api-content>
|
|
77
|
+
</div>
|
|
78
|
+
</template>
|
|
79
|
+
|
|
80
|
+
<script>
|
|
81
|
+
import {ApiCode, ApiContent, ApiTable, ApiTittle1, ApiTittle2} from './../components'
|
|
82
|
+
|
|
83
|
+
export default {
|
|
84
|
+
name: 'ApiNameVue',
|
|
85
|
+
components: {
|
|
86
|
+
ApiTable, ApiCode, ApiTittle1, ApiContent, ApiTittle2
|
|
87
|
+
},
|
|
88
|
+
data() {
|
|
89
|
+
const js1 = `// 邮件内容：java标准代码
|
|
90
|
+
String prefix = "<div style='font-family:微软雅黑;font-size:16px;'>" +
|
|
91
|
+
"<div>亲爱的双驰人：</div>" +
|
|
92
|
+
"<div style='margin-left:20px;'>您好，**系统为您推送******，请您关注!</div>";
|
|
93
|
+
String content = "<div style='margin-left:20px;'>" +
|
|
94
|
+
"<div style='font-weight: bold;'>报表标题</div>" +
|
|
95
|
+
"<table border='1' style='border-collapse: collapse;'>" +
|
|
96
|
+
" <tr style='background-color:#9BC2E6;'>" +
|
|
97
|
+
" <th colspan='4' width='400'>一级标题</th>" +
|
|
98
|
+
" </tr>" +
|
|
99
|
+
" <tr style='background-color:#BDD7EE;'>" +
|
|
100
|
+
" <th colspan='2' width='200'>二级标题</th>" +
|
|
101
|
+
" <th colspan='2' width='200'>二级标题</th>" +
|
|
102
|
+
" </tr>" +
|
|
103
|
+
" <tr style='background-color:#DDEBF7'>" +
|
|
104
|
+
" <th width='100'>标题</th>" +
|
|
105
|
+
" <th width='100'>标题</th>" +
|
|
106
|
+
" <th width='150'>标题</th>" +
|
|
107
|
+
" <th width='50'>标题</th>" +
|
|
108
|
+
" </tr>" +
|
|
109
|
+
" <tr>" +
|
|
110
|
+
" <td>内容</td>" +
|
|
111
|
+
" <td>内容</td>" +
|
|
112
|
+
" <td>内容</td>" +
|
|
113
|
+
" <td>内容</td>" +
|
|
114
|
+
" </tr>" +
|
|
115
|
+
" <tr>" +
|
|
116
|
+
" <td style='color:#00B050'>绿色文字</td>" +
|
|
117
|
+
" <td style='color:#FF0000;'>红色文字</td>" +
|
|
118
|
+
" <td style='color:#FFC000'>黄色文字</td>" +
|
|
119
|
+
" <td>内容</td>" +
|
|
120
|
+
" </tr>" +
|
|
121
|
+
" <tr>" +
|
|
122
|
+
" <td style='background-color:#A9D08E'>绿底文字</td>" +
|
|
123
|
+
" <td style='background-color:#F4B084'>红底文字</td>" +
|
|
124
|
+
" <td style='background-color:#FFD966'>黄底文字</td>" +
|
|
125
|
+
" <td>内容</td>" +
|
|
126
|
+
" </tr>" +
|
|
127
|
+
" <tr style='background-color:#D9D9D9'>" +
|
|
128
|
+
" <td>合计</td>" +
|
|
129
|
+
" <td>内容</td>" +
|
|
130
|
+
" <td>内容</td>" +
|
|
131
|
+
" <td>内容</td>" +
|
|
132
|
+
" </tr>" +
|
|
133
|
+
"</table>" +
|
|
134
|
+
"</div>";
|
|
135
|
+
String suffix = "<div><br>温馨提醒：该邮件为系统自动推送邮件，请勿直接回复！</div></div>";
|
|
136
|
+
String contentHtml = prefix + content + suffix;`
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
return {js1}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
</script>
|
|
143
|
+
|
|
144
|
+
<style scoped>
|
|
145
|
+
|
|
146
|
+
</style>
|