dingzhou-app/pages/workInfo/workInfo.vue

<template>
	<view style="background-color: #fff;" v-if="content != null">
		<view
			style="height: 90rpx;display: flex;align-items: center;justify-content: space-around;border-bottom: 1px solid #ceccca;background-color: #fff;"
			v-if="type == 0">
			<!-- <u-tabs :list="list1"  :current="current" @click="click"></u-tabs> -->
			<view style="font-size: 28rpx;" class="tab" :class="current==0?'active':''" @click="current = 0">
				基本信息
			</view>
			<view style="border-left: 1px solid #ceccca;height: 80%;">

			</view>
			<view style="font-size: 28rpx;" class="tab" :class="current==0?'':'active'" @click="current = 1">
				流转记录
			</view>
		</view>
		<swiper style="background-color:#fff ;" :style="{height:type==0?'calc(100vh - 100rpx)':'100vh'}"
			:current="current" disable-touch>
			<swiper-item>
				<view style="height: 100%;overflow: auto;">
					<u--form labelPosition="left" labelAlign="center" :model="content" ref="uForm"
						:labelStyle="{fontSize:'32rpx'}" labelWidth="130">
						<view v-if="fkFlow == '006'">
							<u-form-item label="出差处室:" borderBottom ref="item1">
								<view class="content">
									{{content.outWorkDept}}
								</view>
							</u-form-item>
							<u-form-item label="出差人:" borderBottom ref="item1">
								<view class="content">
									{{content.userName}}
								</view>
							</u-form-item>
							<u-form-item label="目的地:" borderBottom ref="item1">
								<view class="content">
									<view>
										{{content.provinceType=='0'?'省内':'省外'}}
									</view>
									<view style="margin-top: 10rpx;">
										{{content.destination}}
									</view>
								</view>
							</u-form-item>
							<u-form-item label="起止日期:" borderBottom ref="item1">
								<view class="content">
									{{content.startTime+' 至 '+content.endTime}}
								</view>
							</u-form-item>
							<u-form-item label="出差事由:" borderBottom ref="item1">
								<view class="content">
									{{content.reason}}
								</view>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '007'">
							<u-form-item label="申请人:" borderBottom ref="item1">
								<view class="content">
									{{content.userName}}
								</view>
							</u-form-item>
							<u-form-item label="邀请单位:" borderBottom ref="item1">
								<view class="content">
									{{content.inviteUnit}}
								</view>
							</u-form-item>
							<u-form-item label="培训名称:" borderBottom ref="item1">
								<view class="content">
									{{content.trainName}}
								</view>
							</u-form-item>
							<u-form-item label="目的地:" borderBottom ref="item1">
								<view class="content">
									{{content.destination}}
								</view>
							</u-form-item>
							<u-form-item label="起止日期:" borderBottom ref="item1">
								<view class="content">
									{{content.startTime+' 至 '+content.endTime}}
								</view>
							</u-form-item>
							<u-form-item label="授课题目:" borderBottom ref="item1">
								<view class="content">
									{{content.teacherTitle}}
								</view>
							</u-form-item>
							<u-form-item label="参加人数:" borderBottom ref="item1">
								<view class="content">
									{{content.numberOfParticipants}}
								</view>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '021'">
							<u-form-item label="姓名:" borderBottom ref="item1">
								<view class="content">
									{{content.name}}
								</view>
							</u-form-item>
							<u-form-item label="请(休)假类别:" borderBottom ref="item1">
								<uni-data-select v-model="content.leaveTpye" :clear="false" placeholder="请选择请(休)假类别"
									:localdata="statusList" :disabled="firstNode"></uni-data-select>
							</u-form-item>
							<u-form-item label="起止日期:" borderBottom prop="leaveStartTime">
								<view v-if="!firstNode" @click="qizhishow = true"
									:style="{color:content.leaveStartTime==null?'rgb(192, 196, 204)':''}">
									{{content.leaveStartTime == null?'请选择起止日期':content.leaveStartTime+' 至 '+content.leaveEndTime}}
								</view>
								<view v-else :style="{color:content.leaveStartTime==null?'rgb(192, 196, 204)':''}">
									<view class="content">
										{{content.leaveStartTime+' 至 '+content.leaveEndTime}}
									</view>
								</view>
							</u-form-item>
							<u-form-item label="请(休)假天数:" borderBottom ref="item1">
								<view class="content">
									{{content.leaveNumber}}
								</view>
							</u-form-item>
							<u-form-item label="请(休)假事由:" borderBottom ref="item1">
								<u--textarea :disabled="firstNode" v-model="content.leaveReason"
									placeholder="请填写请(休)假事由" border="none" height="100"></u--textarea>

							</u-form-item>
							<u-form-item v-if="type==0&&this.nodeId!='2101'&&this.nodeId!='2105'" label="是否同意:"
								borderBottom ref="item1">
								<uni-data-select v-model="content.sfty" :clear="false" placeholder="请选择是否同意"
									:localdata="sftyList"></uni-data-select>
							</u-form-item>
							<u-form-item v-if="xiaojia&&this.nodeId=='2105'" label="销假日期:"
								@click="typeChange('xiaojia')" borderBottom prop="doneTime">
								<view readonly>
									{{content.xjDate}}
								</view>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '015'">
							<u-form-item label="申请人:" borderBottom ref="item1">
								<view class="content">
									{{content.createBy}}
								</view>
							</u-form-item>
							<u-form-item label="联系电话:" borderBottom ref="item1">
								<view class="content">
									{{content.phone}}
								</view>
							</u-form-item>
							<u-form-item label="起止日期:" borderBottom ref="item1">
								<view class="content">
									{{content.startUseTime+' 至 '+content.endUseTime}}
								</view>
							</u-form-item>
							<u-form-item label="用车天数:" borderBottom ref="item1">
								<view class="content">
									{{content.dayNum}}天
								</view>
							</u-form-item>
							<u-form-item label="乘车人数:" borderBottom ref="item1">
								<view class="content">
									{{content.carNum}}人
								</view>
							</u-form-item>
							<u-form-item label="目的地:" borderBottom ref="item1">
								<view class="content">
									{{content.addres}}
								</view>
							</u-form-item>
							<u-form-item label="用途:" borderBottom ref="item1">
								<view class="content">
									{{content.useMessage}}
								</view>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '020'">
							<u-form-item label="申请人:" borderBottom ref="item1">
								<u--input v-model="content.userName" border="none" readonly></u--input>
							</u-form-item>
							<u-form-item label="所在处室:" borderBottom prop="deptName" ref="item1">
								<u--input v-model="content.deptName" placeholder="" border="none"></u--input>
							</u-form-item>
							<!-- <u-form-item label="值班日期:" borderBottom prop="srcDate" @click="typeChange('zhiban')">
								<view>
									{{content.srcDate}}
								</view>
							</u-form-item> -->
							<u-form-item label="调班日期:" prop="targetDate" @click="typeChange('tiaoban')" borderBottom
								ref="item1">
								<view>
									{{content.targetDate}}
								</view>
							</u-form-item>
							<u-form-item label="调班人:" @click='changePeople' borderBottom prop="user" ref="item1">
								<view class="">
									{{content.adjustUserStatus}}-{{content.adjustUserName}}
								</view>
							</u-form-item>
							<u-form-item label="替换人:" @click='changePeople' borderBottom prop="user" ref="item1">
								<view class="">
									{{content.replaceDeptName}}-{{content.replaceName}}
								</view>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '017'">
							<u-form-item label="用章人:" borderBottom ref="item1">
								<u--input v-model="content.createBy" border="none" readonly></u--input>
							</u-form-item>
							<u-form-item label="用章处室:" borderBottom prop="useDept" ref="item1">
								<u--input v-model="content.useDept" placeholder="请输入用章处室" border="none"></u--input>
							</u-form-item>
							<u-form-item label="用章日期:" borderBottom prop="useTime" @click="typeChange('yongzhang')">
								<view>
									{{content.useTime}}
								</view>
							</u-form-item>
							<u-form-item label="印章类别:" borderBottom prop="signetType">
								<uni-data-select v-model="content.signetType" :clear="false" placeholder="请选择印章类别"
									:localdata="yongzhangList"></uni-data-select>
							</u-form-item>
							<u-form-item label="用章事由:" borderBottom prop="usingReason" ref="item1">
								<u--textarea disabled type="textarea" v-model="content.usingReason"
									placeholder="请输入用章事由" border="none"></u--textarea>
							</u-form-item>
							<u-form-item label="主送单位:" borderBottom prop="activeSend" ref="item1">
								<u--textarea disabled type="textarea" v-model="content.activeSend" placeholder="请输入主送单位"
									border="none"></u--textarea>
							</u-form-item>
							<u-form-item label="盖章份数:" borderBottom prop="signetCopies" ref="item1">
								<u--input readonly type="textarea" v-model="content.signetCopies" placeholder="请输入盖章份数"
									border="none"></u--input>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '018'">
							<u-form-item label="用章人:" borderBottom ref="item1">
								<u--input v-model="content.createBy" border="none" readonly></u--input>
							</u-form-item>
							<u-form-item label="用章处室:" borderBottom prop="useDept" ref="item1">
								<u--input readonly v-model="content.useDept" placeholder="请输入用章处室"
									border="none"></u--input>
							</u-form-item>
							<u-form-item label="用章日期:" borderBottom prop="useTime" @click="typeChange('yongzhang')">
								<view readonly>
									{{content.useTime}}
								</view>
							</u-form-item>

							<u-form-item label="合同名称:" borderBottom prop="usingReason" ref="item1">
								<u--textarea type="textarea" v-model="content.usingReason" placeholder="请输入合同名称"
									border="none"></u--textarea>
							</u-form-item>
							<u-form-item label="主送单位:" borderBottom prop="activeSend" ref="item1">
								<u--textarea type="textarea" v-model="content.activeSend" placeholder="请输入主送单位"
									border="none"></u--textarea>
							</u-form-item>
							<u-form-item label="盖章份数:" borderBottom prop="signetCopies" ref="item1">
								<u--input type="textarea" v-model="content.signetCopies" placeholder="请输入盖章份数"
									border="none"></u--input>
							</u-form-item>
						</view>
						<view v-if="fkFlow == '016'">
							<u-form-item label="督办事项:" borderBottom prop="title">
								<u--input :readonly='isEdit' placeholder='请输入督办事项' v-model="content.title"
									border="none"></u--input>
							</u-form-item>
							<!-- <u-form-item label="处室及负责人:" borderBottom prop="departmentHead">
								<u--input readonly v-model="content.departmentHead" border="none"></u--input>
							</u-form-item> -->
							<!-- <u-form-item label="信息类别:" borderBottom prop="infoType">
								<u--textarea :disabled='isEdit' type="textarea" v-model="content.infoType"
									placeholder="请输入信息类别" border="none"></u--textarea>
							</u-form-item> -->
							<u-form-item label="督办来源:" borderBottom prop="infoSource">
								<uni-data-select :disabled='isEdit' @change="infoSourceChange"
									v-model="content.infoSource" :clear="false" placeholder="请选择督办来源"
									:localdata="InfoList"></uni-data-select>
							</u-form-item>
							<u-form-item label="督办内容:" borderBottom prop="infoSourceContent">
								<u--textarea :disabled='isEdit' type="textarea" v-model="content.infoSourceContent"
									:placeholder="infoSourceContent" border="none"></u--textarea>
							</u-form-item>

							<u-form-item label="完成时限:" @click="typeChange('shixian')" borderBottom prop="doneTime">
								<view readonly>
									{{content.doneTime}}
								</view>
								<!-- <u--input v-model="content.doneTime" border="none" readonly></u--input> -->
							</u-form-item>
							<!-- <u-form-item label="完成时限内容:" borderBottom prop="doneContent">
								<u--textarea :disabled='isEdit' type="textarea" v-model="content.doneContent"
									placeholder="**月**日
 	****要求/文件要求/部门确定" border="none"></u--textarea>
							</u-form-item>
							<u-form-item label="议定事项:" borderBottom prop="itemPostil">
								<u--textarea :disabled='isEdit' type="textarea" v-model="content.itemPostil"
									placeholder="请输入议定事项" border="none"></u--textarea>
							</u-form-item> -->
							<u-form-item label="责任处室:" borderBottom prop="prersonLiable">
								<u--textarea :disabled='isEdit' style="width: 200rpx;" type="textarea"
									v-model="content.prersonLiable" placeholder="请输入责任处室" border="none"></u--textarea>
								<u-button :disabled='isEdit' size="small" type="primary" text="选择" @click="handelSelect"
									style="margin-top: 40rpx;width: 50rpx;margin-right: 20rpx;"></u-button>
							</u-form-item>

						</view>
						<view v-if="type==0" style="padding-bottom: 40rpx;">
							<u-form-item label="下一节点:" borderBottom ref="item1" v-if="overType==false">
								<uni-data-select v-model="content.jdindex" :clear="false" placeholder="请选择下一节点"
									:localdata="list" @change="change"></uni-data-select>
							</u-form-item>
							<u-form-item label="下发人员:" borderBottom v-if="DeliveryWay==4" ref="item1"
								@click="choosePeo">
								<view :style="{color:content.users==null?'rgb(192, 196, 204)':''}">
									{{content.users==null?'请选择人员': content.userList}}
								</view>
							</u-form-item>

							<u-form-item label="进展情况:" borderBottom ref="item1" v-if="jinzhan">
								<u--textarea v-model="content.progress" placeholder="请输入进展情况"
									border="none"></u--textarea>
							</u-form-item>
							<u-form-item v-if="isEval && liucheng != false" label="进度评价:" borderBottom
								prop="progressEva">
								<uni-data-select v-model="content.progressEva" :clear="false" placeholder="请选择进度评价"
									:localdata="progress_eva"></uni-data-select>
							</u-form-item>
							<view v-if="!xiaojia&&this.nodeId!='2101'" class="">
								<view v-if='!jinzhan' class="">
									<u-form-item label="审批意见:" borderBottom ref="item1" v-if="gdType == false">
										<u--textarea v-model="content.reviewMsg" placeholder="请输入审批意见" autoHeight
											border="none"></u--textarea>
									</u-form-item>
								</view>
							</view>


							<view v-if="gdType == true">
								<u-form-item label="档案分类:" borderBottom ref="item1" @click="chooseGd">
									<view :style="{color:content.typeId==null?'rgb(192, 196, 204)':''}">
										{{content.typeId==null?'请选择档案分类': content.gdtype}}
									</view>
								</u-form-item>
							</view>
							<view v-if="!xiaojia" class="">
								<view style="margin-top: 40rpx;padding: 0 20rpx;box-sizing: border-box;"
									v-if="gdType == false">
									<u-button type="primary" text="提交" @click="submit"></u-button>
								</view>
							</view>

							<view style="margin-top: 40rpx;padding: 0 20rpx;box-sizing: border-box;"
								v-if="gdType == true">
								<u-button type="primary" text="归档" @click="save"></u-button>
							</view>
							<view v-if="!xiaojia&&this.nodeId!='2101'" class="">
								<u-button type="error" text="退回" @click="show = true"
									style="width: calc(100vw - 40rpx);margin-top: 40rpx;"
									v-if="backType == true"></u-button>
							</view>
							<view v-if="xiaojia" class="">
								<view style="margin-top: 40rpx;padding: 0 20rpx;box-sizing: border-box;">
									<u-button type="primary" text="销假" @click="submit"></u-button>
								</view>
							</view>
							<view style="margin-top: 40rpx;padding: 0 20rpx;box-sizing: border-box;" v-if="showBack">
								<u-button type="warning" text="拒绝" @click="turnDown"></u-button>
							</view>
						</view>
						<view style="padding: 20rpx;box-sizing: border-box;" v-else>
							<u-steps :current="lzNum-1" direction="column" dot v-if="record != null">
								<view v-for="(v,i) in record" :key="i">
									<u-steps-item :error="v.ActionType==2?true:false"
										:title='v.NDFromT+"（"+v.ActionTypeText+"）"' v-if="v.ActionType==='28'">
										<view slot="desc" style="color: #606266">
											<view style="font-size: 28rpx;">
												处理人：{{v.EmpFromT}}
											</view>
											<view style="font-size: 28rpx;">
												到达时间：{{v.SDT}}
											</view>
										</view>
									</u-steps-item>
									<view v-else-if="v.ActionType22 != undefined">
										<u-steps-item :error="v.ActionType==2?true:false"
											v-for="(item,index) in v.ActionType22" :key="index"
											:title='item.NDFromT+"（"+v.ActionTypeText+"）"'>
											<view slot="desc" style="color:#606266;">
												<view style="font-size: 28rpx;">
													处理部门：{{item.NodeData.split("DeptName=")[1]}}
												</view>
												<view style="font-size: 28rpx;">
													处理人：{{item.Exer.split(',')[1]}}
												</view>
												<view style="font-size: 28rpx;">
													处理时间：{{item.RDT}}
												</view>
												<view style="font-size: 28rpx;">
													审核意见：{{item.Msg}}
												</view>
											</view>
										</u-steps-item>
									</view>

									<u-steps-item :error="v.ActionType==2?true:false"
										:title='v.NDFromT+"（"+v.ActionTypeText+"）"' v-else>
										<view slot="desc" style="color: #606266">
											<view style="font-size: 28rpx;">
												处理部门：{{v.NodeData.split("DeptName=")[1]}}
											</view>
											<view style="font-size: 28rpx;">
												处理人：{{v.Exer.split(',')[1]}}
											</view>
											<view style="font-size: 28rpx;">
												处理时间：{{v.RDT}}
											</view>
										</view>
									</u-steps-item>
								</view>
							</u-steps>
						</view>
					</u--form>
				</view>

			</swiper-item>
			<swiper-item>
				<view
					style="padding: 20rpx;box-sizing: border-box;width: 100%;box-sizing: border-box;height: 100%;overflow: auto;">
					<u-steps :current="lzNum-1" direction="column" dot v-if="record != null">
						<view v-for="(v,i) in record" :key="i">
							<u-steps-item :error="v.ActionType==2?true:false"
								:title='v.NDFromT+"（"+v.ActionTypeText+"）"' v-if="v.ActionType=='28'">
								<view slot="desc" style="color: #606266">
									<view style="font-size: 28rpx;">
										处理人：{{v.EmpFromT}}
									</view>
									<view style="font-size: 28rpx;">
										到达时间：{{v.SDT}}
									</view>
								</view>
							</u-steps-item>
							<view v-else-if="v.ActionType22 != undefined">
								<u-steps-item :error="v.ActionType==2?true:false" v-for="(item,index) in v.ActionType22"
									:key="index" :title='item.NDFromT+"（"+v.ActionTypeText+"）"'>
									<view slot="desc" style="color:#606266;">
										<view style="font-size: 28rpx;">
											处理部门：{{item.NodeData.split("DeptName=")[1]}}
										</view>
										<view style="font-size: 28rpx;">
											处理人：{{item.Exer.split(',')[1]}}
										</view>
										<view style="font-size: 28rpx;">
											处理时间：{{item.RDT}}
										</view>
										<view v-if="item.NDFromT!='请假提交'" style="font-size: 28rpx;">
											审核意见：{{item.Msg}}
										</view>
									</view>
								</u-steps-item>
							</view>
							<u-steps-item :error="v.ActionType==2?true:false"
								:title='v.NDFromT+"（"+v.ActionTypeText+"）"' v-else>
								<view slot="desc" style="color: #606266">
									<view style="font-size: 28rpx;">
										处理部门：{{v.NodeData.split("DeptName=")[1]}}
									</view>
									<view style="font-size: 28rpx;">
										处理人：{{v.Exer.split(',')[1]}}
									</view>
									<view style="font-size: 28rpx;">
										处理时间：{{v.RDT}}
									</view>
									<view v-if="v.ActionTypeText=='退回'" style="font-size: 28rpx;">
										审核意见：{{v.Msg}}
									</view>
								</view>
							</u-steps-item>
						</view>
					</u-steps>
				</view>
			</swiper-item>
		</swiper>
		<u-modal :show="show" title="退回" :closeOnClickOverlay="true" showCancelButton @cancel="close" @close="close"
			@confirm="back">
			<view class="slot-content" style="width: 100%;">
				<u--form labelPosition="left" labelAlign="center" :model="content" ref="uForm1"
					:labelStyle="{fontSize:'32rpx'}" labelWidth="100">
					<u-form-item label="退回节点:" borderBottom ref="item1">
						<uni-data-select v-model="content.returnToNodeID" placeholder="请选择节点" :clear="false"
							:localdata="backlist"></uni-data-select>
					</u-form-item>
					<u-form-item label="退回意见:" borderBottom ref="item1">
						<u--textarea v-model="content.backMsg" placeholder="请输入退回意见" autoHeight
							border="none"></u--textarea>
					</u-form-item>
				</u--form>
			</view>
		</u-modal>
		<u-modal :show="show1" title="拒绝" :closeOnClickOverlay="true" showCancelButton @cancel="close" @close="close"
			@confirm="submitNodeTurn">
			<view class="slot-content" style="width: 100%;">
				<u--form labelPosition="left" labelAlign="center" :model="content" ref="uForm1"
					:labelStyle="{fontSize:'32rpx'}" labelWidth="100">
					<u-form-item label="拒绝原因:" borderBottom ref="item1">
						<u--textarea v-model="content.msg" placeholder="请输入拒绝原因" autoHeight border="none"></u--textarea>
					</u-form-item>
				</u--form>
			</view>
		</u-modal>
		<u-calendar :show="qizhishow" mode="range" allowSameDay @confirm="confirm"
			@close="qizhishow = false"></u-calendar>
		<u-calendar placeholder="请选择日期" :show="showDate" mode="single" allowSameDay @confirm="confirmOne"
			@close="showDate = false"></u-calendar>
	</view>
</template>

<script>
	import {
		parseBigInt
	} from 'jsencrypt/lib/lib/jsbn/jsbn'
	// import uButton from "../../uni_modules/uview-ui/components/u-button/u-button.vue"
	export default {
		data() {
			return {
				firstNode: true,
				qizhishow: false,
				showDate: false,
				InfoList: [],
				infoSourceContent: '',
				liucheng: true,
				isEdit: true,
				isEval: false,
				db_template: [],
				progress_eva: [],
				current: 0,
				showBack: false,
				content: {
					sfty: ''
				},
				statusList: [],
				sftyList: [],
				//流转记录
				record: null,
				//待办已办
				type: 0,
				//节点列表
				list: [],
				//是否选择下发人员
				selectType: 3,
				workid: null,
				flowNo: null,
				id: null,
				//tabs
				list1: [{
						name: '待办内容'
					},
					{
						name: '流转记录'
					}
				],
				DeliveryWay: null, //判断是否需要审核意见
				gd: null, //密级列表
				gdType: false, //判断是否是归档
				overType: false, //判断是否结束
				//上个页面传过来的参数
				parameter: null,
				fkFlow: null, // 006 中层出差  007 外出授课备案
				//退回状态
				backType: false,
				//退回节点列表
				backlist: [],
				show: false,
				show1: false,
				jinzhan: false,
				lzNum: 0,
				nodeId: null,
				YorN: '1',
				xiaojia: false,
				typeDate: null
			}
		},
		onLoad(options) {
			let that = this
			that.parameter = options
			that.fkFlow = options.fkFlow
			this.getDictsYongzhang()
			that.getContent(options.workid)
			that.getDicts()
			that.getRecord(options.workid)
			if (options.nodeId == '2105') {
				this.xiaojia = true
			}
			if (options.nodeId == '2101') {
				this.firstNode = false
			}
			if (options.nodeName.indexOf('归档') != -1 || options.nodeName.indexOf('存档') != -1) {
				that.gdType = true
			}
			that.type = options.type
			that.nodeId = options.nodeId
			if (options.fkFlow == '020') {
				this.showBack = true
				that.nodeId = options.nodeId
				if (options.nodeId == '2001' || options.nodeId == '2004') {
					this.showBack = false
				}
			}
			if (options.nodeId == '1605') {
				this.jinzhan = true
				setTimeout(() => {
					this.content.reviewMsg = '同意'
				}, 500)

			}
			if (options.nodeId == "1606") {
				this.isEval = true;
				this.getJindu()
			}
			that.workid = options.workid
			that.flowNo = options.flowNo
			if (options.fkFlow == '016') {
				this.getDictsInfo()
				uni.setNavigationBarTitle({
					title: '督办事项'
				})
				uni.$u.http.get('/jflow/restful/getSelfParas', {
					params: {
						workid: options.workid
					}
				}).then((res) => {
					console.log('res', res)
					if (res.data.SelfParas == 'isEdit') {
						this.isEdit = false
					}
				})
			} else {
				uni.setNavigationBarTitle({
					title: options.title
				})
			}


			// if (options.type == 0) {
			// 	// that.jdList(options.workid, options.flowNo)
			// 	setTimeout(() => {
			// 		this.isOver(options)
			// 	}, 500)
			// 	// this.getjsPeo(options.workid, options.flowNo)
			// }

		},
		onShow() {
			uni.$once('query', (query) => {
				if (query.a == 1) {
					this.content.users = getApp().globalData.peoIdList
					this.content.userList = getApp().globalData.peoList
					this.$forceUpdate()
				} else if (query.a == 2) {
					this.content.typeId = getApp().globalData.gdId.split(",")[0]
					this.content.gdtype = getApp().globalData.gdId.split(",")[1]
					this.$forceUpdate()
				} else if (query.a == 'two') {
					// this.content.prersonLiable = getApp().globalData.zerenList
					if (this.content.prersonLiable != null) {
						let arrPeo = this.content.prersonLiable.split(",");
						console.log("aeepro", arrPeo);
						let arr = getApp().globalData.zerenList.split(',')
						console.log('arr', arr)
						arr = arr.concat(this.content.prersonLiable)
						console.log('11111', arr)
						this.content.prersonLiable = arr.join(" , ");
					} else {
						this.content.prersonLiable = getApp().globalData.zerenList
					}
				}
			})
		},
		methods: {
			infoSourceChange(val) {
				console.log("db_template", this.db_template);
				console.log('val', val);
				this.infoSourceContent = this.db_template[val - 1].text;
			},
			handelSelect() {
				uni.navigateTo({
					url: `/pages/zerenchushi/zerenchushi`
				})
			},
			confirmOne(e) {
				console.log('74', e)
				if (this.typeDate == 'xiaojia') {
					this.content.xjDate = e[0]
				} else {
					this.content.doneTime = e[0]
				}

				this.showDate = false
			},
			typeChange(e) {
				this.showDate = true
				this.typeDate = e
			},
			// 信息来源
			getDictsInfo() {
				uni.$u.http.get('/system/dict/data/type/info_source').then(res => {
					this.InfoList = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
				})
				uni.$u.http.get('/system/dict/data/type/db_template').then(res => {
					this.db_template = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
				})
			},
			getJindu() {
				uni.$u.http.get('/system/dict/data/type/progress_eva').then(res => {
					this.progress_eva = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
				})
			},
			submitNodeTurn() {
				if (this.content.msg != '' && this.content.msg != null && this.content.msg != undefined) {
					this.YorN = "2";
					this.content.toNodeId = '2004'
					this.content.reviewMsg = this.content.msg
					console.log('this.content', this.content)
					console.log('nodeId', this.nodeId)
					uni.$u.http.post("/offcial/receive/sendFlowToUsers", this.content, {
						header: {
							// 'content-Type: 'multipart/form-data'
							'content-Type': 'application/x-www-form-urlencoded'
						}
					}).then(res => {
						console.log('11111', res)
						// uni.hideLoading()
						if (res.data.VarAcceptersName != "" && res.data.VarAcceptersName != "结束") {
							uni.showToast({
								title: "已发送到" + res.data.VarToNodeName + "节点，接收人：" + res
									.data.VarAcceptersName,
								icon: "none",
								mask: true,
								duration: 3000
							})
						} else if (res.data.VarAcceptersName == "结束") {
							uni.showToast({
								title: res.data.Message,
								icon: "none",
								mask: true,
								duration: 3000
							})
						} else {
							uni.showToast({
								title: res.data.Message.replace(/[@]/g, ""),
								icon: "none",
								mask: true,
								duration: 3000
							})
						}

						uni.$u.http.post("duty/dutyAdjust/updateYwDutyAdjustAudit", {
							workId: this.workid,
							status: this.YorN,
							msg: this.content.reviewMsg,
						}, {
							header: {
								// 'content-Type: 'multipart/form-data'
								'content-Type': 'application/x-www-form-urlencoded'
							}
						})
						if (this.YorN == 1) {
							uni.$u.http.post('/duty/dutyAdjust/execAdjustDuty', {
								workId: this.workid,
							}, {
								header: {
									// 'content-Type: 'multipart/form-data'
									'content-Type': 'application/x-www-form-urlencoded'
								}
							})
						}
						uni.$emit('query', {
							a: 'back'
						})
						setTimeout(() => {
							uni.navigateBack()
						}, 2000)
					}).catch(res => {
						console.log('555', res)
						uni.hideLoading()
						uni.showToast({
							title: "请稍后重试",
							icon: "none"
						})
					})
				} else {
					uni.showToast({
						title: "请输入拒绝原因",
						icon: "none"
					})
				}
			},
			// 拒绝
			turnDown() {
				this.show1 = true
			},

			click(e) {
				this.current = e.index
			},
			//查询收文详情
			getContent(id) {
				console.log(id)
				if (this.fkFlow == '006') {
					uni.$u.http.get('/system/work/sel/' + id).then(res => {
						// console.log(res)
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				} else if (this.fkFlow == '007') {
					uni.$u.http.get('/system/registration/sel/' + id).then(res => {
						// console.log(res)
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}

					})
				} else if (this.fkFlow == '021') {
					uni.$u.http.get('/dzoa/leave/sel/' + id).then(res => {
						console.log('44', id)
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						console.log('content', this.content)
						this.content.sfty = 'Y'
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				} else if (this.fkFlow == '015') {
					uni.$u.http.get('/offcial/car/sel/' + id).then(res => {
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				} else if (this.fkFlow == '020') {
					uni.$u.http.post('/duty/dutyAdjust/getLastDutyAdjustByUserId/app/' + id).then(res => {
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						console.log('type', this.type)
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				} else if (this.fkFlow == '017' || this.fkFlow == '018') {
					uni.$u.http.get('/offcial/seal/sel/' + id).then(res => {
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						console.log('type', this.type)
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				} else if (this.fkFlow == '016') {
					// console.log('id', id)
					uni.$u.http.get('/offcial/supervision/sel/' + id).then(res => {
						// console.log(res)
						this.content = res.data
						this.content.workid = this.workid
						if (this.gdType == true) {
							this.content.typeId = null //归档分类
							this.content.archiveNo = null //档案编号
							this.content.archiveFormNo = null
							this.content.printNum = null //打印份数
							this.content.name = res.data.title //档案名称
							this.content.gdtype = null //分类名称
						}
						if (this.type == 0) {
							this.isOver(this.parameter)
							this.getBackNo(this.parameter.nodeId)
						}
					})
				}


			},
			// 查询请假类型是否字典
			getDicts() {
				let that = this
				uni.$u.http.get('/system/dict/data/type/leave_type').then(res => {
					that.statusList = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
				})
				uni.$u.http.get('/system/dict/data/type/sys_yes_no').then(res => {
					that.sftyList = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
					console.log('sftyList', that.sftyList)
					console.log(that.content.sfty)
				})
			},
			// 印章类型
			getDictsYongzhang() {
				uni.$u.http.get('/system/dict/data/type/signet_type').then(res => {
					this.yongzhangList = res.data.map((item, index) => {
						let obj = {
							value: item.dictValue,
							id: item.dictValue,
							text: item.dictLabel
						}
						return obj
					})
				})
			},
			//保存归档
			save() {
				if (this.content.typeId == null) {
					uni.showToast({
						title: "请选择归档分类",
						icon: "none"
					})
				} else {
					this.content.reviewMsg = "同意"
					uni.showLoading({
						title: "提交中...",
						mask: true
					})
					this.content.archiveFormNo = this.fkFlow
					uni.$u.http.post("/offcial/archive/save", this.content).then(res => {
						uni.$u.http.get('/jflow/restful/GenerNextStepAllNode', {
							params: {
								workid: this.parameter.workid,
								token: uni.getStorageSync('jtoken'),
								flowNo: this.parameter.flowNo,
							}
						}).then(qwe => {
							uni.hideLoading()
							uni.showToast({
								title: "归档成功",
								icon: "none",
								mask: true,
								duration: 2000
							})
							// console.log('nodeId', this.nodeId)
							// if (this.nodeId == '2004') {
							// 	console.log('2222')
							// 	uni.$u.http.post("duty/dutyAdjust/updateYwDutyAdjustAudit", {
							// 		workId: this.workid,
							// 		status: this.YorN,
							// 		msg: this.content.reviewMsg,
							// 	}, {
							// 		header: {
							// 			// 'content-Type: 'multipart/form-data'
							// 			'content-Type': 'application/x-www-form-urlencoded'
							// 		}
							// 	})
							// 	if (this.YorN == 1) {
							// 		uni.$u.http.post('/duty/dutyAdjust/execAdjustDuty', {
							// 			workId: this.workid,
							// 		}, {
							// 			header: {
							// 				// 'content-Type: 'multipart/form-data'
							// 				'content-Type': 'application/x-www-form-urlencoded'
							// 			}
							// 		}).then((res)=>{
							// 			console.log('AAAAAAAAAAAAAAAAAAAAAAAAAAA')
							// 		})
							// 	}
							// }
							uni.$emit('query', {
								a: 'back'
							})
							setTimeout(() => {
								uni.navigateBack()
							}, 3000)
						})
					}).catch(res => {
						uni.hideLoading()
						uni.showToast({
							title: "请稍后重试",
							icon: "none"
						})
					})

				}
			},
			//查询流转记录
			getRecord(id) {
				uni.$u.http.get('/jflow/restful/getWfGenerWorkList', {
					params: {
						workID: id,
						token: uni.getStorageSync('jtoken')
					}
				}).then(res => {
					// console.log(res)
					this.record = res.trackList
					for (let i in res.trackList) {
						if (res.trackList[i].ActionType !== '28') {
							if (res.trackList[i].ActionType22 != undefined) {
								this.lzNum = this.lzNum + res.trackList[i].ActionType22.length
							} else {
								this.lzNum = this.lzNum + 1
							}
						}
					}
					if (this.type == 0) {
						// this.content.jdindex = null //下一节点索引
						// this.content.nodeId = null //下一节点ID
						// this.content.optionName = null //节点名称
						this.content.reviewMsg = null //审批意见
						this.content.users = null //发送给指定人员
						// this.content.toNodeId = null 
						this.content.userList = null //人员列表

					}
				})
			},
			//查询下一步所有节点
			jdList(id, flow) {
				uni.$u.http.get('/jflow/restful/GenerNextStepNode', {
					params: {
						workid: id,
						token: uni.getStorageSync('jtoken'),
						flowNo: flow
					}
				}).then(res => {
					this.id = res[0].NodeID
					this.content.jdindex = 0 //下一节点索引
					this.DeliveryWay = res[0].DeliveryWay //下一节点状态
					this.content.toNodeId = res[0].NodeID //下一节点ID
					this.content.nodeId = res[0].NodeID //下一节点ID
					this.content.optionName = res[0].Name //节点名称
					this.list = res.map((item, index) => {
						let obj = {
							value: index,
							id: item.NodeID,
							text: item.Name,
							DeliveryWay: item.DeliveryWay
						}
						return obj
					})
				})

			},
			//节点选择
			change(e) {
				if (e >= 0) {
					this.id = this.list[e].id
					this.DeliveryWay = this.list[e].DeliveryWay
					this.content.toNodeId = this.list[e].id
					this.content.nodeId = this.list[e].id
					this.content.optionName = this.list[e].text
				}

			},
			//选择人员相关
			choosePeo() {
				if (this.id == null) {
					uni.showToast({
						title: "请先选择下一节点",
						icon: "none"
					})
				} else {
					uni.navigateTo({
						url: `/pages/peoChoose/peoChoose?workid=${this.workid}&flowNo=${this.flowNo}&id=${this.id}`,
					})
				}
			},
			//选择归档分类
			chooseGd() {
				uni.navigateTo({
					url: "/pages/file/file"
				})
			},
			//判断是否为最后一步
			isOver(v) {
				uni.$u.http.get("/jflow/restful/judgeNode", {
					params: {
						nodeId: v.nodeId
					}
				}).then(res => {
					if (res.msg == "Y") {
						this.overType = true
					} else {
						console.log('111111111111111')
						this.overType = false
						this.jdList(v.workid, v.flowNo)
					}
				})
			},
			//提交待办
			submit() {
				// console.log(this.nodeId)
				if (this.overType == false && this.id == null) {
					uni.showToast({
						title: "请先选择下一节点",
						icon: "none"
					})
				} else if (this.nodeId != '1605') {
					if (this.content.reviewMsg == null && this.content.msg == null) {
						uni.showToast({
							title: "请填写审核意见",
							icon: "none"
						})
					}
					console.log('1111111111111111111')
					this.YorN = "1";
					uni.showLoading({
						title: "提交中...",
						mask: true
					})
					if (this.fkFlow == '021') {
						if (this.nodeId == '2105') {
							if (this.content.xjDate == '' || this.content.xjDate == undefined || this.content.xjDate ==
								null) {
								uni.showToast({
									title: "请选择销假日期",
									icon: "none"
								})
								return
							}
						}
						uni.$u.http.post("/dzoa/leave/sendNextSteep", this.content, {
							header: {
								// 'content-Type: 'multipart/form-data'
								'content-Type': 'application/x-www-form-urlencoded'
							}
						}).then(res => {
							// console.log(res)
							// uni.hideLoading()
							if (res.data.VarAcceptersName != "" && res.data.VarAcceptersName != "结束") {
								uni.showToast({
									title: "已发送到" + res.data.VarToNodeName + "节点，接收人：" + res
										.data.VarAcceptersName,
									icon: "none",
									mask: true,
									duration: 3000
								})
							} else if (res.data.VarAcceptersName == "结束") {
								uni.showToast({
									title: res.data.Message,
									icon: "none",
									mask: true,
									duration: 3000
								})
							} else {
								uni.showToast({
									title: res.data.Message.replace(/[@]/g, ""),
									icon: "none",
									mask: true,
									duration: 3000
								})
							}
							console.log('nodeId', this.nodeId)
							if (this.content.nodeId == '2004') {
								console.log('2222')
								uni.$u.http.post("duty/dutyAdjust/updateYwDutyAdjustAudit", {
									workId: this.workid,
									status: this.YorN,
									msg: this.content.reviewMsg,
								}, {
									header: {
										// 'content-Type: 'multipart/form-data'
										'content-Type': 'application/x-www-form-urlencoded'
									}
								})
								if (this.YorN == 1) {
									uni.$u.http.post('/duty/dutyAdjust/execAdjustDuty', {
										workId: this.workid,
									}, {
										header: {
											// 'content-Type: 'multipart/form-data'
											'content-Type': 'application/x-www-form-urlencoded'
										}
									})
								}
							}
							uni.$emit('query', {
								a: 'back'
							})
							setTimeout(() => {
								uni.navigateBack()
							}, 2000)
						}).catch(res => {
							console.log('’，', res)
							uni.hideLoading()
							uni.showToast({
								title: res.msg,
								icon: "none"
							})
						})
					} else {
						uni.$u.http.post("/offcial/receive/sendFlowToUsers", this.content, {
							header: {
								// 'content-Type: 'multipart/form-data'
								'content-Type': 'application/x-www-form-urlencoded'
							}
						}).then(res => {
							console.log('11111', res)
							// uni.hideLoading()
							if (res.data.VarAcceptersName != "" && res.data.VarAcceptersName != "结束") {
								uni.showToast({
									title: "已发送到" + res.data.VarToNodeName + "节点，接收人：" + res
										.data.VarAcceptersName,
									icon: "none",
									mask: true,
									duration: 3000
								})
							} else if (res.data.VarAcceptersName == "结束") {
								uni.showToast({
									title: res.data.Message,
									icon: "none",
									mask: true,
									duration: 3000
								})
							} else {
								uni.showToast({
									title: res.data.Message.replace(/[@]/g, ""),
									icon: "none",
									mask: true,
									duration: 3000
								})
							}
							console.log('nodeId', this.nodeId)
							if (this.content.nodeId == '2004') {
								console.log('2222')
								uni.$u.http.post("duty/dutyAdjust/updateYwDutyAdjustAudit", {
									workId: this.workid,
									status: this.YorN,
									msg: this.content.reviewMsg,
								}, {
									header: {
										// 'content-Type: 'multipart/form-data'
										'content-Type': 'application/x-www-form-urlencoded'
									}
								})
								if (this.YorN == 1) {
									uni.$u.http.post('/duty/dutyAdjust/execAdjustDuty', {
										workId: this.workid,
									}, {
										header: {
											// 'content-Type: 'multipart/form-data'
											'content-Type': 'application/x-www-form-urlencoded'
										}
									})
								}
							}
							uni.$emit('query', {
								a: 'back'
							})
							setTimeout(() => {
								uni.navigateBack()
							}, 2000)
						}).catch(res => {
							console.log('555', res)
							uni.hideLoading()
							uni.showToast({
								title: "请稍后重试",
								icon: "none"
							})
						})
					}

				}
			},
			//查询是否能退回
			getBackNo(id) {
				uni.$u.http.get("/jflow/restful/CurrNodeInfo?currNodeID=" + id).then(res => {
					// console.log(res)
					if (res[0].ReturnRole != 0) {
						this.getBackList()
						this.backType = true
						this.content.returnToNodeID = null
						this.content.backMsg = null
					}
				})
			},
			//获取退回节点列表
			getBackList() {
				uni.$u.http.get("/jflow/restful/getReturnWorkNode", {
					params: {
						workid: this.parameter.workid,
						token: uni.getStorageSync('jtoken')
					}
				}).then(res => {
					this.backlist = res.map((item, index) => {
						let obj = {
							value: item.No,
							id: item.No,
							text: item.Name,
						}
						return obj
					})
				})
			},
			//退回上一节点
			back() {
				if (this.content.returnToNodeID == null) {
					uni.showToast({
						title: "请选择退回节点",
						icon: "none"
					})
				} else if (this.content.backMsg == null) {
					uni.showToast({
						title: "请填写退回意见",
						icon: "none"
					})
				} else {
					uni.showLoading({
						title: "退回中...",
					})
					uni.$u.http.get("/offcial/receive/NodeReturnWork", {
						params: {
							workid: this.parameter.workid,
							returnToNodeID: this.content.returnToNodeID,
							returnMsg: this.content.backMsg
						}
					}).then(res => {
						uni.hideLoading()
						this.close()
						uni.showToast({
							title: res,
							icon: "none",
							duration: 2000
						})
						uni.$emit('query', {
							a: 'back'
						})
						setTimeout(() => {
							uni.navigateBack()
						}, 2000)
					}).catch(error => {
						uni.hideLoading()
						uni.showToast({
							title: "请稍后重试",
							icon: "none"
						})
					})
				}

			},
			//关闭模态框
			close() {
				this.content.returnToNodeID = null
				this.content.backMsg = null
				this.content.msg = null
				this.content.reviewMsg = null
				this.show1 = false
				this.show = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		font-size: 32rpx;
	}

	.tab {
		width: 48%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.active {
		color: #2979ff
	}
</style>