| 
					
				 | 
			
			
				@@ -9,19 +9,36 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <div class="right_but"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               class="right_but_left" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :class="{ right_but_active: isActive }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :class="{ right_but_active: isActive == 1 }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               @click="inDay" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               本日 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               class="right_but_right" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :class="{ right_but_active: !isActive }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :class="{ right_but_active: isActive == 2 }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               @click="inMoon" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               本月 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-date-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-model="realDate" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="daterange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="mini" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            start-placeholder="开始日期" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            end-placeholder="结束日期" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            style="margin-right:10px;width:240px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-date-picker> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="mini" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            icon="el-icon-search" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            style="margin-right:10px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="search" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            circle 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ></el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <i 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             class="el-icon-refresh-right" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             style="cursor: pointer;font-size:20px;line-height: 15px;" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -150,6 +167,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { defaultDate2, defaultDate3 } from "@/util/date"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { realTimeData, shipRealTimeData } from "@/api/wel"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: "basicContainer", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -158,8 +176,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      isActive: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isActive: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       loading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      realDate: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       data1: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       data2: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       tradeType: null 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -167,12 +186,17 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   created() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.getSysType(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.realDate = defaultDate2(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.init(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getrealTimeData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getshipRealTimeData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     init() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.realDate == null) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return this.$message.error("请选择日期"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getrealTimeData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.getshipRealTimeData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -193,13 +217,17 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.tradeType = "GN"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } else if (sysType == 1) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.tradeType = "XX"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }else if(sysType == 999){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else if (sysType == 999) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.tradeType = "ADMIN"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     getrealTimeData() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.loading = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      realTimeData({ tradeType: this.tradeType }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      realTimeData({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tradeType: this.tradeType, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        orderStartDate: this.realDate[0], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        orderEndDate: this.realDate[1] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.data1 = res.data.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -209,7 +237,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     getshipRealTimeData() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.loading = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      shipRealTimeData({ tradeType: this.tradeType}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      shipRealTimeData({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tradeType: this.tradeType, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        orderStartDate: this.realDate[0], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        orderEndDate: this.realDate[1] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         .then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.data2 = res.data.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -218,18 +250,18 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     inDay() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.isActive = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.loading = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      setTimeout(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.loading = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, 1000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.isActive = 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.realDate = defaultDate2(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.init(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     inMoon() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.isActive = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.loading = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      setTimeout(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.loading = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, 1000); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.isActive = 2; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.realDate = defaultDate3(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.init(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    search() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.isActive = 3; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.init(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -264,6 +296,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           width: 40px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           text-align: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           color: #409eff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          border-right: 1px solid #409eff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         &_right { 
			 |