recruitment-wechat-uniapp-241012/pages_order/contract/contractManage.vue

<template>
	<view class="page">
		<navbar title="合同模板"
		leftClick 
		@leftClick="$utils.navigateBack"/>
		
		<uv-swipe-action>
			<view class="content">
				
				<view class="projectContent"
				v-for="(item, index) in list"
				:key="item.id"
				>
					<uv-swipe-action-item
					@click="e => clickSwipeAction(e, item)"
					:options="options">
						<contractManageItem 
						@click="$utils.navigateTo('/pages_order/contract/contractManageEdit?id=' + item.id)"
						:item="item"/>
					</uv-swipe-action-item>
				</view>
				
			</view>
		</uv-swipe-action>
		
		<view class="plus-contract"
		@click="$utils.navigateTo('/pages_order/contract/contractManageEdit')">
			<uv-icon size="40rpx" color="#fff" name="plus" />
		</view>
		
	</view>
</template>

<script>
	import mixinList from '@/mixins/list.js'
	import contractManageItem from '@/components/list/contract/contractManageItem.vue'
	export default {
		components : {
			contractManageItem,
		},
		mixins : [mixinList],
		data() {
			return {
				mixinsListApi : 'queryContractTemplateList',
				options : [
					{
						text: '删除',
						style: {
							backgroundColor: '#FA5A0A'
						}
					}, 
				],
			}
		},
		methods: {
			clickSwipeAction(e, item){
				this.$api('', {
					
				}).then(res => {
					if(res.code == 200){
						this.getData()
					}
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.page{
		.content {
			width: 100%;
			height: 100%;
			
		}
		.plus-contract{
			position: fixed;
			top: 55%;
			right: 80rpx;
			display: flex;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			align-items: center;
			justify-content: center;
			background-color: $uni-color;
		}
	}
</style>