商机雷达

dsk-operate-ui/src/views/radar/components/Bidding/index.vue

@@ -137,7 +137,39 @@
 			   			</el-dropdown-item>
 			   	</el-dropdown-menu>
 			   </el-dropdown>
-			   
+			   <el-dropdown @command="PlanTenderDatehandleCommand" trigger="click"   placement="bottom-start" class="el-dropdown-land" ref="PlanTenderDateShowPopper" :hide-on-click="false" >
+				  <span class="el-dropdown-link" :class="PlanTenderDateValue ? 'color_text' : ''" >
+				    计划招标时间{{ PlanTenderDateValue ? " 1项" : ""}}
+					<i class="el-icon-caret-bottom"></i>
+				  </span>
+				  <div>
+				    <el-dropdown-menu slot="dropdown">
+				      <el-dropdown-item  v-for="(item, i) in PlanTenderDateOptions" class="el-dropdown-land"  :class=" PlanTenderDateValue && PlanTenderDateValue == item.value ? 'color_text': '' " :key="i" :command="item.value">
+				        <div @mouseenter="hidePoper1">{{ item.label }}</div>
+				      </el-dropdown-item>
+				      <el-dropdown-item command="自定义" style="padding: 0; text-indent: 20px">
+				        <div @mouseenter="mouseenter1">
+				          <span :class="PlanTenderDateValue == '自定义' ? 'color_text' : ''">
+				            自定义<i class="el-icon-arrow-right"></i>
+				          </span>
+				          <el-date-picker
+				            v-if="PlanTenderDateShowPopper"
+				            @change="changePlanTenderDate"
+				            class="land_date_picker"
+				            v-model="PlanTenderDate"
+				            ref="datePicker1"
+				            value-format="yyyy-MM-dd"
+				            type="daterange"
+				            range-separator="至"
+				            start-placeholder="开始日期"
+				            end-placeholder="结束日期"
+				          >
+				          </el-date-picker>
+				        </div>
+				      </el-dropdown-item>
+				    </el-dropdown-menu>
+				  </div>
+				</el-dropdown>
 			   <div class="select-popper">
 			     <span :class="{ color_text: jskBidPlanDto.projectCapitalSource.length }">
 			       资金来源{{jskBidPlanDto.projectCapitalSource.length? jskBidPlanDto.projectCapitalSource.length + "项": ""}}
@@ -317,6 +349,43 @@ export default {
 	  IssueTimeValue: "",
 	  IssueTime: "",
 	  IssueTimeShowPopper: false,
+	  PlanTenderDateOptions: [
+	    {
+	      label: "不限",
+	      value: "",
+	    },
+	    {
+	      label: "今天",
+	      value: "今天",
+	    },
+	    {
+	      label: "近3日",
+	      value: "近3日",
+	    },
+	    {
+	      label: "近7日",
+	      value: "近7日",
+	    },
+	    {
+	      label: "近1个月",
+	      value: "近1个月",
+	    },
+	    {
+	      label: "近3个月",
+	      value: "近3个月",
+	    },
+	    {
+	      label: "近半年",
+	      value: "近半年",
+	    },
+	    {
+	      label: "近1年",
+	      value: "近1年",
+	    },
+	  ],
+	  PlanTenderDateValue: "",
+	  PlanTenderDate: "",
+	  PlanTenderDateShowPopper: false,
 	  
       addressList: [],
       addressType: [],
@@ -370,6 +439,8 @@ export default {
 		projectCapitalSource:[],
 		startIssueTime:'',
 		endIssueTime:'',
+		startPlanTenderDate:'',
+		endPlanTenderDate:'',
 		
       },
 	  planTenderAmountShowPopper:false,
@@ -528,7 +599,6 @@ export default {
         delete params.keywordNot
       }
 	  api.jskBidPlanPage(params).then(res=>{
-		  console.log(res);
 	  	if (res.code==200) {
 	  		this.tableData=res.data.list;
 	  		this.total=res.data.total;
@@ -661,6 +731,114 @@ export default {
 	  }
 	  this.jskBidPlanDto = obj;
 	},
+	PlanTenderDatehandleCommand(command) {
+	  var obj = JSON.parse(JSON.stringify(this.jskBidPlanDto));
+	  if (command && command != "自定义") {
+	    this.PlanTenderDateValue = command;
+	    this.$refs.PlanTenderDateShowPopper.hide();
+	    const datetime = new Date();
+	    var startTime, endTime, Year, Month, Day;
+	    Year = datetime.getFullYear();
+	    Month = datetime.getMonth() + 1;
+	    Day = datetime.getDate();
+	    switch (command) {
+	      case "今天":
+	        startTime = Year + "-" + Month +"-" + Day;
+	        endTime = Year + "-" + Month + "-" + Day;
+	        break;
+	      case "近3日":
+	        endTime = Year + "-" + Month + "-" + Day;
+	        if (Day > 3) {
+	          startTime = Year + "-" + Month  + "-" +(Day-3);
+	        } else {
+	          let newTime = datetime.getTime()-3*24*60*60*1000
+	          Year = new Date(newTime).getFullYear();
+	          Month = new Date(newTime).getMonth() + 1;
+	          Day = new Date(newTime).getDate();
+	          startTime = Year + "-" + Month +"-" + Day;
+	        }
+	        break;
+	      case "近7日":
+	        endTime = Year + "-" + Month + "-" + Day;
+	        if (Day > 7) {
+	          startTime = Year + "-" + Month  + "-" +(Day-7);
+	        } else {
+	          let newTime = datetime.getTime()-7*24*60*60*1000
+	          Year = new Date(newTime).getFullYear();
+	          Month = new Date(newTime).getMonth() + 1;
+	          Day = new Date(newTime).getDate();
+	          startTime = Year + "-" + Month +"-" + Day;
+	        }
+	        break;
+	      case "近1个月":
+	        endTime = Year + "-" + Month + "-" + Day;
+	        if (Month > 1) {
+	          startTime = Year + "-" + (Month - 1) + "-1";
+	        } else {
+	          startTime = Year - 1 + "-" + (12 + Month - 1) + "-1";
+	        }
+	        break;
+	      case "近3个月":
+	        endTime = Year + "-" + Month + "-" + Day;
+	        if (Month > 3) {
+	          startTime = Year + "-" + (Month - 3) + "-1";
+	        } else {
+	          startTime = Year - 1 + "-" + (12 + Month - 3) + "-1";
+	        }
+	        break;
+	      case "近半年":
+	        endTime = Year + "-" + Month + "-" + Day;
+	        if (Month > 6) {
+	          startTime = Year + "-" + (Month - 6) + "-1";
+	        } else {
+	          startTime = Year - 1 + "-" + (12 + Month - 6) + "-1";
+	        }
+	        break;
+	      case "近1年":
+	        startTime = Year - 1 + "-" + Month + "-" + Day;
+	        endTime = Year + "-" + Month + "-" + Day;
+	        break;
+	      case "自定义":
+	        if (!this.PlanTenderDate) {
+	          this.PlanTenderDateValue = "";
+	        }
+	        break;
+	    }
+			if(startTime){
+				var start=startTime.split('-');
+				startTime=start.map((item)=>{
+					if(item.length==1){
+						return '0'+item
+					}else{
+						return item
+					}
+				})
+				startTime=startTime.join('-')
+			}
+			if(endTime){
+				var end=endTime.split('-');
+				endTime=end.map((item)=>{
+					if(item.length==1){
+						return '0'+item
+					}else{
+						return item
+					}
+				})
+				endTime=endTime.join('-')
+			}
+	    obj.startPlanTenderDate = startTime;
+	    obj.endPlanTenderDate = endTime;
+	  } else if (command == "自定义") {
+	    this.$refs.datePicker1.pickerVisible = true;
+	  } else {
+	    this.$refs.PlanTenderDateShowPopper.hide();
+	    this.PlanTenderDateValue = "";
+	    this.PlanTenderDate = "";
+	    obj.startPlanTenderDate = "";
+	    obj.endPlanTenderDate = "";
+	  }
+	  this.jskBidPlanDto = obj;
+	},
 	changeIssueTime(type) {
 	  if(type=='bid'&&this.tenderDate){
 	    this.tenderDateValue = "自定义";
@@ -676,6 +854,21 @@ export default {
 	    this.jskBidPlanDto = obj;
 	  }
 	},
+	changePlanTenderDate(type) {
+	  if(type=='bid'&&this.tenderDate){
+	    this.tenderDateValue = "自定义";
+	    var obj = JSON.parse(JSON.stringify(this.jskBidPlanDto));
+	    obj.startTenderTime = this.tenderDate[0];
+	    obj.endTenderTime = this.tenderDate[1];
+	    this.jskBidPlanDto = obj;
+	  }else if(this.PlanTenderDate) {
+	    this.PlanTenderDateValue = "自定义";
+	    var obj = JSON.parse(JSON.stringify(this.jskBidPlanDto));
+	    obj.startPlanTenderDate = this.PlanTenderDate[0];
+	    obj.endPlanTenderDate = this.PlanTenderDate[1];
+	    this.jskBidPlanDto = obj;
+	  }
+	},
 	hidePoper(type) {
 	  if(type=='bid'&&this.$refs.tenderDatePicker){
 	    this.$refs.tenderDatePicker.pickerVisible = false;
@@ -683,6 +876,13 @@ export default {
 	    this.$refs.datePicker.pickerVisible = false;
 	  }
 	},
+	hidePoper1(type) {
+	  if(type=='bid'&&this.$refs.tenderDatePicker){
+	    this.$refs.tenderDatePicker.pickerVisible = false;
+	  }else if(this.$refs.datePicker1){
+	    this.$refs.datePicker1.pickerVisible = false;
+	  }
+	},
 	mouseenter(type) {
 	  if(type=='bid'){
 	    this.tenderDateShowPopper = true;
@@ -700,6 +900,23 @@ export default {
 	    }
 	  }
 	},
+	mouseenter1(type) {
+	  if(type=='bid'){
+	    this.tenderDateShowPopper = true;
+	    if(this.tenderDateValue=="自定义"){
+	      this.$nextTick(() => {
+	        this.$refs.tenderDatePicker.pickerVisible = true;
+	      });
+	    }
+	  }else{
+	    this.PlanTenderDateShowPopper = true;
+	    if(this.PlanTenderDateValue=="自定义"){
+	      this.$nextTick(() => {
+	        this.$refs.datePicker1.pickerVisible = true;
+	      });
+	    }
+	  }
+	},
 	clearIssueTime(type) {
 	  var obj = JSON.parse(JSON.stringify(this.jskBidPlanDto));
 	  if(type=='bid'){
@@ -715,6 +932,21 @@ export default {
 	  }
 	  this.jskBidPlanDto = obj;
 	},
+	clearPlanTenderDate(type) {
+	  var obj = JSON.parse(JSON.stringify(this.jskBidPlanDto));
+	  if(type=='bid'){
+	    this.tenderDate = "";
+	    this.tenderDateValue = "";
+	    obj.startTenderTime = "";
+	    obj.endTenderTime = "";
+	  }else{
+	    this.PlanTenderDate = "";
+	    this.PlanTenderDateValue = "";
+	    obj.startPlanTenderDate = "";
+	    obj.endPlanTenderDate = "";
+	  }
+	  this.jskBidPlanDto = obj;
+	},
     deleteDomicile() {
       this.$refs.address.handleClear();
     },