liug_mobile/pages/model/detail.vue

<template>
	<view class="pages">
		<view class="vtitle">设备借用信息</view>
		<view class="form_group">
			<view class="lable">内部编号</view>
			<view class="tag">
				<text class="span">{{ item.INTNUM }}</text>
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">设备ID</view>
			<view class="tag">
				<input v-model="item.DEVID" placeholder="设备ID" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">计量编号</view>
			<view class="tag">
				<input v-model="item.EQUNR" placeholder="计量编号" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">设备名称</view>
			<view class="tag">
				<input v-model="item.EQKTX" placeholder="设备名称" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>

		<view class="form_group">
			<view class="lable">设备型号</view>
			<view class="tag">
				<input v-model="item.TYPBZ" placeholder="设备型号" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">测量范围</view>
			<view class="tag">
				<input v-model="item.CLFW" placeholder="测量范围" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">准确度等级</view>
			<view class="tag">
				<input v-model="item.ZQDDJ" placeholder="准确度等级" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">分辨力</view>
			<view class="tag">
				<input v-model="item.FBL" placeholder="分辨力" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>

		<view class="form_group">
			<view class="lable">最大允许误差</view>
			<view class="tag">
				<input v-model="item.ZDYXWC" placeholder="最大允许误差" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
<view class="form_group">
			<view class="lable">计划日期	</view>
			<view class="tag">
				<input v-model="item.NPLDA" placeholder="计划日期	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">数量</view>
			<view class="tag">
				<input v-model="item.NUMBER" placeholder="数量" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">所在单位	</view>
			<view class="tag">
				<input v-model="item.UNIT" placeholder="所在单位	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">用户状态	</view>
			<view class="tag">
				<input v-model="item.STTXU" placeholder="用户状态	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">借用日期	</view>
			<view class="tag">
				<input v-model="item.borrowing_date" placeholder="借用日期	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">借用者</view>
			<view class="tag">
				<input v-model="item.borrower" placeholder="借用者" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">归还日期	</view>
			<view class="tag">
				<input v-model="item.returning_date" placeholder="归还日期	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">归还者</view>
			<view class="tag">
				<input v-model="item.returninger" placeholder="归还者" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">归还状态	</view>
			<view class="tag">
				<input v-model="item.returning_state" placeholder="归还状态	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">制造商系列号	</view>
			<view class="tag">
				<input v-model="item.SERGE" placeholder="制造商系列号	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">制造商</view>
			<view class="tag">
				<input v-model="item.HERST" placeholder="制造商" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">备注</view>
			<view class="tag">
				<input v-model="item.remarks" placeholder="备注" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">手机号</view>
			<view class="tag">
				<input v-model="item.tel" placeholder="手机号" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">使用单价	</view>
			<view class="tag">
				<input v-model="item.Price" placeholder="使用单价	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">功能位置	</view>
			<view class="tag">
				<input v-model="item.TPLNR" placeholder="功能位置	" />
				<text class="icon more">&#xe631;</text>
			</view>
		</view>
		<view class="form_group">
			<view class="lable">状态</view>
			<view class="tag">
				<!--<input v-model="item.toolstate" placeholder="状态" />
				<text class="icon more">&#xe631;</text>-->
				<view class="tag1" v-if="item.toolstate==0">借用待审</view>
				<view class="tag1" v-else-if="item.toolstate=1">借用中</view>
				<view class="tag1" v-else-if="item.toolstate==2">已归还</view>
				<view class="tag1" v-else-if="item.toolstate==-1">归还待审</view>
				<view class="tag1" v-else-if="item.toolstate==3">驳回</view>
				<view class="tag1" v-else-if="item.toolstate==81">终止</view>
				<view class="tag1" v-else></view>
			</view>
		</view>

<!--
		<view class="footer">

			<view class="confrim-btn"><button class="btn" @click="workflowsback()">确定</button></view> 
		</view>
-->

	
	</view>
</template>

<script>
	let qrcode = require('@/common/code.js');
	export default {
		data() {
			return {
			
				item: {},
                id: '',

	

			};
		},
		onLoad(e) {
			this.id = e.id;
			//传过来的id
			this.state = e.ste;

			this.getDocuments();

			//选中审批人员监听函数,其它类型的参考这个
			uni.$on('select', res => {
				console.log('asd2:' + JSON.stringify(res));

			});
		},
		methods: {

			getDocuments() {
				this.http.request({
					url: this.http.urls.documents + this.id,
					data: this.item,
					success: res => {
						console.log('asd2:' + JSON.stringify(res));
						
						this.item = res.data.data.items;

					}
				});
			},




		}
	};
</script>

<style lang="scss">
	.pages {
		padding-bottom: 85px;
	}
	.tag1 {
				position: absolute;
				top: 10%;
				right: 0px;
				padding: 3px 10px;
				background-color: #F44336;
				color: white;
				font-size: 14px;
				border-radius: 15px 0px 0px 15px;
			}
</style>