|
|
@@ -2,43 +2,49 @@
|
|
|
<div class="home" style="background-color:#edf6ff ;">
|
|
|
<div style="background-color:#1e62ec;color: #fff;padding: 10px 0;font-size: 15px;" >
|
|
|
<el-row>
|
|
|
- <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 2 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" class="flex-ac-jb">
|
|
|
+ <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 3 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" class="flex-ac-jb">
|
|
|
<div >
|
|
|
中国铁道工程建设协会建设监理专业委员会
|
|
|
</div>
|
|
|
<div class="flex-ac">
|
|
|
- <div>官方网站</div>
|
|
|
+ <div style="cursor: pointer;" @click="tiaozhuan('https://www.carec.org.cn/carec/committee')">官方网站</div>
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
- <div>注册监理工程师继续教育</div>
|
|
|
- <el-divider direction="vertical"></el-divider>
|
|
|
- <el-button size="mini" round style="background-color: #1e62ec;color: #fff;">登 录</el-button>
|
|
|
- <el-button size="mini" round style="background-color: #1e62ec;color: #fff;">企业注册</el-button>
|
|
|
+ <div style="cursor: pointer;" @click="tiaozhuan('http://jxjy.jdkjxy.com/Web/index.html')">注册监理工程师继续教育</div>
|
|
|
+ <!-- <el-divider direction="vertical"></el-divider> -->
|
|
|
+
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<el-row style="background-color: #fff;height: 100px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);" class="flex-ac m-b-20" >
|
|
|
- <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 2 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" >
|
|
|
- <img src="../assets/images/logoNew.png" style="width: 40%" alt="" />
|
|
|
+ <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 3}" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" >
|
|
|
+ <div class="flex-ac-jb">
|
|
|
+ <img src="../assets/images/logoNew.png" style="width: 40%" alt="" />
|
|
|
+ <div>
|
|
|
+ <el-button type="success" @click="login(1)">监理企业登录入口</el-button>
|
|
|
+ <el-button type="primary" style="background-color: #1e62ec;border-color: #1e62ec;" @click="login(2)">网络教育登录入口</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="m-b-20">
|
|
|
- <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 2 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" >
|
|
|
- <el-carousel height="400">
|
|
|
- <el-carousel-item v-for="(item,index) in lbList" :key="index">
|
|
|
+ <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 3 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" >
|
|
|
+ <el-carousel :height="bannerHeight+'px'">
|
|
|
+ <el-carousel-item v-for="(item,index) in lbList" :key="index" style="width: 100%;">
|
|
|
<!-- <img :src="item" style="width: 100%;" alt="" /> -->
|
|
|
- <el-image style="height: 100%;" :src="item" fit="contain"></el-image>
|
|
|
+ <img ref="bannerHeight" style="width: 100%;" :src="item" fit="contain"></img>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</el-col>
|
|
|
- <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 2 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" class="m-t-20">
|
|
|
+ <el-col :xl="{ span: 16, offset: 4 }" :lg="{ span: 16, offset: 4 }" :md="{ span: 18, offset: 3 }" :sm="{ span: 20, offset: 2 }" :xs="{ span: 24 }" class="m-t-20">
|
|
|
<div style="background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);overflow: hidden;">
|
|
|
<div class="flex-ac">
|
|
|
- <div class="flex-ac-jc" :style="{'background-color':bmType == 'jxjy'?'#1e62ec':'#f5f7fa'}" style="width: 50%;padding: 14px;" @click="changeBm('jxjy')">
|
|
|
+ <div class="flex-ac-jc" :style="{'background-color':bmType == 'jxjy'?'#1e62ec':'#f5f7fa'}" style="width: 50%;padding: 14px;" @mouseenter="changeBm('jxjy')">
|
|
|
<img :src="bmType=='jxjy'?require('../assets/images/btn11.png'):require('../assets/images/btn5.png')" style="width: 26px;" alt="" />
|
|
|
<span class="m-l-10" style="font-size: 18px;" :style="{color:bmType=='jxjy'?'#fff':'#666666'}">网络继续教育报名</span>
|
|
|
</div>
|
|
|
- <div class="flex-ac-jc" :style="{'background-color':bmType == 'jxjy'?'#f5f7fa':'#1e62ec'}" style="width: 50%;padding: 14px;" @click="changeBm('zgks')">
|
|
|
+ <div class="flex-ac-jc" :style="{'background-color':bmType == 'jxjy'?'#f5f7fa':'#1e62ec'}" style="width: 50%;padding: 14px;" @mouseenter="changeBm('zgks')">
|
|
|
<img :src="bmType == 'jxjy'?require('../assets/images/btn4.png'):require('../assets/images/btn10.png')" style="width: 26px;" alt="" />
|
|
|
<span class="m-l-10" style="font-size: 18px;" :style="{color:bmType=='zgks'?'#fff':'#666666'}">资格考试报名</span>
|
|
|
</div>
|
|
|
@@ -163,9 +169,22 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <!-- <div style="width: 8vw;position: fixed;top: 20vh;right: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);border-radius: 6px 0 0 6px;overflow: hidden;" class="box-hover hidden-xs-only">
|
|
|
- <img src="../assets/images/cx.jpg" style="width: 100%" @click="chaxun" />
|
|
|
- </div> -->
|
|
|
+ <div style="width:80px;position: fixed;top: 60vh;right: 0;border-radius: 6px 0 0 6px;background-color: #1e62ec;display: flex;flex-direction: column;align-items: center;padding: 10px;color: #fff;" class="box-hover " >
|
|
|
+ <div style="display: flex;flex-direction: column;align-items: center;" @click="chaxun">
|
|
|
+ <img src="../assets/images/btn8.png" style="width: 30px;" alt="" />
|
|
|
+ <div style="font-size: 14px;margin-top: 10px;text-align: center;">证书有效期查询</div>
|
|
|
+ </div>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;flex-direction: column;align-items: center;">
|
|
|
+ <img src="../assets/images/btn1.png" style="width: 30px;" alt="" />
|
|
|
+ <div style="font-size: 14px;margin-top: 10px;">操作手册</div>
|
|
|
+ </div>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div style="display: flex;flex-direction: column;align-items: center;">
|
|
|
+ <img src="../assets/images/btn2.png" style="width: 30px;" alt="" />
|
|
|
+ <div style="font-size: 14px;margin-top: 10px;">客服</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 继续教育报名 -->
|
|
|
<el-dialog title="监理工程师继续教育报名" :visible.sync="show" top="6vh" width="70%" :close-on-click-modal="false">
|
|
|
<div v-if="show" style="height: 74vh;overflow-y: auto;overflow-x: hidden;padding-top: 0;" class="pd-10">
|
|
|
@@ -237,7 +256,7 @@
|
|
|
import zj from "./components/baoming/zj.vue";
|
|
|
import jlgcs from "./components/baoming/jlgcs.vue";
|
|
|
import kaoshiH5 from "./components/baoming/H5.vue";
|
|
|
-
|
|
|
+ import loginQy from "./loginQy"
|
|
|
import {
|
|
|
getCodeImg
|
|
|
} from "@/api/login";
|
|
|
@@ -257,9 +276,12 @@
|
|
|
jly,
|
|
|
zj,
|
|
|
jlgcs,
|
|
|
+ loginQy
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ loginShow:true,
|
|
|
+ bannerHeight:0,
|
|
|
bmType:'jxjy',
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
@@ -364,7 +386,21 @@
|
|
|
this.getCode();
|
|
|
this.getJxjyList();
|
|
|
},
|
|
|
+ mounted(){
|
|
|
+ this.imgLoad();
|
|
|
+ window.addEventListener('resize',() => {
|
|
|
+ this.bannerHeight=this.$refs.bannerHeight[0].height;
|
|
|
+ this.imgLoad()
|
|
|
+ },false)
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ imgLoad(){
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.bannerHeight=this.$refs.bannerHeight[0].height;
|
|
|
+ },200)
|
|
|
+ })
|
|
|
+ },
|
|
|
viewFile(url) {
|
|
|
window.open(process.env.VUE_APP_BASE_API + url, '_blank'); // '_blank' 确保在新标签页中打开
|
|
|
},
|
|
|
@@ -387,7 +423,6 @@
|
|
|
UserName: this.form.cardName,
|
|
|
UserCord: this.form.cardNo
|
|
|
}).then((res) => {
|
|
|
- console.log("🚀 ~ zigePersonQuery ~ res:", res)
|
|
|
let type = null
|
|
|
if (res.data.grshenhe == 0 || res.data.grshenhe == 2) {
|
|
|
type = true
|
|
|
@@ -399,11 +434,6 @@
|
|
|
} else {
|
|
|
this.xiugaiType = type
|
|
|
}
|
|
|
- // this.xiugaiType = type == undefined ? true : false;
|
|
|
- // this.loading = true;
|
|
|
- // getZigePerson(res.data.zigeperson.PersonId).then((response) => {
|
|
|
- console.log("🚀 ~ getZigePerson ~ response.data:", res.data)
|
|
|
- // this.form = response.data;
|
|
|
if (res.data.ZcsZhuanYe == "8" || res.data.ZcsZhuanYe == "监理工程师") {
|
|
|
this.zgks = "jlgcs";
|
|
|
} else if (res.data.ZcsZhuanYe == "28" || res.data.ZcsZhuanYe == "监理员") {
|
|
|
@@ -412,13 +442,8 @@
|
|
|
this.zgks = "zj";
|
|
|
}
|
|
|
this.zgksInfo = res.data;
|
|
|
- console.log("🚀 ~ getZigePerson ~ response.data:", res.data)
|
|
|
this.loading = false;
|
|
|
this.open = true;
|
|
|
- // this.$modal.closeLoading();
|
|
|
- // }).catch(() => {
|
|
|
- // this.$modal.closeLoading();
|
|
|
- // })
|
|
|
})
|
|
|
} else {
|
|
|
|
|
|
@@ -446,7 +471,6 @@
|
|
|
},
|
|
|
//考试报名
|
|
|
kaoshiBm(row) {
|
|
|
- console.log("5869", row);
|
|
|
if (row.address == null) {
|
|
|
this.$message({
|
|
|
type: "warning",
|
|
|
@@ -454,7 +478,6 @@
|
|
|
});
|
|
|
} else {
|
|
|
row.City = row.dishi.split("|")[row.address];
|
|
|
- console.log("row.ZcsZhuanYe", row.ZcsZhuanYe);
|
|
|
if (row.ZcsZhuanYe == "8" || row.ZcsZhuanYe == "监理工程师") {
|
|
|
this.zgks = "jlgcs";
|
|
|
row.ZcsZhuanYe = "监理工程师";
|
|
|
@@ -484,7 +507,6 @@
|
|
|
//考试查询
|
|
|
search(row) {
|
|
|
this.searchRow = row
|
|
|
- console.log("🚀 ~ 考试查询 ~ row:", row)
|
|
|
this.searchShow = true;
|
|
|
},
|
|
|
getCode() {
|
|
|
@@ -558,10 +580,6 @@
|
|
|
.catch((error) => {
|
|
|
this.loading = false;
|
|
|
if (this.captchaEnabled) {
|
|
|
- // this.$message({
|
|
|
- // type:"error",
|
|
|
- // message:error.msg
|
|
|
- // })
|
|
|
this.getCode();
|
|
|
}
|
|
|
});
|
|
|
@@ -639,6 +657,24 @@
|
|
|
},
|
|
|
changeBm(v){
|
|
|
this.bmType = v
|
|
|
+ },
|
|
|
+ tiaozhuan(v){
|
|
|
+ window.open(v)
|
|
|
+ },
|
|
|
+ login(v){
|
|
|
+ if(v == 1){
|
|
|
+ let url = '/loginQy'
|
|
|
+ const routePath = this.$router.resolve({
|
|
|
+ path: url
|
|
|
+ }).href
|
|
|
+ window.open(routePath, '_blank');
|
|
|
+ }else{
|
|
|
+ let url = '/loginJly'
|
|
|
+ const routePath = this.$router.resolve({
|
|
|
+ path: url
|
|
|
+ }).href
|
|
|
+ window.open(routePath, '_blank');
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
};
|
|
|
@@ -750,4 +786,7 @@
|
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
+ ::v-deep .el-divider--horizontal{
|
|
|
+ margin: 15px 0 !important;
|
|
|
+ }
|
|
|
</style>
|
dzl
