| 
					
				 | 
			
			
				@@ -83,7 +83,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-table-column prop="auditItem" :show-overflow-tooltip="true" label="日期"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <span v-if="!scope.row.auditItem">无时间</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <span v-else>{{ scope.row.auditItem.slice(0,10) }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span v-else>{{ scope.row.auditItem.slice(0, 10) }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-table-column prop="refno3" :show-overflow-tooltip="true" label="提单号"></el-table-column> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -146,9 +146,10 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { listCorps, information, warehouse ,inquiry} from '../../src/api/index' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { listCorps, information, warehouse, inquiry } from '../../src/api/index' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import AddOrUpdate from '@/views/viewApproval' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import ApprovalComments from '@/views/startApproval' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: 'index', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -186,82 +187,82 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     //跳转审批页面 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    approval(row){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      switch (row.refno2){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'SJRK':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/business/inStock',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    approval(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      switch (row.refno2) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'SJRK': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/business/inStock', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'SJCK':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/business/outStock',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'SJCK': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/business/outStock', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'HQZY':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/business/goodsTransfer',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'HQZY': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/business/goodsTransfer', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'CKDB':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/business/transfer',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'CKDB': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/business/transfer', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'JSCCF':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/business/agreement',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'JSCCF': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/business/agreement', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'CCF':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/agreement/agreementStorage',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'CCF': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/agreement/agreementStorage', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'ZYF':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/agreement/agreementTask',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'ZYF': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/agreement/agreementTask', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'SF':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/finance/charge',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'SF': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/finance/charge', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'DZ':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/finance/contrast',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'DZ': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/finance/contrast', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        case 'FF':{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.$router.push({ path: '/finance/payment',query:{data:JSON.stringify(row)}}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        case 'FF': { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$router.push({ path: '/finance/payment', query: { data: JSON.stringify(row) } }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           break 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        default:{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        default: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           return this.$message.error('未知错误,无状态') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    inquiry(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    inquiry() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let data = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         actId: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      inquiry(data).then( res =>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      inquiry(data).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         console.log(res) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.tableData = res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    getDataList(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getDataList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.addOrUpdateVisible = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    returnData(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    returnData() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.addOrUpdateVisib = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    addOrUpdateHandle(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    addOrUpdateHandle() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.addOrUpdateVisible = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let id = '448' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let actId = '110' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.$refs.addOrUpdate.init(id,actId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$refs.addOrUpdate.init(id, actId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    addOrUpdateHand(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    addOrUpdateHand() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.addOrUpdateVisib = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let id = '448' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       let actId = '110' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.$nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.$refs.ApprovalComments.init(id,actId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$refs.ApprovalComments.init(id, actId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     querytoDo(res) { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -275,21 +276,63 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     firstinventory() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       information(0).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.chart = response.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        for (let index of this.chart.corpsListWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.master.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            name: index.fName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            value: index.fGrossweightD 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.name.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        for (let index of this.chart.goodslistWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.commodity.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.commoditytwo.push(index.fGrossweightD) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        console.log(this.chart.whouseList.length) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (this.chart.whouseList.length !== 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (let index of this.chart.corpsListWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.master.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              name: index.fName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              value: index.fGrossweightD 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.name.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (let index of this.chart.goodslistWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.commodity.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.commoditytwo.push(index.fGrossweightD) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.drawLine() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.drawLinetwo() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.commoDity() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.chart = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            corpsListWhouse: [{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              balance: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fCorpid: 58, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fGrossweightD: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fName: '展示数据', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fTotalgross: 10000, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fWarehouseName: '展示数据' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            goodslistWhouse: [{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              balance: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fGoodsid: 13, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fGrossweightD: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fName: '展示商品', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fTotalgross: 10000, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fWarehouseName: '展示数据' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            whouseList: [{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fGrossweightD: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fName: '展示数据', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fTotalgross: 10000, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fWarehouseid: 36 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (let index of this.chart.corpsListWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.master.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              name: index.fName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              value: index.fGrossweightD 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.name.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          for (let index of this.chart.goodslistWhouse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.commodity.push(index.fName) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            this.commoditytwo.push(index.fGrossweightD) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.drawLine() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.drawLinetwo() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.commoDity() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.drawLine() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.drawLinetwo() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.commoDity() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     query() { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -443,7 +486,10 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               { value: this.chart.whouseList[0].fGrossweightD, name: '占用库容' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              { value: parseFloat(this.chart.whouseList[0].fTotalgross - this.chart.whouseList[0].fGrossweightD).toFixed(1), name: '空闲库容' } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                value: parseFloat(this.chart.whouseList[0].fTotalgross - this.chart.whouseList[0].fGrossweightD).toFixed(1), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                name: '空闲库容' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             emphasis: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               itemStyle: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -507,7 +553,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // 绘制图表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       myChart.setOption({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         title: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          text:this.chart.whouseList[0].fName + '商品统计', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          text: this.chart.whouseList[0].fName + '商品统计', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           subtext: '实时数据', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           left: 'center' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -560,15 +606,19 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   flex-wrap: wrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   justify-content: space-around; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   height: 350px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  li:hover{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  li:hover { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-color: #025184; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  li:nth-child(6),li:nth-child(7),li:nth-child(8),li:nth-child(9),li:nth-child(10){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  li:nth-child(6), li:nth-child(7), li:nth-child(8), li:nth-child(9), li:nth-child(10) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-color: #2f4554; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  li:nth-child(6):hover,li:nth-child(7):hover,li:nth-child(8):hover,li:nth-child(9):hover,li:nth-child(10):hover{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  li:nth-child(6):hover, li:nth-child(7):hover, li:nth-child(8):hover, li:nth-child(9):hover, li:nth-child(10):hover { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     background-color: #2f4454d1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   li { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     width: 18%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 150px; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -577,7 +627,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     text-align: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     color: #FFFFFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     border-radius: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    cursor:pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     div { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       margin-top: 40px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 |