liug_mobile/pages/index/detail.vue

<template>
	<view>
		<view class="title">检测申请方填写</view>
		
		<view class="form_group">
			<view class="label">委托单编号</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.wt_num}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">标题</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.title}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">申请单位/部门</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.dept}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">试验目的</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.purpose}}</text>
			</view>
		</view>
		
		<view class="form_group">
			<view class="label">申请人</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.applicant}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">电话</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.tel}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">试验部门</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.test_dept}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">所属项目</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.item}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">试验类型</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				
					<text class="span"> {{item.product}} </text>
					
					<text class="span"> {{item.experiment_type}} </text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">项目编号</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.item_num}}</text>
			</view>
		</view>
		<view class="form_group">
			<view class="label">结果形式</view>
			<view class="tag"><u-subsection :list="radio" :current="current" @change="change"></u-subsection></view>
		</view>
		<view class="form_group">
			<view class="label">模板</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.item_num}}</text>
			</view>
		</view>
		
		
		<view class="title">设置审批人员</view>
		<view class="form_group" @click="select('1')">
			<view class="label omit" style="width: 200px;">需求审核-产品经理或主管人员</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.WTXQSH}}</text>
			</view>
		</view>
		<view class="form_group" @click="select('2')">
			<view class="label omit" style="width: 200px;">试验审核-试验对接人</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.WTSYSH}}</text>
			</view>
		</view>
		<view class="form_group" @click="select('3')">
			<view class="label omit" style="width: 200px;">需求批准-本部门领导</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.WTXQPZ}}</text>
			</view>
		</view>
		<view class="form_group" @click="select('4')">
			<view class="label omit" style="width: 200px;">试验批准</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.WTSYPZ}}</text>
			</view>
		</view>
		<view class="form_group" @click="select('5')">
			<view class="label omit" style="width: 200px;">任务分派-任务分派人</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">{{item.WTRWFP}}</text>
			</view>
		</view>
		<view class="title">样机</view>
		<view class="form_group">
			<view class="label">委托单编号</view>
			<view class="tag">
				<text class="icon more">&#xe631;</text>
				<text class="span">W000003496</text>
			</view>
		</view>
	</view>
</template>

<script>
let qrcode = require('@/common/code.js');
export default {
	data() {
		return {
			item: {},
			current: 0,
			radio: [{ name: '正式报告' }, { name: '仅原始数据' }, { name: '协助试验' }],
			id:'',
			items: {
				document: {
					items: {}
				}
			},
		};
	},
	onLoad(e) {
	console.log('eeee:' + JSON.stringify(e));
		
		this.id=e.id;
		//传过来的id
		if (e.id) {
			/* this.http.request({
				url: this.http.urls.xxxx + e.id,
				success: res => {
					this.item = res.data.data;
				}
			}); */
				this.getDocuments();
		}
		//选中审批人员监听函数,其它类型的参考这个
		uni.$on('select', res => {
			console.log('asd2:' + JSON.stringify(res));
			if(res.ste==1){
				this.item.WTXQSH=res.items.__L5a8n9ZH5gJC0CL1s6X.value;
			}else if(res.ste==2){
				this.item.WTSYSH=res.items.__0ils0bIBD7Vf90TjVb3.value;
			}
			else if(res.ste==3){
				this.item.WTXQPZ=res.items.__uiMgMPHg9jmqTXzwdzl.value;
			}
			else if(res.ste==4){
				this.item.WTSYPZ=res.items.__WSh3KXD8wfeyU3FbipN.value;
			}
			else if(res.ste==5){
				this.item.WTRWFP=res.items.__IzBqxyYJhOYJntHpmEv.value;
			}
		});
	},
	methods: {
		//详情
		getDocuments() {
		
		
			this.http.request({
				url: this.http.urls.documents + this.id,
				data: this.item,
				loading: 'false',
				success: res => {
					this.item = res.data.data.items;
					//this.current=res.data.data.items.report_type;
					if(this.item.report_type=='正式报告'){
						this.current=0;
					}else if(this.item.report_type=='仅原始数据'){
					this.current=1;
					}else if(this.item.report_type=='协助试验'){
					this.current=2;
					}
					this.iteml = res.data.data;
					console.log('zx:' + JSON.stringify(res));
					this.items.applicationId = "__gAPYBW4YxB3UePM3lqO";
					this.items.docId = this.iteml.id;
					this.items.id = this.iteml.id;
					this.items.formId = this.iteml.formid;
					this.items.parentId = "";
					this.items.subSelects = [];
					this.items.templateForm = "";
					this.items.viewId = "";
					this.items.document.items = this.item;
					this.items.document.applicationId = "__gAPYBW4YxB3UePM3lqO";
					this.items.document.exparams = {};
					this.items.document.formId = this.iteml.formid;
					this.items.document.id = this.iteml.id;
					this.items.document.parentId = "";
					this.items.document.sign = "";
					this.items.document.stateId = this.iteml.stateid;
					this.items.document.subDocuments = [];
					this.items.document.templateForm = "";
					this.items.document.versions = "0";
				}
			});
		},
		//选择结果形式
		change(e) {
			this.current = e;
			console.log('aa:' + this.radio[this.current].name);
			this.item.report_type=this.radio[this.current].name;
		},
		//选择审批人员
		select(e) {
			uni.navigateTo({
				url: '/pages/index/select?ste=' + e
			});
		},
		//提交
		add() {
			this.http.request({
				url: this.http.urls.user_task_add,
				data: this.item,
				method: 'POST',
				success: res => {
					uni.showModal({
						title: '提示',
						content: '提交成功',
						showCancel: false,
						success: res => {
							if (res.confirm) {
								uni.navigateBack();
							}
						}
					});
				}
			});
		}
	}
};
</script>

<style lang="scss">
.title {
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}
.tag {
	float: right;
	margin-top: -18px;
	width: 70%;
	text-align: left;
	.span {
		float: right;
		color: #545555;
	}
	.code {
		font-size: 25px;
	}
	.more {
		float: right;
		margin-top: 2px;
		color: darkgray;
	}

	.uni-label-pointer {
		padding: 5px;
	}
}
</style>