|
|
|
|
@ -6,8 +6,8 @@ |
|
|
|
|
<img src="~@/assets/image/time.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="time_box"> |
|
|
|
|
<div class="time_text">{{item.apmDay}}</div> |
|
|
|
|
<div class="date_txt">{{item.period}} {{item.timeFrame}}</div> |
|
|
|
|
<div class="time_text">{{ item.apmDay }}</div> |
|
|
|
|
<div class="date_txt">{{ item.period }} {{ item.timeFrame }}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="pro_bottom"> |
|
|
|
|
@ -15,8 +15,8 @@ |
|
|
|
|
<div class="img_box"> |
|
|
|
|
<img src="~@/assets/image/pro.png" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="pro_name">{{item.project}}</div> |
|
|
|
|
<div class="pro_pos">{{item.cuAddr}}</div> |
|
|
|
|
<div class="pro_name">{{ item.project }}</div> |
|
|
|
|
<div class="pro_pos">{{ item.cuAddr }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="pro_right"> |
|
|
|
|
<div class="cancel" @click="cancelButton(item)">取消预约</div> |
|
|
|
|
@ -40,12 +40,12 @@ |
|
|
|
|
<div class="btn" @click="clickSucc">知道了</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="wrapper" @click.stop v-show="!isSuccess"> |
|
|
|
|
<div class="img_box" > |
|
|
|
|
<div class="img_box"> |
|
|
|
|
<img src="~@/assets/image/fail.png" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="tips">预约失败</div> |
|
|
|
|
<div class="tip_txt"> |
|
|
|
|
<div>{{failTips}}</div> |
|
|
|
|
<div>{{ failTips }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn" @click="clickFail">知道了</div> |
|
|
|
|
</div> |
|
|
|
|
@ -55,16 +55,16 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import {postExam} from "@/api/examination"; |
|
|
|
|
import { postExam } from "@/api/examination"; |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
proData:{}, |
|
|
|
|
proArr:[], |
|
|
|
|
isShow:false, |
|
|
|
|
isSuccess:false, |
|
|
|
|
userInfo:{}, |
|
|
|
|
failTips:'' |
|
|
|
|
proData: {}, |
|
|
|
|
proArr: [], |
|
|
|
|
isShow: false, |
|
|
|
|
isSuccess: false, |
|
|
|
|
userInfo: {}, |
|
|
|
|
failTips: '' |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
@ -72,27 +72,27 @@ export default { |
|
|
|
|
this.userInfo = JSON.parse(sessionStorage.getItem('userInfo')) |
|
|
|
|
console.log(this.userInfo) |
|
|
|
|
this.proData = this.$route.params; |
|
|
|
|
this.proData.selectArr.map(item =>{ |
|
|
|
|
this.proData.selectArr.map(item => { |
|
|
|
|
this.proArr.push({ |
|
|
|
|
apmDay:this.proData.time, |
|
|
|
|
createDept:this.proData.createDept, |
|
|
|
|
project:item.name, |
|
|
|
|
cuAddr:item.posi, |
|
|
|
|
period:item.time.substr(0,2), |
|
|
|
|
timeFrame:item.time.substr(3), |
|
|
|
|
cupName:this.userInfo.name, |
|
|
|
|
cupPhone:this.userInfo.mobile, |
|
|
|
|
cupCardNo:this.userInfo.papersnumber |
|
|
|
|
apmDay: this.proData.time, |
|
|
|
|
createDept: this.proData.createDept, |
|
|
|
|
project: item.name, |
|
|
|
|
cuAddr: item.posi, |
|
|
|
|
period: item.time.substr(0, 2), |
|
|
|
|
timeFrame: item.time.substr(3), |
|
|
|
|
cupName: this.userInfo.name, |
|
|
|
|
cupPhone: this.userInfo.mobile, |
|
|
|
|
cupCardNo: this.userInfo.papersnumber |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
// console.log("proArr",this.proArr) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
cancelButton(val){ |
|
|
|
|
cancelButton(val) { |
|
|
|
|
this.proArr = this.proArr.filter(item => item.name != val.name) |
|
|
|
|
if(this.proArr.length == 0){ |
|
|
|
|
if (this.proArr.length == 0) { |
|
|
|
|
this.$router.push({ |
|
|
|
|
name:'examination' |
|
|
|
|
name: 'examination' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
// lightAppJssdk.notification.alert ({ |
|
|
|
|
@ -109,41 +109,57 @@ export default { |
|
|
|
|
// }); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
confirm(){ |
|
|
|
|
console.log(this.proArr) |
|
|
|
|
postExam(JSON.stringify(this.proArr)).then(res =>{ |
|
|
|
|
confirm() { |
|
|
|
|
let param = this.proArr; |
|
|
|
|
if (this.GlobalConfig.appMode) { |
|
|
|
|
console.log(JSON.stringify(param)) |
|
|
|
|
vaildInterfacefn("cgstjyyjzpzp", "qdsgajjtjczdtjyytj", JSON.stringify({data:param}), "2", "https://" + this.GlobalConfig.urlCreatesign, "https://" + this.GlobalConfig.urlGateway).then((value) => { |
|
|
|
|
let retData = JSON.parse(value); |
|
|
|
|
if (retData.success && retData.code == 200 && retData.data.code == 200) { |
|
|
|
|
this.isShow = true; |
|
|
|
|
this.isSuccess = true |
|
|
|
|
} else { |
|
|
|
|
this.failTips = retData.data != undefined ? retData.data.msg : ''; |
|
|
|
|
this.isShow = true; |
|
|
|
|
this.isSuccess = false |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
postExam({data:param}).then(res => { |
|
|
|
|
console.log(res) |
|
|
|
|
if(res.code == 200){ |
|
|
|
|
if (res.code == 200) { |
|
|
|
|
this.isShow = true; |
|
|
|
|
this.isSuccess = true |
|
|
|
|
}else{ |
|
|
|
|
} else { |
|
|
|
|
this.failTips = res.msg |
|
|
|
|
this.isShow = true; |
|
|
|
|
this.isSuccess = false |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
// if(this.proArr.length != 0){ |
|
|
|
|
// |
|
|
|
|
// } |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
clickFail(){ |
|
|
|
|
clickFail() { |
|
|
|
|
this.$router.replace({ |
|
|
|
|
name:'examination', |
|
|
|
|
query:{ |
|
|
|
|
id:this.proData.createDept |
|
|
|
|
name: 'examination', |
|
|
|
|
query: { |
|
|
|
|
id: this.proData.createDept |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
clickSucc(){ |
|
|
|
|
clickSucc() { |
|
|
|
|
this.$router.replace({ |
|
|
|
|
name:'MyExam', |
|
|
|
|
query:{ |
|
|
|
|
id:this.proData.createDept |
|
|
|
|
name: 'MyExam', |
|
|
|
|
query: { |
|
|
|
|
id: this.proData.createDept |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
clickClose(){ |
|
|
|
|
clickClose() { |
|
|
|
|
this.isShow = false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -163,21 +179,24 @@ export default { |
|
|
|
|
margin-bottom: 0.7rem; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pro_top{ |
|
|
|
|
.pro_top { |
|
|
|
|
display: flex; |
|
|
|
|
padding-bottom: 0.26rem; |
|
|
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
|
|
.img_box{ |
|
|
|
|
|
|
|
|
|
.img_box { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-right: 0.24rem; |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
width: 0.5rem; |
|
|
|
|
height: 0.5rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.time_box{ |
|
|
|
|
.time_text{ |
|
|
|
|
|
|
|
|
|
.time_box { |
|
|
|
|
.time_text { |
|
|
|
|
width: 1.46rem; |
|
|
|
|
height: 0.32rem; |
|
|
|
|
text-align: center; |
|
|
|
|
@ -187,7 +206,8 @@ export default { |
|
|
|
|
font-size: 0.24rem; |
|
|
|
|
color: #999999; |
|
|
|
|
} |
|
|
|
|
.date_txt{ |
|
|
|
|
|
|
|
|
|
.date_txt { |
|
|
|
|
font-size: 0.3rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
color: #333; |
|
|
|
|
@ -196,27 +216,29 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.pro_bottom{ |
|
|
|
|
.pro_bottom { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
height: 0.6rem; |
|
|
|
|
margin-top: 0.24rem; |
|
|
|
|
|
|
|
|
|
.pro_left{ |
|
|
|
|
.pro_left { |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.img_box{ |
|
|
|
|
.img_box { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
width: 0.5rem; |
|
|
|
|
height: 0.5rem; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.pro_name{ |
|
|
|
|
|
|
|
|
|
.pro_name { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
@ -225,7 +247,8 @@ export default { |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin-left: 0.24rem; |
|
|
|
|
} |
|
|
|
|
.pro_pos{ |
|
|
|
|
|
|
|
|
|
.pro_pos { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
@ -234,15 +257,16 @@ export default { |
|
|
|
|
margin-left: 0.24rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.pro_right{ |
|
|
|
|
|
|
|
|
|
.pro_right { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
.cancel{ |
|
|
|
|
.cancel { |
|
|
|
|
width: 1.5rem; |
|
|
|
|
height: 0.5rem; |
|
|
|
|
background: rgba(22, 119, 255,.1); |
|
|
|
|
background: rgba(22, 119, 255, .1); |
|
|
|
|
border-radius: 0.26rem; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
@ -256,25 +280,26 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.act_box { |
|
|
|
|
position:absolute; |
|
|
|
|
left:0; |
|
|
|
|
right:0; |
|
|
|
|
bottom:0; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
padding: 0.24rem; |
|
|
|
|
background: #fff; |
|
|
|
|
.act_btn{ |
|
|
|
|
|
|
|
|
|
.act_btn { |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
font-size: 0.3rem; |
|
|
|
|
font-family: PingFang SC-Bold, PingFang SC; |
|
|
|
|
font-weight: bold; |
|
|
|
|
line-height:0.96rem; |
|
|
|
|
line-height: 0.96rem; |
|
|
|
|
text-align: center; |
|
|
|
|
background: #1677FF; |
|
|
|
|
border-radius: 0.08rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.wrapper{ |
|
|
|
|
.wrapper { |
|
|
|
|
width: 5.98rem; |
|
|
|
|
height: 6.66rem; |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
@ -282,27 +307,29 @@ export default { |
|
|
|
|
margin: 0 auto; |
|
|
|
|
margin-top: 2.76rem; |
|
|
|
|
|
|
|
|
|
.img_box{ |
|
|
|
|
.img_box { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
width: 1rem; |
|
|
|
|
height: 1rem; |
|
|
|
|
margin-top: 1.2rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.tips{ |
|
|
|
|
|
|
|
|
|
.tips { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
font-size: 0.34rem; |
|
|
|
|
color:#000; |
|
|
|
|
color: #000; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin: 0.56rem 0 0.2rem 0; |
|
|
|
|
font-family: PingFang SC-Regular, PingFang SC; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tip_txt{ |
|
|
|
|
.tip_txt { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
justify-content: center; |
|
|
|
|
@ -311,7 +338,8 @@ export default { |
|
|
|
|
color: #666; |
|
|
|
|
font-family: PingFang SC-Regular, PingFang SC; |
|
|
|
|
} |
|
|
|
|
.btn{ |
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
|
width: 3rem; |
|
|
|
|
height: 0.8rem; |
|
|
|
|
background: #1677FF; |
|
|
|
|
@ -327,11 +355,12 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.close_box{ |
|
|
|
|
.close_box { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin-top: 0.6rem; |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
width: 0.5rem; |
|
|
|
|
height: 0.5rem; |
|
|
|
|
} |
|
|
|
|
|