Merge branch 'dev' of https://git.citupro.com/zhengnaiwen_citu/menduner into dev

src/views/recruit/enterprise/purchasePackage/components/packagesDetail.vue

@@ -6,8 +6,7 @@
         v-for="item in info.headers"
         :key="item.key"
       >
-        <div v-if="item.key == 'VIP套餐'">{{ item.label }}</div>
-        <div v-else>{{ item.label }}</div>
+        <div>{{ item.label }}</div>
       </template>
     </div>
     <template v-if="info.contrastList">
@@ -41,9 +40,10 @@ defineProps({
   }
 })
 </script>
+
 <style lang="scss" scoped>
 .packagesDetail { // 套餐详情
-  width: 710px;
+  width: 1080px;
   margin: 0 auto;
   border: 1px solid var(--color-f3);
   // border-radius: 12px;

src/views/recruit/enterprise/purchasePackage/index.vue

@@ -1,6 +1,6 @@
 <!-- 购买套餐 -->
 <template>
-  <div class="default-width white-bgc pa-10 my-n3" style="min-height: ;">
+  <div class="default-width white-bgc pa-10 my-n3">
     <!-- 套餐列表 -->
     <div class="d-flex align-center justify-center">
       <div
@@ -13,10 +13,10 @@
         @click="handleChange(item, index)"
       >
         <div class="d-flex flex-column align-center pb-5">  
-          <div class="mt-4 font16 fontBold titleColor">{{ item.标题 }}</div>  
+          <div class="mt-4 font16 fontBold titleColor">{{ item.title }}</div>  
           <div class="mt-2 fontBold priceBox">
             <span>￥</span>
-            <span class="font28">{{ item.价格 }}</span>
+            <span class="font28">{{ item.price }}</span>
           </div>  
           <div class="dailyPrice font13 mt-2">每天低至{{ item.dailyPrice }}元</div>  
         </div> 
@@ -34,9 +34,11 @@ defineOptions({name: 'enterprise-purchasePackage'})
 
 const tab = ref(1) 
 const packages = [
-  { id: '60', 标题: '60天双月卡', 价格: '108', dailyPrice: '1.8', index: {} },
-  { id: '30', 标题: '30天月卡', 价格: '58', dailyPrice: '2' },
-  { id: '14', 标题: '14天双周卡', 价格: '38', dailyPrice: '2.8' },
+  { id: '0', title: '14天双周卡', price: 38, dailyPrice: '2.8' },
+  { id: '1', title: '30天月卡', price: 58, dailyPrice: '2' },
+  { id: '2', title: '60天双月卡', price: 78, dailyPrice: '1.3', index: {} },
+  { id: '3', title: '季度卡', price: 108, dailyPrice: '1.2', index: {} },
+  { id: '4', title: '年度卡', price: 401, dailyPrice: '1.1', index: {} }
 ]
 
 const handleChange = (item, index) => {
@@ -44,26 +46,27 @@ const handleChange = (item, index) => {
   tab.value = index + 1
 }
 const deal = () => {
-  const headers = [{ key: '权益', label: '权益' }, { key: '普通用户', label: '普通用户' }, { key: 'VIP套餐', label: 'VIP套餐' }]
+  const headers = [{ key: '权益', label: '权益' },{ key: '普通用户', label: '普通用户' },{ key: 'VIP套餐', label: 'VIP套餐' }]
   const contrastList = [
     { key: '职位发布数量', label: '职位发布数量' },
     { key: '职位刷新次数', label: '职位刷新次数' },
     { key: '人才在线开聊', label: '人才在线开聊' },
     { key: 'OPS职位置顶', label: 'OPS职位置顶' },
+    { key: '优质人才搜索', label: '优质人才搜索' },
+    { key: '保入职服务', label: '保入职服务' },
     { key: '背景调查', label: '背景调查' },
-    { key: '职位极速推广', label: '职位极速推广' },
     { key: '全域广告', label: '全域广告' },
-    { key: 'SDMS短信直投', label: 'SDMS短信直投' },
   ]
   const returnData = {
-    ordinary: { 职位发布数量: '0', 职位刷新次数: '0', 人才在线开聊: '每日3次', OPS职位置顶: false, 背景调查: false, 职位极速推广: false, 全域广告: false, SDMS短信直投: false },
-    vip: { 职位发布数量: '10个', 职位刷新次数: '20次', 人才在线开聊: '无限开聊', OPS职位置顶: true, 背景调查: true, 职位极速推广: true, 全域广告: true, SDMS短信直投: true },
+    ordinary: { 职位发布数量: '3', 职位刷新次数: '0', 人才在线开聊: '每日3次', OPS职位置顶: false, 背景调查: false, 职位极速推广: false, 全域广告: false, 优质人才搜索: false, 保入职服务: false },
+    vip: { 职位发布数量: '20个', 职位刷新次数: '20次', 人才在线开聊: '无限开聊', OPS职位置顶: true, 背景调查: true, 职位极速推广: true, 全域广告: true, 优质人才搜索: true, 保入职服务: true }
   }
 
   return { headers, contrastList, returnData }
 }
-const detailItem = ref(packages?.length ? deal(packages[0]) : null) 
+const detailItem = ref(packages?.length ? deal(packages[0]) : null)
 </script>
+
 <style lang="scss" scoped>
 .font13 { font-size: 13px; }
 .font16 { font-size: 16px; }