|
@@ -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);
|
|
|
}
|
|
|
});
|