boschchina-wechat-crm/components/companyIntroduce/index.vue

<template>
	<view class="company-section">
		<view class="company-title">
			<image class="img" src="/static/image/public/qyjj-icon.png" mode=""></image>
			<text class="name">{{cardInfo.companyDTO?.name || cardInfo.companyName}}</text>
		</view>
		<rich-text class="company-text" :nodes="companyIntroduce" v-if="companyIntroduce"></rich-text>
		<EmptyState
			v-else
			text=""
			sub-text="暂时没有企业信息"
			image="/static/image/public/no-data.png"
		/>
	</view>
</template>

<script setup>
	import EmptyState from '@/components/empty-state/index.vue'
	import {
		formatRichText
	} from '@/utils/index.js'
	import {
		computed
	} from 'vue'
	import {
		useUserStore
	} from '@/store/modules/user.js'
	import {
		storeToRefs
	} from 'pinia'
	const userStore = useUserStore()
	const {
		cardInfo
	} = storeToRefs(userStore)

	const companyIntroduce = computed(() => {
		const intro = cardInfo.value.companyDTO?.introduce || ''
		return intro ? formatRichText(intro) : ''
	})
</script>
<style lang="scss" scoped>
	// 企业简介
	.company-section {
		background: #ffffff;
		.company-title {
			display: flex;
			align-items: center;
			gap: 16rpx;
			margin: 12rpx 0 12rpx;
			.img{
				width: 124rpx;
				height: 40rpx;
				
			}
			.name{
				font-size: 32rpx;
				font-weight: 500;
				color: #202020;
				position: relative;
				bottom: 4rpx;
			}
		}

		.company-text {
			display: block;
			font-size: 28rpx;
			color: #666666;
			line-height: 1.8;
			margin-bottom: 24rpx;

			::v-deep img {
				max-width: 100% !important;
				height: auto !important;
			}

			&:last-child {
				margin-bottom: 0;
			}
		}
	}
</style>