详细查询 查询码修改

bgcx.html

@@ -114,7 +114,11 @@
 									<!-- 查询码 -->
 									<div v-if="nextflag&&form.queryMode==2">
 										<div class="pb_w520 pb_searchnum" style="padding-bottom: 20px;">
-											<div class="pb_searchtit" style="margin-bottom: 30px;">查询码：</div>
+											<div class="pflexc" style="margin-bottom: 30px;">
+												<div class="pb_searchtit pflex1" >查询码：<span class="pb_searchtita">(*有效期10分钟)</span></div>
+												<div class="pflex2 pb_searchtitb">{{detailtime}}s</div>
+											</div>
+											
 											<div class="pflexc pb_searnum">
 												<input maxlength="1" v-model="queryinput[0]" @keyup="nextFocusNum($event,0)"/>
 												<input maxlength="1" v-model="queryinput[1]" @keyup="nextFocusNum($event,1)"/>
@@ -212,8 +216,15 @@
 									</div>
 									</div>
 									
-									<div class="pb_searchbtn pb_searchbtna" v-if="form.queryMode==2&&!nextflag" @click="getNext">下一步</div>
-									<div class="pb_searchbtn pb_searchbtna" v-else @click="getSerch">查询</div>
+									<div v-if="form.queryMode==2&&!nextflag" style="margin-top: 60px;">
+										<p class="pw_tit" style="text-align: left;font-size: 15px;">* 详细查询需提前联系管理员，否则无法获取详细查询码进行详细查询，若需详细查询请联系管理员或拨打电话：0556-5728197         0556-5728199进行咨询</p>
+										<div class="pb_searchbtn pb_searchbtna" style="margin-top: 10px;"  @click="getNext">下一步</div>
+									</div>
+									<div v-else style="margin-top: 60px;">
+										<p class="pw_tit" v-if="form.queryMode==2&&nextflag" style="font-size: 15px;">* 等待期间请勿关闭此页面以防重复获取查询码</p>
+										<div class="pb_searchbtn pb_searchbtna" style="margin-top: 15px;"  @click="getSerch">查询</div>
+									</div>
+									
 									<div class="pb_searchtxt" v-if="form.queryMode==2&&nextflag" @click="getPre">返回上一步</div>
 								</form>	
 							</div>
@@ -247,6 +258,10 @@
 										<div class="pb_resultt">是否合格： </div>
 										<p>{{resdata.isQualify=='Y'?'合格':'不合格'}}</p>
 									</div>
+									<div class="pb_resultw fl">
+										<div class="pb_resultt">签发日期 ：</div>
+										<p>{{resdata.issueTime}}</p>
+									</div>
 								</div>
 								<!-- 详细结果 -->
 								<div class="pb_resulta cf pb_resultb" v-if="resdata.reportUrl">
@@ -321,6 +336,8 @@
 				timefalg:false,//时间
 				time:60,
 				timer:'',
+				detailtime:600,
+				detailtimer:'',
 				uploadImgUrl: "https://jyzx.qs163.cn/prod-api/gateway/query/common/upload", // 上传的图片服务器地址,
 				// uploadImgUrl: "http://192.168.101.11:8090/gateway/query/common/upload", // 上传的图片服务器地址,
 				resultlist:[{},{},{}],
@@ -388,6 +405,20 @@
 					}
 				   
 				},
+				// 详情码倒计时
+				setTimeDetail(){
+					var that=this;
+					clearInterval(that.detailtimer)
+					that.detailtimer=setInterval(()=>{
+						if(that.detailtime<=1){
+							that.detailtime=0;
+							clearInterval(that.detailtimer);
+							return
+						}
+						that.detailtime=that.detailtime-1;
+					},1000)
+				},
+				// 验证码倒计时
 				setTimein(){
 					var that=this;
 					clearInterval(that.timer)
@@ -499,7 +530,6 @@
 						}
 						params.qrImage='';
 					}
-					that.nextflag=true;
 					params.queryNum='';
 					// console.log(params,12)
 					// 获取查询码
@@ -511,7 +541,9 @@
 						success: function(res) {
 							if (res.code == 200) {
 								that.$message.success(res.msg);
-								
+								that.nextflag=true;
+								that.detailtime=600;
+								that.setTimeDetail();
 								 // that.setTimein()
 							} else {
 								that.$message({

static/css/printstyle.css

@@ -67,6 +67,10 @@ color: #AAAAAA;text-align: center;}
 /* 办事服务 */
 .pb_search{width: 600px;margin: 0 auto;padding: 50px 0 32px;}
 .pb_searchtit{font-size: 16px;color: #343434;margin-bottom: 10px;font-weight: bold;}
+.pb_searchtita{font-size: 15px;color: #FF0000;}
+.pb_searchtitb{font-size: 16px;color: #FF0000;}
+
+
 .pb_searchzt{width: 160px;height: 50px;border: 1px solid #C4C4C4;margin-right: 30px;font-size: 16px;color: #666666;text-align: center;line-height: 48px;box-sizing: border-box;cursor: pointer;}
 .pb_searchzt.act{border: 1px solid #00B034;color: #00B034;}
 .pb_searchin{width: 100%;height: 50px;background: #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-sizing: border-box;font-size: 16px;font-weight: 500;
@@ -82,7 +86,7 @@ color: #343434;line-height: 48px;padding: 0 26px;box-sizing: border-box;}
 .pb_searchupin{position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;top: 0;}
 .pb_searchupt{font-size: 14px;color: #FF0000;position: absolute;left: 186px;bottom: 0;white-space: nowrap;}
 .pb_searchbtn{width: 601px;height: 50px;background: #014582;border-radius: 4px 4px 4px 4px;font-size: 20px;font-weight: 500;
-color: #FFFFFF;text-align: center;cursor: pointer;line-height:50px ;margin: 60px auto 0;}
+color: #FFFFFF;text-align: center;cursor: pointer;line-height:50px ;margin:60px auto 0;}
 .pb_searchtxt{font-size: 12px;color: #666666;margin-top: 14px;text-align: center;cursor: pointer;}
 .pb_result{padding: 68px 0 54px;position: relative;}
 .pb_result_img{position: absolute;top: 50px;right: 
@@ -120,7 +124,7 @@ font-size: 16px;font-weight: 500;color: #343434;line-height: 48px;padding: 0 26p
 .pw_text{width: 100%;height: 148px;background: #FFFFFF;border: 1px solid #C4C4C4; border-radius: 3px 3px 3px 3px;box-sizing: border-box;
 font-size: 16px;font-weight: 500;color: #343434;line-height: 26px;padding: 20px 26px;resize: none;}
 .pw_tit{font-size: 
-14px;color: #FF0000;text-align: center;margin-top: 18px;}
+14px;color: #FF0000;text-align: center;margin-top: 18px;line-height: 20px;}
 .pw_listb{width: 21px;height: 12px;flex: 0 0 auto;transition: all .3s;}
 .pw_listb.act{transform: rotate(-180deg);}
 .pw_select{display: flex;align-items: center;position: relative;cursor: pointer;}