349 lines
11 KiB
Vue
349 lines
11 KiB
Vue
<template>
|
|
<el-container>
|
|
<el-header>
|
|
<div class="left-panel">
|
|
<el-select v-model="query.type" placeholder="人员类型" @change="handleQuery" clearable style="margin-left: 2px">
|
|
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
</el-select>
|
|
<el-cascader v-model="query.belong_dept" :options="deptData" clearable placeholder="部门/单位" @change="handleQuery" :show-all-levels="false" :props="{emitPath:false,checkStrictly: true}" style="margin-left:4px"/>
|
|
</div>
|
|
<div class="right-panel">
|
|
<div class="right-panel-search">
|
|
<el-input v-model="query.search" placeholder="姓名/手机号" clearable @keyup.enter="handleQuery"></el-input>
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
|
</div>
|
|
</div>
|
|
</el-header>
|
|
<el-main class="nopadding">
|
|
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe
|
|
@resetQuery="resetQuery">
|
|
<!-- <el-table-column type="selection" width="50"></el-table-column> -->
|
|
<el-table-column label="#" type="index" width="50"></el-table-column>
|
|
<el-table-column label="人员类型" prop="type" width="160">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.type == 'employee' || scope.row.type == 'remployee'">[{{ jobOptions[scope.row.job_state] }}]
|
|
</span>
|
|
<span>{{ userTypeOptions[scope.row.type] }}</span>
|
|
<span v-if="scope.row.type == 'employee' && scope.row.is_atwork" style="color:green;font-weight:bold">
|
|
在岗
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="姓名" prop="name" width="120">
|
|
</el-table-column>
|
|
<el-table-column label="性别" prop="gender" width="60">
|
|
</el-table-column>
|
|
<el-table-column label="证件照" prop="photo" width="120">
|
|
<template #default="scope">
|
|
<el-avatar :size="50" :src="scope.row.photo" shape="square" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="手机号" prop="phone" width="120"></el-table-column>
|
|
<el-table-column label="部门" prop="belong_dept" width="180" :show-overflow-tooltip="true">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.belong_dept_">{{
|
|
scope.row.belong_dept_.name
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="身份证号" prop="id_number" width="180" :show-overflow-tooltip="true"></el-table-column>
|
|
<el-table-column label="系统账号" prop="user" width="180" ><template #default="scope">
|
|
<span v-if="scope.row.user">{{
|
|
scope.row.user_.username
|
|
}}</span>
|
|
</template></el-table-column>
|
|
<el-table-column label="定位卡号" prop="blt_" width="180">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.blt_">{{
|
|
scope.row.blt_.code
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="创建时间" prop="create_time" width="180"></el-table-column>
|
|
<el-table-column label="操作" fixed="right" align="left" width="170">
|
|
<template #default="scope">
|
|
<!-- <el-button
|
|
link
|
|
type="primary"
|
|
size="small"
|
|
@click="Addcertificate(scope.row)"
|
|
v-auth="'employee.update'"
|
|
>证书
|
|
</el-button> -->
|
|
<el-button link type="success" size="small" @click="handleForm('show', scope.row)">查看
|
|
</el-button>
|
|
<el-button link type="warning" size="small" v-auth="'employee.update'"
|
|
@click="handleForm('edit', scope.row)">编辑
|
|
</el-button>
|
|
<el-button v-if="scope.row.blt_" link type="danger" size="small" @click="handleBindBlt(20, scope.row)">解绑
|
|
</el-button>
|
|
<el-button v-else link type="primary" size="small" @click="handleBindBlt(10, scope.row)">绑卡
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</scTable>
|
|
</el-main>
|
|
</el-container>
|
|
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save = false">
|
|
</save-dialog>
|
|
|
|
<ScBind v-if="showBindBlt" :bindBtl="bindBtl" :bindType="bindType" :bindName="bindName" :bindEmployee="bindEmployee"
|
|
@closed="closed"></ScBind>
|
|
<!-- <el-Dialog
|
|
title="绑定定位卡"
|
|
v-model="showBindBlt"
|
|
destroy-on-close
|
|
@closed="closeDrawer"
|
|
>
|
|
<el-form ref="dialogForm" :model="form" label-width="120px">
|
|
<el-form-item label="姓名">
|
|
{{ bindBltName }}
|
|
</el-form-item>
|
|
<el-form-item label="绑定卡号">
|
|
<el-select v-model="form.blt" style="width: 100%" :disabled="dis">
|
|
<el-option
|
|
v-for="item in bltList"
|
|
:key="item.code"
|
|
:label="item.code"
|
|
:value="item.code"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
<template #footer>
|
|
<el-button v-if="form.type === 10" type="primary" @click="submitBindBlt"
|
|
>绑定</el-button
|
|
>
|
|
<el-button v-if="form.type === 20" type="primary" @click="submitBindBlt"
|
|
>解绑</el-button
|
|
>
|
|
<el-button @click="showBindBlt = false">取消</el-button>
|
|
</template>
|
|
</el-Dialog> -->
|
|
</template>
|
|
<script>
|
|
import saveDialog from "./ep_form.vue";
|
|
import ScBind from "@/components/scBind/index.vue";
|
|
import { genTree } from "@/utils/verificate";
|
|
|
|
export default {
|
|
name: "employee",
|
|
components: {
|
|
saveDialog,
|
|
ScBind
|
|
},
|
|
data() {
|
|
return {
|
|
dialog: {
|
|
save: false,
|
|
permission: false,
|
|
},
|
|
deptData:[],
|
|
apiObj: this.$API.hrm.employee.list,
|
|
query: {},
|
|
tdevice: [],
|
|
selection: [],
|
|
search: {
|
|
keyword: null,
|
|
},
|
|
dis: false,
|
|
showBindBlt: false,
|
|
bltList: [],
|
|
bindName: "",
|
|
bindType: 10,
|
|
bindBtl: null,
|
|
bindEmployee: '',
|
|
form: {
|
|
type: 10,
|
|
blt: "",
|
|
employee: "",
|
|
},
|
|
userTypeOptions: {
|
|
employee: "正式员工",
|
|
remployee: "相关方",
|
|
visitor: "访客",
|
|
driver: "货车司机"
|
|
},
|
|
jobOptions: {
|
|
10: "在职",
|
|
20: "离职",
|
|
},
|
|
typeOptions: [
|
|
{ label: "正式员工", value: "employee" },
|
|
{ label: "相关方", value: "remployee" },
|
|
{ label: "访客", value: "visitor" },
|
|
{ label: "货车司机", value: "driver" }
|
|
]
|
|
};
|
|
},
|
|
mounted() {
|
|
// this.getBltList();
|
|
this.getDept();
|
|
},
|
|
methods: {
|
|
async getDept() {
|
|
let res = await this.$API.system.dept.list.req({ page: 0, type__in: 'dept,rparty' });
|
|
this.deptData = genTree(res);
|
|
},
|
|
//人员证书添加
|
|
// Addcertificate(row) {
|
|
// this.$router.push({
|
|
// name: "certificate",
|
|
// query: {
|
|
// id: row.id,
|
|
// },
|
|
// });
|
|
// },
|
|
//添加
|
|
handleForm(type, row) {
|
|
this.dialog.save = true;
|
|
this.$nextTick(() => {
|
|
if (type === "add") {
|
|
this.$refs.saveDialog.open(type);
|
|
} else {
|
|
this.$refs.saveDialog.open(type).setData(row);
|
|
}
|
|
});
|
|
},
|
|
|
|
/*//添加
|
|
add(){
|
|
this.dialog.save = true
|
|
this.$nextTick(() => {
|
|
this.$refs.saveDialog.open('add')
|
|
})
|
|
},
|
|
//编辑
|
|
table_edit(row){
|
|
this.dialog.save = true
|
|
this.$nextTick(() => {
|
|
this.$refs.saveDialog.open('edit').setData(row)
|
|
})
|
|
},
|
|
//查看
|
|
table_show(row){
|
|
this.dialog.save = true
|
|
this.$nextTick(() => {
|
|
this.$refs.saveDialog.open('show').setData(row)
|
|
})
|
|
},*/
|
|
//权限设置
|
|
permission() {
|
|
this.dialog.permission = true;
|
|
this.$nextTick(() => {
|
|
this.$refs.permissionDialog.open();
|
|
});
|
|
},
|
|
//删除
|
|
async table_del(row) {
|
|
await this.$API.hrm.employee.create.req(row.id).then((res) => {
|
|
if (res.err_msg) {
|
|
this.$message.error(res.err_msg);
|
|
} else {
|
|
this.$refs.table.refresh();
|
|
this.$message.success("删除成功");
|
|
}
|
|
});
|
|
},
|
|
//批量删除
|
|
async batch_del() {
|
|
this.$confirm(
|
|
`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`,
|
|
"提示",
|
|
{
|
|
type: "warning",
|
|
}
|
|
)
|
|
.then(() => {
|
|
const loading = this.$loading();
|
|
this.$refs.table.refresh();
|
|
loading.close();
|
|
this.$message.success("操作成功");
|
|
})
|
|
.catch(() => { });
|
|
},
|
|
//表格选择后回调事件
|
|
selectionChange(selection) {
|
|
this.selection = selection;
|
|
},
|
|
//表格内开关
|
|
changeSwitch(val, row) {
|
|
row.status = row.status == "1" ? "0" : "1";
|
|
row.$switch_status = true;
|
|
setTimeout(() => {
|
|
delete row.$switch_status;
|
|
row.status = val;
|
|
this.$message.success("操作成功");
|
|
}, 500);
|
|
},
|
|
//搜索
|
|
handleQuery() {
|
|
this.$refs.table.queryData(this.query);
|
|
},
|
|
//根据ID获取树结构
|
|
filterTree(id) {
|
|
var target = null;
|
|
|
|
function filter(tree) {
|
|
tree.forEach((item) => {
|
|
if (item.id == id) {
|
|
target = item;
|
|
}
|
|
if (item.children) {
|
|
filter(item.children);
|
|
}
|
|
});
|
|
}
|
|
|
|
filter(this.$refs.table.tableData);
|
|
return target;
|
|
},
|
|
//本地更新数据
|
|
handleSaveSuccess(data, mode) {
|
|
if (mode == "add") {
|
|
this.$refs.table.refresh();
|
|
} else if (mode == "edit") {
|
|
this.$refs.table.refresh();
|
|
}
|
|
},
|
|
resetQuery() {
|
|
this.query = {};
|
|
},
|
|
closed(data) {
|
|
this.showBindBlt = false;
|
|
this.$refs.table.refresh();
|
|
},
|
|
|
|
getBltList() {
|
|
let that = this;
|
|
that.$API.third.tdevice.list.req({ type: 30, page: 0, state: 'unused' }).then((res) => {
|
|
that.tdevice = res;
|
|
that.bltList = res.filter((item) => {
|
|
return item.employee_ === null;
|
|
});
|
|
console.log(res);
|
|
console.log(that.bltList);
|
|
});
|
|
},
|
|
handleBindBlt(type, row) {
|
|
// this.dis = false;
|
|
debugger;
|
|
this.bindName = row.name;
|
|
this.bindType = type;
|
|
this.bindEmployee = row.id;
|
|
if (type === 20) {
|
|
this.bindBtl = row.blt_.code;
|
|
}
|
|
this.showBindBlt = true;
|
|
},
|
|
submitBindBlt() {
|
|
let that = this;
|
|
that.$API.third.tdevice.bltBind.req(this.form).then((res) => {
|
|
that.showBindBlt = false;
|
|
that.$refs.table.refresh();
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|