jjx-web/pages/enquiry/list.vue

<template>
	<view>
		<top-bar></top-bar>
		<common-header></common-header>
		<category-bar></category-bar>

		<!-- <view class="page-nav">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
				<el-breadcrumb-item><navigator url="/pages/spot/goods/goods">现货市场</navigator></el-breadcrumb-item>
			</el-breadcrumb>
		</view> -->

		<view class="carousel">
			<el-carousel height="170px">
				<el-carousel-item v-for="item in 4" :key="item">
					<image class="carousel-img"
						src="http://jyx.gxwebsoft.com/uploads/20210506/600fc93e6b85324b3ea1373ee264290d.jpg"
						mode="aspectFill"></image>
				</el-carousel-item>
			</el-carousel>
			<view class="goods-options">
				<el-row class="">
					<el-button @click="toRelease" type="primary" round>发布询价单</el-button>
					<el-button @click="toMyEnquiry" type="primary" round plain>我发布的询价单</el-button>
				</el-row>
			</view>
		</view>

		<!-- 商品列表 -->
		<view class="sheet-list">
			<vk-data-table ref="table1" :action="table1.action" :columns="table1.columns" :customRightBtns="table1.customRightBtns"
				:pagination="true"></vk-data-table>
		</view>



	</view>
</template>

<script>
	import provinces from "@/uni_modules/vk-uview-ui/libs/address/provinces.json";
	provinces.unshift({
		code: 9999,
		name: '全国'
	})
	export default {
		data() {
			return {
				keyword: '',
				// 表格相关开始 -----------------------------------------------------------
				table1: {
					// 表格数据请求地址
					action: "client/enquiry/sheet/pub/getList",
					customRightBtns: [{
						title: '详情',
						icon: 'el-icon-search',
						type: 'primary',
						onClick: (item) => {
							vk.navigateTo('/pages/enquiry/detail?id=' + item._id);
						}
					}, ],
					// 表格字段显示规则
					columns: [
						{
							key: "productList",
							title: "品名/材质",
							type: "text",
							width: 280,
							formatter: (val, row, column, index) => {
								return val.map(item=>item.name).join("/")
							}
						},
						{
							key: "productList",
							title: "采购量",
							type: "text",
							width: 280,
							formatter: (val, row, column, index) => {
								return val.map(item=>item.procureNumber + item.procureUnit).join("/")
							}
						},
						{
							key: "productList",
							title: "收货地",
							type: "text",
							minWidth: 200,
							formatter: (val, row, column, index) => {
								let str = ""
								try {
									str = val.map(item=>{
										const addressStr = item.address.region.province.name + "-" + item.address.region.city.name + "-" + item.address.region.area.name
										return addressStr
									}).join("/")
								} catch(err){
									str = ""
								}
								
								return str
							}
						},
						{
							key: "user",
							title: "采购单位",
							type: "text",
							width: 280,
							formatter: (val, row, column, index) => {
								if(val.accountType == 1) {
									return val.person.personName
								}else {
									return val.company.companyName
								}
							}
							
						},
						// {
						// 	key: "_add_time",
						// 	title: "添加时间",
						// 	type: "time",
						// 	width: 160
						// },
						
					],
					// 多选框选中的值
					multipleSelection: [],
					// 当前高亮的记录
					selectItem: "",

				},
				// 表格相关结束 -----------------------------------------------------------
			};
		},
		onLoad() {
			// this.search(1)

		},
		methods: {
			toMyEnquiry() {
				vk.navigateTo({
					url: '/pages/enquiry/my'
				})
			},
			toRelease() {

				if (!vk.getVuex('$user.userInfo.fadadaConfirm')) {
					this.$confirm('您尚未认证, 是否前往认证?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						this.getCertUrl()
					})
				} else if (vk.pubfn.isNull(vk.getVuex('$user.userInfo.businessCard'))) {
					this.$confirm('请完善名片信息', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning'
					}).then(() => {
						vk.navigateTo('/pages/user/user?menu=business-card');
					})
				} else {
					vk.navigateTo({
						url: '/pages/enquiry/release'
					})
				}




			},
			search(pageIndex) {
				const categoryIds = []
				this.checkCategoryList.forEach(item => {
					item.forEach(sitem => {
						categoryIds.push(sitem._id)
					})
				})

				let provinceCodes = this.checkProvinceList.map(item => item.code)

				if (provinceCodes.includes(9999)) {
					provinceCodes = []
				}

				vk.callFunction({
					url: 'client/enquiry/sheet/pub/getList',
					data: {
						pageIndex: pageIndex,
						pageSize: 20,
						keyword: this.keyword,
					},
					success: (data) => {
						console.log('data: ', data);

						this.goodsData = data
					}
				});
			},
		},
		computed: {
			checkCategoryArr() {
				let arr = []
				
				this.checkCategoryList.forEach(item => {
					arr.push(...item)
				})

				this.checkProvinceList.forEach(item => {
					arr.push({
						...item
					})
				})
				
				return arr
			}

		}
	}
</script>

<style lang="scss" scoped>
	.carousel {
		width: 1200px;
		margin: 20px auto;
	}

	.carousel-img {
		width: 100%;
		height: 100%;
	}

	.goods-options {
		background-color: #FFFFFF;
		padding: 20px;
	}

	.filter-outer {
		width: 1200px;
		margin: 20px auto;
		background-color: #FFFFFF;
		padding: 20px;
	}

	.tags {
		display: flex;

		.el-tag {
			margin-right: 10px;
		}
	}


	.sheet-list {
		width: 1200px;
		margin: 20px auto;
		// display: flex;

	}



	.paginatio {
		float: none;
		width: 1200px;
		margin: 20px auto;
		display: flex;
		justify-content: center;
	}
</style>