大屏
This commit is contained in:
		| @@ -15,7 +15,7 @@ export default { | |||||||
|     lineStyle: { |     lineStyle: { | ||||||
|       shadowBlur: 1, |       shadowBlur: 1, | ||||||
|       shadowOffsetY: 2, |       shadowOffsetY: 2, | ||||||
|       width: 2 |       width: 3 | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|   | |||||||
| @@ -27,7 +27,8 @@ export default { | |||||||
|     padding: 4px 0 0 22px; |     padding: 4px 0 0 22px; | ||||||
|     color: #fff; |     color: #fff; | ||||||
|     font-size: 22px; |     font-size: 22px; | ||||||
|     font-weight: 500; |     font-weight: normal; | ||||||
|  |     font-family: PingFangSC-Medium, PingFang SC; | ||||||
|     background-image: url(../asset/title6.png); |     background-image: url(../asset/title6.png); | ||||||
|     background-position: bottom; |     background-position: bottom; | ||||||
|     background-size: 100% 7px; |     background-size: 100% 7px; | ||||||
|   | |||||||
| @@ -19,6 +19,7 @@ | |||||||
|   import Summary11 from './components/Summary11' |   import Summary11 from './components/Summary11' | ||||||
|   import Summary12 from './components/Summary12' |   import Summary12 from './components/Summary12' | ||||||
|   import Summary13 from './components/Summary13' |   import Summary13 from './components/Summary13' | ||||||
|  |   import Summary14 from './components/Summary14' | ||||||
|  |  | ||||||
|   export default { |   export default { | ||||||
|     name: 'AiDvSummary', |     name: 'AiDvSummary', | ||||||
| @@ -37,7 +38,8 @@ | |||||||
|       Summary10, |       Summary10, | ||||||
|       Summary11, |       Summary11, | ||||||
|       Summary12, |       Summary12, | ||||||
|       Summary13 |       Summary13, | ||||||
|  |       Summary14 | ||||||
|     }, |     }, | ||||||
|  |  | ||||||
|     props: { |     props: { | ||||||
|   | |||||||
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-1.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 4.5 KiB | 
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-2.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-2.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 4.1 KiB | 
							
								
								
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-3.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								components/layout/AiDvSummary/asset/Summary14-3.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 5.6 KiB | 
							
								
								
									
										93
									
								
								components/layout/AiDvSummary/components/Summary14.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										93
									
								
								components/layout/AiDvSummary/components/Summary14.vue
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,93 @@ | |||||||
|  | <template> | ||||||
|  |   <div class="summary14"> | ||||||
|  |     <div class="summary14-item" v-for="(item, index) in data" :class="'summary14-item' + (index + 1)" :key="index" v-if="index < 4"> | ||||||
|  |       <h2>{{ item[keys] }}</h2> | ||||||
|  |       <p>{{ item[value] }}</p> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  | </template> | ||||||
|  |  | ||||||
|  | <script> | ||||||
|  |   export default { | ||||||
|  |     name: 'summary14', | ||||||
|  |  | ||||||
|  |     props: { | ||||||
|  |       data: { | ||||||
|  |         type: Array, | ||||||
|  |         default: () => [] | ||||||
|  |       }, | ||||||
|  |  | ||||||
|  |       keys: { | ||||||
|  |         type: String, | ||||||
|  |         default: 'key' | ||||||
|  |       }, | ||||||
|  |  | ||||||
|  |       value: { | ||||||
|  |         type: String, | ||||||
|  |         default: 'value' | ||||||
|  |       } | ||||||
|  |     }, | ||||||
|  |  | ||||||
|  |     data () { | ||||||
|  |       return { | ||||||
|  |       } | ||||||
|  |     }, | ||||||
|  |  | ||||||
|  |     methods: { | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | </script> | ||||||
|  |  | ||||||
|  | <style lang="scss" scoped> | ||||||
|  |   .summary14 { | ||||||
|  |     display: flex; | ||||||
|  |     flex-wrap: wrap; | ||||||
|  |     justify-content: center; | ||||||
|  |     align-items: center; | ||||||
|  |     width: 100%; | ||||||
|  |     height: 100%; | ||||||
|  |  | ||||||
|  |     div { | ||||||
|  |       box-sizing: border-box; | ||||||
|  |     } | ||||||
|  |  | ||||||
|  |     .summary14-item { | ||||||
|  |       display: flex; | ||||||
|  |       position: relative; | ||||||
|  |       align-items: center; | ||||||
|  |       flex-direction: column; | ||||||
|  |       width: 116px; | ||||||
|  |       height: 80px; | ||||||
|  |       text-align: center; | ||||||
|  |       color: #fff; | ||||||
|  |       font-size: 14px; | ||||||
|  |       background: url(../asset/Summary14-1.png) no-repeat bottom; | ||||||
|  |       background-size: 116px 68px; | ||||||
|  |  | ||||||
|  |  | ||||||
|  |       &.summary14-item2 { | ||||||
|  |         background: url(../asset/Summary14-2.png) no-repeat bottom; | ||||||
|  |         background-size: 116px 68px; | ||||||
|  |       } | ||||||
|  |  | ||||||
|  |       &.summary14-item3 { | ||||||
|  |         background: url(../asset/Summary14-3.png) no-repeat bottom; | ||||||
|  |         background-size: 116px 68px; | ||||||
|  |       } | ||||||
|  |  | ||||||
|  |       h2 { | ||||||
|  |         line-height: 20px; | ||||||
|  |         color: #ffffff; | ||||||
|  |         font-size: 14px; | ||||||
|  |         font-weight: 600; | ||||||
|  |         font-weight: normal; | ||||||
|  |       } | ||||||
|  |  | ||||||
|  |       p { | ||||||
|  |         color: #ffffff; | ||||||
|  |         font-size: 26px; | ||||||
|  |         font-weight: 700; | ||||||
|  |       } | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | </style> | ||||||
| @@ -151,6 +151,8 @@ | |||||||
|         margin-left: 20px; |         margin-left: 20px; | ||||||
|         color: #fff; |         color: #fff; | ||||||
|         font-size: 18px; |         font-size: 18px; | ||||||
|  |         font-family: PingFangSC-Medium, PingFang SC; | ||||||
|  |         font-weight: normal; | ||||||
|       } |       } | ||||||
|  |  | ||||||
|       span { |       span { | ||||||
|   | |||||||
| @@ -182,7 +182,8 @@ export default { | |||||||
|   data() { |   data() { | ||||||
|     return { |     return { | ||||||
|       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项 |       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项 | ||||||
|       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', 'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13'],//汇总待选项 |       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5', | ||||||
|  |       'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14'],//汇总待选项 | ||||||
|       //是否显示排名 |       //是否显示排名 | ||||||
|       tableStatus: [ |       tableStatus: [ | ||||||
|         {label: '是', value: '1'}, |         {label: '是', value: '1'}, | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user