aiot-app/pages/saleManage/businessOpportunity/index.vue

<template>
	<view class="mainBox">
		<uni-nav-bar background-color="#157A2C" color="#fff" fixed="true" statusBar="true" left-icon="back" title="商机" @clickLeft="back">
		</uni-nav-bar>
		<view v-for="(item, index) in tableList" :key="index" style="position: relative;">
			<myCard @del="del(item)" :item="item" :index="index+1" :columns="columns" :btnList="btnList"></myCard>

		</view>
		<view class="add" @click="add">
			<u-icon name="plus" color="#fff"></u-icon>
		</view>


		<u-toast ref="uToast"></u-toast>

	</view>
</template>

<script>
	import {
		getTableList,
		deleteInformation
	} from '@/api/saleManage/businessOpportunity/index.js'
	import myCard from '../components/myCard.vue'
	export default {
		components: {
			myCard,
		},

		data() {
			return {
				tableList: [],
				page: 1,
				size: 10,
				isEnd: false,
				current: {},
				btnList: [{
					name: '详情',
					apiName: '',
					btnType: 'primary',
					type: '1',
					pageUrl: '/pages/saleManage/businessOpportunity/components/drawer',

				}, {
					name: '修改',
					apiName: '',
					btnType: 'primary',
					type: '1',
					pageUrl: '/pages/saleManage/businessOpportunity/add',
					judge: [{
						key: 'approvalStatus',
						value: [0, 3]
					}],
				}, {
					name: '删除',
					apiName: 'del',
					btnType: 'error ',
					type: '2',
					pageUrl: '',
					judge: [{
						key: 'approvalStatus',
						value: [0, 3]
					}],
				}],
				columns: [
					[{
						label: '名称：',
						prop: 'name',
						type: 'title',
						className: 'perce100',
					}],
					[{
						label: '编码：',
						prop: 'code'
					}, {
						label: '客户名称：',
						prop: 'contactName'
					}],
					[{
						label: '产品名称：',
						prop: 'productNames'
					}, {
						label: '商机来源：',
						prop: 'sourceName'
					}],
					[{
						label: '商机阶段：',
						prop: 'stageName'
					}, {
						label: '赢单率：',
						prop: 'winRate',
						formatter: (row) => {
							return row.winRate ? row.winRate + '%' : '';
						}
					}],
					[{
						label: '负责人：',
						prop: 'responsibleName'
					}, {
						label: '创建人：',
						prop: 'createUserName'
					}],
					[{
						label: '操作：',
						prop: 'action',
						type: 'action',
						className: 'perce100',
					}],

				]
			}
		},
		computed: {

		},

		onShow() {
			this.isEnd = false
			this.page = 1
			this.getList()
		},
		methods: {
			//获取列表信息
			getList() {
				if (this.isEnd) {
					return
				}
				uni.showLoading({
					title: '加载中'
				})

				let data = {
					pageNum: this.page,
					size: this.size,
					type: 1

				}
				getTableList(data).then(res => {
					if (this.page === 1) {
						this.tableList = res.list
					} else {
						this.tableList.push(...res.list)
					}
					this.page += 1
					this.isEnd = this.tableList.length >= res.count
				}).then(() => {
					uni.hideLoading()
				})
			},
			add() {
				uni.navigateTo({
					url: '/pages/saleManage/businessOpportunity/add'
				})
			},

			view() {

			},
			del(item) {
				deleteInformation([item.id]).then(res => {
					this.isEnd = false
					this.page = 1
					this.$refs.uToast.show({
						type: "success",
						message: "操作成功",
					})
					this.getList(this.where)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>


	.add {
		width: 96rpx;
		height: 96rpx;
		border-radius: 48rpx;
		background: #3c9cff;
		position: fixed;
		bottom: 100rpx;
		right: 24rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>