| 
					
				 | 
			
			
				@@ -4,20 +4,20 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<el-form :inline="true" :model="searchInfo" class="demo-form-inline" label-width="100"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-form-item label="姓名" prop="username"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						<el-input placeholder="请输入姓名" v-model="searchInfo.username" type="text" style="width: 120px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<el-input placeholder="请输入姓名" v-model="searchInfo.username" type="text" style="width: 115px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							clearable></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-form-item label="职务" prop="post"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						<el-input placeholder="请输入职务" v-model="searchInfo.post" type="text" style="width: 200px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<el-input placeholder="请输入职务" v-model="searchInfo.post" type="text" style="width: 140px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							clearable></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-form-item label="开始时间" prop="post"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						<el-date-picker value-format="yyyy-MM-dd" type="date" style="width: 160px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<el-date-picker value-format="yyyy-MM-dd" type="date" style="width: 130px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							 v-model="searchInfo.fromDate" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-form-item label="结束时间" prop="post"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						<el-date-picker value-format="yyyy-MM-dd" type="date" style="width: 160px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<el-date-picker value-format="yyyy-MM-dd" type="date" style="width: 130px;" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							v-model="searchInfo.toDate" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</el-row> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -25,28 +25,28 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<el-table :data="tableData" border stripe> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="username" label="姓名" width="120" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="username" label="姓名" width="90" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-input v-if="row.edit" class="edit-input" size="small" v-model="row.username" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.username}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="post" label="职务" width="160"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="post" label="职务" min-width="110" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<el-input v-if="row.edit" class="edit-input" size="small" v-model="row.post" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<el-input v-if="row.edit" class="edit-input" type="textarea" v-model="row.post" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.post}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="fromDate" label="外出时间" width="130" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="fromDate" label="外出时间" width="95" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-date-picker v-if="row.edit" value-format="yyyy-MM-dd" type="date"  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						v-model="row.fromDate" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.fromDate}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="education" label="回来时间" width="130"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="education" label="回来时间" width="95" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-date-picker v-if="row.edit" value-format="yyyy-MM-dd" type="date"  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						v-model="row.toDate" /> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -54,25 +54,25 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="signName" label="签批人1" width="160"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="signName" label="签批人1" min-width="100" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<el-input v-if="row.edit" class="edit-input" size="small" v-model="row.signName" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<el-input v-if="row.edit" class="edit-input" type="textarea" v-model="row.signName" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.signName}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="signConfirm" label="签批人2" width="160"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="signConfirm" label="签批人2" min-width="100" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<el-input v-if="row.edit" class="edit-input" size="small" v-model="row.signConfirm" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<el-input v-if="row.edit" class="edit-input" type="textarea" v-model="row.signConfirm" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.signConfirm}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column prop="reasons" label="外出事由" min-width="140"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column prop="reasons" label="外出事由" min-width="130" align="center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<el-input v-if="row.edit" class="edit-input" size="small" v-model="row.reasons" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<el-input v-if="row.edit" class="edit-input" type="textarea" v-model="row.reasons" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<span v-else>{{row.reasons}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<el-table-column align="center" width="160" label="操作" class-name="small-padding fixed-width"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-table-column align="center" width="126" label="操作" class-name="small-padding fixed-width"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template slot-scope="{row, $index}"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-button v-if="row.edit" type="success" size="small" @click="confirmEdit(row, $index)">提交 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-button> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -82,7 +82,7 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<el-button v-if="!row.edit" type="primary" size="small" @click="initEdit(row, $index)">编辑 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<el-popover placement="top" width="160" v-model="row._pass" v-if="!row.edit"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<el-popover placement="top" width="120" v-model="row._pass" v-if="!row.edit"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						<p>删除之后服务器不保存信息?本操作不可逆,您是否继续操作</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						<div style="text-align: center; margin: 0 auto"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							<el-button size="mini" type="text" @click="row._pass = false">取消</el-button> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -98,6 +98,37 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<el-pagination :current-page="page" :page-size="size" :page-sizes="[10, 30, 50, 100, 1000]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			:style="{ float: 'right', padding: '20px' }" :total="total" @current-change="(page)=>{this.page= page}" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			@size-change="(size)=>{this.size= size}" layout="total, sizes, prev, pager, next, jumper"></el-pagination> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<el-dialog :visible.sync="addOutDialog" top="20px" title="编辑外出" center width="500px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		  <el-form :rules="rules" ref="addOut" :model="form" label-width="80px" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    <el-form-item label="姓名" prop="username"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		      <el-input v-model="form.username" ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    <el-form-item label="职务"  prop="post"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		      <el-input v-model="form.post" ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-form-item label="外出时间"  prop="fromDate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  <el-date-picker value-format="yyyy-MM-dd" type="date" v-model="form.fromDate" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-form-item label="回来时间"  prop="toDate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  <el-date-picker value-format="yyyy-MM-dd" type="date" v-model="form.toDate" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-form-item label="签批人1"  prop="signName"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  <el-input v-model="form.signName"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-form-item label="签批人2"  prop="signConfirm"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  <el-input v-model="form.signConfirm"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<el-form-item label="外出事由"  prop="reasons"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			  <el-input v-model="form.reasons" type="textarea"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		  </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		  <div class="dialog-footer tc" slot="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    <el-button @click="addOutDialog=false">取 消</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		    <el-button @click="confirmEdit(form)" type="primary">确 定</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		</el-dialog>	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -117,6 +148,38 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				page: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				size: 10, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				total: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				addOutDialog: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				form:{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					id: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					fromDate: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					toDate: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					signName:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					signConfirm:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					reasons:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					post: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					username: "" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  username: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				    { required: true, message: "请输入姓名", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  post: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				    { required: true, message: "请输入职务", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  reasons: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				    { required: true, message: "请输入外出事由", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  toDate: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				    { required: true, message: "请输入返程时间", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  fromDate: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				    { required: true, message: "请输入莅临时间", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  signConfirm:[ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					  { required: true, message: "请输入签批人", trigger: "blur" } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				  ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				searchInfo: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					username: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					post: '' 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -147,17 +210,19 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				delete(row["temp"]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			initEdit(row, index) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				let form = Object.assign({}, row); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				row.edit = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				row.temp = form; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.form = Object.assign({}, row); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.addOutDialog = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			newVisit(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.form = {}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				this.addOutDialog = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			confirmEdit(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				let param = Object.assign({}, row); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				delete param["temp"]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				delete param["edit"]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				let param = Object.assign({}, this.form); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				editOutInfo(param).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						row.edit = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						this.getTableData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						this.addOutDialog = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						this.$message.successMsg("修改成功", 1); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				}); 
			 |