erp/pages/modeMaintainList/modeMaintainList.vue

<template>
	<view>
		<view class="card" v-for="(item,index) in list" :key="index" @tap="modeMaintainAdd(item.id,item.no,item.name)">
			<view class="card-left">
				<view class="card-up-list">
					<view class="card-up-list-list">
						<view>产品名称:</view><text>{{item.name}}</text>
					</view>
					<view class="card-right">
					  <text style="font-size: 26upx;color: #C0C0C0;" v-if="item.status==0">已报废</text>
					  <text style="font-size: 26upx;color: #4CD964;" v-if="item.status==1">正常</text>
					  <text style="font-size: 26upx;color: red;" v-if="item.status==2">维护</text>
					</view>
				</view>
				<view class="card-up-list">
					<view class="card-up-list-list">
						<view>模具编号:</view><text>{{item.no}}</text>
					</view>					
				</view>
				<view class="card-up-list">
					<view class="card-up-list-list">
						<view>产品料号:</view><text>{{item.title}}</text>
					</view>
				</view>
				<view class="card-dow-list">
					<view class="card-up-list-list">
						<view>客户:</view>
						<text>{{item.customer}}</text>
					</view>
					<view class="card-up-list-list">
						<view>所处位置:</view><text>{{item.position}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {modeList} from "../../api/user.js"
	export default {
		data() {
			return {
				list:[]
			};
		},
		onShow() {
			this.getData()
		},
		methods:{
			getData(){
				modeList().then(res=>{
					this.list=res
				})
			},
			modeMaintainAdd(id,no,name){
				uni.navigateTo({
					url: `../modeMaintainAdd/modeMaintainAdd?id=${id}&no=${no}&name=${name}`,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="scss">
@import "./index.scss"
</style>