Cell 组件和Cell 插件的区别是啥？

Posted 2023-04-17

Cell组件是一款经过长期开发实践的基础上推出的功能强大、技术成熟的报表二次开发工具（报表控件、报表工具、编程工具）；是国内开发的第一个国产ActiveX商业组件；Cell组件适用于Windows环境下各种开发工具(如VB，VC，Visual Foxpro，Delphi，C+Builder，PowerBuilder等)，Cell组件具有报表处理、图表、公式、自定义函数、打印及预览等强大功能，且提供几个百个编程接口（方法、属性、事件），是软件开发人员开发完美软件的最佳解决方案，如果处理WEB报表请用Cell插件。
如果你是用报表，可以尝试一下Finereport，Finereport提供了电子表格来继承Cell型报表工具软件的可以做极度没有规则的复杂格式报表的优点，又创新性的提供了“Excel+绑定数据列”形式的自由报表，通过多源分片、不规则分组、双向扩展来轻松拖拽做复杂格式的报表，非常简单。而且，Finereport还支持零编码设计表单，让我这种编程方面的小白也可以自如地使用这款软件！ 参考技术A Cell 组件用来开发C/S程序或单机程序（客户端exe程序），在Delphi,VC, VB,C++Builder,VFP,PB,.NET等开发工具下使用。Cell 插件用来处理WEB报表，主要在IE浏览器中使用，可以在ASP、JSP、php下使用。本回答被提问者采纳

自定义cell控件

自定义cell控件

<template>
	<!-- 行元素组件 -->
	<view class="content">
		<view class="cell-item" :style="border ? 'border-bottom:2rpx solid #DBE2EC' : ''">
			<view class="cell-item-main">
				<slot name="icon"></slot>
				<view class="cell-item-icon" v-if="icon != ''">
					<image :src="icon" class="cell-item-icon-content" mode="scaleToFill"></image>
				</view>
				<view class="cell-item-content">
					<p class="cell-item-title">title</p>
					<view class="cell-item-desc" v-if="label != '' || status != ''">
						<view class="cell-item-label">
							label
						</view>
						<template v-if="status != ''">
							<view class="cell-item-line mr15 ml15"></view>
							<view class="cell-item-status">
								status
							</view>
						</template>
					</view>
				</view>
			</view>
			<view class="cell-item-arrow">
				<image src="@/static/common/ic-common-arrow-right.png" class="cell-item-arrow-content" mode="scaleToFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default 
		props:
			icon:
				type:String,
				default:''
			,
			title:
				type:String,
				default:'title'
			,
			label:
				type:String,
				default:'label'
			,
			status:
				type:String,
				default:'status'
			,
			border:
				type:Boolean,
				default:false
			
		,
		data() 
			return 
				
			
		,
		methods:
			gotoLoadMore()
				console.log('跳转加载更多',this.loadMore)
			
		
	
</script>

<style scoped lang="scss">
	.content
		padding: 0 20rpx;
		.cell-item
			display: flex;
			align-items: center;
			padding: 20rpx 0;
			.cell-item-main
				flex: 1;
				min-height: 100rpx;
				display: flex;
				align-items: center;
				.cell-item-icon
					width: 180rpx;
					height: 180rpx;
					.cell-item-icon-content
						width: 100%;
						height: 100%;
					
				
				.cell-item-content
					flex: 1;
					.cell-item-title
						padding: 15rpx 0;
						font-size: 33rpx;
						font-weight: 600;
						height: 50rpx;
					
					.cell-item-desc
						display: flex;
						align-items: center;
						color: #777777;
						height: 40rpx;
						.cell-item-label
						
						.cell-item-line
							width: 5rpx;
							height: 30rpx;
							background: #DBE2EC;
						
						.cell-item-status
						
					
				
			
			.cell-item-arrow
				width: 40rpx;
				height: 40rpx;
				.cell-item-arrow-content
					width: 100%;
					height: 100%;
				
			
		
		.cell-item-bottom-border
			border-top: 2rpx solid #DBE2EC;
		
	
	
</style>