修改tooId字段,给未设置大小的图片设置默认值、避免重绘,

main
hcj 10 months ago
parent 10528a725b
commit e13cbdabec
  1. 4
      .env.production
  2. 20
      .env.staging
  3. 3
      package.json
  4. 148
      src/page/common/pagecomponent/commonfooter_new.vue
  5. 990
      src/page/common/pagecomponent/commonheader.vue
  6. 7
      src/page/homepage/home/home.vue
  7. 74
      src/page/homepage/traininstitute/teacherDetail.vue
  8. 6
      src/page/personalpage/testmanagement/mytool.vue
  9. 2
      vue.config.js

@ -9,6 +9,6 @@ VUE_APP_BASE_API = '/prod-api'
# VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api' # VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/prod-api'
# VUE_APP_BASE_TARGET = 'http://www.bjkeyware.com/test-api' # VUE_APP_BASE_TARGET = 'http://www.bjkeyware.com/test-api'
# VUE_APP_BASE_TARGET = 'http://www.bjkeyware.com/prod-api' VUE_APP_BASE_TARGET = 'https://www.bjkeyware.com/prod-api'
VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999' # VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'

@ -1,7 +1,17 @@
NODE_ENV = production
# 测试环境配置 # 测试环境配置
ENV = 'staging' ENV = 'development'
# KeySaas测试云平台/开发环境
VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_TARGET = 'http://192.168.0.229:9999'
# VUE_APP_BASE_TARGET = 'http://192.168.0.129:9999'
# VUE_APP_BASE_TARGET = 'http://172.16.36.180:9999'
# VUE_APP_BASE_TARGET = 'http://172.16.36.176:9998'
# VUE_APP_BASE_TARGET = 'https://www.keyitest.cn/test-api'
# VUE_APP_BASE_TARGET = 'http://www.bjkeyware.com/test-api'
# KeySaas测试云平台/测试环境 # 路由懒加载
VUE_APP_BASE_API = '/stage-api' VUE_CLI_BABEL_TRANSPILE_MODULES = true

@ -37,7 +37,8 @@
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^3.0.0-rc.5", "@vue/cli-plugin-babel": "^3.0.0-rc.5",
"@vue/cli-service": "^3.0.0-rc.5", "@vue/cli-service": "^3.0.0-rc.5",
"vue-template-compiler": "^2.5.16" "vue-template-compiler": "^2.5.16",
"webpack-bundle-analyzer": "^4.10.2"
}, },
"postcss": { "postcss": {
"plugins": { "plugins": {

@ -0,0 +1,148 @@
<template>
<!-- 尾部 -->
<div>
<div style="background: #0a1f33; color: #ffffff; height: 270px; margin-top: -1px">
<div style="display: flex; width: 1200px; margin: 0 auto; height: 180px; justify-content: space-between">
<div style="line-height: 180px">
<el-link :underline="false" @click="openurl('/')">首页</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/market')">工具服务</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/crowdsourcing')">众包服务</el-link>
<el-divider direction="vertical"></el-divider>
<!-- <el-link :underline="false" @click="stepurl('http://train.keyitest.cn/')">培训学院</el-link> -->
<el-link :underline="false" @click="openurl('/ability')">人才服务</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/college')">培训服务</el-link>
<el-divider direction="vertical"></el-divider>
<!-- <el-link :underline="false" @click="openurl('/news')">行业动态</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/employ')">人员聘用</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/cooperation')">合作伙伴</el-link>
<el-divider direction="vertical"></el-divider> -->
<el-link :underline="false" @click="openurl('/about')">关于我们</el-link>
<!-- <el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/aboutus/joinus')">加入我们</el-link>
<el-divider direction="vertical"></el-divider>
<el-link :underline="false" @click="openurl('/home')">招聘信息</el-link> -->
</div>
<div class="vider">
<el-divider direction="vertical"></el-divider>
</div>
<div style="display: flex; font-size: 14px; cursor: pointer">
<img style="width: 100px; height: 100px; margin-top: 40px; margin-right: 35px"
src="/assets/homepage/xcx.jpg" alt="" />
<img style="width: 100px; height: 100px; margin-top: 40px" src="/assets/home/erweima.jpg" alt="" />
<div style="
margin-left: 25px;
color: #bfbfbf;
display: flex;
flex-direction: column;
justify-content: center;
">
<p>联系我们</p>
<div style="display: flex; align-items: center; margin: 10px 0">
<p>咨询热线010-80750213</p>
</div>
<div style="display: flex; align-items: center">
<p>邮箱keyware@keyware.com.cn</p>
</div>
</div>
</div>
</div>
<el-divider></el-divider>
<div class="bottoaxwa" style="text-align: center; color: #b3b3b3; opacity: 0.7; margin-top: 30px">
<img src="/assets/home/plice.png" style="width: 20px; height: 20px" alt="" />
<a target="_blank" style="margin-right: 10px"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402054123">京公网安备11011402054123号</a>
<a target="_blank" href="https://beian.miit.gov.cn">京ICP备18018633号-3</a>
</div>
<img class="footer" id="gotoTop" @click="gotoTop" src="/assets/home/gtop.png" alt="" />
</div>
</div>
</template>
<script>
import $ from 'jquery'
export default {
data() {
return {}
},
mounted() {
// this.gotoTop(600)
},
methods: {
openurl(url) {
// console.log(url)
// window.open(url,'_blank')
this.$router.push(url)
},
stepurl(url) {
window.open(url, '_blank')
},
gotoTop() {
let scoHeight = document.documentElement.scrollTop
// console.log(scoHeight);
// while (scoHeight > 0) {
// window.requestAnimationFrame(() => {
// document.documentElement.scrollTop = scoHeight - 10;
// })
// }
},
},
}
</script>
<style scoped>
* {
margin: 0;
padding: 0;
}
.el-link.el-link--default {
font-size: 14px;
color: #b3b3b3;
}
.el-divider {
background-color: #b3b3b3;
margin: 0 20px;
background: #ffffff;
opacity: 0.5;
}
.vider>>>.el-divider--vertical {
height: 130px;
background: #ffffff;
opacity: 0.23;
margin: 25px 30px;
}
.el-divider--horizontal {
margin: 0;
background: #ffffff;
opacity: 0.23;
}
.footer {
position: fixed;
right: 50px;
bottom: 50px;
/* width: 50px;
height: 50px; */
/* display: none; */
}
.bottoaxwa {
display: flex;
align-items: center;
justify-content: center;
}
.bottoaxwa a {
text-decoration: none;
color: #b3b3b3;
}
</style>

File diff suppressed because it is too large Load Diff

@ -939,6 +939,10 @@ export default {
.rapidhatching:hover p { .rapidhatching:hover p {
color: #0066eb; color: #0066eb;
} }
.rapidhatching img{
width: 125px;
height: 170px;
}
.cetype { .cetype {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -1139,6 +1143,9 @@ export default {
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
} }
.titlesty img{
width: 120px;
}
.titlesty p { .titlesty p {
font-size: 32px; font-size: 32px;
color: #1a1a1a; color: #1a1a1a;

@ -41,11 +41,7 @@
培养一支数量充足结构合理素质优良的专业知识丰富实践技能过硬的师资队伍培训后可以进入公司师资库成为双师型教师成为关键公司特聘讲师 培养一支数量充足结构合理素质优良的专业知识丰富实践技能过硬的师资队伍培训后可以进入公司师资库成为双师型教师成为关键公司特聘讲师
</div> </div>
<div class="modelConT">培训内容</div> <div class="modelConT">培训内容</div>
<timeLineWrap <timeLineWrap v-for="item in teachTrainData" :key="item.time" :timeLineData="item">
v-for="item in teachTrainData"
:key="item.time"
:timeLineData="item"
>
<!-- <template slot="contentRow"> <!-- <template slot="contentRow">
<div>ssss</div> <div>ssss</div>
</template> --> </template> -->
@ -177,8 +173,7 @@
</div> </div>
<div class="modellineLR3"> <div class="modellineLR3">
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span>报到地点</span <span>报到地点</span>润华君悦酒店本次培训食宿统一安排费用自理不安排接站
>润华君悦酒店本次培训食宿统一安排费用自理不安排接站
</div> </div>
<!-- <div class="modellineLRAcom"> <!-- <div class="modellineLRAcom">
住宿费单间330元//人含三餐标间230元//人含三餐暑期资源有限优先选择 住宿费单间330元//人含三餐标间230元//人含三餐暑期资源有限优先选择
@ -192,12 +187,10 @@
</div> </div>
<div class="modellineLR3"> <div class="modellineLR3">
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span>报名方式1</span <span>报名方式1</span><span @click="gosign" class="alink">点击报名</span>
><span @click="gosign" class="alink">点击报名</span>
</div> </div>
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span>报名方式2</span <span>报名方式2</span><span class="alink1">扫描右侧二维码报名</span>
><span class="alink1">扫描右侧二维码报名</span>
</div> </div>
<div class="modellineLRAcom"> <div class="modellineLRAcom">
<span> 项目负责人</span>牛中东 13683248482同微信 <span> 项目负责人</span>牛中东 13683248482同微信
@ -231,7 +224,7 @@
</div> </div>
</div> </div>
<!-- 悬浮按钮 --> <!-- 悬浮按钮 -->
<div class="fixBtn" @click="gosign"> <div class="fixBtn" @click="gosign" v-show="singBtnShow">
点击报名 点击报名
<img src="/assets/newtrain/teainfo3.png" alt="" /> <img src="/assets/newtrain/teainfo3.png" alt="" />
</div> </div>
@ -240,12 +233,14 @@
<script> <script>
// import { mapGetters } from 'vuex' // import { mapGetters } from 'vuex'
import { getTeacherForm } from '@/api/train'
import teachTrainData from "@/config/teacherTrain"; import teachTrainData from "@/config/teacherTrain";
import timeLineWrap from "../../../components/timeLineWrap/index.vue"; import timeLineWrap from "../../../components/timeLineWrap/index.vue";
export default { export default {
data() { data() {
return { return {
teachTrainData: teachTrainData, teachTrainData: teachTrainData,
singBtnShow:false
}; };
}, },
components: { components: {
@ -254,7 +249,16 @@ export default {
computed: { computed: {
// ...mapGetters(['token']), // ...mapGetters(['token']),
}, },
created() {}, created() {
getTeacherForm().then(res => {
console.log(res);
if (res.code != 200) {
this.singBtnShow = false
}else{
this.singBtnShow = true
}
})
},
methods: { methods: {
gosign() { gosign() {
// if (!this.token) { // if (!this.token) {
@ -276,14 +280,16 @@ export default {
</script> </script>
<style scoped> <style scoped>
.model2{ .model2 {
margin-bottom: 40px; margin-bottom: 40px;
} }
.modelTitle { .modelTitle {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.modelTitleL { .modelTitleL {
flex: 1; flex: 1;
font-weight: 800; font-weight: 800;
@ -291,21 +297,25 @@ export default {
color: #1b68de; color: #1b68de;
transform: translateY(-8px); transform: translateY(-8px);
} }
.modelTitleR { .modelTitleR {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.modelTitleRT { .modelTitleRT {
font-weight: bold; font-weight: bold;
font-size: 25px; font-size: 25px;
color: #1b68de; color: #1b68de;
} }
.modelTitleRB { .modelTitleRB {
width: 1127px; width: 1127px;
height: 16px; height: 16px;
margin-top: 15px; margin-top: 15px;
} }
.modelTitleRB img { .modelTitleRB img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -315,26 +325,31 @@ export default {
width: 1200px; width: 1200px;
margin: auto; margin: auto;
} }
.teacherDetail { .teacherDetail {
width: 100%; width: 100%;
background: linear-gradient(0deg, #ffffff, #ffffff, #cadefc); background: linear-gradient(0deg, #ffffff, #ffffff, #cadefc);
overflow: hidden; overflow: hidden;
} }
.topbg { .topbg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 70px 0 40px 0; margin: 70px 0 40px 0;
} }
.topbg1 { .topbg1 {
width: 156px; width: 156px;
height: 68px; height: 68px;
} }
.topbg2 { .topbg2 {
width: 264px; width: 264px;
height: 68px; height: 68px;
margin-left: 20px; margin-left: 20px;
} }
.toptitle { .toptitle {
font-weight: bold; font-weight: bold;
font-size: 32px; font-size: 32px;
@ -342,9 +357,11 @@ export default {
line-height: 65px; line-height: 65px;
text-align: center; text-align: center;
} }
.toptitle span { .toptitle span {
color: #1b68de; color: #1b68de;
} }
.topbbox { .topbbox {
width: 100%; width: 100%;
height: 203px; height: 203px;
@ -361,6 +378,7 @@ export default {
margin-bottom: 30px; margin-bottom: 30px;
text-indent: 2em; text-indent: 2em;
} }
.modelConT { .modelConT {
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
@ -368,6 +386,7 @@ export default {
line-height: 39px; line-height: 39px;
margin: 20px 0; margin: 20px 0;
} }
.modelCon { .modelCon {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
@ -383,27 +402,32 @@ export default {
text-align: center; text-align: center;
margin-bottom: 26px; margin-bottom: 26px;
} }
.zsimg { .zsimg {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.zsimg img { .zsimg img {
width: 516px; width: 516px;
height: 345px; height: 345px;
} }
.modellineL { .modellineL {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.modellineLL { .modellineLL {
width: 2px; width: 2px;
height: 240px; height: 240px;
background: #1b68de; background: #1b68de;
position: relative; position: relative;
} }
.modellineLLCricle { .modellineLLCricle {
position: absolute; position: absolute;
left: -6px; left: -6px;
@ -413,32 +437,39 @@ export default {
border-radius: 50%; border-radius: 50%;
border: 2px solid #1b68de; border: 2px solid #1b68de;
} }
.modellineLLCricle1 { .modellineLLCricle1 {
top: 10px; top: 10px;
} }
.modellineLLCricle2 { .modellineLLCricle2 {
top: 154px; top: 154px;
} }
.modellineLRA { .modellineLRA {
background: #f8f9fa; background: #f8f9fa;
border-radius: 6px; border-radius: 6px;
padding: 0 40px; padding: 0 40px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLRAcom { .modellineLRAcom {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 36px; line-height: 36px;
} }
.modellineLRAcom span { .modellineLRAcom span {
font-weight: 800; font-weight: 800;
} }
.modellineLRAcom .alink { .modellineLRAcom .alink {
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
color: #1b68de; color: #1b68de;
} }
.modellineLRAcom .alink1 { .modellineLRAcom .alink1 {
cursor: pointer; cursor: pointer;
font-weight: 500; font-weight: 500;
@ -448,6 +479,7 @@ export default {
.modellineLRAcom1 { .modellineLRAcom1 {
font-size: 15px; font-size: 15px;
} }
.modellineLR61 { .modellineLR61 {
width: 1087px; width: 1087px;
height: 110px; height: 110px;
@ -455,6 +487,7 @@ export default {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
} }
.modellineLR62 { .modellineLR62 {
width: 1087px; width: 1087px;
height: 80px; height: 80px;
@ -462,9 +495,11 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.modellineLL2 { .modellineLL2 {
height: 350px; height: 350px;
} }
.modellineLR2 { .modellineLR2 {
width: 1087px; width: 1087px;
height: 338px; height: 338px;
@ -475,6 +510,7 @@ export default {
padding: 0 40px; padding: 0 40px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLR2T { .modellineLR2T {
border-bottom: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0;
display: flex; display: flex;
@ -482,34 +518,41 @@ export default {
padding: 25px 0; padding: 25px 0;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLRAcomflex { .modellineLRAcomflex {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin: 10px 0; margin: 10px 0;
} }
.modellineLR2TL { .modellineLR2TL {
font-size: 16px; font-size: 16px;
color: #4d4d4d; color: #4d4d4d;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
} }
.modellineLR2TB { .modellineLR2TB {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-left: 100px; margin-left: 100px;
} }
.modellineLR2TB img { .modellineLR2TB img {
width: 114px; width: 114px;
height: 108px; height: 108px;
} }
.modellineLR2B { .modellineLR2B {
padding-top: 20px; padding-top: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.modellineLL3 { .modellineLL3 {
height: 119px; height: 119px;
} }
.modellineLR3 { .modellineLR3 {
width: 1087px; width: 1087px;
background: #f8f9fa; background: #f8f9fa;
@ -521,6 +564,7 @@ export default {
justify-content: center; justify-content: center;
position: relative; position: relative;
} }
.posiimg { .posiimg {
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -529,6 +573,7 @@ export default {
width: 114px; width: 114px;
height: 108px; height: 108px;
} }
.fixBtn { .fixBtn {
width: 160px; width: 160px;
height: 68px; height: 68px;
@ -546,6 +591,7 @@ export default {
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.fixBtn img { .fixBtn img {
width: 40px; width: 40px;
height: 40px; height: 40px;

@ -42,7 +42,7 @@
<el-button <el-button
v-if="tool.deliver_type == 'License'" v-if="tool.deliver_type == 'License'"
style="background: #f2a51a" style="background: #f2a51a"
@click="zhuceCodeFn(tool.toolId)" @click="zhuceCodeFn(tool.tool_id)"
>注册码</el-button >注册码</el-button
> >
<!-- SaaS按月 按钮在线试用+专属账密 --> <!-- SaaS按月 按钮在线试用+专属账密 -->
@ -210,6 +210,7 @@ export default {
zhuceCodeFn(toolId) { zhuceCodeFn(toolId) {
this.toolId = toolId this.toolId = toolId
this.jiqimaOpen = true this.jiqimaOpen = true
console.log(this.toolId);
}, },
// //
jiqimaOpenClose() { jiqimaOpenClose() {
@ -221,6 +222,7 @@ export default {
toolId: this.toolId, toolId: this.toolId,
registerCode: this.jiqicode, registerCode: this.jiqicode,
} }
console.log(data);
getCodeByCode(data).then((res) => { getCodeByCode(data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.jiqimaOpen = false this.jiqimaOpen = false
@ -260,6 +262,8 @@ export default {
return item.status == 1 return item.status == 1
}) })
this.loading = false this.loading = false
console.log(this.onTools);
}) })
}, },
// 使 // 使

@ -1,5 +1,6 @@
const webpack = require('webpack') const webpack = require('webpack')
const path = require('path') const path = require('path')
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
/** /**
* 配置参考: * 配置参考:
* https://cli.vuejs.org/zh/config/ * https://cli.vuejs.org/zh/config/
@ -51,6 +52,7 @@ module.exports = {
'window.Quill': 'quill/dist/quill.js', 'window.Quill': 'quill/dist/quill.js',
'Quill': 'quill/dist/quill.js' 'Quill': 'quill/dist/quill.js'
}), }),
new BundleAnalyzerPlugin()
], ],
}, },

Loading…
Cancel
Save