zheng_xie_ui/work/pages/case/tacheck.vue

<template>
	<view class="check">
		<view class="ctop flexc mb22 flex0">您好，查询到有<text>2</text>条提案的信息<text>内容相近</text>，请您选择并案</view>
		<!-- 表格 -->
		<view class="pl12 mb22 tables">
			<view class="table">
				<zb-table
				  :show-header="true"
				  :columns="columns"
				  :headbgColor="headbgColor"
				  :stripe="false"
				  :fit="false"
				  @rowClick="rowClick"
				  @toggleRowSelection="toggleRowSelection"
				  @toggleAllSelection="toggleAllSelection"
				  :border="border"
				  :borderr="borderr"
				  @edit="buttonEdit"
				  @dele="dele"
				  :data="tableData"></zb-table>	
			</view>
		</view>
		<view class="ctip flex0">请左右滑动查看提案信息</view>
		<view class="cbtn flexcc flex0" @click="getBaFn">并案</view>
		<!-- <view class="pt36">
			<no-data :notxt="notxt"></no-data>
		</view> -->
		<pop-up :type='ptype' @getClose="getClose"></pop-up>
	</view>
</template>

<script>
	import popUp from "@/work/components/popup/popup.vue"
	import zbTable from "@/work/components/zb-table/zb-tables.vue"
	import noData from "@/components/nodata/nodata.vue"
	export default{
		components:{zbTable,noData,popUp},
		data(){
			return{
				border:true,
				borderr:false,
				headbgColor:'#F1F1F1',
				notxt:'暂未查询到相似提案信息哟',
				ptype:'',
				columns: [
				    { name: 'tm', label: '题目',width:440,align:'center', },
				    { name: 'talb', label: '提案类别',align:'center',width:200,},
				    { name: 'tasj', label: '提案时间',align:'center',width:200,},
				],
				tableData:[
					{tm:'关于拓展市校合作，助推高质量发',talb:"社会建设类",tasj:'2023-11-17'},
					// {tm:'2关于拓展市校合作，助推高质量发',talb:"社会建设类",tasj:'2023-11-17'},
				],
			}
		},
		onLoad(e) {
			
		},
		methods:{
			getClose(){
				this.ptype=""
			},
			getBaFn(){
				this.ptype="taba"
			}
		}
	}
</script>

<style scoped lang="scss">
	page{background-color: #FFFFFF;}
.ctop{background: rgba(152, 252, 153, 0.3);padding: 18rpx 26rpx;min-height: 110rpx;box-sizing: border-box;
	font-weight: bold;font-size: 28rpx;color: #222327;
	text{color: #ff0000;}
}
.check{height: 100vh;display: flex;flex-direction: column;
	.tables{flex:0 1 auto;overflow: auto;
		.table{
			height: 100%;
		}
	}
	.ctip{font-weight: 500;padding: 0 24rpx;font-size: 26rpx;color: #FF0000;margin-bottom: 86rpx;}
	.cbtn{margin: 0 24rpx;height: 80rpx;background: #1D64E2;border-radius: 80rpx;font-weight: bold;font-size: 30rpx;color: #FFFFFF;}
}
</style>