mz666
/
dandelionPlatformToB-uni-v3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
cyl/job_im
jscyl13849007907 2 weeks ago
parent 5a89594cad
commit dc8f3d5142
3 changed files with 88 additions and 92 deletions
Show Stats Download Patch File Download Diff File

2
pages.json
Unescape Escape View File

@ -380,7 +380,7 @@
{ {
"path": "bossinfo", "path": "bossinfo",
"style": { "style": {
"navigationBarTitleText": "企业详情", // 用户主页 "navigationBarTitleText": "企业信息", // 用户主页
"backgroundColor": "#ededed", "backgroundColor": "#ededed",
"backgroundColorBottom": "#ededed" "backgroundColorBottom": "#ededed"
} }

148
root/detail/bossinfo.vue
Unescape Escape View File

@ -1,64 +1,49 @@
<template> <template>
<view class="p-root-detail-bossinfo g_bg_f_5" style="min-height: 100vh;"> <view class="p-root-detail-bossinfo g_bg_f_5" style="min-height: 100vh;">
<div style="height: 10px;"></div> <div style="height: 10px;"></div>
<view class="g_bg_f g_radius_8 g_mr_10 g_ml_10 g_p_10">
<view class="m-address" v-if="(jobDetail && jobDetail.store) || (jobDetail.storeLat && jobDetail.storeLng)"> <div class="div_dom">
<div class="store-item g_flex_row_start" v-if="jobDetail && jobDetail.store" style="margin-bottom: 6px;"> <view class="th-title">
<view class="g_flex_none" style="font-size: 14px;color: #999;"> {{ jobDetail.store.aliasName }}
工作单位： </view>
</view> <view class="td-content">
<view class="g_flex_1 g_flex_column_center"> {{ jobDetail.store.storeInfo || "-" }}
<view class=" g_fw_600" style="font-size: 14px;color: #000;"> </view>
{{ jobDetail.store.aliasName || "-" }} </div>
</view>
</view> <div class="div_dom">
</div> <view class="th-title">
<div class="store-item g_flex_row_start" v-if="jobDetail && jobDetail.store" style="margin-bottom: 6px;"> 企业地址（工作地点）
<view class="g_flex_none" style="font-size: 14px;color: #999;"> </view>
企业简介： <view class="td-content" @click="goAddress">
</view> <div class="g_flex_row_between">
<view class="g_flex_1 g_flex_column_center"> <div class="g_flex_1 g_flex_column_center">
<view class="" style="font-size: 14px;color: #999;"> <div style="font-size: 16px;color: #666;" class="g_ell_2">
{{ jobDetail.store.storeInfo || "-" }}
</view>
</view>
</div>
<div class="store-item g_flex_row_start">
<view class="g_flex_none" style="font-size: 14px;color: #999;">
工作地点：
</view>
<view class="g_flex_1 g_mr_4 g_flex_column_center" @click="goAddress">
<view class="" style="font-size: 14px;color: #999;">
{{ jobDetail.storeAddr || "-" }} {{ jobDetail.storeAddr || "-" }}
</div>
</div>
<div class="g_flex_none g_flex_column_center" style="margin-left: 16px;">
<view class="g_flex_c" style="width: 32px;height: 32px;background-color: rgba(2, 122, 255, 0.08);border-radius: 50%;">
<i class="iconfont icon-daohang2" style="color: #1677ff;font-size: 18px;"></i>
</view> </view>
</view> </div>
<view class="g_flex_none g_flex_c" style="width: 24px;" @click="goAddress">
<i class="iconfont icon-dizhi1 g_c_9 g_w_14 g_h_14" style="font-size: 18px;color: #999999;"></i>
</view>
</div> </div>
</view> </view>
<view v-else class="g_border_e_t g_mt_16"></view> </div>
</view>
<!-- 轮播banner --> <div class="div_dom">
<view class="g_bg_f g_radius_8 g_mt_10 g_mr_10 g_ml_10"> <view class="th-title">
<view class="m-banner g_border_f5_b g_mt_12" v-if="swiperArray.length > 0"> 企业图库
<scroll-view class="banner-scroll" scroll-x="true" show-scrollbar="false" :scroll-with-animation="true">
<view class="scroll-content">
<view v-for="(item, index) in swiperArray" :key="index" class="scroll-item" :class="index == 0 ? 'g_ml_0 g_mr_0' : ''" @click="item.type == 'image' ? handleViewBig(item, index) : showVideo(item)">
<u-image :radius="4" v-if="item.type == 'image'" :showLoading="true" :src="item.image" width="58px" height="58px" style="border-radius: 4px"> </u-image>
<!-- #ifdef H5 || APP-PLUS -->
<view class="g_w_58 g_h_58 g_radius_4 videoContainer" v-else>
<video class="theVideo" :show-fullscreen-btn="true" :show-play-btn="true" :show-center-play-btn="true" :enable-play-gesture="true" :id="item.id" :src="item.image" @fullscreenchange="fullScreen" :muted="muted" :show-mute-btn="isFullscreen" :show-progress="isFullscreen" :show-time="isFullscreen" :controls="isFullscreen" :enable-progress-gesture="isFullscreen" :object-fit="'cover'" style="width: 100%; height: 100%"></video>
</view>
<!-- #endif -->
</view>
</view>
</scroll-view>
</view> </view>
</view> <view class="scroll-content g_flex_row_start" style="padding-top: 10px;">
<view v-for="(item, index) in swiperArray" :key="index" class="scroll-item g_flex_c" :class="index == 0 ? 'g_ml_0 g_mr_0' : ''" @click="item.type == 'image' ? handleViewBig(item, index) : showVideo(item)">
<u-image :radius="4" v-if="item.type == 'image'" :showLoading="true" :src="item.image" width="56px" height="56px" style="border-radius: 4px"> </u-image>
</view>
</view>
</div>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
@ -73,11 +58,6 @@ export default {
let that = this; let that = this;
if (options.jobDetail) { if (options.jobDetail) {
that.jobDetail = JSON.parse(decodeURIComponent(options.jobDetail)); that.jobDetail = JSON.parse(decodeURIComponent(options.jobDetail));
// 设置导航栏标题为工作单位名称
let title = that.jobDetail.store?.aliasName || '企业详情';
uni.setNavigationBarTitle({
title: title
});
// 处理轮播数据，过滤视频 // 处理轮播数据，过滤视频
if (that.jobDetail.images && that.jobDetail.images.length > 0) { if (that.jobDetail.images && that.jobDetail.images.length > 0) {
let imageList = that.jobDetail.images.filter((item) => !item.url || item.url.indexOf(".mp4") === -1); let imageList = that.jobDetail.images.filter((item) => !item.url || item.url.indexOf(".mp4") === -1);
@ -91,12 +71,6 @@ export default {
} }
} }
}, },
onShareAppMessage() {
return {
title: this.jobDetail.store?.aliasName || '企业信息',
path: `/root/detail/bossinfo?jobDetail=${encodeURIComponent(JSON.stringify(this.jobDetail))}`
};
},
methods: { methods: {
goAddress() { goAddress() {
let that = this; let that = this;
@ -127,28 +101,34 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.banner-scroll { .p-root-detail-bossinfo{
width: 100%; .div_dom{
white-space: nowrap; padding: 10px;
} border-radius: 8px;
width: calc(100% - 20px);
.scroll-content { margin: 0 auto 10px;
display: inline-flex; background-color: #fff;
padding: 10px; .th-title{
} color: #000;
font-size: 17px;
.scroll-item { padding: 0 0 10px 0;
width: 58px; border-bottom: 1px solid #f5f5f5;
height: 58px; }
margin-left: 10px; .td-content{
border-radius: 4px; color: #666;
overflow: hidden; font-size: 16px;
&:first-child { padding: 10px 0 0 0;
margin-left: 0; }
.scroll-item{
width: 56px;
height: 56px;
margin-right: 10px;
overflow: hidden;
border-radius: 4px;
&:nth-child(4n){
margin-right: 0;
}
}
} }
} }
.store-item {
padding: 8px 0;
}
</style> </style>

30
static/css/iconfont.css
Unescape Escape View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: 'iconfont'; /* Project id 4374774 */ font-family: 'iconfont'; /* Project id 4374774 */
src: url('//at.alicdn.com/t/c/font_4374774_gc8z0oarp1.woff2?t=1779260092817') format('woff2'), src: url('//at.alicdn.com/t/c/font_4374774_861jqfo6n4f.woff2?t=1779869011207') format('woff2'),
url('//at.alicdn.com/t/c/font_4374774_gc8z0oarp1.woff?t=1779260092817') format('woff'), url('//at.alicdn.com/t/c/font_4374774_861jqfo6n4f.woff?t=1779869011207') format('woff'),
url('//at.alicdn.com/t/c/font_4374774_gc8z0oarp1.ttf?t=1779260092817') format('truetype'); url('//at.alicdn.com/t/c/font_4374774_861jqfo6n4f.ttf?t=1779869011207') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,26 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-securityscan:before {
content: "\e7c1";
}
.icon-propertysafety:before {
content: "\e7c2";
}
.icon-safetycertificate:before {
content: "\e7c6";
}
.icon-insurance:before {
content: "\e7c7";
}
.icon-daohang2:before {
content: "\e641";
}
.icon-plus:before { .icon-plus:before {
content: "\e8fe"; content: "\e8fe";
} }
@ -1217,7 +1237,3 @@
content: "\100c6"; content: "\100c6";
} }

Write Preview
Loading…
Cancel
Save