Merge branch 'master-yjp' into 'master'
比对分析 See merge request !66
Showing
6 changed files
with
69 additions
and
47 deletions
@@ -54,4 +54,42 @@ | @@ -54,4 +54,42 @@ | ||
54 | } | 54 | } |
55 | .bottom-condition .el-input__inner,.bottom-condition .el-button{ | 55 | .bottom-condition .el-input__inner,.bottom-condition .el-button{ |
56 | border-color:#409eff; | 56 | border-color:#409eff; |
57 | +} | ||
58 | +.analysis { | ||
59 | + position: relative; | ||
60 | + text-align: center; | ||
61 | + height:100%; | ||
62 | + width: 100%; | ||
63 | + /*max-width: 490px;*/ | ||
64 | +} | ||
65 | +.analysis .drop { | ||
66 | + padding-top: 20px; | ||
67 | + border: 2px dashed #0a93be; | ||
68 | + width: 600px; | ||
69 | + height: 170px; | ||
70 | + line-height: 160px; | ||
71 | + margin: 0 auto; | ||
72 | + font-size: 16px; | ||
73 | + border-radius: 5px; | ||
74 | + text-align: center; | ||
75 | + color: #bbb; | ||
76 | + position: relative; | ||
77 | +} | ||
78 | + | ||
79 | +.analysis .el-upload__text { | ||
80 | + height: 50px; | ||
81 | + line-height: 50px; | ||
82 | + em { | ||
83 | + color: #0C4493; | ||
84 | + font-style: normal; | ||
85 | + } | ||
86 | +} | ||
87 | +.analysis .link-type, | ||
88 | +.analysis .link-type:focus { | ||
89 | + color: #337ab7; | ||
90 | + cursor: pointer; | ||
91 | +} | ||
92 | + | ||
93 | + | ||
94 | + | ||
57 | } | 95 | } |
@@ -110,7 +110,13 @@ const routes = [{ | @@ -110,7 +110,13 @@ const routes = [{ | ||
110 | name: 'analysis', | 110 | name: 'analysis', |
111 | // component: () => myImport('views/analysis/components/addIndex/index') | 111 | // component: () => myImport('views/analysis/components/addIndex/index') |
112 | component: () => myImport('views/analysis/index') | 112 | component: () => myImport('views/analysis/index') |
113 | - } | 113 | + }, |
114 | + { | ||
115 | + path: '/analysis/add', | ||
116 | + name: 'analysisAdd', | ||
117 | + // component: () => myImport('views/analysis/components/addIndex/index') | ||
118 | + component: () => myImport('views/analysis/components/add/index') | ||
119 | + } | ||
114 | ]; | 120 | ]; |
115 | 121 | ||
116 | // hash模式: createWebHashHistory | 122 | // hash模式: createWebHashHistory |
@@ -12,11 +12,7 @@ | @@ -12,11 +12,7 @@ | ||
12 | </el-button> | 12 | </el-button> |
13 | <template #dropdown> | 13 | <template #dropdown> |
14 | <el-dropdown-menu> | 14 | <el-dropdown-menu> |
15 | - <el-dropdown-item>Action 1</el-dropdown-item> | ||
16 | - <el-dropdown-item>Action 2</el-dropdown-item> | ||
17 | - <el-dropdown-item>Action 3</el-dropdown-item> | ||
18 | - <el-dropdown-item>Action 4</el-dropdown-item> | ||
19 | - <el-dropdown-item>Action 5</el-dropdown-item> | 15 | + <el-date-picker v-model="displayTime" type="datetime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择时间" /> |
20 | </el-dropdown-menu> | 16 | </el-dropdown-menu> |
21 | </template> | 17 | </template> |
22 | </el-dropdown> | 18 | </el-dropdown> |
@@ -29,6 +29,17 @@ export default { | @@ -29,6 +29,17 @@ export default { | ||
29 | 29 | ||
30 | } | 30 | } |
31 | }, | 31 | }, |
32 | + computed: { | ||
33 | + displayTime: { | ||
34 | + | ||
35 | + get() { | ||
36 | + return (+new Date(this.display_time)) | ||
37 | + }, | ||
38 | + set(val) { | ||
39 | + this.display_time = new Date(val) | ||
40 | + } | ||
41 | + } | ||
42 | + }, | ||
32 | setup(){ | 43 | setup(){ |
33 | 44 | ||
34 | } | 45 | } |
1 | -<div class="container" :style="{'height':height+'px','max-height':height+'px'}"> | ||
2 | - <div style="margin:0 0 5px 20px;font-size: 16px;color:#337ab7"> | 1 | +<div class="analysis-add-container"> |
2 | + <div class="add-top-title" style=" padding: 20px 20px 20px 20px;font-size: 16px;color:#337ab7"> | ||
3 | 比对分析场景 | 3 | 比对分析场景 |
4 | </div> | 4 | </div> |
5 | - <div class="drop"> | ||
6 | - <template slot-scope="scope"> | ||
7 | - <router-link :to="'/example/edit/'" class="link-type"> | ||
8 | - <img src="../../assets/images/analysis/icon-add.png"></img> | 5 | + <div class="analysis drop"> |
6 | + <router-link :to="'/analysis/add'" class="analysis link-type"> | ||
7 | + <div class="analysis-index-container" style="display: grid;"> | ||
8 | + <img src="/vue3/src/assets/images/analysis/icon-add.png"></img> | ||
9 | <div class="el-upload__text"> | 9 | <div class="el-upload__text"> |
10 | <em>点击添加对比分析</em> | 10 | <em>点击添加对比分析</em> |
11 | </div> | 11 | </div> |
12 | - </router-link> | ||
13 | - </template> | ||
14 | - </div> | ||
15 | -</div> | ||
16 | -<style type="text/css"> | ||
17 | - img { | ||
18 | - padding-top: 30px; | ||
19 | - } | ||
20 | - | ||
21 | - .drop { | ||
22 | - border: 2px dashed #0a93be; | ||
23 | - width: 600px; | ||
24 | - height: 160px; | ||
25 | - line-height: 160px; | ||
26 | - margin: 0 auto; | ||
27 | - font-size: 16px; | ||
28 | - border-radius: 5px; | ||
29 | - text-align: center; | ||
30 | - color: #bbb; | ||
31 | - position: relative; | ||
32 | - } | 12 | + </div> |
13 | + </router-link> | ||
33 | 14 | ||
34 | - .el-upload__text { | ||
35 | - height: 50px; | ||
36 | - line-height: 50px; | ||
37 | - em { | ||
38 | - color: #0C4493; | ||
39 | - font-style: normal; | ||
40 | - } | ||
41 | - } | ||
42 | - .link-type, | ||
43 | - .link-type:focus { | ||
44 | - color: #337ab7; | ||
45 | - cursor: pointer; | ||
46 | - } | ||
47 | -</style> | ||
15 | + </div> | ||
16 | +</div> |
-
Please register or login to post a comment