From 006e8527857850dfd01371384afa532af5a001f7 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 12 二月 2025 14:58:56 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/cMiniApp/src/subpackages/task/components/CompanyInfo.vue | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 107 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/task/components/CompanyInfo.vue b/apps/cMiniApp/src/subpackages/task/components/CompanyInfo.vue new file mode 100644 index 0000000..bd9390f --- /dev/null +++ b/apps/cMiniApp/src/subpackages/task/components/CompanyInfo.vue @@ -0,0 +1,107 @@ +<template> + <ContentScrollView style="background-color: transparent"> + <div v-if="isCertified" class="companyInfo-info-wrapper"> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">浼佷笟鍚嶇О</div> + <div class="companyInfo-info-item-content">姹熻タ鍚涙鼎鍟嗗姟鏈嶅姟鏈夐檺鍏徃</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">缁熶竴绀句細淇$敤浠g爜</div> + <div class="companyInfo-info-item-content">420902197910211010</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">娉ㄥ唽璧勬湰</div> + <div class="companyInfo-info-item-content">鎹屼桨涓囧厓鏁�</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">浼佷笟绫诲瀷</div> + <div class="companyInfo-info-item-content">鏈夐檺璐d换鍏徃锛堣嚜鐒朵汉鎶曡祫鎴栨帶鑲� 鐨勬硶浜虹嫭璧勶級</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">鎴愮珛鏃ユ湡</div> + <div class="companyInfo-info-item-content">2024骞�11鏈�11鏃�</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">浼佷笟鍦板潃</div> + <div class="companyInfo-info-item-content">姹熻タ鐪佷節姹熷競鍏遍潚鍩庡競xx璺痻x鍙穢x xxxx</div> + </div> + <div class="companyInfo-info-item"> + <div class="companyInfo-info-item-label">缁忚惀鑼冨洿</div> + <div class="companyInfo-info-item-content"> + 鎴戞槸钀ヤ笟鎵х収涓婄殑缁忚惀鑼冨洿淇℃伅鎴� 鏄惀涓氭墽鐓т笂鐨勭粡钀ヨ寖鍥翠俊鎭垜鏄� + 钀ヤ笟鎵х収涓婄殑缁忚惀鑼冨洿淇℃伅鎴戞槸钀� 涓氭墽鐓т笂鐨勭粡钀ヨ寖鍥翠俊鎭垜鏄惀涓� 鎵х収涓婄殑缁忚惀鑼冨洿淇℃伅 + </div> + </div> + </div> + <div v-else class="company-info-unCertified-wrapper"> + <img :src="IconNoCertified" class="company-info-unCertified-icon" /> + <div class="company-info-unCertified-text">璇ヤ紒涓氬皻鏈璇�</div> + <div class="company-info-unCertified-text">璇疯皑鎱庢牳瀹炴嫑鑱樹俊鎭�</div> + </div> + </ContentScrollView> +</template> + +<script setup lang="ts"> +import IconNoCertified from '@/assets/task/icon-no-certified.png'; + +defineOptions({ + name: 'CompanyInfo', +}); + +const isCertified = ref(true); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.companyInfo-info-wrapper { + background: #ffffff; + border-radius: 12px; + padding: 72px 28px 108px; + + .companyInfo-info-item { + display: flex; + font-weight: 400; + font-size: 24px; + line-height: 36px; + margin-bottom: 24px; + + &:last-child { + margin-bottom: 0; + } + + .companyInfo-info-item-label { + color: boleGetCssVar('text-color', 'secondary'); + margin-right: 54px; + width: 200px; + text-align: right; + } + + .companyInfo-info-item-content { + flex: 1; + min-width: 0; + color: boleGetCssVar('text-color', 'primary'); + } + } +} + +.company-info-unCertified-wrapper { + display: flex; + flex-direction: column; + align-items: center; + padding-top: 140px; + + .company-info-unCertified-icon { + width: 320px; + height: 180px; + margin-bottom: 8px; + } + + .company-info-unCertified-text { + font-weight: 400; + font-size: 32px; + color: boleGetCssVar('text-color', 'primary'); + line-height: 48px; + } +} +</style> -- Gitblit v1.9.1