企业详情

api/user.js

@@ -156,4 +156,88 @@ export const userInterviewInviteReject = (id) => {
       showLoading: false
     }
   })
+}
+
+// 企业详情
+export const getEnterpriseDetails = (id) => {
+  return request({
+    url: '/app-api/menduner/system/enterprise/detail',
+    method: 'GET',
+    params: {
+      id
+    },
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
+}
+
+// 效验求职者是否关注该企业
+export const getEnterpriseSubscribeCheck = (params) => {
+  return request({
+    url: '/app-api/menduner/system/person/enterprise/subscribe/check',
+    method: 'GET',
+    params,
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
+}
+
+// 关注企业
+export const getEnterpriseSubscribe = (data) => {
+  return request({
+    url: '/app-api/menduner/system/person/enterprise/subscribe',
+    method: 'POST',
+    data,
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
+}
+
+// 取消关注企业
+export const getEnterpriseUnsubscribe = (enterpriseId) => {
+  return request({
+    url: '/app-api/menduner/system/person/enterprise/unsubscribe',
+    method: 'DELETE',
+    params: {
+      enterpriseId
+    },
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
+}
+
+// 点击企业详情埋点
+export const enterpriseClick = (data) => {
+  return request({
+    url: '/app-api/menduner/system/enterprise/click',
+    method: 'POST',
+    data,
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
+}
+
+// 获取企业实名认证信息
+export const getEnterpriseAuthDetails = (enterpriseId) => {
+  return request({
+    url: '/app-api/menduner/system/enterprise/get/auth',
+    method: 'GET',
+    params: {
+      enterpriseId
+    },
+    custom: {
+      auth: false,
+      showLoading: false
+    }
+  })
 }

components/SwiperAd/index.vue

@@ -8,6 +8,7 @@
         :autoplay="props.autoplay"
         :interval="props.interval"
         :duration="props.duration"
+        indicator-active-color="#fff"
       >
 				<swiper-item v-for="(item, index) in list" :key="'swiperItem'+index">
 					<view>
@@ -44,5 +45,4 @@ const imageError = (e) => {
 </script>
 
 <style scoped lang="scss">
-
 </style>

pages.json

@@ -1,9 +1,10 @@
 {
 	"pages": [
 		{
-			"path": "pages/index/my",
+			"path": "pages/index/position",
 			"style": {
-				"navigationBarTitleText": "我的"
+				"navigationBarTitleText": "职位",
+				"enablePullDownRefresh": true
 			}
 		},
 		{
@@ -13,10 +14,9 @@
 			}
 		},
 		{
-			"path": "pages/index/position",
+			"path": "pages/index/my",
 			"style": {
-				"navigationBarTitleText": "职位",
-				"enablePullDownRefresh": true
+				"navigationBarTitleText": "我的"
 			}
 		},
 		{

pagesB/companyDetail/index.vue

@@ -1,10 +1,262 @@
 <template>
-  <div>company</div>
+  <view  style="padding-bottom: 80px;">
+    <view class="mar p-tb ss-m-x-30">
+      <view class="f-horizon">
+        <image class="r-avatar" style="width: 80px; height: 80px;" :src="info.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+        <view class="f-straight ss-m-l-10" style="flex: 1;position: relative;">
+          <view class="title-des ellipsis font-weight-bold" style="max-width: 45vw;">{{ info.anotherName }}</view>
+          <view class="ss-m-b-5">
+            <uni-icons :color="statusInfo.color" size="20" custom-prefix="iconfont"  :type="statusInfo.mdi" />
+            <span :style="{'color': statusInfo.color,'font-size': '14px'}" class="font-weight-bold">{{ statusInfo.label }}</span>
+          </view>
+          <view class="color-999 ellipsis font-size-14" style="max-width: 60vw;">
+            <span>{{ !!info.industryName? info.industryName : '行业未知'}}</span>
+            <span class="ss-m-x-10"> | </span>
+            <span>{{ info.scaleName || '规模未知' }}</span>
+          </view>
+          <view class="collect-icon" @click="handleFollow">
+            <uni-icons :type="isCollection ? 'heart-filled' : 'heart'" color="#fc6d5e" size="25"></uni-icons>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="ss-m-t-30" style="background-color: #fff;">
+      <uni-segmented-control :current="current" :values="items" @clickItem="changeControl" styleType="text" activeColor="#00897B"></uni-segmented-control>
+    </view>
+
+    <view v-if="current === 0" style="height: 20rpx; background-color: #f8f8fa;"></view>
+
+    <!-- 企业信息 -->
+    <view v-if="current === 0" class="ss-m-t-30 ss-m-x-30">
+      <uni-tag v-for="(tag, i) in info.tagList" :key="i" class="ss-m-r-10" :text="tag" inverted="false" 
+      size="default" custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7;display: inline-block;"/>
+      <!-- 简介 -->
+      <view class="ss-m-t-30">
+        <h4>企业简介</h4>
+        <view v-if="info.introduce" class="ss-m-t-20" style="color: #606371;" v-html="info.introduce?.replace(/\n/g, '</br>')"></view>
+        <view v-else>暂无</view>
+      </view>
+      <!-- 福利标签 -->
+      <view class="topLine"></view>
+      <view >
+        <h4>企业福利标签</h4>
+        <view class="ss-m-t-20" v-if="info?.welfareList?.length">
+          <uni-tag v-for="(tag, i) in info.welfareList" :key="i" class="ss-m-r-10 ss-m-b-10" :text="tag" inverted="false" 
+          size="default" custom-style="background-color: #eef1f7;color:#7f828b;border-color:#eef1f7; display: inline-block;"/>
+        </view>
+        <view v-else>暂无</view>
+      </view>
+      <!-- 网址 -->
+      <view class="topLine"></view>
+      <view>
+        <h4>企业网址</h4>
+        <view class="ss-m-t-20">
+          <uni-link v-if="info.website" :href="info.website" :text="info.website" color="#00897B"></uni-link>
+          <view v-else>暂无</view>
+        </view>
+      </view>
+      <view class="topLine"></view>
+      <!-- 工商信息 -->
+      <view>
+        <h4>工商信息</h4>
+        <view v-if="info.business && Object.keys(info.business).length">
+          <view class="ss-m-y-15" v-for="k in business" :key="k.value">
+            <view>{{ k.name }}</view>
+            <view class="color-666 ss-m-t-5">
+              {{ info.business[k.value] ? k.value === 'establishmentTime' ? timesTampChange(info.business[k.value], 'Y-M-D') : info.business[k.value] : '暂无' }}
+                <span v-if="k.value === 'registeredCapital'">万元</span>
+            </view>
+          </view>
+        </view>
+        <view v-else>暂无</view>
+      </view>
+      <!-- 地址 -->
+      <view class="topLine"></view>
+      <view>
+        <h4>企业地址</h4>
+        <view class="ss-m-t-20" v-if="info?.business?.address">
+          <uni-icons type="map-pin-ellipse" color="#00897B" size="20"></uni-icons>
+          <span class="color-666 font-size-15">{{ info?.business?.address }}</span>
+        </view>
+        <view v-else>暂无</view>
+      </view>
+      <view class="topLine"></view>
+      <!-- 企业相册 -->
+      <view>
+        <h4>企业相册</h4>
+        <view class="ss-m-t-20" v-if="info?.albumList">
+          <swiper class="swiper-box" :indicator-dots="true" indicator-active-color="#fff">
+            <swiper-item v-for="(item ,index) in info?.albumList" :key="index" style="overflow-x:hidden;overflow-y: auto;">
+              <image class="ac-imgs" :src="item" @click="previewImage(index)"></image>
+            </swiper-item>
+          </swiper>
+        </view>
+        <view v-else>暂无</view>
+      </view>
+    </view>
+
+    <!-- 招聘岗位 -->
+    <view v-if="current == 1">
+      <scroll-view class="scrollBox defaultBgc" scroll-y="true" @scrolltolower="loadingMore" style="height: 70vh;">
+        <view v-if="positionList.length > 0">
+          <PositionList class="pb-10" :list="positionList" :noMore="false"></PositionList>
+          <uni-load-more :status="status" />
+        </view>
+        <view v-else class="nodata-img-parents">
+          <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" class="nodata-img-child"></image>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
 </template>
 
 <script setup>
+import { ref, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getEnterpriseDetails, enterpriseClick, getEnterpriseSubscribeCheck, getEnterpriseUnsubscribe, getEnterpriseSubscribe, getEnterpriseAuthDetails } from '@/api/user'
+import { dealDictObjData } from '@/utils/position'
+import { timesTampChange } from '@/utils/date'
+import { getJobAdvertisedSearch } from '@/api/position'
+import { getAccessToken } from '@/utils/request'
+import PositionList from '@/components/PositionList'
+
+const current = ref(0)
+const items = ['企业介绍', '招聘职位']
+const info = ref({})
+let id = ref(null)
+const business = [
+  { name: '成立日期', value: 'establishmentTime' },
+  { name: '注册资金', value: 'registeredCapital' },
+  { name: '统一社会信用代码', value: 'code' },
+]
+const status = ref('more')
+const queryParams = ref({
+  pageNo: 1,
+  pageSize: 10,
+  enterpriseId: id.value
+})
+const positionList = ref([])
+const authInfo = ref({})
+const statusList = [
+  { label: '未认证', color: '#fb8c00', value: null, mdi: 'icon-dunpai1' },
+  { label: '审核中', color: '#fb8c00', value: '0', mdi: 'icon-dunpai' },
+  { label: '已认证', color: '#00897B', value: '1', mdi: 'icon-mn_dunpai_fill' },
+  { label: '已驳回', color: '#fe574a', value: '2', mdi: 'icon-hongsedunpai' }
+]
+
+// 预览
+const previewImage = (i) => {
+  uni.previewImage({
+    current: i,
+    urls: info.value.albumList
+  })
+}
+
+const statusInfo = computed(() => {
+  const obj = (authInfo.value && Object.keys(authInfo.value).length) ? statusList.find(e => e.value === authInfo.value.status) : statusList[0]
+  return obj
+})
+
+// 企业埋点
+const enterpriseClickFn = async () => {
+  if (!id.value) return
+  await enterpriseClick({ id: id.value })
+}
+enterpriseClickFn()
+
+// 效验求职者是否关注该企业
+const isCollection = ref(false)
+const getCollectionStatus = async () => {
+  if (!getAccessToken()) return isCollection.value = false
+  const data = await getEnterpriseSubscribeCheck({ enterpriseId: id.value })
+  isCollection.value = data.data
+}
+
+// 关注&取消关注企业
+const handleFollow = async () => {
+  if (!id.value) return
+  const api = isCollection.value ? getEnterpriseUnsubscribe : getEnterpriseSubscribe
+  await api(isCollection.value ? id.value : { enterpriseId: id.value })
+  getCollectionStatus()
+}
+
+// 企业认证详情
+const getEnterpriseAuthInfo = async () => {
+  const { data } = await getEnterpriseAuthDetails(id.value)
+  authInfo.value = data
+}
+
+// 企业详情
+const getData = async () => {
+  const { data } = await getEnterpriseDetails(id.value)
+  info.value = { ...data, ...dealDictObjData({}, data.enterprise) }
+  getCollectionStatus()
+  getEnterpriseAuthInfo()
+}
+
+// 招聘职位列表
+const getPositionList = async () => {
+  const { data } = await getJobAdvertisedSearch(queryParams.value)
+  const list = data?.list || []
+  if (list?.length) {
+    list.forEach(e => {
+      e.job = { ...e.job, ...dealDictObjData({}, e.job) }
+      e.enterprise = { ...e.enterprise, ...dealDictObjData({}, e.enterprise)}
+    })
+    positionList.value = positionList.value.concat(list)
+  }
+  status.value = list?.length < queryParams.value.pageSize ? 'noMore' : 'more'
+}
+
+const loadingMore = () => {
+  status.value = 'loading'
+  queryParams.value.pageNo++
+  getPositionList()
+}
+
+onLoad((options) => {
+  id.value = options?.id || ''
+  if (id.value) {
+    getData()
+  }
+})
+
+const changeControl = (e) =>{
+  current.value = e.currentIndex
+  if (current.value === 0) getData()
+  else getPositionList()
+}
 </script>
 
 <style scoped lang="scss">
-
+.title-des {
+  color: #37576c;
+  font-size: 20px;
+  margin-right: 30px;
+  margin-top: 1px;
+  vertical-align: middle;
+  flex: 1;
+}
+.title-text{
+  font-weight: 700;
+  font-size: 18px;
+}
+.topLine {
+  border-top: 1px solid #EDEDED;
+  margin: 20px 0;
+}
+.swiper-box {
+	height: 29vh;
+}
+.ac-imgs{
+  width: 100%;
+  height: 29vh;
+  border-radius: 20px;
+}
+.collect-icon {
+  position: absolute;
+  top: 3px;
+  right: 10px;
+}
 </style>

static/iconfont.css

@@ -11,6 +11,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-dunpai1:before {
+  content: "\e610";
+}
+
+.icon-dunpai:before {
+  content: "\e604";
+}
+
+.icon-mn_dunpai_fill:before {
+  content: "\e600";
+}
+
+.icon-hongsedunpai:before {
+  content: "\e622";
+}
+
 .icon-arrow-sortdown-smal:before {
   content: "\e877";
 }