职位列表：学历、工作经验不限

components/PositionList/index.vue

@@ -14,7 +14,7 @@
           </view>
           <!-- 薪酬、工作地、学历、工作经验 -->
           <view class="d-flex align-center justify-space-between">
-            <view class="font-size-13 ellipsis" style="max-width: 56%;">
+            <view class="font-size-13 ellipsis" :style="{'max-width': !item.job?.payFrom && !item.job?.payTo ? '78%' : '56%'}">
               <span class="tag-gap" style="color: #808080;">
                 <span>{{item.job?.area?.str ?? '全国' }}</span>
                 <span class="divider-mx" v-if="item.job?.eduName">|</span>

pagesA/seenMe/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <view class="defaultBgc ss-p-x-20" style="height: 100vh;">
-    <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore">
+  <view class="defaultBgc ss-p-x-20" style="height: 100vh; position: relative;">
+    <scroll-view v-if="showList" class="scrollBox" scroll-y="true" @scrolltolower="loadingMore">
       <view v-if="list.length > 0">
         <view v-for="(item, index) in list" :key="index" class="ss-m-t-20" @click="jumpToEnterpriseDetail(item.enterprise.id)">
           <view class="sub-li-bottom">
@@ -49,22 +49,36 @@
         <image src="https://minio.citupro.com/dev/static/nodata.png" mode="widthFix" style="width: 100vw;height: 100vh;"></image>
       </view>
     </scroll-view>
+	<view v-else class="noviewlist">
+		<view v-if="userInfo?.vipExpireDate > Date.now() && !userInfo?.entitlement?.viewersList">
+			当前会员套餐的权益不包含谁关注我，<span class="text-line" @tap.stop="handleToBuyVip">点击去升级</span>
+		</view>
+		<view v-if="!userInfo?.vipExpireDate || (userInfo?.vipExpireDate && userInfo?.vipExpireDate < Date.now())">
+			谁关注我为会员权益内容，<span class="text-line" @tap.stop="handleToBuyVip">点击去开通</span>
+		</view>
+	</view>
   </view>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { getInterestedMePage } from '@/api/user'
 import { dealDictObjData, jumpToEnterpriseDetail } from '@/utils/position'
 import { getUserAvatar } from '@/utils/avatar'
 import { timesTampChange } from '@/utils/date'
 import { formatName } from '@/utils/getText'
+import { userStore } from '@/store/user'
+import { onShow } from '@dcloudio/uni-app'
 
 const status = ref('more')
 const queryParams = ref({
   pageNo: 1,
   pageSize: 10
 })
+const useUserStore = userStore()
+const userInfo = computed(() => useUserStore?.userInfo)
+// 当前会员套餐是否可查看此模块
+const showList = computed(() => (new Date().getTime() < useUserStore?.userInfo?.vipExpireDate) && useUserStore?.userInfo?.entitlement?.viewersList)
 
 const list = ref([])
 const getList = async () => {
@@ -79,14 +93,24 @@ const getList = async () => {
   status.value = list.value?.length === +res.data.total ? 'noMore' : 'more'
 }
 
-getList()
+onShow(() => {
+	// 有会员权益能查看才请求接口
+	if (showList.value) getList()
+})
 
-// 加载跟多
+// 加载更多
 const loadingMore = () => { 
   status.value = 'loading'
   queryParams.value.pageNo++
   getList()
 }
+
+// 跳转会员套餐
+const handleToBuyVip = () => {
+	uni.navigateTo({
+		url: '/pagesA/vipPackage/index'
+	})
+}
 </script>
 
 <style scoped lang="scss">
@@ -109,4 +133,19 @@ const loadingMore = () => {
   width: 70vw;
   max-width: 70vw;
 }
+.noviewlist {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 98%;
+	text-align: center;
+	transform: translate(-50%, -50%);
+	color: #666;
+}
+.text-line {
+	color: #00897b;
+	font-weight: bold;
+	padding-bottom: 2px;
+	border-bottom: 1px solid #00897b;
+}
 </style>

pagesB/positionDetail/index.vue

@@ -11,8 +11,8 @@
             <span v-else class="salary w-600">{{ info.payFrom }}-{{ info.payTo }}/{{ positionInfo.payName }}</span>
           </view>
           <!-- 职位地区 收藏职位 -->
-          <view class="d-flex justify-space-between mt-5 align-baseline">
-            <view style="font-size: 14px;">
+          <view class="d-flex justify-space-between mt-5 align-center">
+            <view style="font-size: 14px; flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 30px;">
               <span>
                 <span>{{positionInfo?.area?.str ?? '全国' }}</span>
                 <span class="viewider-mx" v-if="positionInfo?.eduName">|</span>
@@ -22,7 +22,7 @@
               </span>
             </view>
             <!-- 收藏职位 -->
-            <view @click="handleCollection">
+            <view @click="handleCollection" style="width: 36px;">
               <uni-icons
                 :type="isCollection ? 'heart-filled' : 'heart'"
                 color="#fc6d5e"
@@ -350,10 +350,9 @@ const createPoster = async () => {
 
   // 工作地区、工作经验、学历要求
   context.setFillStyle('#6c6e7b')
-  context.setFontSize(20)
   const area = areaName.value + ' | '
   const combinationText = area + (positionInfo.value.expName || '') + (positionInfo.value.eduName ? ' | ' + positionInfo.value.eduName : '')
-  context.fillText(combinationText, 40, 130)
+  dealWords(context, 20, combinationText, 350, 40, 100, 1) // 上下文、字号、文本、最大宽度、x、y、行数
 
   // 薪资
   context.setFontSize(22)

utils/position.js

@@ -58,7 +58,7 @@ export const dealDictArrayData = (res, list) => {
       const valueKey = data.nameKey ? data.nameKey : 'label'
       const idKey = data.valueKey ? data.valueKey : 'value'
       if (!dictObj[data.value] || !Object.keys(dictObj[data.value]).length) return
-      const result = dictObj[data.value].find(val => val[idKey] === item[e])
+      const result = ['expType', 'eduType'].includes(e) && !item[e] ? { label: `${e === 'expType' ? '工作经验' : '学历'}不限` } : dictObj[data.value].find(val => val[idKey] === item[e])
       if (!result) return
       item[data.label] = result[valueKey] || ''
     })
@@ -79,7 +79,7 @@ export const dealDictObjData = (res, obj) => {
     }
     const valueKey = data.nameKey ? data.nameKey : 'label'
     const idKey = data.valueKey ? data.valueKey : 'value'
-    const result = dictObj[data.value]?.find(val => val[idKey] === obj[e])
+    const result = ['expType', 'eduType'].includes(e) && !obj[e] ? { label: `${e === 'expType' ? '工作经验' : '学历'}不限` } : dictObj[data.value]?.find(val => val[idKey] === obj[e])
     if (!result) return
     res[data.label] = result[valueKey]
     res = { ...obj, ...res }