cyl/dev
wangxia 2 years ago
parent 2234c176ee
commit 6fedd885fa

@ -57,22 +57,13 @@
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag"> <div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag> <a-tag style="backgroundcolor: #f5f5f5">暂无特色</a-tag>
</div> </div>
<div style=" <div style="display: flex; align-items: center; height: 26px; margin-top: 16px">
display: flex; <div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
align-items: center;
height: 26px;
margin-top: 16px;
">
<div class="jobpricehour" v-html="
getSalaryClassifyValue(
jobDetail.salaryClassify,
jobDetail.salaryClassifyValue
)
"></div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span> <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth"> <div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay }}</span>- <span>{{ jobDetail.minMonthlyPay }}</span
<span>{{ jobDetail.maxMonthlyPay }}</span>/ >- <span>{{ jobDetail.maxMonthlyPay }}</span
>/
</div> </div>
</div> </div>
</div> </div>
@ -81,12 +72,13 @@
<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 [...storeImage]" :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>
<video class="imgSpan" style="width: 80px;height:45px" controls> <video class="imgSpan" style="width: 80px; height: 45px" controls>
<source :src="item" type="video/mp4" /> <source :src="item" type="video/mp4" />
<source :src="item" type="video/ogg" />您的浏览器不支持 HTML5 video 标签 <source :src="item" type="video/ogg" />
您的浏览器不支持 HTML5 video 标签
</video> </video>
</div> </div>
</div> </div>
@ -107,10 +99,12 @@
</div> </div>
</div> </div>
<div class="sub-bottombox"> <div class="sub-bottombox">
<!-- <a-popover title="" trigger="click" placement="bottomRight"> <!-- <a-popover title="" trigger="click" placement="bottomRight"> -->
<a-button type="primary" class="jobDesp">职位详单</a-button> <button type="primary" class="jobDespBtn">
</a-popover>--> <a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
</button>
<!-- </a-popover> -->
<button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'"></button> <button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'"></button>
<button class="norecruitment bottombox1" v-else></button> <button class="norecruitment bottombox1" v-else></button>
</div> </div>
@ -195,9 +189,7 @@
<a-descriptions-item> <a-descriptions-item>
<span slot="label" class>薪资说明</span> <span slot="label" class>薪资说明</span>
<span style="white-space: break-spaces"> <span style="white-space: break-spaces">
{{ {{ jobDetail.salaryDesp || "-" }}
jobDetail.salaryDesp || "-"
}}
</span> </span>
</a-descriptions-item> </a-descriptions-item>
<!-- <a-descriptions-item style="padding: 0"> <!-- <a-descriptions-item style="padding: 0">
@ -241,16 +233,11 @@
<span slot="label" class>性别年龄</span> <span slot="label" class>性别年龄</span>
<span> <span>
<span class="man" v-if="jobDetail.minAgeMan"> <span class="man" v-if="jobDetail.minAgeMan">
{{ jobDetail.minAgeMan }} {{ jobDetail.minAgeMan }} <span v-if="jobDetail.maxAgeMan"> {{ "- " + jobDetail.maxAgeMan }} </span>
<span v-if="jobDetail.maxAgeMan">
{{
"- " + jobDetail.maxAgeMan
}}
</span>
</span> </span>
<span class="woman" v-if="jobDetail.minAgeWoman"> <span class="woman" v-if="jobDetail.minAgeWoman">
{{ jobDetail.minAgeWoman }} {{ jobDetail.minAgeWoman }} <span>{{ "- " + jobDetail.maxAgeWoman }}</span
<span>{{ "- " + jobDetail.maxAgeWoman }}</span> >
</span> </span>
</span> </span>
</a-descriptions-item> </a-descriptions-item>
@ -452,15 +439,15 @@
<a-descriptions bordered size="small" :column="1" class="leftDesc"> <a-descriptions bordered size="small" :column="1" class="leftDesc">
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>面试时间</span> <span slot="label" class>面试时间</span>
<span>{{jobDetail.interviewDuration || '-'}}</span> <span>{{ jobDetail.interviewDuration || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>面试地点</span> <span slot="label" class>面试地点</span>
<span>{{jobPoses.interview.posContent || '-'}}</span> <span>{{ jobPoses.interview.posContent || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>宿舍地址</span> <span slot="label" class>宿舍地址</span>
<span>{{jobPoses.room.posContent ? jobPoses.room.posContent : '-'}}</span> <span>{{ jobPoses.room.posContent ? jobPoses.room.posContent : "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
<!-- <a-descriptions-item class="test1"> <!-- <a-descriptions-item class="test1">
<span slot="label" class>总包驻场</span> <span slot="label" class>总包驻场</span>
@ -468,15 +455,15 @@
</a-descriptions-item>--> </a-descriptions-item>-->
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>面试说明</span> <span slot="label" class>面试说明</span>
<span>{{jobDetail.interviewDesp || '-'}}</span> <span>{{ jobDetail.interviewDesp || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>入职说明</span> <span slot="label" class>入职说明</span>
<span>{{jobDetail.entryDesp || '-'}}</span> <span>{{ jobDetail.entryDesp || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item class="test1"> <a-descriptions-item class="test1">
<span slot="label" class>离职说明</span> <span slot="label" class>离职说明</span>
<span>{{jobDetail.leaveRequire || '-'}}</span> <span>{{ jobDetail.leaveRequire || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
@ -517,7 +504,7 @@
<a-descriptions-item> <a-descriptions-item>
<span slot="label"> <span slot="label">
<div class="c6">账单日</div> <div class="c6">账单日</div>
<div class="c6">{{'(出名单时间)'}}</div> <div class="c6">{{ "(出名单时间)" }}</div>
</span> </span>
<span>{{ jobDetail.outListTime || "-" }}</span> <span>{{ jobDetail.outListTime || "-" }}</span>
</a-descriptions-item> </a-descriptions-item>
@ -533,10 +520,10 @@
<div v-else-if="tabchange === 2"> <div v-else-if="tabchange === 2">
<div class="pay" id="tip"> <div class="pay" id="tip">
<div class="mb12 mt20 titlestyle">职位通告</div> <div class="mb12 mt20 titlestyle">职位通告</div>
<div class="showInfo" style="width: unset;color: #000 !important;"> <div class="showInfo" style="width: unset; color: #000 !important">
<div class="copy" @click="copyText($event)"></div> <div class="copy" @click="copyText($event)"></div>
<!-- {{ jobDetail.jobDesp || "-" }}--> <!-- {{ jobDetail.jobDesp || "-" }}-->
<div class="copyInfo" style="border: none; padding: 0 0; width: unset;white-space: pre-line;">{{ jobDetail.jobDesp || "-" }}</div> <div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobDesp || "-" }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -553,11 +540,11 @@
</h1> </h1>
<!-- <div class="fcsc"> --> <!-- <div class="fcsc"> -->
<!-- <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> <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="jobDetailInfo" style="display:none"> <!-- <div class="jobDetailInfo" style="display:none">
@ -575,9 +562,9 @@
<img v-else src="../../../static/img/nopicture.png" alt /> <img v-else src="../../../static/img/nopicture.png" alt />
</div>--> </div>-->
</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">
<h2 style="padding:16px 0;font-weight:600">{{store.storeName || '-'}}</h2> <h2 style="padding: 16px 0; font-weight: 600">{{ store.storeName || "-" }}</h2>
<p style="padding-bottom:20px;border-bottom:1px solid #eee;font-size:16px;text-indent:16px;color:#4d575ecc;white-space:pre-line;text-align:left">{{store.storeInfo || '-' }}</p> <p style="padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 16px; text-indent: 16px; color: #4d575ecc; white-space: pre-line; text-align: left">{{ store.storeInfo || "-" }}</p>
<!-- <h1 class="bottombox"> <!-- <h1 class="bottombox">
<i>企业位置</i> <i>企业位置</i>
</h1>--> </h1>-->
@ -603,19 +590,19 @@
</div> </div>
</template> </template>
<script> <script>
import { getJobDetailApi } from '../../api/job' import { getJobDetailApi } from "../../api/job";
import { disposeJobListData, getSalaryClassifyValue } from '../../utils/commonUtil' import { disposeJobListData, getSalaryClassifyValue } from "../../utils/commonUtil";
import recommend from '../../components/FirstJob/components/recommend.vue' import recommend from "../../components/FirstJob/components/recommend.vue";
import { nationlist } from '../../utils/datalist' import { nationlist } from "../../utils/datalist";
import { getUserManagerApi } from '../../api/userinfo' import { getUserManagerApi } from "../../api/userinfo";
import 'swiper/dist/css/swiper.css' import "swiper/dist/css/swiper.css";
import Vue from 'vue' import Vue from "vue";
import Viewer from 'v-viewer' import Viewer from "v-viewer";
import 'viewerjs/dist/viewer.css' import "viewerjs/dist/viewer.css";
import swiper from 'swiper' import swiper from "swiper";
import GDMap from '../map.vue' import GDMap from "../map.vue";
// import recordbill from "@/components/FirstJob/components/recordbill.vue"; // import recordbill from "@/components/FirstJob/components/recordbill.vue";
import Clipboard from 'clipboard' import Clipboard from "clipboard";
// import map from '../map.vue' // import map from '../map.vue'
Vue.use(Viewer, { Vue.use(Viewer, {
defaultOptions: { defaultOptions: {
@ -628,7 +615,7 @@ Vue.use(Viewer, {
prev: true, prev: true,
play: { play: {
show: true, show: true,
size: 'large', size: "large",
}, },
next: true, next: true,
rotateLeft: true, rotateLeft: true,
@ -641,10 +628,10 @@ Vue.use(Viewer, {
initialViewIndex: 1, initialViewIndex: 1,
isMeetting: false, isMeetting: false,
}, },
}) });
export default { export default {
// //
name: '', name: "",
// //
components: { components: {
recommend, recommend,
@ -658,7 +645,7 @@ export default {
data() { data() {
return { return {
previewVisible: false, previewVisible: false,
previewImage: '', previewImage: "",
relationList: [], relationList: [],
jobDetail: {}, // jobDetail: {}, //
storeImage: [], storeImage: [],
@ -675,20 +662,20 @@ export default {
tabchange: 1, tabchange: 1,
nationlist, nationlist,
imgList: [], // imgList: [], //
labelColor: ['pink', 'blue', 'purple', 'orange', 'green', 'cyan', 'red', 'purple'], labelColor: ["pink", "blue", "purple", "orange", "green", "cyan", "red", "purple"],
form: { form: {
// //
name: '', name: "",
peoplecard: '', peoplecard: "",
gender: '', gender: "",
nation: '', nation: "",
location: '', location: "",
firm: '', firm: "",
post: '', post: "",
pattern: '', pattern: "",
policy: '', policy: "",
proxy: '', proxy: "",
facedate: '', facedate: "",
}, },
storeJob: {}, storeJob: {},
// rules: { // rules: {
@ -699,7 +686,8 @@ export default {
apply: {}, apply: {},
myswiper: null, // swiper myswiper: null, // swiper
managerInfo: {}, managerInfo: {},
} customServiceUrl:'' //
};
}, },
// //
computed: {}, computed: {},
@ -713,9 +701,9 @@ export default {
beforeCreate() {}, beforeCreate() {},
created() { created() {
// console.log(this.$router.matcher.match()); // console.log(this.$router.matcher.match());
this.getJobDetail() this.getJobDetail();
console.log(this.$route) // params console.log(this.$route); // params
this.getUserManager() this.getUserManager();
// Object.defineProperties("window.opener", "sessionStorage", { // Object.defineProperties("window.opener", "sessionStorage", {
// LOGIN_DATA: {}, // LOGIN_DATA: {},
// }); // });
@ -726,11 +714,11 @@ export default {
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内 * 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/ */
mounted() { mounted() {
let that = this let that = this;
// console.log(this.$refs.scrollimg); // console.log(this.$refs.scrollimg);
// this.$refs.scrollimg.goTo(0, false); // this.$refs.scrollimg.goTo(0, false);
setTimeout(() => { setTimeout(() => {
this.myswiper = new swiper('#swiper', { this.myswiper = new swiper("#swiper", {
// loop: true, // loop: true,
// loopAdditionalSlides: 3, // loopAdditionalSlides: 3,
// speed: 500, // speed: 500,
@ -746,9 +734,9 @@ export default {
// clickable: true, // clickable: true,
// }, // },
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: ".swiper-button-next",
prevEl: '.swiper-button-prev', prevEl: ".swiper-button-prev",
disabledClass: 'swiper-button-disabled', disabledClass: "swiper-button-disabled",
}, },
// spaceBetween: 100, // spaceBetween: 100,
// effect: 'fade', // effect: 'fade',
@ -765,62 +753,65 @@ export default {
// that.progressPercent = 0 // that.progressPercent = 0
// }, // },
}, },
}) });
}, 1000) }, 1000);
}, },
// //
methods: { methods: {
async getJobDetail() { async getJobDetail() {
try { try {
const { data } = await getJobDetailApi(this.id) const { data } = await getJobDetailApi(this.id);
console.log(data) console.log('data',data);
if (data.status === 200) { if (data.status === 200) {
console.log(data) console.log(data);
this.jobDetail = disposeJobListData(data.data.storeJob) this.jobDetail = disposeJobListData(data.data.storeJob);
this.positionInfo = data.data.store this.customServiceUrl = data.data.customServiceUrl
this.jobPoses = data.data.jobPoses this.positionInfo = data.data.store;
this.store = data.data.store this.jobPoses = data.data.jobPoses;
this.positionInfo.desc = this.positionInfo.detailPosition this.store = data.data.store;
this.positionInfo.containerName = 'mapContainer' this.positionInfo.desc = this.positionInfo.detailPosition;
this.positionInfo.name = this.positionInfo.aliasName this.positionInfo.containerName = "mapContainer";
this.skeletonshow = false this.positionInfo.name = this.positionInfo.aliasName;
this.jobDetail.district = disposeJobListData(data.data.store).district this.skeletonshow = false;
console.log(this.jobDetail) this.jobDetail.district = disposeJobListData(data.data.store).district;
console.log(this.jobPoses) console.log(this.jobDetail);
console.log(this.jobPoses);
let newdata = { let newdata = {
id: data.data.storeJob.id, id: data.data.storeJob.id,
aliasName: data.data.store.aliasName, aliasName: data.data.store.aliasName,
jobName: data.data.storeJob.jobName, jobName: data.data.storeJob.jobName,
} };
this.storeInfo = newdata this.storeInfo = newdata;
let regs = /\.(jpg|jpeg|png)(\?.*)?$/ let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
// data.data.storeImage.forEach((item) => { // data.data.storeImage.forEach((item) => {
// if (regs.test(item.url.toLowerCase())) { // if (regs.test(item.url.toLowerCase())) {
// this.storeImage.push(item.url) // this.storeImage.push(item.url)
// } // }
// }) // })
// console.log(this.storeImage); // console.log(this.storeImage);
let storeImage = [] let storeImage = [];
let storeVideo = [] let storeVideo = [];
data.data.storeImage.forEach((item) => { data.data.storeImage.forEach((item) => {
console.log(item.url) console.log(item.url);
if (regs.test(item.url.toLowerCase())) { if (regs.test(item.url.toLowerCase())) {
storeImage.push(item.url) storeImage.push(item.url);
} else { } else {
storeVideo.push(item.url) storeVideo.push(item.url);
} }
}) });
this.storeImage = [...storeImage, ...storeVideo] this.storeImage = [...storeImage, ...storeVideo];
} else { } else {
this.$message.warning('数据获取失败') this.$message.warning("数据获取失败");
} }
// = data.data.recordList; // = data.data.recordList;
// console.log(data); // console.log(data);
// console.log(this.jobDetail); // console.log(this.jobDetail);
} catch (error) { } catch (error
console.log(error)
) {
console.log(error);
} }
}, },
/** /**
@ -828,19 +819,19 @@ export default {
*/ */
getUserManager() { getUserManager() {
getUserManagerApi().then(({ data }) => { getUserManagerApi().then(({ data }) => {
console.log(data) console.log(data);
// this.$store.commit('setManagerInfo', data.data) // this.$store.commit('setManagerInfo', data.data)
this.managerInfo = data.data this.managerInfo = data.data;
// console.log('+++++++++++++++++++++++++', this.$store) // console.log('+++++++++++++++++++++++++', this.$store)
}) });
}, },
// //
handleCancel() { handleCancel() {
this.visible = false this.visible = false;
this.previewVisible = false this.previewVisible = false;
let movie = document.querySelector('#movie') let movie = document.querySelector("#movie");
console.dir(movie) console.dir(movie);
movie.pause() movie.pause();
// this.form = { // this.form = {
// // // //
// name: '', // name: '',
@ -854,17 +845,17 @@ export default {
this.$refs.ruleForm.validate((ispass, no) => { this.$refs.ruleForm.validate((ispass, no) => {
// console.log(ispass); // console.log(ispass);
if (ispass) { if (ispass) {
this.confirmLoading = true this.confirmLoading = true;
setTimeout(() => { setTimeout(() => {
this.confirmLoading = false this.confirmLoading = false;
this.visible = false this.visible = false;
}, 2000) }, 2000);
} else { } else {
// console.log(123); // console.log(123);
} }
console.log(no) console.log(no);
}) });
}, },
// //
// showmodal() { // showmodal() {
@ -872,41 +863,41 @@ export default {
// console.log(this.id); // console.log(this.id);
// }, // },
showmodal() { showmodal() {
this.visible = true this.visible = true;
// this.apply = item; // this.apply = item;
// console.log(this.apply); // console.log(this.apply);
// console.log(id); // console.log(id);
}, },
onClose() { onClose() {
this.visible = false this.visible = false;
this.form = { this.form = {
// //
name: '', name: "",
peoplecard: '', peoplecard: "",
gender: '', // gender: "", //
nation: '', // nation: "", //
location: '', // location: "", //
firm: '', // firm: "", //
post: '', // post: "", //
pattern: '', // pattern: "", //
policy: '', // policy: "", //
proxy: '', // proxy: "", //
facedate: '', // facedate: "", //
} };
}, },
torecord(item) { torecord(item) {
// //
console.log(item) console.log(item);
// let userinfo = JSON.stringify(item); // let userinfo = JSON.stringify(item);
console.log(this.jobDetail) console.log(this.jobDetail);
console.log(this.storeInfo) console.log(this.storeInfo);
this.storeInfo.currentPageNum = this.currentPageNum this.storeInfo.currentPageNum = this.currentPageNum;
console.log(this.storeInfo) console.log(this.storeInfo);
this.$router.push({ name: 'recordbill', params: this.storeInfo }) this.$router.push({ name: "recordbill", params: this.storeInfo });
sessionStorage.setItem('CURRENT_FIRM', JSON.stringify(this.storeInfo)) sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
}, },
getSalaryClassifyValue(salaryClassify, salaryClassifyValue) { getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue) return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
}, },
/** /**
* 图片预览点击 * 图片预览点击
@ -914,57 +905,57 @@ 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) => { that.storeImage.forEach((item, index) => {
if (that.isImg(item)) { if (that.isImg(item)) {
that.imgList.push(item) that.imgList.push(item);
} }
}) });
this.$viewerApi({ this.$viewerApi({
options: { initialViewIndex: idx }, options: { initialViewIndex: idx },
images: this.imgList, images: this.imgList,
}) });
// } // }
}, },
isImg(str) { isImg(str) {
console.log(str) console.log(str);
let regs = /\.(jpg|jpeg|png)(\?.*)?$/ let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
return regs.test(str) return regs.test(str);
}, },
copyText() { copyText() {
console.log(123) console.log(123);
var clipboard = new Clipboard('.copy', { var clipboard = new Clipboard(".copy", {
// .copy // .copy
target: function () { target: function () {
// target // target
return document.querySelector('.copyInfo') // .copyInfo return document.querySelector(".copyInfo"); // .copyInfo
}, },
}) });
clipboard.on('success', (e) => { clipboard.on("success", (e) => {
// success success => error // success success => error
console.log(e) console.log(e);
this.$message.success('复制成功') this.$message.success("复制成功");
}) });
}, },
toList() { toList() {
// //
this.$router.push({ this.$router.push({
name: 'JobList', name: "JobList",
params: { params: {
pagenum: this.currentPageNum, pagenum: this.currentPageNum,
}, },
}) });
}, },
handlePreview(file) { handlePreview(file) {
this.previewImage = file this.previewImage = file;
this.previewVisible = true this.previewVisible = true;
}, },
}, },
} };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@ -1321,25 +1312,29 @@ export default {
background-color: #ff4400; background-color: #ff4400;
} }
} }
// .jobDesp { .jobDespBtn {
// width: 116px; width: 116px;
// height: 32px; height: 32px;
// line-height: 30px; line-height: 30px;
// font-size: 16px; font-size: 16px;
// margin-right: 20px; margin-right: 20px;
// // border: 1px solid rgba(77, 87, 94, 0.3); // border: 1px solid rgba(77, 87, 94, 0.3);
// border-radius: 4px; border-radius: 4px;
// border: 1px solid #ff4400; border: 1px solid #d9d9d9;
// background-color: #fff; background-color: #fff;
// color: rgba(255, 106, 0, 1); color: #333;
// transition: none; transition: none;
// cursor: pointer; cursor: pointer;
// &:hover { &:hover {
// color: #fff; color: #ff4400;
border: 1px solid #ff4400;
// background-color: #ff791a; // background-color: #ff791a;
// } }
// } i {
color: #ff4400;
}
}
.norecruitment { .norecruitment {
border: 1px solid #ccc; border: 1px solid #ccc;
margin-left: 16px; margin-left: 16px;

@ -63,8 +63,8 @@
<template v-if="jobDetail.minMonthlyPay"> <template v-if="jobDetail.minMonthlyPay">
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span> <span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth"> <div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay }}</span <span>{{ jobDetail.minMonthlyPayStr }}</span
>- <span>{{ jobDetail.maxMonthlyPay }}</span >- <span>{{ jobDetail.maxMonthlyPayStr }}</span
>/ >/
</div> </div>
</template> </template>
@ -306,6 +306,8 @@ export default {
console.log(data.data); console.log(data.data);
console.log(disposeJobListData(data.data)); console.log(disposeJobListData(data.data));
this.jobDetail = disposeJobListData(data.data); this.jobDetail = disposeJobListData(data.data);
this.jobDetail.maxMonthlyPayStr = this.jobDetail.maxMonthlyPay / 100
this.jobDetail.minMonthlyPayStr = this.jobDetail.minMonthlyPay / 100
this.store = data.data; this.store = data.data;
this.jobDetail.district = disposeJobListData(data.data).district; this.jobDetail.district = disposeJobListData(data.data).district;
this.retrunFee = setReturnFee(data.data.returnFee, data.data.returnFeeType); this.retrunFee = setReturnFee(data.data.returnFee, data.data.returnFeeType);

@ -404,8 +404,7 @@
<div class="subset" v-for="(item, index) in jobMainList" :key="index" :style="{ <div class="subset" v-for="(item, index) in jobMainList" :key="index" :style="{
background: item.recruitment == '1' ? '#fff' : '#f5f5f5', background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
}"> }">
<!-- v-if="signType == ''" -->
<!-- v-if="signType == ''" -->
<router-link target="_blank" :to="signType == '' ? ('/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum) : ('/detailYicai?' + 'id=' + item.id)" rel="opener"> <router-link target="_blank" :to="signType == '' ? ('/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum) : ('/detailYicai?' + 'id=' + item.id)" rel="opener">
<div class="subsetleft" @click="totop"> <div class="subsetleft" @click="totop">
@ -441,8 +440,14 @@
<div class="jobpricemonth" v-if="item.minMonthlyPay"> <div class="jobpricemonth" v-if="item.minMonthlyPay">
<!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" --> <!-- :style="{ opacity: item.minMonthlyPay ? '1' : '0' }" -->
<template v-if="formvalue.signType != 1">
<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span>- <span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span>-
<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span>/ <span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span>/
</template>
<template v-else>
<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100: "" }}</span>-
<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100: "" }}</span>/
</template>
</div> </div>
<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"> <div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)">
<!-- <template v-if="item.hourlyPay" <!-- <template v-if="item.hourlyPay"
@ -518,7 +523,7 @@
<!-- <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> <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>
@ -558,7 +563,7 @@ import Clipboard from 'clipboard'
// import recordbill from "@/components/FirstJob/components/recordbill.vue"; // import recordbill from "@/components/FirstJob/components/recordbill.vue";
export default { export default {
// //
inject: ['getJobList','getJobListYicai', 'reload'], inject: ['getJobList', 'getJobListYicai', 'reload'],
// //
name: '', name: '',
// //
@ -626,7 +631,7 @@ export default {
proxyinfo: JSON.parse(localStorage.getItem('LOGIN_DATA')), proxyinfo: JSON.parse(localStorage.getItem('LOGIN_DATA')),
nationlist: nationlist, nationlist: nationlist,
specialHotTag: [], specialHotTag: [],
loginValue:{}, loginValue: {},
dateinfo: { dateinfo: {
day: '', day: '',
week: '', week: '',
@ -825,10 +830,9 @@ export default {
// console.log(this.currentPage); // console.log(this.currentPage);
this.formvalue.pageNum = this.currentPage this.formvalue.pageNum = this.currentPage
} }
if(this.signType == ''){ if (this.signType == '') {
this.getJobList() this.getJobList()
} else {
}else{
this.getJobListYicai() this.getJobListYicai()
} }
@ -853,7 +857,6 @@ export default {
} else { } else {
this.getPosition() this.getPosition()
} }
}, },
/** /**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子 * el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
@ -878,7 +881,7 @@ export default {
getUserManager() { getUserManager() {
getUserManagerApi().then(({ data }) => { getUserManagerApi().then(({ data }) => {
console.log(data) console.log(data)
this.$store.commit('setManagerInfo',data.data) this.$store.commit('setManagerInfo', data.data)
this.managerInfo = data.data this.managerInfo = data.data
console.log('+++++++++++++++++++++++++', this.$store) console.log('+++++++++++++++++++++++++', this.$store)
}) })
@ -1087,7 +1090,6 @@ export default {
this.formvalue.pageNum = 1 this.formvalue.pageNum = 1
this.getJobList() this.getJobList()
} }
} }
}, },
async getJobSpecialList() { async getJobSpecialList() {
@ -1350,14 +1352,13 @@ export default {
// //
// console.log(item); // console.log(item);
// let userinfo = JSON.stringify(item); // let userinfo = JSON.stringify(item);
if(this.signType == ''){ if (this.signType == '') {
this.$router.push({ name: 'recordbill', params: item }) this.$router.push({ name: 'recordbill', params: item })
sessionStorage.setItem('CURRENT_FIRM', JSON.stringify(item)) sessionStorage.setItem('CURRENT_FIRM', JSON.stringify(item))
}else if(this.signType == '1'){ } else if (this.signType == '1') {
this.$router.push({ name: 'recordbillYicai', params: item }) this.$router.push({ name: 'recordbillYicai', params: item })
sessionStorage.setItem('CURRENT_FIRM_YICAI', JSON.stringify(item)) sessionStorage.setItem('CURRENT_FIRM_YICAI', JSON.stringify(item))
} }
}, },
getSalaryClassifyValue(salaryClassify, salaryClassifyValue) { getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
return getSalaryClassifyValue(salaryClassify, salaryClassifyValue) return getSalaryClassifyValue(salaryClassify, salaryClassifyValue)
@ -1443,7 +1444,7 @@ export default {
this.classifyList = data.data.labels this.classifyList = data.data.labels
this.$nextTick(() => { this.$nextTick(() => {
let fileterContent = document.querySelector('.filter-content') let fileterContent = document.querySelector('.filter-content')
if(isNotEmptyCheck(fileterContent.scrollHeight)){ if (isNotEmptyCheck(fileterContent.scrollHeight)) {
this.filterHeight = fileterContent.scrollHeight this.filterHeight = fileterContent.scrollHeight
} }
// fileterContent.style.height = this.filterHeight + "px"; // fileterContent.style.height = this.filterHeight + "px";

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_fo3hhgd9jw9.css"; @import "http://at.alicdn.com/t/c/font_3135652_nopyx9nvfil.css";
@font-face { @font-face {
font-family: "DingTalk"; /* 这里的字体名称是自定义的 */ font-family: "DingTalk"; /* 这里的字体名称是自定义的 */
src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径记得配置域名权限 */ src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径记得配置域名权限 */

@ -11,7 +11,7 @@
</router-link> </router-link>
</div> </div>
<span class="login fsa"> <span class="login fsa">
<div class="f14 pr16 mr16" style="line-height:1;border-right:1px solid #979797;cursor:pointer"> <div class="f14 pr16 mr16" style="line-height: 1; border-right: 1px solid #979797; cursor: pointer">
<!-- <i class="iconfont icon-qiehuan cf4 f12 mr4"></i>切换到公开版 --> <!-- <i class="iconfont icon-qiehuan cf4 f12 mr4"></i>切换到公开版 -->
</div> </div>
<div> <div>
@ -53,50 +53,55 @@
</div> </div>
<span v-if="isLogin" class="logined fsa"> <span v-if="isLogin" class="logined fsa">
<div class v-if="loginValue.agencyName == '郑州一才工作'"> <div class v-if="loginValue.agencyName == '郑州一才工作'">
<a-dropdown :trigger="['click']" v-if="false" overlayClassName="logindropdown" placement="bottomRight" :getPopupContainer=" <a-dropdown
:trigger="['click']"
v-if="false"
overlayClassName="logindropdown"
placement="bottomRight"
:getPopupContainer="
(triggerNode) => { (triggerNode) => {
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
"> "
>
<div class="mr20 user-box"> <div class="mr20 user-box">
<i class="iconfont icon-xiaoxi"></i> <i class="iconfont icon-xiaoxi"></i>
</div> </div>
<div class="loginbox" slot="overlay"> <div class="loginbox" slot="overlay">
<router-link to="/systemMsg"> <router-link to="/systemMsg">
<div> <div>
<span> <span> <i class="iconfont icon-xitongtongzhi"></i>系统通知 </span>
<i class="iconfont icon-xitongtongzhi"></i>系统通知
</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</div> </div>
</router-link> </router-link>
<router-link to="/teamMsg"> <router-link to="/teamMsg">
<div style="border-bottom: none;"> <div style="border-bottom: none">
<span> <span> <i class="iconfont icon-tuanduitongzhi"></i>团队通知 </span>
<i class="iconfont icon-tuanduitongzhi"></i>团队通知
</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</div> </div>
</router-link> </router-link>
</div> </div>
</a-dropdown> </a-dropdown>
</div> </div>
<a-dropdown :trigger="['click']" overlayClassName="logindropdown" placement="bottomRight" :getPopupContainer=" <a-dropdown
:trigger="['click']"
overlayClassName="logindropdown"
placement="bottomRight"
:getPopupContainer="
(triggerNode) => { (triggerNode) => {
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
"> "
>
<span class="fsa fsa-box"> <span class="fsa fsa-box">
<span class="iconfont icon-morentouxiang mr4 f32" v-if="!userbaseInfo.imgSrc"></span> <span class="iconfont icon-morentouxiang mr4 f32" v-if="!userbaseInfo.imgSrc"></span>
<img :src="userbaseInfo.imgSrc" class="mr4" style="border-radius:50%;width:28px;height:28px;" alt v-else /> <img :src="userbaseInfo.imgSrc" class="mr4" style="border-radius: 50%; width: 28px; height: 28px" alt v-else />
<div class="ml4 f14 c6">{{ userbaseInfo.userName || userbaseInfo.nickName || '-' }}</div> <div class="ml4 f14 c6">{{ userbaseInfo.userName || userbaseInfo.nickName || "-" }}</div>
</span> </span>
<div class="loginbox" slot="overlay"> <div class="loginbox" slot="overlay">
<router-link to="/accountsetting"> <router-link to="/accountsetting">
<div> <div>
<span> <span> <i class="iconfont icon-gerenzhongxin"></i>个人中心 </span>
<i class="iconfont icon-gerenzhongxin"></i>个人中心
</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</div> </div>
</router-link> </router-link>
@ -111,20 +116,18 @@
<!-- 2023-11-29 注释该条件 && (loginValue.agencyRole == 2 || loginValue.agencyRole == 1 ) --> <!-- 2023-11-29 注释该条件 && (loginValue.agencyRole == 2 || loginValue.agencyRole == 1 ) -->
<router-link to="###" v-if="loginValue.agencyName == '郑州一才工作' || loginValue.id == '116253'"> <router-link to="###" v-if="loginValue.agencyName == '郑州一才工作' || loginValue.id == '116253'">
<div @click="goAdmin"> <div @click="goAdmin">
<span> <span> <i class="iconfont icon-shangjiahoutai"></i>商家后台 </span>
<i class="iconfont icon-shangjiahoutai"></i>商家后台
</span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</div> </div>
</router-link> </router-link>
<router-link to="###" v-if="loginValue.agencyName == '郑州一才工作'"> <!-- <router-link to="###" v-if="loginValue.agencyName == '郑州一才工作'">
<div @click="goJiaofu"> <div @click="goJiaofu">
<span> <span>
<i class="iconfont icon-jiaofuzhushouicon"></i>交付助手 <i class="iconfont icon-jiaofuzhushouicon"></i>交付助手
</span> </span>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
</div> </div>
</router-link> </router-link> -->
<button @click="logout">退</button> <button @click="logout">退</button>
</div> </div>
</a-dropdown> </a-dropdown>
@ -137,7 +140,7 @@
</span> </span>
</div> </div>
</div> </div>
<div class="fsa titleSlogan w" v-if="routertitleindex == 0 "> <div class="fsa titleSlogan w" v-if="routertitleindex == 0">
<!-- <div> --> <!-- <div> -->
<svg class="svg_icon" aria-hidden="true"> <svg class="svg_icon" aria-hidden="true">
<use xlink:href="#icon-daotian-logo" /> <use xlink:href="#icon-daotian-logo" />
@ -208,7 +211,7 @@
</div> </div>
</div>--> </div>-->
<!-- footer部分 --> <!-- footer部分 -->
<footer v-if="isfootershow" :class="loginPage ? 'footer_abs':''"> <footer v-if="isfootershow" :class="loginPage ? 'footer_abs' : ''">
<div class="w"> <div class="w">
<!-- <ul> <!-- <ul>
<li @click="totop"><router-link to="/list">一手职位</router-link></li> <li @click="totop"><router-link to="/list">一手职位</router-link></li>
@ -224,9 +227,9 @@
<div> <div>
<span> <span>
Powered by Powered by
<svg class="svg_icon ml4" style="font-size:46px;margin-top:-2px" aria-hidden="true"> <svg class="svg_icon ml4" style="font-size: 46px; margin-top: -2px" aria-hidden="true">
<use xlink:href="#icon-bocai2" /> <use xlink:href="#icon-bocai2" /></svg
</svg>Copyright © 2015-2023 Bocai. All Rights Reserved. >Copyright © 2015-2023 Bocai. All Rights Reserved.
</span> </span>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号</a> <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号</a>
</div> </div>
@ -237,27 +240,27 @@
<script> <script>
// import joblist from "../components/firstjob/joblist.vue"; // import joblist from "../components/firstjob/joblist.vue";
import Cookies from 'js-cookie' import Cookies from "js-cookie";
import { import {
JobListApi, JobListApi,
JobListApiYicai JobListApiYicai,
// getCityApi, // getCityApi,
} from '../api/job' } from "../api/job";
import { logoutApi } from '../api/login' import { logoutApi } from "../api/login";
import { disposeJobListData,setReturnFee } from '../utils/commonUtil' import { disposeJobListData, setReturnFee } from "../utils/commonUtil";
export default { export default {
inject: ['reload'], inject: ["reload"],
provide() { provide() {
return { return {
getJobList: this.getJobList, getJobList: this.getJobList,
getJobListYicai: this.getJobListYicai, getJobListYicai: this.getJobListYicai,
logout: this.logout, logout: this.logout,
} };
}, },
// //
name: '', name: "",
// //
components: { components: {
// joblist, // joblist,
@ -280,18 +283,18 @@ export default {
// //
district: [], // district: [], //
monthlyPayStr: [], // monthlyPayStr: [], //
ageStr: '', // ageStr: "", //
jobSpecialLabelIds: [], // jobSpecialLabelIds: [], //
aliasName: '', aliasName: "",
sex: [], sex: [],
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 8,
total: null, // total: null, //
}, },
userbaseInfo: JSON.parse(localStorage.getItem('LOGIN_DATA')), userbaseInfo: JSON.parse(localStorage.getItem("LOGIN_DATA")),
loginPage: false, loginPage: false,
routertitleindex: 0, routertitleindex: 0,
} };
}, },
// //
computed: { computed: {
@ -341,49 +344,49 @@ export default {
// } else { // } else {
// this.laoxiangshow = true // this.laoxiangshow = true
// } // }
this.showfooter() this.showfooter();
}, },
$route: { $route: {
handler(to) { handler(to) {
console.log() console.log();
// console.log("ischange"); // console.log("ischange");
// console.log(to); // console.log(to);
// console.log(from); // console.log(from);
// console.dir(this.navigationBarLocation); // console.dir(this.navigationBarLocation);
window.addEventListener('scroll', this.navigationBarLocation) window.addEventListener("scroll", this.navigationBarLocation);
window.addEventListener('scroll', this.windowScroll) // window.addEventListener("scroll", this.windowScroll); //
if (to.fullPath.indexOf('serviceoutlets') > -1) { if (to.fullPath.indexOf("serviceoutlets") > -1) {
this.routertitleindex = 2 this.routertitleindex = 2;
} else if (to.fullPath.indexOf('list') > -1 || to.fullPath.indexOf('detail') > -1) { } else if (to.fullPath.indexOf("list") > -1 || to.fullPath.indexOf("detail") > -1) {
this.routertitleindex = 1 this.routertitleindex = 1;
} else if (to.fullPath.indexOf('aboutus') > -1) { } else if (to.fullPath.indexOf("aboutus") > -1) {
this.routertitleindex = 3 this.routertitleindex = 3;
} else if (to.fullPath.indexOf('main') > -1) { } else if (to.fullPath.indexOf("main") > -1) {
this.routertitleindex = 0 this.routertitleindex = 0;
} else if (to.fullPath.indexOf('mytownsman') > -1) { } else if (to.fullPath.indexOf("mytownsman") > -1) {
this.routertitleindex = 4 this.routertitleindex = 4;
} else if (to.fullPath.indexOf('mybill') > -1) { } else if (to.fullPath.indexOf("mybill") > -1) {
this.routertitleindex = 5 this.routertitleindex = 5;
} else if (to.fullPath.indexOf('dataStatistics') > -1) { } else if (to.fullPath.indexOf("dataStatistics") > -1) {
this.routertitleindex = 6 this.routertitleindex = 6;
} else { } else {
this.routertitleindex = 7 this.routertitleindex = 7;
} }
if (to.fullPath == '/login' || !localStorage.getItem('LOGIN_DATA')) { if (to.fullPath == "/login" || !localStorage.getItem("LOGIN_DATA")) {
this.loginPage = true this.loginPage = true;
this.isLogin = false this.isLogin = false;
} else { } else {
this.loginPage = false this.loginPage = false;
} }
if (to.fullPath == '/list') { if (to.fullPath == "/list") {
window.removeEventListener('scroll', this.navigationBarLocation) window.removeEventListener("scroll", this.navigationBarLocation);
return return;
} else if (to.fullPath == '/main') { } else if (to.fullPath == "/main") {
window.removeEventListener('scroll', this.windowScroll) window.removeEventListener("scroll", this.windowScroll);
return return;
} }
window.removeEventListener('scroll', this.navigationBarLocation) window.removeEventListener("scroll", this.navigationBarLocation);
window.removeEventListener('scroll', this.windowScroll) window.removeEventListener("scroll", this.windowScroll);
}, },
deep: true, deep: true,
immediate: true, immediate: true,
@ -394,26 +397,26 @@ export default {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在 * 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/ */
created() { created() {
console.log(this.$route) console.log(this.$route);
if (this.$route.fullPath != '/login') { if (this.$route.fullPath != "/login") {
this.loginPage = false this.loginPage = false;
} }
if (localStorage.getItem('LOGIN_DATA')) { if (localStorage.getItem("LOGIN_DATA")) {
this.isLogin = true this.isLogin = true;
} }
this.getJobList() this.getJobList();
this.getJobListYicai() this.getJobListYicai();
this.isLaoxiangshow() this.isLaoxiangshow();
this.getRecommendJob() this.getRecommendJob();
this.showfooter() this.showfooter();
}, },
/** /**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子 * el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内 * 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/ */
mounted() { mounted() {
this.loginValue = localStorage.getItem('LOGIN_DATA') !== null ? JSON.parse(localStorage.getItem('LOGIN_DATA')) : { tel: '' } this.loginValue = localStorage.getItem("LOGIN_DATA") !== null ? JSON.parse(localStorage.getItem("LOGIN_DATA")) : { tel: "" };
console.log(this.loginValue) console.log(this.loginValue);
// console.log(document.querySelector(".ant-pagination-options-quick-jumper")); // console.log(document.querySelector(".ant-pagination-options-quick-jumper"));
}, },
// //
@ -453,176 +456,172 @@ export default {
// } // }
// }, // },
navigationBarLocation() { navigationBarLocation() {
let navigationBar = document.getElementById('navigationBar') let navigationBar = document.getElementById("navigationBar");
let aboutBill = document.getElementById('aboutBill') let aboutBill = document.getElementById("aboutBill");
// console.log(navigationBar.getBoundingClientRect().top); // console.log(navigationBar.getBoundingClientRect().top);
// console.log(aboutBill); // console.log(aboutBill);
// console.log(aboutBill.getBoundingClientRect().top); // console.log(aboutBill.getBoundingClientRect().top);
if (this.$route.fullPath == '/main') { if (this.$route.fullPath == "/main") {
if (navigationBar.getBoundingClientRect().top <= 0 && aboutBill.getBoundingClientRect().top < 84) { if (navigationBar.getBoundingClientRect().top <= 0 && aboutBill.getBoundingClientRect().top < 84) {
navigationBar.style.position = 'fixed' navigationBar.style.position = "fixed";
navigationBar.style.top = '0px' navigationBar.style.top = "0px";
navigationBar.style.boxShadow = '0 0 10px 0 #eee' navigationBar.style.boxShadow = "0 0 10px 0 #eee";
navigationBar.style.width = '1920px' navigationBar.style.width = "1920px";
} else if (navigationBar.getBoundingClientRect().top == 0 && aboutBill.getBoundingClientRect().top >= 84) { } else if (navigationBar.getBoundingClientRect().top == 0 && aboutBill.getBoundingClientRect().top >= 84) {
// console.log('isbig'); // console.log('isbig');
navigationBar.style.position = 'absolute' navigationBar.style.position = "absolute";
navigationBar.style.top = 'unset' navigationBar.style.top = "unset";
navigationBar.style.bottom = '0px' navigationBar.style.bottom = "0px";
navigationBar.style.boxShadow = 'none' navigationBar.style.boxShadow = "none";
navigationBar.style.width = '1200px' navigationBar.style.width = "1200px";
} }
} }
}, },
// //
async getJobList(newdata) { async getJobList(newdata) {
this.isspinning = true this.isspinning = true;
console.log(this.formvalue) console.log(this.formvalue);
try { try {
newdata = { newdata = {
district: '', district: "",
monthlyPayStr: '', monthlyPayStr: "",
ageStr: '', ageStr: "",
jobSpecialLabelIds: '', jobSpecialLabelIds: "",
aliasName: '', aliasName: "",
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 8,
total: null, // total: null, //
} };
for (var k in this.formvalue) { for (var k in this.formvalue) {
// console.log(this.formvalue[k]); // console.log(this.formvalue[k]);
if (Array.isArray(this.formvalue[k])) { if (Array.isArray(this.formvalue[k])) {
newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : '' newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
} else { } else {
newdata[k] = this.formvalue[k] newdata[k] = this.formvalue[k];
} }
} }
// console.log(newdata); // console.log(newdata);
// debugger; // debugger;
// console.log(this.isLogin); // console.log(this.isLogin);
if (this.isLogin) { if (this.isLogin) {
const { data } = await JobListApi(newdata) const { data } = await JobListApi(newdata);
// console.log(data); // console.log(data);
if (data.status === 200) { if (data.status === 200) {
this.jobMainList = disposeJobListData(data.data.recordList) this.jobMainList = disposeJobListData(data.data.recordList);
this.formvalue.total = data.data.recordCount this.formvalue.total = data.data.recordCount;
console.log(this.jobMainList) console.log(this.jobMainList);
} else { } else {
this.$message.info('数据获取失败') this.$message.info("数据获取失败");
} }
} }
this.totop() this.totop();
// = data.data.recordList; // = data.data.recordList;
// console.log(this.formvalue); // console.log(this.formvalue);
} catch (error) { } catch (error) {
console.log(error) console.log(error);
} }
this.isspinning = false this.isspinning = false;
}, },
// //
async getJobListYicai(newdata) { async getJobListYicai(newdata) {
this.isspinning = true this.isspinning = true;
console.log(this.formvalue) console.log(this.formvalue);
try { try {
newdata = { newdata = {
agencyId: '3087', agencyId: "3087",
recruitment:"1", recruitment: "1",
keys: '', keys: "",
pageNum: 1, pageNum: 1,
pageSize: 8, pageSize: 8,
total: null, // total: null, //
} };
for (var k in this.formvalue) { for (var k in this.formvalue) {
// console.log(this.formvalue[k]); // console.log(this.formvalue[k]);
if (Array.isArray(this.formvalue[k])) { if (Array.isArray(this.formvalue[k])) {
newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : '' newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
} else { } else {
newdata[k] = this.formvalue[k] newdata[k] = this.formvalue[k];
} }
} }
// console.log(newdata); // console.log(newdata);
// debugger; // debugger;
// console.log(this.isLogin); // console.log(this.isLogin);
if (this.isLogin) { if (this.isLogin) {
const { data } = await JobListApiYicai(newdata) const { data } = await JobListApiYicai(newdata);
// console.log(data); // console.log(data);
if (data.status === 200) { if (data.status === 200) {
this.jobMainList = disposeJobListData(data.data.recordList) this.jobMainList = disposeJobListData(data.data.recordList);
this.jobMainList.forEach((item,index) => { this.jobMainList.forEach((item, index) => {
item['servetype'] = setReturnFee(item.returnFee,item.returnFeeType); item["servetype"] = setReturnFee(item.returnFee, item.returnFeeType);
}) });
this.formvalue.total = data.data.recordCount this.formvalue.total = data.data.recordCount;
console.log(this.jobMainList) console.log(this.jobMainList);
} else { } else {
this.$message.info('数据获取失败') this.$message.info("数据获取失败");
} }
} }
this.totop() this.totop();
// = data.data.recordList; // = data.data.recordList;
// console.log(this.formvalue); // console.log(this.formvalue);
} catch (error) { } catch (error) {
console.log(error) console.log(error);
} }
this.isspinning = false this.isspinning = false;
}, },
totop() { totop() {
// console.log(window); // console.log(window);
document.body.scrollTop = 0 document.body.scrollTop = 0;
document.documentElement.scrollTop = 0 document.documentElement.scrollTop = 0;
// window.body.scrollY = 0; // window.body.scrollY = 0;
}, },
isLaoxiangshow() { isLaoxiangshow() {
const path = this.$route.fullPath const path = this.$route.fullPath;
if (path.indexOf('serviceoutlets') > -1) { if (path.indexOf("serviceoutlets") > -1) {
this.laoxiangshow = true this.laoxiangshow = true;
} else if (path.indexOf('list') > -1 || path.indexOf('detail') > -1) { } else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
this.laoxiangshow = true this.laoxiangshow = true;
} else if (path.indexOf('aboutus') > -1) { } else if (path.indexOf("aboutus") > -1) {
this.laoxiangshow = false this.laoxiangshow = false;
} else { } else {
this.laoxiangshow = true this.laoxiangshow = true;
} }
}, },
async getRecommendJob() { async getRecommendJob() {
this.isspinning = true this.isspinning = true;
try { try {
if (this.isLogin) { if (this.isLogin) {
const { data } = await JobListApi({ const { data } = await JobListApi({
pageNum: 1, pageNum: 1,
pageSize: 4, pageSize: 4,
jobCategory: 608, jobCategory: 608,
}) });
// console.log(data); // console.log(data);
this.fellowList = disposeJobListData(data.data.recordList) this.fellowList = disposeJobListData(data.data.recordList);
// console.log(this.fellowList); // console.log(this.fellowList);
} }
// this.$emit("update:relationList", this.relationList); // this.$emit("update:relationList", this.relationList);
} catch (error) { } catch (error) {
console.log(error) console.log(error);
} }
this.isspinning = false this.isspinning = false;
}, },
async logout() { async logout() {
// logoutApi().then((result) => { // logoutApi().then((result) => {
// console.log(result); // console.log(result);
// }); // });
try { try {
const data = await logoutApi() const data = await logoutApi();
console.log(data) console.log(data);
if (data.status === 200) { if (data.status === 200) {
localStorage.removeItem('LOGIN_DATA') localStorage.removeItem("LOGIN_DATA");
localStorage.removeItem('DAOTIAN_token') localStorage.removeItem("DAOTIAN_token");
localStorage.removeItem('daotian_to_admin_token') localStorage.removeItem("daotian_to_admin_token");
this.reload() this.reload();
this.$router.push('/main') this.$router.push("/main");
} else { } else {
console.log(1) console.log(1);
} }
// this.fellowList = disposeJobListData(data.data.recordList); // this.fellowList = disposeJobListData(data.data.recordList);
@ -630,8 +629,8 @@ export default {
// console.log(this.fellowList); // console.log(this.fellowList);
// this.$emit("update:relationList", this.relationList); // this.$emit("update:relationList", this.relationList);
} catch (error) { } catch (error) {
console.log(error) console.log(error);
this.$message.warning(error.message) this.$message.warning(error.message);
} }
// console.log(data); // console.log(data);
// if (data.status === 200) { // if (data.status === 200) {
@ -639,78 +638,78 @@ export default {
// } // }
}, },
resetpage() { resetpage() {
console.log(1) console.log(1);
setTimeout(() => { setTimeout(() => {
this.reload() this.reload();
document.body.scrollTop = 0 document.body.scrollTop = 0;
document.documentElement.scrollTop = 0 document.documentElement.scrollTop = 0;
}, 1000) }, 1000);
}, },
showfooter() { showfooter() {
const path = this.$route.fullPath const path = this.$route.fullPath;
if (path.indexOf('main') > -1) { if (path.indexOf("main") > -1) {
this.isbannershow = false this.isbannershow = false;
this.isfootershow = false this.isfootershow = false;
} else { } else {
this.isbannershow = true this.isbannershow = true;
this.isfootershow = true this.isfootershow = true;
} }
if (path.indexOf('login') > -1 && path.indexOf('loginpsw') == -1) { if (path.indexOf("login") > -1 && path.indexOf("loginpsw") == -1) {
this.isbannershow = false this.isbannershow = false;
} }
}, },
toList() { toList() {
console.log(this.$router) console.log(this.$router);
// this.$router.go(0); // this.$router.go(0);
// window.location.reload(); // window.location.reload();
this.reload() this.reload();
}, },
goAdmin() { goAdmin() {
let obj = JSON.parse(localStorage.getItem('LOGIN_DATA')) let obj = JSON.parse(localStorage.getItem("LOGIN_DATA"));
console.log(JSON.stringify(obj.user)) console.log(JSON.stringify(obj.user));
if (window.location.hostname == 'localhost') { if (window.location.hostname == "localhost") {
// URLtoken // URLtoken
window.open('http://localhost:3000/#/main?token=' + obj.token + '&username=' + (obj.user.userName ? obj.user.userName : obj.user.nickName) + '&avatar=' + obj.imgSrc + '&roleid=' + obj.user.agencyRoleId + '&agencyid=' + obj.user.agencyId + '&userInfo=' + JSON.stringify(obj)) window.open("http://localhost:3000/#/login?token=" + obj.token + "&username=" + (obj.user.userName ? obj.user.userName : obj.user.nickName) + "&avatar=" + obj.imgSrc + "&roleid=" + obj.user.agencyRoleId + "&agencyid=" + obj.user.agencyId + "&userInfo=" + JSON.stringify(obj));
} else { } else {
// //
localStorage.setItem('daotian_to_admin', JSON.stringify(obj)) localStorage.setItem("daotian_to_admin", JSON.stringify(obj));
localStorage.setItem('daotian_to_admin_token', obj.token) localStorage.setItem("daotian_to_admin_token", obj.token);
localStorage.setItem('daotian_to_admin_avatar', obj.imgSrc) localStorage.setItem("daotian_to_admin_avatar", obj.imgSrc);
localStorage.setItem('daotian_to_admin_username', obj.user.userName ? obj.user.userName : obj.user.nickName) localStorage.setItem("daotian_to_admin_username", obj.user.userName ? obj.user.userName : obj.user.nickName);
localStorage.setItem('daotian_to_admin_roleid', obj.user.agencyRoleId) localStorage.setItem("daotian_to_admin_roleid", obj.user.agencyRoleId);
localStorage.setItem('daotian_to_admin_agencyid', obj.user.agencyId) localStorage.setItem("daotian_to_admin_agencyid", obj.user.agencyId);
if (window.location.origin.indexOf('www') > -1) { if (window.location.origin.indexOf("www") > -1) {
window.open('http://www.idaotian.com/dist2.0.0/#/main') window.open("http://www.ibocai.cn/#/login?token=" + obj.token + "&username=" + (obj.user.userName ? obj.user.userName : obj.user.nickName) + "&avatar=" + obj.imgSrc + "&roleid=" + obj.user.agencyRoleId + "&agencyid=" + obj.user.agencyId + "&userInfo=" + JSON.stringify(obj));
} else { } else {
window.open('http://idaotian.com/dist2.0.0/#/main') window.open("http://ibocai.cn/#/login?token=" + obj.token + "&username=" + (obj.user.userName ? obj.user.userName : obj.user.nickName) + "&avatar=" + obj.imgSrc + "&roleid=" + obj.user.agencyRoleId + "&agencyid=" + obj.user.agencyId + "&userInfo=" + JSON.stringify(obj));
} }
} }
}, },
goJiaofu() { goJiaofu() {
let obj = JSON.parse(localStorage.getItem('LOGIN_DATA')) let obj = JSON.parse(localStorage.getItem("LOGIN_DATA"));
if (window.location.hostname == 'localhost') { if (window.location.hostname == "localhost") {
// URLtoken // URLtoken
window.open('http://localhost:3000/#/other/delivery?token=' + obj.token + '&username=' + (obj.user.userName ? obj.user.userName : obj.user.nickName) + '&avatar=' + obj.imgSrc + '&roleid=' + obj.user.agencyRoleId + '&agencyid=' + obj.user.agencyId + '&userInfo=' + JSON.stringify(obj)) window.open("http://localhost:3000/#/other/delivery?token=" + obj.token + "&username=" + (obj.user.userName ? obj.user.userName : obj.user.nickName) + "&avatar=" + obj.imgSrc + "&roleid=" + obj.user.agencyRoleId + "&agencyid=" + obj.user.agencyId + "&userInfo=" + JSON.stringify(obj));
} else { } else {
// //
localStorage.setItem('daotian_to_admin_token', obj.token) localStorage.setItem("daotian_to_admin_token", obj.token);
localStorage.setItem('daotian_to_admin', JSON.stringify(obj)) localStorage.setItem("daotian_to_admin", JSON.stringify(obj));
localStorage.setItem('daotian_to_admin_avatar', obj.imgSrc) localStorage.setItem("daotian_to_admin_avatar", obj.imgSrc);
localStorage.setItem('daotian_to_admin_username', obj.user.userName ? obj.user.userName : obj.user.nickName) localStorage.setItem("daotian_to_admin_username", obj.user.userName ? obj.user.userName : obj.user.nickName);
localStorage.setItem('daotian_to_admin_roleid', obj.user.agencyRoleId) localStorage.setItem("daotian_to_admin_roleid", obj.user.agencyRoleId);
localStorage.setItem('daotian_to_admin_agencyid', obj.user.agencyId) localStorage.setItem("daotian_to_admin_agencyid", obj.user.agencyId);
if (window.location.origin.indexOf('www') > -1) { if (window.location.origin.indexOf("www") > -1) {
window.open('http://www.idaotian.com/dist2.0.0/#/other/delivery') window.open("http://www.ibocai.cn/#/other/delivery");
} else { } else {
window.open('http://idaotian.com/dist2.0.0/#/other/delivery') window.open("http://ibocai.cn/#/other/delivery");
} }
} }
}, },
}, },
} };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">

Loading…
Cancel
Save