soleilw
/
job-pc
Observar 1
Favorito 0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

deploy

master
Soleilw 1 ano atrás
pai
39de5faece
commit
7810d49f9b
9 arquivos alterados com 150 adições e 158 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 1
    1
      dist/assets/404-OVKxzUuO.js
  2. 0
    1
      dist/assets/index-G25Ml6HQ.css
  3. 59
    59
      dist/assets/index-HS7lw29o.js
  4. 1
    0
      dist/assets/index-T1Q0jmCH.css
  5. 2
    2
      dist/index.html
  6. 10
    52
      src/components/job/detail/index.vue
  7. 1
    1
      src/components/job/list/index.vue
  8. 69
    0
      src/components/map/marker.vue
  9. 7
    42
      src/views/common/personal/index.vue

dist/assets/404-T5E9s3tG.js → dist/assets/404-OVKxzUuO.js Ver arquivo

@@ -1 +1 @@
import{_ as r,r as s,o as d,c as p,a as e,b as a,w as c,d as l,p as i,e as u}from"./index-N9uXFhy4.js";const h={},t=o=>(i("data-v-80d1ee2a"),o=o(),u(),o),m={class:"nopage"},f=t(()=>e("span",{style:{color:"#0074D9"}},"4",-1)),v=t(()=>e("span",{style:{color:"#67C23A"}},"0",-1)),x=t(()=>e("span",{style:{color:"#0074D9"}},"4",-1)),y=t(()=>e("p",null,"你页面走丢了~",-1));function b(o,k){const n=s("a-button"),_=s("router-link");return d(),p("div",m,[f,v,x,e("div",null,[y,e("p",null,[a(_,{to:"/job/home"},{default:c(()=>[a(n,{type:"primary"},{default:c(()=>[l("返回首页")]),_:1})]),_:1})])])])}const w=r(h,[["render",b],["__scopeId","data-v-80d1ee2a"]]);export{w as default};
import{_ as r,r as s,o as d,c as p,a as e,b as a,w as c,d as l,p as i,e as u}from"./index-HS7lw29o.js";const h={},t=o=>(i("data-v-80d1ee2a"),o=o(),u(),o),m={class:"nopage"},f=t(()=>e("span",{style:{color:"#0074D9"}},"4",-1)),v=t(()=>e("span",{style:{color:"#67C23A"}},"0",-1)),x=t(()=>e("span",{style:{color:"#0074D9"}},"4",-1)),y=t(()=>e("p",null,"你页面走丢了~",-1));function b(o,k){const n=s("a-button"),_=s("router-link");return d(),p("div",m,[f,v,x,e("div",null,[y,e("p",null,[a(_,{to:"/job/home"},{default:c(()=>[a(n,{type:"primary"},{default:c(()=>[l("返回首页")]),_:1})]),_:1})])])])}const w=r(h,[["render",b],["__scopeId","data-v-80d1ee2a"]]);export{w as default};

+ 0
- 1
dist/assets/index-G25Ml6HQ.css
Diferenças do arquivo suprimidas por serem muito extensas
Ver arquivo


dist/assets/index-HS7lw29o.js
Diferenças do arquivo suprimidas por serem muito extensas
Ver arquivo


+ 1
- 0
dist/assets/index-T1Q0jmCH.css
Diferenças do arquivo suprimidas por serem muito extensas
Ver arquivo


+ 2
- 2
dist/index.html Ver arquivo

@@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://map.qq.com/api/gljs?v=1.exp&key=MPBBZ-HUICZ-EGRXB-7AHZI-R4GQZ-QWBSO"></script>
<title>菊城人才网</title>
<script type="module" crossorigin src="/assets/index-N9uXFhy4.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-G25Ml6HQ.css">
<script type="module" crossorigin src="/assets/index-HS7lw29o.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-T1Q0jmCH.css">
</head>
<body>
<div id="app"></div>

+ 10
- 52
src/components/job/detail/index.vue Ver arquivo

@@ -73,10 +73,10 @@
</a-descriptions-item>
</a-descriptions>
</div>
<div style="margin-top: 30px;">
<div style="margin-top: 30px;" v-if="detail">
<a-descriptions :column="1" title="地图">
<a-descriptions-item :span="24">
<div ref="mapJob" class="map-container"></div>
<!-- <map-marker></map-marker> -->
</a-descriptions-item>
</a-descriptions>
</div>
@@ -86,8 +86,9 @@
</template>

<script setup lang="ts">
import { ref, computed, onMounted, defineProps, watch, createVNode } from 'vue';
import { ref, computed, onMounted, defineProps, watch, createVNode, nextTick } from 'vue';
import { GetJobDetail, GetJobAuthDetail, PostJobseekAddfavorite, PostJobseekDelfavorite, PostJobseekAddapplication } from '@/apis/models';
import MapMarker from '@/components/map/marker.vue'
import { useCommon } from '@/hooks/useCommon';
import { warnToast, successToast } from '@/utils/toastHelper';
let { store, commomParams, dayjs, richOption, ExclamationCircleOutlined, Modal, showOtherModal1 } = useCommon();
@@ -96,65 +97,23 @@
let detail = ref<Object>(null)
let token = ref(sessionStorage.getItem('token') ? sessionStorage.getItem('token') : '')
let role = ref(sessionStorage.getItem('role') ? sessionStorage.getItem('role') : '')
const mapJob = ref(null);
onMounted(() => {
})


const getDetail = () => {
if (sessionStorage.getItem('token')) {
GetJobAuthDetail({ id: job_id.value }).then(res => {
GetJobAuthDetail({ id: job_id.value }).then(res => {
detail.value = res.data;
if (mapJob.value && detail.value.contact.latitude && detail.value.contact.longitude) {
initMap()
} else {
console.error('地图容器元素未找到');
}
})
} else {
GetJobDetail({ id: job_id.value }).then(res => {
detail.value = res.data;
detail.value.latitude = ''
detail.value.longitude = ''
if (mapJob.value && detail.value.latitude && detail.value.longitude) {
initMap()
} else {
console.error('地图容器元素未找到');
}
})
}

}

const initMap = () => {
let center = new TMap.LatLng(detail.value.contact.latitude,detail.value.contact.longitude);//设置中心点坐标
//初始化地图
let map = new TMap.Map(mapJob.value, {
center: center
});
//创建并初始化MultiMarker
let markerLayer = new TMap.MultiMarker({
map: map, //指定地图容器
//样式定义
styles: {
//创建一个styleId为"myStyle"的样式（styles的子属性名即为styleId）
"myStyle": new TMap.MarkerStyle({
"width": 25, // 点标记样式宽度（像素）
"height": 35, // 点标记样式高度（像素）
"src": '../img/marker.png', //图片路径
//焦点在图片中的像素位置，一般大头针类似形式的图片以针尖位置做为焦点，圆形点以圆心位置为焦点
"anchor": { x: 16, y: 32 }
})
},
//点标记数据数组 longitude
geometries: [{
"id": "1", //点标记唯一标识，后续如果有删除、修改位置等操作，都需要此id
"styleId": 'myStyle', //指定样式id &&
"position": new TMap.LatLng(detail.value.contact.latitude,detail.value.contact.longitude), //点标记坐标位置
"properties": {//自定义属性
"title": "marker1"
}
}
]
});
}

const toLogin = () => {
showOtherModal1()
@@ -219,7 +178,6 @@
watch(() => props.id, (newVal) => {
job_id.value = newVal
if (job_id.value) {
mapJob.value = null
getDetail()
}
}, { immediate: true })

+ 1
- 1
src/components/job/list/index.vue Ver arquivo

@@ -29,7 +29,7 @@
<a-divider />
<a-space direction="vertical">
<a-flex justify="space-between" style="width: 100%;">
<div style="font-weight: 600;">{{item.full_name}}</div>
<div style="font-weight: 600;" @click="toCompanyDetail(item.company_id)">{{item.full_name}}</div>
<a-button type="primary" size="small" @click="toDetail(item.id, item.company_id)">查看详情</a-button>
</a-flex>
<a-flex style="width: 100%;color: #bebebe;">

+ 69
- 0
src/components/map/marker.vue Ver arquivo

@@ -0,0 +1,69 @@
<template>
<div ref="mapContainer" class="map-container"></div>
</template>

<script lang="ts" setup>
import { ref, onMounted, computed, watch, onBeforeUnmount, defineProps } from 'vue';
import vMap from '@/components/map/map-iframe.vue'
let props = defineProps({
lat: {
type: String,
default: 22.680964
},
lng: {
type: String,
default: 113.247185
}
})

const mapContainer = ref(null);
let lat = ref<any>(props.lat)
let lng = ref<any>(props.lng)
let map = ref<any>(null)

const initMap = () => {
console.log(lat.value, lng.value)
let center = new TMap.LatLng(lat.value, lng.value);//设置中心点坐标
let map = new TMap.Map(mapContainer.value, {
center: center
});
let markerLayer = new TMap.MultiMarker({
map: map, //指定地图容器
//样式定义
styles: {
//创建一个styleId为"myStyle"的样式（styles的子属性名即为styleId）
"myStyle": new TMap.MarkerStyle({
"width": 25, // 点标记样式宽度（像素）
"height": 35, // 点标记样式高度（像素）
"src": '../img/marker.png', //图片路径
"anchor": { x: 16, y: 32 }
})
},
//点标记数据数组 longitude
geometries: [{
"id": "1", //点标记唯一标识，后续如果有删除、修改位置等操作，都需要此id
"styleId": 'myStyle', //指定样式id
"position": new TMap.LatLng(lat.value, lng.value), //点标记坐标位置
"properties": {//自定义属性
"title": "marker1"
}
}
]
})
}
watch(() => [props.lat, props.lng], (newVal) => {
lat.value = newVal[0]
lng.value = newVal[1]
})

onMounted(() => {
initMap()
})
</script>

<style scoped>
.map-container {
width: 100%;
height: 600px;
}
</style>

+ 7
- 42
src/views/common/personal/index.vue Ver arquivo

@@ -63,7 +63,7 @@
<div style="margin: 20px 0; padding: 20px;background-color: #ffffff;border-radius: 8px;">
<a-descriptions :column="1" title="地图位置" layout="vertical">
<a-descriptions-item span="24">
<div ref="mapContainer" class="map-container"></div>
<map-marker v-if="companyDetail.latitude && companyDetail.longitude" :lat="companyDetail.latitude" :lng="companyDetail.longitude"></map-marker>
</a-descriptions-item>
</a-descriptions>
</div>
@@ -124,7 +124,7 @@
import JobCard from '@/components/job/card/index.vue'
import JobList from '@/components/job/list/index.vue'
import JobInternship from '@/components/job/internship/index.vue'
import vMap from '@/components/map/map-iframe.vue'
import MapMarker from '@/components/map/marker.vue'
import { PostCompanyInfo, GetJobCompanyjobs } from '@/apis/models';
import { ArrowLeftOutlined } from '@ant-design/icons-vue';
import { router } from '@/router';
@@ -138,7 +138,6 @@
let total = ref<Number>(0)
let job_id = ref<Number>(0)
let mode = ref<String>(sessionStorage.getItem('mode'))
const mapContainer = ref(null);

const toDetail = (data) => {
job_id.value = data.id;
@@ -183,39 +182,7 @@
getJobCompanyjobs(current.value)
}
}
const initMap = () => {
console.log(companyDetail.value.latitude, companyDetail.value.longitude)
var center = new TMap.LatLng(companyDetail.value.latitude, companyDetail.value.longitude);//设置中心点坐标
//初始化地图
var map = new TMap.Map(mapContainer.value, {
center: center
});
//创建并初始化MultiMarker
var markerLayer = new TMap.MultiMarker({
map: map, //指定地图容器
//样式定义
styles: {
//创建一个styleId为"myStyle"的样式（styles的子属性名即为styleId）
"myStyle": new TMap.MarkerStyle({
"width": 25, // 点标记样式宽度（像素）
"height": 35, // 点标记样式高度（像素）
"src": '../img/marker.png', //图片路径
//焦点在图片中的像素位置，一般大头针类似形式的图片以针尖位置做为焦点，圆形点以圆心位置为焦点
"anchor": { x: 16, y: 32 }
})
},
//点标记数据数组 longitude
geometries: [{
"id": "1", //点标记唯一标识，后续如果有删除、修改位置等操作，都需要此id
"styleId": 'myStyle', //指定样式id
"position": new TMap.LatLng(companyDetail.value.latitude, companyDetail.value.longitude), //点标记坐标位置
"properties": {//自定义属性
"title": "marker1"
}
}
]
});
}



@@ -226,8 +193,9 @@
if (sessionStorage.getItem('pubilc_id') != 0 || sessionStorage.getItem('id') != 0) {
PostCompanyInfo({ id: pubilc_id.value ? pubilc_id.value : sessionStorage.getItem('id') }).then(res => {
companyDetail.value = res.data;
initMap()
})
companyDetail.value.latitude= 22.680964
companyDetail.value.longitude=113.247185
})
getJobCompanyjobs(current.value)
}
}
@@ -246,10 +214,7 @@
padding: 0 !important;
}

.map-container {
width: 100%;
height: 600px;
}

:deep(.ant-card) {
padding: 0 !important;

Escrever Pré-visualização
Carregando…
Cancelar
Salvar