jjx-web/pages/index/old/my.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="/static/images/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 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" :query-form-param="queryForm1"></vk-data-table>
		</view>


		<common-footer></common-footer>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: '',
				// 表格相关开始 -----------------------------------------------------------
				queryForm1: {
					formData: {
						userId: vk.getVuex('$user.userInfo._id')
					},
					columns: [
						{ key:"userId", title:"发布人ID", type:"text", width:160, mode:"=" },
					]
				},
				table1: {
					// 表格数据请求地址
					action: "client/old/kh/getList",
					customRightBtns: [
						{
							title: '详情',
							icon: 'el-icon-search',
							type: 'primary',
							onClick: (item) => {
								vk.navigateTo('/pages/index/old/detail?id=' + item._id);
							}
						}, 
						{
							title: '删除',
							icon: 'el-icon-delete',
							type: 'primary',
							onClick: (item) => {
								this.$confirm('').then(()=> {
									
								}).then(() => {
									vk.callFunction({
										url: 'client/old/kh/delete',
										title: '请求中...',
										data: {
											id: item._id
										},
									}).then(res => {
										this.$refs.table1.refresh()
									})
								})
							}
						}, 
					],
					// 表格字段显示规则
					columns: [
						{
							key: "标题",
							title: "title",
							type: "text",
							width: 280
						},
						{
							key: "productList",
							title: "所在地",
							type: "text",
							minWidth: 200,
							formatter: (val, row, column, index) => {
								let str = ""
								try {
									str = val.map(item=>{
                                        return item.addressRegion[0].name + "-" + item.addressRegion[1].name
									}).join("/")
								} catch(err){
									str = ""
								}
								
								return str
							}
						},
						{
							key: "supplier.companyName",
							title: "供应商",
							type: "text",
						},
						{
							key: "_add_time_srt",
							title: "添加时间",
							type: "time",
							width: 160
						},
						
					],
					// 多选框选中的值
					multipleSelection: [],
					// 当前高亮的记录
					selectItem: "",

				},
				// 表格相关结束 -----------------------------------------------------------
			};
		},
		onLoad() {

		},
		methods: {
			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 {
					uni.navigateTo({
						url: '/pages/index/old/release'
					})
				}




			},
		},
		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>