mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

职教报名

Browse Source
cyl/dev
wangxia 2 years ago
parent bb778186ba
commit 0841531dea
6 changed files with 147 additions and 131 deletions
Show Stats Download Patch File Download Diff File

19
src/components/FirstJob/components/vocationalRecord.vue
Unescape Escape View File

@ -52,15 +52,12 @@
<a-radio value="2">女</a-radio> <a-radio value="2">女</a-radio>
</a-radio-group> </a-radio-group>
</a-form-model-item> </a-form-model-item>
<a-form-model-item ref="tel" label="手机号" prop="tel" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
<a-input v-model="form.tel" placeholder="请输入手机号" :max-length="11" />
</a-form-model-item>
<a-form-model-item ref="age" label="年龄" prop="age" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }"> <a-form-model-item ref="age" label="年龄" prop="age" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }">
<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" /> <a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
</a-form-model-item> </a-form-model-item>
<!-- <a-form-model-item ref="desp" style="margin-bottom: 12px" label="备注" prop="desp" :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }"> <a-form-model-item ref="tel" label="手机号" prop="tel" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
<a-textarea v-model="form.desp" placeholder="请输入备注" :auto-size="{ minRows: 2, maxRows: 5 }" /> <a-input v-model="form.tel" placeholder="请输入手机号" :max-length="11" />
</a-form-model-item> --> </a-form-model-item>
</a-form-model> </a-form-model>
<!-- <iframe id="goldendata_form_ohFOxo" src="https://jinshuju.net/f/ohFOxo?x_field_1=运营管理团队（高级班）&background=white&banner=show&embedded=true&inner_redirect=false" width="100%" frameborder=0 allowTransparency="true" height="454"></iframe> --> <!-- <iframe id="goldendata_form_ohFOxo" src="https://jinshuju.net/f/ohFOxo?x_field_1=运营管理团队（高级班）&background=white&banner=show&embedded=true&inner_redirect=false" width="100%" frameborder=0 allowTransparency="true" height="454"></iframe> -->
</a-modal> </a-modal>
@ -107,7 +104,7 @@ export default {
// /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则 // /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
/^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则 /^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
message: "请输入正确的姓名", message: "请输入正确的姓名",
trigger: "submit", trigger: "blur",
}, },
], ],
tel: [ tel: [
@ -119,16 +116,16 @@ export default {
{ {
pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
message: "请输入正确的手机号", message: "请输入正确的手机号",
trigger: "submit", trigger: "blur",
}, },
], ],
gender: [{ required: true, message: "请选择性别", trigger: "submit" }], gender: [{ required: true, message: "请选择性别", trigger: "submit" }],
age: [ age: [
{ required: true, message: "请输入年龄", trigger: "submit" }, { required: true, message: "请输入年龄", trigger: "submit" },
{ {
pattern: /^(1[69]|[2-5][0-9]|60)$/, pattern: /^(1[6-9]|[2-5][0-9]|60)$/,
message: "请输入16-60之间的纯数字", message: "请输入16-60之间的纯数字",
trigger: "submit", trigger: "blur",
}, },
], ],
}, },
@ -248,7 +245,7 @@ export default {
logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png", logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
tuition: "19800元", tuition: "19800元",
serviceCharge: "6500元/人", serviceCharge: "6500元/人",
salary: "20万/年", salary: "9000-11000元/月",
enterprise: "", enterprise: "",
semester: "90天", semester: "90天",
totalProfit: "8000元/人", totalProfit: "8000元/人",

91
src/components/FirstJob/detail.vue
Unescape Escape View File

@ -28,12 +28,12 @@
<img v-if="jobDetail.logo" :src="jobDetail.logo" alt /> <img v-if="jobDetail.logo" :src="jobDetail.logo" alt />
<div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div> <div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div>
<!-- <img v-else src="../../../static/img/nopicture.png" alt /> --> <!-- <img v-else src="../../../static/img/nopicture.png" alt /> -->
</div> </div>
<div class="jobinfobox"> <div class="jobinfobox">
<div> <div>
<div class="jobname">{{ jobDetail.vocationalName }}</div> <div class="jobname">{{ jobDetail.vocationalName }}</div>
<div class="jobinfo"> <div class="jobinfo">
<span>{{ jobDetail.district || "航空港区" }}</span> <span>{{ jobDetail.district || "河南省 | 郑州市 | 16-35岁" }}</span>
<!-- <span>{{ jobDetail.district }}</span> <!-- <span>{{ jobDetail.district }}</span>
<span>{{ jobDetail.gender }}</span> <span>{{ jobDetail.gender }}</span>
<span>{{ jobDetail.age }}</span> --> <span>{{ jobDetail.age }}</span> -->
@ -42,15 +42,16 @@
<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ jobDetail.salary }} </span> <span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ jobDetail.salary }} </span>
</div> </div>
</div> </div>
<div style="display: flex; align-items: center; height: 26px; margin-top: 16px"> <div style="margin-top: 8px; font-size: 14px; font-weight: normal; text-align: left; color: #ff4400; font-weight: 600">
学费<span class="" style="font-size: 24px">{{ jobDetail.tuition }}</span> <span class="" style="font-size: 24px">学费{{ jobDetail.tuition }}</span>
<span style="font-size: 16px"> | 课期{{ jobDetail.semester }}</span>
</div> </div>
</div> </div>
</div> </div>
<div class="swiperBox"> <div class="swiperBox">
<div id="swiper"> <div id="swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in [...storeImage]" :key="index"> <div class="swiper-slide" v-for="(item, index) in [...vocationalImgList]" :key="index">
<img :src="item" alt v-if="isImg(item)" @click="showImage(index)" style="cursor: pointer" /> <img :src="item" alt v-if="isImg(item)" @click="showImage(index)" style="cursor: pointer" />
<div v-if="!isImg(item)"> <div v-if="!isImg(item)">
<div style="position: absolute; width: 78px; height: 78px; left: 0; top: 0; z-index: 99; background-color: transparent; cursor: pointer" @click.stop="handlePreview(item)"></div> <div style="position: absolute; width: 78px; height: 78px; left: 0; top: 0; z-index: 99; background-color: transparent; cursor: pointer" @click.stop="handlePreview(item)"></div>
@ -96,6 +97,8 @@
<!-- 非职教 --> <!-- 非职教 -->
<div class="maincontentleft" v-else> <div class="maincontentleft" v-else>
<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
<div class="subset"> <div class="subset">
<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" /> <a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
<div class="subsetleft" v-show="!skeletonshow"> <div class="subsetleft" v-show="!skeletonshow">
@ -405,16 +408,23 @@
<i>客户经理</i> <i>客户经理</i>
</h1> </h1>
<img style="width: 60px; height: 60px; border-radius: 50%" class="mt24" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt /> <img style="width: 60px; height: 60px; border-radius: 50%" class="mt24" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt />
<p class="mt24 f16">{{ managerInfo.workPhone || "-" }}</p> <div style="color: #333; font-weight: 600">
<p class="f16" style="margin-top: 10px;margin-bottom:0">
{{ managerInfo.name }}
<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
</p>
<p class="f16">{{ managerInfo.workPhone || "-" }}</p>
</div>
<!-- <p class="mt24 f16">{{ managerInfo.workPhone || "-" }}</p>
<p class="f16"> <p class="f16">
{{ managerInfo.name }} {{ managerInfo.name }}
<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i> <i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
</p> </p> -->
</div> </div>
<div class="companyinfo"> <div class="companyinfo" v-if="from != 'vocational'">
<div class="companydetail"> <div class="companydetail">
<h1 class="bottombox"> <h1 class="bottombox">
<i>企业详情</i> <i>企业详情</i>
</h1> </h1>
</div> </div>
<div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng"> <div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng">
@ -428,7 +438,6 @@
<recommend /> <recommend />
</div> </div>
</div> </div>
<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
<recordModal :show.sync="recordShow" :jobDetail="jobDetail"></recordModal> <recordModal :show.sync="recordShow" :jobDetail="jobDetail"></recordModal>
</div> </div>
</template> </template>
@ -536,12 +545,13 @@ export default {
customServiceUrl: "", // 客服信息 customServiceUrl: "", // 客服信息
from: null, // 来源 from: null, // 来源
recordShow: false, recordShow: false,
vocationalImgList: ["https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job4.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job5.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job6.png"],
zhijiaoList: [ zhijiaoList: [
// 职教列表 // 职教列表
{ {
id: 0, id: 0,
vocationalName: "电气工程师（初级班）", vocationalName: "电气工程师（初级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png",
tuition: "6800元", tuition: "6800元",
serviceCharge: "2000元/人", serviceCharge: "2000元/人",
salary: "7000-9000元/月", salary: "7000-9000元/月",
@ -594,7 +604,7 @@ export default {
{ {
id: 1, id: 1,
vocationalName: "调试工程师（中级班）", vocationalName: "调试工程师（中级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png",
tuition: "11800元", tuition: "11800元",
serviceCharge: "3000元/人", serviceCharge: "3000元/人",
salary: "8000-11000元/月", salary: "8000-11000元/月",
@ -649,10 +659,10 @@ export default {
{ {
id: 2, id: 2,
vocationalName: "运营管理团队（高级班）", vocationalName: "运营管理团队（高级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
tuition: "19800元", tuition: "19800元",
serviceCharge: "6500元/人", serviceCharge: "6500元/人",
salary: "20万/年", salary: "9000-11000元/月",
enterprise: "", enterprise: "",
semester: "90天", semester: "90天",
totalProfit: "8000元/人", totalProfit: "8000元/人",
@ -714,12 +724,12 @@ export default {
created() { created() {
// console.log(this.$router.matcher.match()); // console.log(this.$router.matcher.match());
console.log('this.$route',this.$route); // 获取传过来的params数据 console.log("this.$route", this.$route); // 获取传过来的params数据
if (this.$route.query.type) { if (this.$route.query.type) {
this.from = this.$route.query.type; this.from = this.$route.query.type;
this.jobDetail = this.zhijiaoList.find((item)=>item.id == this.$route.query.id); this.jobDetail = this.zhijiaoList.find((item) => item.id == this.$route.query.id);
this.skeletonshow = false; this.skeletonshow = false;
console.log(this.jobDetail); console.log(this.jobDetail);
} else { } else {
this.getJobDetail(); this.getJobDetail();
} }
@ -822,6 +832,7 @@ export default {
} }
}); });
this.storeImage = [...storeImage, ...storeVideo]; this.storeImage = [...storeImage, ...storeVideo];
console.log("this.storeImage", this.storeImage);
} else { } else {
this.$message.warning("数据获取失败"); this.$message.warning("数据获取失败");
} }
@ -935,11 +946,19 @@ export default {
showImage(idx) { showImage(idx) {
var that = this; var that = this;
console.log(that.storeImage); console.log(that.storeImage);
that.storeImage.forEach((item, index) => { if (this.from == "vocational") {
if (that.isImg(item)) { that.vocationalImgList.forEach((item, index) => {
that.imgList.push(item); if (that.isImg(item)) {
} that.imgList.push(item);
}); }
});
} else {
that.storeImage.forEach((item, index) => {
if (that.isImg(item)) {
that.imgList.push(item);
}
});
}
this.$viewerApi({ this.$viewerApi({
options: { initialViewIndex: idx }, options: { initialViewIndex: idx },
@ -972,8 +991,8 @@ export default {
toList() { toList() {
// 跳转到列表页 // 跳转到列表页
this.$router.push({ this.$router.push({
name: "JobList", path: this.from == "vocational" ? "/list?type=vocational" : "/list?",
params: { query: {
pagenum: this.currentPageNum, pagenum: this.currentPageNum,
}, },
}); });
@ -1178,7 +1197,7 @@ export default {
} }
.jobinfo { .jobinfo {
margin-top: 12px; margin-top: 12px;
font-size: 18px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: left; text-align: left;
color: #999; color: #999;
@ -1211,7 +1230,7 @@ export default {
} }
.jobpricemonth { .jobpricemonth {
// margin-top: 16px; // margin-top: 16px;
font-size: 18px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: left; text-align: left;
color: #666; color: #666;
@ -1618,16 +1637,16 @@ export default {
border-radius: 6px; border-radius: 6px;
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
p { // p {
position: absolute; // position: absolute;
width: 100%; // width: 100%;
font-size: 20px; // font-size: 20px;
color: #333; // color: #333;
font-weight: 600; // font-weight: 600;
top: 75%; // top: 75%;
left: 50%; // left: 50%;
transform: translateX(-50%) translateY(-50%); // transform: translateX(-50%) translateY(-50%);
} // }
} }
.companyinfo { .companyinfo {
overflow: hidden; overflow: hidden;

48
src/components/FirstJob/joblist.vue
Unescape Escape View File

@ -634,15 +634,16 @@
<div> <div>
<div class="jobname">{{ item.vocationalName }}</div> <div class="jobname">{{ item.vocationalName }}</div>
<div class="jobinfo"> <div class="jobinfo">
<span>{{ item.district || "航空港区" }}</span> <span>{{ item.district || "河南省 | 郑州市 | 16-35岁" }}</span>
<!-- <span>{{ item.gender }}</span> --> <!-- <span>{{ item.gender }}</span> -->
</div> </div>
<div class="jobpricemonth" v-if="item.minMonthlyPay"> <div class="jobpricemonth">
<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ item.salary }} </span> <span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ item.salary }} </span>
</div> </div>
</div> </div>
<div class="jobpricehour" style="font-size: 18px"> <div class="jobpricehour" style="font-size: 18px">
学费<span class="" style="font-size: 24px">{{ item.tuition }}</span> 学费<span class="" style="font-size: 24px">{{ item.tuition }}</span>
<span style="font-size: 16px"> | 课期{{ item.semester }}</span>
</div> </div>
</div> </div>
</div> </div>
@ -666,7 +667,7 @@
type="primary" type="primary"
class="jobDesp br4" class="jobDesp br4"
:style="{ :style="{
background:'#fff', background: '#fff',
}" }"
> >
更多 更多
@ -709,11 +710,13 @@
<!-- <p>0371-6611 3723</p> --> <!-- <p>0371-6611 3723</p> -->
<img style="width: 60px; height: 60px; border-radius: 50%" class="mt24" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt /> <img style="width: 60px; height: 60px; border-radius: 50%" class="mt24" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt />
<p class="mt24 f16">{{ managerInfo.workPhone || "-" }}</p> <div style="color: #333; font-weight: 600">
<p class="f16"> <p class="f16" style="margin-top: 10px">
{{ managerInfo.name }} {{ managerInfo.name }}
<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i> <i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
</p> </p>
<p class="f16">{{ managerInfo.workPhone || "-" }}</p>
</div>
<!-- </div> --> <!-- </div> -->
</div> </div>
<!-- <div class="relationme"> <!-- <div class="relationme">
@ -780,12 +783,12 @@ export default {
data() { data() {
return { return {
jobMainList: [], // 职位列表 jobMainList: [], // 职位列表
zhijiaoList: [ zhijiaoList: [
// 职教列表 // 职教列表
{ {
id: 0, id: 0,
vocationalName: "电气工程师（初级班）", vocationalName: "电气工程师（初级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png",
tuition: "6800元", tuition: "6800元",
serviceCharge: "2000元/人", serviceCharge: "2000元/人",
salary: "7000-9000元/月", salary: "7000-9000元/月",
@ -838,7 +841,7 @@ export default {
{ {
id: 1, id: 1,
vocationalName: "调试工程师（中级班）", vocationalName: "调试工程师（中级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png",
tuition: "11800元", tuition: "11800元",
serviceCharge: "3000元/人", serviceCharge: "3000元/人",
salary: "8000-11000元/月", salary: "8000-11000元/月",
@ -893,10 +896,10 @@ export default {
{ {
id: 2, id: 2,
vocationalName: "运营管理团队（高级班）", vocationalName: "运营管理团队（高级班）",
logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png', logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
tuition: "19800元", tuition: "19800元",
serviceCharge: "6500元/人", serviceCharge: "6500元/人",
salary: "20万/年", salary: "9000-11000元/月",
enterprise: "", enterprise: "",
semester: "90天", semester: "90天",
totalProfit: "8000元/人", totalProfit: "8000元/人",
@ -1188,8 +1191,13 @@ export default {
created() { created() {
// console.log(this.proxyinfo); // console.log(this.proxyinfo);
console.log(this.$route); console.log(this.$route);
this.currentPage = this.$route.params.pagenum; this.currentPage = this.$route.query.pagenum;
this.signType = this.$route.params.signType ? this.$route.params.signType : ""; this.signType = this.$route.query.signType ? this.$route.query.signType : "";
if (this.$route.query.type) {
if (this.$route.query.type == "vocational") {
this.isVocational = true;
}
}
if (localStorage.getItem("LOGIN_DATA")) { if (localStorage.getItem("LOGIN_DATA")) {
this.isLogin = true; this.isLogin = true;
} }
@ -3403,16 +3411,6 @@ export default {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
} }
p {
position: absolute;
width: 100%;
font-size: 20px;
color: #333;
font-weight: 600;
top: 75%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
} }
.relationme { .relationme {
overflow: hidden; overflow: hidden;

116
src/utils/request.js
Unescape Escape View File

@ -5,79 +5,81 @@ import qs from "qs";
// import Vue from "vue"; // import Vue from "vue";
// const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃 // const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃
// const baseURL = "http://idaotian.com"; // 正式环境线上 const baseURL = "//idaotian.com"; // 正式环境线上
// const baseURL = "http://idagou.cn"; // 正式环境线上 // const baseURL = "//idagou.cn"; // 正式环境线上
// console.log(baseURL); // console.log(baseURL);
// const baseURL = "https://d.matripe.com.cn"; // 正式环境本地 // const baseURL = "https://d.matripe.com.cn"; // 正式环境本地
const baseURL = " http://test.renminshitang.com.cn/daotian/api_dev"; // 测试环境本地 // const baseURL = "//test.renminshitang.com.cn/daotian/api_dev"; // 测试环境本地
// const baseURL = "http://1shoudan.renminshitang.com.cn"; // 测试环境线上 // const baseURL = "http://1shoudan.renminshitang.com.cn"; // 测试环境线上
// const baseURL = "http://localhost:8001"; // const baseURL = "http://localhost:8001";
// const data1 = require.context("./", false, /\.js$/); // 测试用 // const data1 = require.context("./", false, /\.js$/); // 测试用
// console.log(data1.keys()); // console.log(data1.keys());
axios.defaults.withCredentials = true; //添加这行代码 axios.defaults.withCredentials = true; //添加这行代码
// 动态设置https协议,拼接到接口基础路径
let httpType = window.location.protocol
// axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded" // axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded"
// console.log(axios); // console.log(axios);
const service = axios.create({ const service = axios.create({
// baseURL: "/api_prod", // url = base url + request url 测试 // baseURL: "/api_prod", // url = base url + request url 测试
baseURL: baseURL, // baseURL: "/api", // url = base url + request url 正式 baseURL: httpType + baseURL, // baseURL: "/api", // url = base url + request url 正式
withCredentials: true, // send cookies when cross-domain requests withCredentials: true, // send cookies when cross-domain requests
timeout: 60000, // request timeout timeout: 60000, // request timeout
crossDomain: true, crossDomain: true,
}); });
service.interceptors.request.use( service.interceptors.request.use(
(req) => { (req) => {
// console.log(req); // console.log(req);
// if (req.method == "post" && req.headers["Content-type"]) { // if (req.method == "post" && req.headers["Content-type"]) {
// if (req.headers["Content-type"].indexOf("multipart/form-data") == -1 && req.headers["Content-type"].indexOf("application/x-www-form-urlencoded") == -1) { // if (req.headers["Content-type"].indexOf("multipart/form-data") == -1 && req.headers["Content-type"].indexOf("application/x-www-form-urlencoded") == -1) {
// let dataObj = qs.stringify(req.data); // let dataObj = qs.stringify(req.data);
// console.log(dataObj); // console.log(dataObj);
// req.data = dataObj; // req.data = dataObj;
// } // }
// } // }
if (localStorage.getItem("LOGIN_DATA")) { if (localStorage.getItem("LOGIN_DATA")) {
req.headers.Authorization = "Bearer " + JSON.parse(localStorage.getItem("LOGIN_DATA")).token; req.headers.Authorization = "Bearer " + JSON.parse(localStorage.getItem("LOGIN_DATA")).token;
console.log('getToken++++++++++++++++++++++++++++++++++++++++++++++++++++'); console.log('getToken++++++++++++++++++++++++++++++++++++++++++++++++++++');
} }
// application/json // application/json
// if(req.headers.common.Accept.indexOf('application/json') > 0 || req.headers.Accept.indexOf('application/json') > 0){ // if(req.headers.common.Accept.indexOf('application/json') > 0 || req.headers.Accept.indexOf('application/json') > 0){
// console.log('is application/json'); // console.log('is application/json');
// } // }
return req; return req;
}, },
(err) => { (err) => {
console.log(err); console.log(err);
} }
); );
service.interceptors.response.use( service.interceptors.response.use(
(response) => { (response) => {
// console.log(response); // console.log(response);
let { msg, status } = response.data; let { msg, status } = response.data;
// status = 9999 // status = 9999
// return response; // return response;
// console.log(status); // console.log(status);
if (status == 9999) { if (status == 9999) {
localStorage.removeItem("LOGIN_DATA"); localStorage.removeItem("LOGIN_DATA");
router.push("/login"); router.push("/login");
// 跳转到登录页面 // 跳转到登录页面
// this.$message.warning(msg); // this.$message.warning(msg);
return Promise.reject(new Error("token过期")); return Promise.reject(new Error("token过期"));
} }
if (response.status === 200) { if (response.status === 200) {
return response; return response;
} else { } else {
// Message.error(message) // Message.error(message)
return Promise.reject(new Error(msg)); return Promise.reject(new Error(msg));
} }
}, },
(error) => { (error) => {
console.log(error); console.log(error);
// if (error.toString().indexOf("9999") !== -1) { // if (error.toString().indexOf("9999") !== -1) {
// router.push("/login"); // router.push("/login");
// // Vue.$message.warning(msg) // // Vue.$message.warning(msg)
// } else if (error.message.indexOf("500") !== -1) { // } else if (error.message.indexOf("500") !== -1) {
// } // }
// return Promise.reject(error); // return Promise.reject(error);
} }
); );
export default service; export default service;

2
src/views/main.vue
Unescape Escape View File

@ -25,7 +25,7 @@
<li v-if="true"> <li v-if="true">
<router-link to="/list?type=vocational" :class="routertitleindex == 8 ? 'titleactive' : ''" rel="opener">职教职培</router-link> <router-link to="/list?type=vocational" :class="routertitleindex == 8 ? 'titleactive' : ''" rel="opener">职教职培</router-link>
</li> </li>
<li v-if="true"> <li v-if="false">
<a-dropdown <a-dropdown
overlayClassName="logindropdown" overlayClassName="logindropdown"
placement="bottomRight" placement="bottomRight"

2
vue.config.js
Unescape Escape View File

@ -13,7 +13,7 @@ const name = defaultSettings.title || "vue Admin Template"; // page title
const port = 8888 || process.env.port || process.env.npm_config_port; // dev port const port = 8888 || process.env.port || process.env.npm_config_port; // dev port
module.exports = { module.exports = {
publicPath: "/daotian/dist", publicPath: "./",
outputDir: "dist", outputDir: "dist",
assetsDir: "static", assetsDir: "static",
lintOnSave: process.env.NODE_ENV === "development", lintOnSave: process.env.NODE_ENV === "development",

Write Preview
Loading…
Cancel
Save