年度搜索修复

main
mo 1 year ago
parent a34b0e257c
commit b2714a6926

@ -1,11 +1,21 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="98px"
>
<el-form-item label="制单人 " prop="createBy">
<el-input v-model="queryParams.createBy" placeholder="请输入制单人 " clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.createBy"
placeholder="请输入制单人 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="创建日期 " prop="createTime">-->
<!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
@ -18,31 +28,58 @@
<!-- <el-input v-model="queryParams.systemDept" placeholder="请输入所属部门 " clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="咨询编号 " prop="consultationId">
<el-input v-model="queryParams.consultationId" placeholder="请输入咨询编号 " clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.consultationId"
placeholder="请输入咨询编号 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="咨询类型 " prop="consultationType">
<el-select v-model="queryParams.consultationType" placeholder="请选择咨询类型 " clearable size="small">
<el-option label="请选择字典生成" value=""/>
<el-select
v-model="queryParams.consultationType"
placeholder="请选择咨询类型 "
clearable
size="small"
>
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="咨询标题 " prop="consultationTitle">
<el-input v-model="queryParams.consultationTitle" placeholder="请输入咨询标题 " clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.consultationTitle"
placeholder="请输入咨询标题 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="咨询人 " prop="consultorName">
<el-input v-model="queryParams.consultorName" placeholder="请输入咨询人 " clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.consultorName"
placeholder="请输入咨询人 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="咨询时间 " prop="consultationTime">
<el-date-picker v-model="queryParams.consultationTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"/>
<el-date-picker
v-model="queryParams.consultationTime"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
/>
</el-form-item>
<el-form-item label="处理人员 " prop="handler">
<el-input v-model="queryParams.handler" placeholder="请输入处理人员 " clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.handler"
placeholder="请输入处理人员 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="处理日期 " prop="handleTime">-->
<!-- <el-date-picker v-model="queryParams.handleTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
@ -50,18 +87,25 @@
<!-- </el-form-item>-->
<el-form-item label="处理结果 " prop="handleResult">
<!-- <el-input v-model="queryParams.handleResult" placeholder="请输入处理结果 " clearable @keyup.enter.native="handleQuery"/>-->
<el-select v-model="queryParams.handleResult" placeholder="请选择处理结果" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.handleResult"
placeholder="请选择处理结果"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="年度 " prop="year">
<!-- <el-input v-model="queryParams.year" placeholder="请输入年度 " clearable @keyup.enter.native="handleQuery"/>-->
<el-date-picker
popper-class="due_year"
v-model="queryParams.year"
value-format="Y"
value-format="yyyy"
type="year"
placeholder="请选择会计年份"
@keyup.enter.native="handleQuery"
@ -69,7 +113,6 @@
</el-date-picker>
</el-form-item>
<el-form-item label="月份 " prop="period">
<!-- <el-input v-model="queryParams.period" placeholder="请输入月份 " clearable @keyup.enter.native="handleQuery"/>-->
<el-date-picker
popper-class="due_month"
v-model="queryParams.period"
@ -82,29 +125,39 @@
</el-date-picker>
</el-form-item>
<el-form-item label="借阅状态 " prop="borrowStatus">
<el-select v-model="queryParams.borrowStatus" placeholder="请选择借阅状态 " clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.borrowStatus"
placeholder="请选择借阅状态 "
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档时间 " prop="recordTime">-->
<!-- <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="纸档位置 " prop="position">-->
<!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置 " clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="完整性 " prop="cherks">-->
<!-- <el-input v-model="queryParams.cherks" placeholder="请输入完整性 " clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.fileStatus"
placeholder="请选择归档状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
@ -112,167 +165,276 @@
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['ea:electronic-consultation:create']">新增
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ea:electronic-consultation:create']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-consultation:export']">导出
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-consultation:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<!-- <el-table-column label="主键 " align="center" prop="id" />-->
<el-table-column label="制单人 " align="center" prop="createBy"/>
<el-table-column label="创建日期 " align="center" prop="createTime" width="98px">
<el-table-column label="制单人 " align="center" prop="createBy" />
<el-table-column
label="创建日期 "
align="center"
prop="createTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="业务实体 " align="center" prop="company"/>
<el-table-column label="所属部门 " align="center" prop="systemDept"/>
<el-table-column label="咨询编号 " align="center" prop="consultationId"/>
<el-table-column label="咨询类型 " align="center" prop="consultationType"/>
<el-table-column label="咨询标题 " align="center" prop="consultationTitle"/>
<el-table-column label="咨询内容 " align="center" prop="consultationContent">
<el-table-column label="业务实体 " align="center" prop="company" />
<el-table-column label="所属部门 " align="center" prop="systemDept" />
<el-table-column label="咨询编号 " align="center" prop="consultationId" />
<el-table-column
label="咨询类型 "
align="center"
prop="consultationType"
/>
<el-table-column
label="咨询标题 "
align="center"
prop="consultationTitle"
/>
<el-table-column
label="咨询内容 "
align="center"
prop="consultationContent"
>
<template v-slot="scope">
<span v-html="scope.row.consultationContent"></span>
</template>
</el-table-column>
<el-table-column label="咨询人 " align="center" prop="consultorName"/>
<el-table-column label="咨询时间 " align="center" prop="consultationTime" width="98px">
<el-table-column label="咨询人 " align="center" prop="consultorName" />
<el-table-column
label="咨询时间 "
align="center"
prop="consultationTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.consultationTime) }}</span>
</template>
</el-table-column>
<el-table-column label="处理人员 " align="center" prop="handler"/>
<el-table-column label="处理日期 " align="center" prop="handleTime" width="98px">
<el-table-column label="处理人员 " align="center" prop="handler" />
<el-table-column
label="处理日期 "
align="center"
prop="handleTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.handleTime) }}</span>
</template>
</el-table-column>
<el-table-column label="处理结果 " align="center" prop="handleResult">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.HANDLE_RESULT" :value="scope.row.handleResult"/>
<dict-tag
:type="DICT_TYPE.HANDLE_RESULT"
:value="scope.row.handleResult"
/>
</template>
</el-table-column>
<el-table-column label="年度 " align="center" prop="year"/>
<el-table-column label="月份 " align="center" prop="period"/>
<el-table-column label="年度 " align="center" prop="year" />
<el-table-column label="月份 " align="center" prop="period" />
<el-table-column label="借阅状态 " align="center" prop="borrowStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.BORROW_STATUS" :value="scope.row.borrowStatus"/>
<dict-tag
:type="DICT_TYPE.BORROW_STATUS"
:value="scope.row.borrowStatus"
/>
</template>
</el-table-column>
<el-table-column label="归档时间 " align="center" prop="recordTime" width="98px">
<el-table-column
label="归档时间 "
align="center"
prop="recordTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.recordTime) }}</span>
</template>
</el-table-column>
<el-table-column label="纸档位置 " align="center" prop="position"/>
<el-table-column label="纸档位置 " align="center" prop="position" />
<el-table-column label="完整性 " align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
<dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/>
<dict-tag
:type="DICT_TYPE.ARCHIVES_FILE_STATUS"
:value="scope.row.fileStatus"
/>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-consultation:update']">修改
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-consultation:update']"
>修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-consultation:delete']">删除
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-consultation:delete']"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
width="1000px"
v-dialogDrag
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="98px">
<el-row>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="制单人 " prop="createBy">
<el-input v-model="form.createBy" placeholder="请输入制单人 "/>
<el-input v-model="form.createBy" placeholder="请输入制单人 " />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="业务实体 " prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体 "/>
<el-input v-model="form.company" placeholder="请输入业务实体 " />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门 " prop="systemDept">
<el-input v-model="form.systemDept" placeholder="请输入所属部门 "/>
<el-input
v-model="form.systemDept"
placeholder="请输入所属部门 "
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="咨询编号 " prop="consultationId">
<el-input v-model="form.consultationId" placeholder="请输入咨询编号 "/>
<el-input
v-model="form.consultationId"
placeholder="请输入咨询编号 "
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="咨询类型 " prop="consultationType">
<el-select v-model="form.consultationType" placeholder="请选择咨询类型 ">
<el-option label="请选择字典生成" value=""/>
<el-select
v-model="form.consultationType"
placeholder="请选择咨询类型 "
>
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="咨询标题 " prop="consultationTitle">
<el-input v-model="form.consultationTitle" placeholder="请输入咨询标题 "/>
<el-input
v-model="form.consultationTitle"
placeholder="请输入咨询标题 "
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="咨询内容 ">
<editor v-model="form.consultationContent" :min-height="192"/>
<editor v-model="form.consultationContent" :min-height="192" />
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="咨询人 " prop="consultorName">
<el-input v-model="form.consultorName" placeholder="请输入咨询人 "/>
<el-input
v-model="form.consultorName"
placeholder="请输入咨询人 "
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="咨询时间 " prop="consultationTime">
<el-date-picker clearable v-model="form.consultationTime" type="date" value-format="timestamp"
placeholder="选择咨询时间 "/>
<el-date-picker
clearable
v-model="form.consultationTime"
type="date"
value-format="timestamp"
placeholder="选择咨询时间 "
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="处理人员 " prop="handler">
<el-input v-model="form.handler" placeholder="请输入处理人员 "/>
<el-input v-model="form.handler" placeholder="请输入处理人员 " />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="处理日期 " prop="handleTime">
<el-date-picker clearable v-model="form.handleTime" type="date" value-format="timestamp"
placeholder="选择处理日期 "/>
<el-date-picker
clearable
v-model="form.handleTime"
type="date"
value-format="timestamp"
placeholder="选择处理日期 "
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="处理结果 " prop="handleResult">
<el-select v-model="form.handleResult" placeholder="请选择处理结果">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="form.handleResult"
placeholder="请选择处理结果"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -307,32 +469,42 @@
</el-col>
<el-col :span="8">
<el-form-item label="借阅状态 " prop="borrowStatus">
<el-select v-model="form.borrowStatus" placeholder="请选择借阅状态 ">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="form.borrowStatus"
placeholder="请选择借阅状态 "
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="归档时间 " prop="recordTime">
<el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp"
placeholder="选择归档时间 "/>
<el-date-picker
clearable
v-model="form.recordTime"
type="date"
value-format="timestamp"
placeholder="选择归档时间 "
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="纸档位置 " prop="position">
<el-input v-model="form.position" placeholder="请输入纸档位置 "/>
<el-input v-model="form.position" placeholder="请输入纸档位置 " />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="完整性 " prop="cherks">
<el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -343,8 +515,14 @@
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.ARCHIVES_FILE_STATUS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -365,9 +543,9 @@ import {
deleteElectronicConsultation,
getElectronicConsultation,
getElectronicConsultationPage,
exportElectronicConsultationExcel
exportElectronicConsultationExcel,
} from "@/api/ea/electronicConsultation/electronicConsultation";
import Editor from '@/components/Editor';
import Editor from "@/components/Editor";
import ScrollPane from "@/layout/components/TagsView/ScrollPane";
export default {
@ -420,7 +598,7 @@ export default {
//
form: {},
//
rules: {}
rules: {},
};
},
created() {
@ -431,7 +609,7 @@ export default {
getList() {
this.loading = true;
//
getElectronicConsultationPage(this.queryParams).then(response => {
getElectronicConsultationPage(this.queryParams).then((response) => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
@ -488,7 +666,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id;
getElectronicConsultation(id).then(response => {
getElectronicConsultation(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改咨询档案";
@ -496,13 +674,13 @@ export default {
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs["form"].validate((valid) => {
if (!valid) {
return;
}
//
if (this.form.id != null) {
updateElectronicConsultation(this.form).then(response => {
updateElectronicConsultation(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
@ -510,7 +688,7 @@ export default {
return;
}
//
createElectronicConsultation(this.form).then(response => {
createElectronicConsultation(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
@ -520,30 +698,35 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除咨询档案编号为"' + id + '"的数据项?').then(function () {
return deleteElectronicConsultation(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
this.$modal
.confirm('是否确认删除咨询档案编号为"' + id + '"的数据项?')
.then(function () {
return deleteElectronicConsultation(id);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
//
let params = {...this.queryParams};
let params = { ...this.queryParams };
params.pageNo = undefined;
params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有咨询档案数据项?').then(() => {
this.exportLoading = true;
return exportElectronicConsultationExcel(params);
}).then(response => {
this.$download.excel(response, '咨询档案.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
this.$modal
.confirm("是否确认导出所有咨询档案数据项?")
.then(() => {
this.exportLoading = true;
return exportElectronicConsultationExcel(params);
})
.then((response) => {
this.$download.excel(response, "咨询档案.xls");
this.exportLoading = false;
})
.catch(() => {});
},
},
};
</script>

@ -1,48 +1,86 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="98px"
>
<el-form-item label=" 制单人" prop="createBy">
<el-input v-model="queryParams.createBy" placeholder="请输入 制单人" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.createBy"
placeholder="请输入 制单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="创建日期" prop="createTime">-->
<!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<el-form-item label="业务实体" prop="company">
<el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.company"
placeholder="请输入业务实体"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="所属部门" prop="deptName">-->
<!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="客诉编号" prop="complaintCode">
<el-input v-model="queryParams.complaintCode" placeholder="请输入客诉编号" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.complaintCode"
placeholder="请输入客诉编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="客户名称" prop="customerName">
<el-input v-model="queryParams.customerName" placeholder="请输入客户名称" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.customerName"
placeholder="请输入客户名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="客户电话" prop="customerPhone">-->
<!-- <el-input v-model="queryParams.customerPhone" placeholder="请输入客户电话" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="客诉类型" prop="complaintType">
<el-select v-model="queryParams.complaintType" placeholder="请选择客诉类型" clearable size="small">
<el-option label="请选择字典生成" value=""/>
<el-select
v-model="queryParams.complaintType"
placeholder="请选择客诉类型"
clearable
size="small"
>
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="客诉时间" prop="complaintTime">
<el-date-picker v-model="queryParams.complaintTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"/>
<el-date-picker
v-model="queryParams.complaintTime"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
/>
</el-form-item>
<el-form-item label="处理人" prop="handler">
<el-input v-model="queryParams.handler" placeholder="请输入处理人" clearable @keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.handler"
placeholder="请输入处理人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="处理时间" prop="handleTime">-->
<!-- <el-date-picker v-model="queryParams.handleTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
@ -67,14 +105,12 @@
<el-date-picker
popper-class="due_year"
v-model="queryParams.year"
value-format="Y"
value-format="yyyy"
type="year"
placeholder="请选择会计年份"
@keyup.enter.native="handleQuery"
>
</el-date-picker>
<!-- <el-input v-model="queryParams.year" placeholder="请输入年度" clearable @keyup.enter.native="handleQuery"/>-->
</el-form-item>
<el-form-item label="月份" prop="period">
<el-date-picker
@ -87,32 +123,41 @@
@keyup.enter.native="handleQuery"
>
</el-date-picker>
<!-- <el-input v-model="queryParams.period" placeholder="请输入月份" clearable @keyup.enter.native="handleQuery"/>-->
</el-form-item>
<el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="queryParams.borrowStatus" placeholder="请选择借阅状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.borrowStatus"
placeholder="请选择借阅状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档时间" prop="recordTime">-->
<!-- <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="纸档位置" prop="position">-->
<!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="完整性" prop="cherks">-->
<!-- <el-input v-model="queryParams.cherks" placeholder="请输入完整性" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.fileStatus"
placeholder="请选择归档状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
@ -120,39 +165,68 @@
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['ea:electronic-customer-complaint:create']">新增
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ea:electronic-customer-complaint:create']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-customer-complaint:export']">导出
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-customer-complaint:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<!-- <el-table-column label="主键" align="center" prop="id"/>-->
<el-table-column label=" 制单人" align="center" prop="createBy"/>
<el-table-column label="创建日期" align="center" prop="createTime" width="98px">
<el-table-column label=" 制单人" align="center" prop="createBy" />
<el-table-column
label="创建日期"
align="center"
prop="createTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="业务实体" align="center" prop="company"/>
<el-table-column label="所属部门" align="center" prop="deptName"/>
<el-table-column label="客诉编号" align="center" prop="complaintCode"/>
<el-table-column label="客户名称" align="center" prop="customerName"/>
<el-table-column label="客户电话" align="center" prop="customerPhone"/>
<el-table-column label="客诉时间" align="center" prop="complaintTime" width="98px">
<el-table-column label="业务实体" align="center" prop="company" />
<el-table-column label="所属部门" align="center" prop="deptName" />
<el-table-column label="客诉编号" align="center" prop="complaintCode" />
<el-table-column label="客户名称" align="center" prop="customerName" />
<el-table-column label="客户电话" align="center" prop="customerPhone" />
<el-table-column
label="客诉时间"
align="center"
prop="complaintTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.complaintTime) }}</span>
</template>
</el-table-column>
<el-table-column label="客诉类型" align="center" prop="complaintType" width="98px">
<el-table-column
label="客诉类型"
align="center"
prop="complaintType"
width="98px"
>
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.COMPLAINT_TYPE"
@ -165,8 +239,13 @@
<span v-html="scope.row.complaintContent"></span>
</template>
</el-table-column>
<el-table-column label="处理人" align="center" prop="handler"/>
<el-table-column label="处理时间" align="center" prop="handleTime" width="98px">
<el-table-column label="处理人" align="center" prop="handler" />
<el-table-column
label="处理时间"
align="center"
prop="handleTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.handleTime) }}</span>
</template>
@ -179,94 +258,144 @@
/>
</template>
</el-table-column>
<el-table-column label="年度" align="center" prop="year"/>
<el-table-column label="月份" align="center" prop="period"/>
<el-table-column label="年度" align="center" prop="year" />
<el-table-column label="月份" align="center" prop="period" />
<el-table-column label="借阅状态" align="center" prop="borrowStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.BORROW_STATUS" :value="scope.row.borrowStatus"/>
<dict-tag
:type="DICT_TYPE.BORROW_STATUS"
:value="scope.row.borrowStatus"
/>
</template>
</el-table-column>
<el-table-column label="归档时间" align="center" prop="recordTime" width="98px">
<el-table-column
label="归档时间"
align="center"
prop="recordTime"
width="98px"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.recordTime) }}</span>
</template>
</el-table-column>
<el-table-column label="纸档位置" align="center" prop="position"/>
<el-table-column label="纸档位置" align="center" prop="position" />
<el-table-column label="完整性" align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
<dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/>
<dict-tag
:type="DICT_TYPE.ARCHIVES_FILE_STATUS"
:value="scope.row.fileStatus"
/>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-customer-complaint:update']">修改
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-customer-complaint:update']"
>修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-customer-complaint:delete']">删除
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-customer-complaint:delete']"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
width="1000px"
v-dialogDrag
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="98px">
<el-row>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label=" 制单人" prop="createBy">
<el-input v-model="form.createBy" placeholder="请输入 制单人"/>
<el-input v-model="form.createBy" placeholder="请输入 制单人" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="业务实体" prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体"/>
<el-input v-model="form.company" placeholder="请输入业务实体" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入所属部门"/>
<el-input v-model="form.deptName" placeholder="请输入所属部门" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="客诉编号" prop="complaintCode">
<el-input v-model="form.complaintCode" placeholder="请输入客诉编号"/>
<el-input
v-model="form.complaintCode"
placeholder="请输入客诉编号"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="客户名称" prop="customerName">
<el-input v-model="form.customerName" placeholder="请输入客户名称"/>
<el-input
v-model="form.customerName"
placeholder="请输入客户名称"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="客户电话" prop="customerPhone">
<el-input v-model="form.customerPhone" placeholder="请输入客户电话"/>
<el-input
v-model="form.customerPhone"
placeholder="请输入客户电话"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="客诉时间" prop="complaintTime">
<el-date-picker clearable v-model="form.complaintTime" type="date" value-format="timestamp"
placeholder="选择客诉时间"/>
<el-date-picker
clearable
v-model="form.complaintTime"
type="date"
value-format="timestamp"
placeholder="选择客诉时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="客诉类型" prop="complaintType" >
<el-select v-model="form.complaintType" placeholder="请选择客诉类型">
<el-form-item label="客诉类型" prop="complaintType">
<el-select
v-model="form.complaintType"
placeholder="请选择客诉类型"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.COMPLAINT_TYPE)"
:key="dict.value"
@ -278,18 +407,23 @@
</el-col>
<el-col :span="8">
<el-form-item label="处理人" prop="handler">
<el-input v-model="form.handler" placeholder="请输入处理人"/>
<el-input v-model="form.handler" placeholder="请输入处理人" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="客诉内容">
<editor v-model="form.complaintContent" :min-height="192"/>
<editor v-model="form.complaintContent" :min-height="192" />
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="处理时间" prop="handleTime">
<el-date-picker clearable v-model="form.handleTime" type="date" value-format="timestamp"
placeholder="选择处理时间"/>
<el-date-picker
clearable
v-model="form.handleTime"
type="date"
value-format="timestamp"
placeholder="选择处理时间"
/>
</el-form-item>
</el-col>
@ -311,7 +445,6 @@
<el-col :span="8">
<el-form-item label="年度" prop="year">
<!-- <el-input v-model="form.year" placeholder="请输入年度"/>-->
<el-date-picker
format="yyyy年"
v-model="form.year"
@ -326,7 +459,6 @@
<el-row>
<el-col :span="8">
<el-form-item label="月份" prop="period">
<!-- <el-input v-model="form.period" placeholder="请输入月份"/>-->
<el-date-picker
popper-class="due_month"
v-model="form.period"
@ -340,32 +472,42 @@
</el-col>
<el-col :span="8">
<el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="form.borrowStatus" placeholder="请选择借阅状态 ">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="form.borrowStatus"
placeholder="请选择借阅状态 "
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="归档时间" prop="recordTime">
<el-date-picker clearable v-model="form.recordTime" type="date" value-format="timestamp"
placeholder="选择归档时间"/>
<el-date-picker
clearable
v-model="form.recordTime"
type="date"
value-format="timestamp"
placeholder="选择归档时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="纸档位置" prop="position">
<el-input v-model="form.position" placeholder="请输入纸档位置"/>
<el-input v-model="form.position" placeholder="请输入纸档位置" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="完整性" prop="cherks">
<el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -376,8 +518,14 @@
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.ARCHIVES_FILE_STATUS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -398,9 +546,9 @@ import {
deleteElectronicCustomerComplaint,
getElectronicCustomerComplaint,
getElectronicCustomerComplaintPage,
exportElectronicCustomerComplaintExcel
exportElectronicCustomerComplaintExcel,
} from "@/api/ea/electronicCustomerComplaint/electronicCustomerComplaint";
import Editor from '@/components/Editor';
import Editor from "@/components/Editor";
export default {
name: "ElectronicCustomerComplaint",
@ -451,7 +599,7 @@ export default {
//
form: {},
//
rules: {}
rules: {},
};
},
created() {
@ -462,7 +610,7 @@ export default {
getList() {
this.loading = true;
//
getElectronicCustomerComplaintPage(this.queryParams).then(response => {
getElectronicCustomerComplaintPage(this.queryParams).then((response) => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
@ -519,7 +667,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id;
getElectronicCustomerComplaint(id).then(response => {
getElectronicCustomerComplaint(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改客诉档案";
@ -527,13 +675,13 @@ export default {
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs["form"].validate((valid) => {
if (!valid) {
return;
}
//
if (this.form.id != null) {
updateElectronicCustomerComplaint(this.form).then(response => {
updateElectronicCustomerComplaint(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
@ -541,7 +689,7 @@ export default {
return;
}
//
createElectronicCustomerComplaint(this.form).then(response => {
createElectronicCustomerComplaint(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
@ -551,29 +699,35 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除客诉档案编号为"' + id + '"的数据项?').then(function () {
return deleteElectronicCustomerComplaint(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
this.$modal
.confirm('是否确认删除客诉档案编号为"' + id + '"的数据项?')
.then(function () {
return deleteElectronicCustomerComplaint(id);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
//
let params = {...this.queryParams};
let params = { ...this.queryParams };
params.pageNo = undefined;
params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有客诉档案数据项?').then(() => {
this.exportLoading = true;
return exportElectronicCustomerComplaintExcel(params);
}).then(response => {
this.$download.excel(response, '客诉档案.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
this.$modal
.confirm("是否确认导出所有客诉档案数据项?")
.then(() => {
this.exportLoading = true;
return exportElectronicCustomerComplaintExcel(params);
})
.then((response) => {
this.$download.excel(response, "客诉档案.xls");
this.exportLoading = false;
})
.catch(() => {});
},
},
};
</script>

@ -1,10 +1,21 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="98px"
>
<el-form-item label="制单人" prop="createBy">
<el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.createBy"
placeholder="请输入制单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="创建日期" prop="createTime">-->
<!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"-->
@ -14,29 +25,59 @@
<!-- <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.deptName"
placeholder="请输入所属部门"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="员工姓名" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入员工姓名" clearable @keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.name"
placeholder="请输入员工姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="性别" prop="gender">
<el-select v-model="queryParams.gender" placeholder="请选择性别" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.gender"
placeholder="请选择性别"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="国籍" prop="nationality">
<el-input v-model="queryParams.nationality" placeholder="请输入国籍" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.nationality"
placeholder="请输入国籍"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系方式" prop="contactNumber">
<el-input v-model="queryParams.contactNumber" placeholder="请输入联系方式" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.contactNumber"
placeholder="请输入联系方式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="身份证号" prop="idCardNumber">
<el-input v-model="queryParams.idCardNumber" placeholder="请输入身份证号" clearable
@keyup.enter.native="handleQuery"/>
<el-input
v-model="queryParams.idCardNumber"
placeholder="请输入身份证号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="年度" prop="year">-->
<!-- <el-date-picker-->
@ -63,9 +104,18 @@
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="queryParams.borrowStatus" placeholder="请选择借阅状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.borrowStatus"
placeholder="请选择借阅状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档时间" prop="recordTime">-->
@ -79,14 +129,24 @@
<!-- <el-input v-model="queryParams.cherks" placeholder="请输入完整性" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="queryParams.fileStatus"
placeholder="请选择归档状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
@ -94,205 +154,296 @@
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['ea:electronic-employee:create']">新增
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ea:electronic-employee:create']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-employee:export']">导出
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-employee:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="制单人" align="center" prop="createBy"/>
<el-table-column label="创建日期" align="center" prop="createTime" width="180">
<el-table-column label="制单人" align="center" prop="createBy" />
<el-table-column
label="创建日期"
align="center"
prop="createTime"
width="180"
>
<template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="业务实体" align="center" prop="company"/>
<el-table-column label="所属部门" align="center" prop="deptName"/>
<el-table-column label="员工姓名" align="center" prop="name"/>
<el-table-column label="业务实体" align="center" prop="company" />
<el-table-column label="所属部门" align="center" prop="deptName" />
<el-table-column label="员工姓名" align="center" prop="name" />
<el-table-column label="性别" align="center" prop="gender">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.SYSTEM_USER_SEX" :value="scope.row.gender"/>
<dict-tag
:type="DICT_TYPE.SYSTEM_USER_SEX"
:value="scope.row.gender"
/>
</template>
</el-table-column>
<el-table-column label="国籍" align="center" prop="nationality"/>
<el-table-column label="联系方式" align="center" prop="contactNumber"/>
<el-table-column label="身份证号" align="center" prop="idCardNumber"/>
<el-table-column label="年度" align="center" prop="year"/>
<el-table-column label="月份" align="center" prop="period"/>
<el-table-column label="国籍" align="center" prop="nationality" />
<el-table-column label="联系方式" align="center" prop="contactNumber" />
<el-table-column label="身份证号" align="center" prop="idCardNumber" />
<el-table-column label="年度" align="center" prop="year" />
<el-table-column label="月份" align="center" prop="period" />
<el-table-column label="借阅状态" align="center" prop="borrowStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.BORROW_STATUS" :value="scope.row.borrowStatus"/>
<dict-tag
:type="DICT_TYPE.BORROW_STATUS"
:value="scope.row.borrowStatus"
/>
</template>
</el-table-column>
<el-table-column label="归档时间" align="center" prop="recordTime" width="98px"/>
<el-table-column label="纸档位置" align="center" prop="position"/>
<el-table-column
label="归档时间"
align="center"
prop="recordTime"
width="98px"
/>
<el-table-column label="纸档位置" align="center" prop="position" />
<el-table-column label="完整性" align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
<dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/>
<dict-tag
:type="DICT_TYPE.ARCHIVES_FILE_STATUS"
:value="scope.row.fileStatus"
/>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-employee:update']">修改
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-employee:update']"
>修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-employee:delete']">删除
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-employee:delete']"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
width="1000px"
v-dialogDrag
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="制单人" prop="createBy">
<el-input v-model="form.createBy" placeholder="请输入制单人"/>
<el-input v-model="form.createBy" placeholder="请输入制单人" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="业务实体" prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体"/>
<el-input v-model="form.company" placeholder="请输入业务实体" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入所属部门"/>
<el-input v-model="form.deptName" placeholder="请输入所属部门" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="员工姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入员工姓名"/>
<el-input v-model="form.name" placeholder="请输入员工姓名" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="gender">
<el-select v-model="form.gender" placeholder="请选择性别">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出生日期" prop="birthdate">
<el-date-picker clearable v-model="form.birthdate" type="date" value-format="yyyy-MM-dd"
placeholder="选择归档时间"/>
<el-date-picker
clearable
v-model="form.birthdate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择归档时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="国籍" prop="nationality">
<el-input v-model="form.nationality" placeholder="请输入国籍"/>
<el-input v-model="form.nationality" placeholder="请输入国籍" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地址" prop="address">
<el-input v-model="form.address" placeholder="请输入地址"/>
<el-input v-model="form.address" placeholder="请输入地址" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系方式" prop="contactNumber">
<el-input v-model="form.contactNumber" placeholder="请输入联系方式"/>
<el-input
v-model="form.contactNumber"
placeholder="请输入联系方式"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="身份证号" prop="idCardNumber">
<el-input v-model="form.idCardNumber" placeholder="请输入身份证号"/>
<el-input
v-model="form.idCardNumber"
placeholder="请输入身份证号"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="护照号码" prop="passportNumber">
<el-input v-model="form.passportNumber" placeholder="请输入护照号码"/>
<el-input
v-model="form.passportNumber"
placeholder="请输入护照号码"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="毕业学校" prop="graduationSchool">
<el-input v-model="form.graduationSchool" placeholder="请输入毕业学校"/>
<el-input
v-model="form.graduationSchool"
placeholder="请输入毕业学校"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="专业" prop="major">
<el-input v-model="form.major" placeholder="请输入专业"/>
<el-input v-model="form.major" placeholder="请输入专业" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="学历" prop="education">
<el-input v-model="form.education" placeholder="请输入学历"/>
<el-input v-model="form.education" placeholder="请输入学历" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="教育经历" prop="educationExperience">
<el-input v-model="form.educationExperience" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入教育经历"/>
<el-input
v-model="form.educationExperience"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入教育经历"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="工作经历" prop="workExperience">
<el-input v-model="form.workExperience" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入工作经历"/>
<el-input
v-model="form.workExperience"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入工作经历"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="职位" prop="jobTitle">
<el-input v-model="form.jobTitle" placeholder="请输入职位"/>
<el-input v-model="form.jobTitle" placeholder="请输入职位" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="职位级别" prop="jobLevel">
<el-input v-model="form.jobLevel" placeholder="请输入职位级别"/>
<el-input v-model="form.jobLevel" placeholder="请输入职位级别" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="职位描述">
<editor v-model="form.jobDescription" :min-height="192"/>
<editor v-model="form.jobDescription" :min-height="192" />
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="薪酬" prop="salary">
<el-input v-model="form.salary" placeholder="请输入薪酬"/>
<el-input v-model="form.salary" placeholder="请输入薪酬" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="身体状况" prop="healthCondition">
<el-input v-model="form.healthCondition" placeholder="请输入身体状况"/>
<el-input
v-model="form.healthCondition"
placeholder="请输入身体状况"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="体检记录" prop="medicalRecords">
<el-input v-model="form.medicalRecords" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入体检记录"/>
<el-input
v-model="form.medicalRecords"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入体检记录"
/>
</el-form-item>
</el-col>
</el-row>
@ -300,86 +451,133 @@
<el-col :span="8">
<el-form-item label="疾病史" prop="diseaseHistory">
<el-radio-group v-model="form.diseaseHistory">
<el-radio v-for="dict in this.getDictDatas(DICT_TYPE.INFRA_BOOLEAN_STRING)"
:key="dict.value" :label="dict.value">{{ dict.label }}
<el-radio
v-for="dict in this.getDictDatas(
DICT_TYPE.INFRA_BOOLEAN_STRING
)"
:key="dict.value"
:label="dict.value"
>{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="社会保险" prop="socialInsurance">
<el-input v-model="form.socialInsurance" placeholder="请输入养老保险"/>
<el-input
v-model="form.socialInsurance"
placeholder="请输入养老保险"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="养老保险" prop="pensionInsurance">
<el-input v-model="form.pensionInsurance" placeholder="请输入医疗保险"/>
<el-input
v-model="form.pensionInsurance"
placeholder="请输入医疗保险"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="医疗保险" prop="medicalInsurance">
<el-input v-model="form.medicalInsurance" placeholder="请输入失业保险"/>
<el-input
v-model="form.medicalInsurance"
placeholder="请输入失业保险"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="失业保险" prop="unemploymentInsurance">
<el-input v-model="form.unemploymentInsurance" placeholder="请输入失业保险"/>
<el-input
v-model="form.unemploymentInsurance"
placeholder="请输入失业保险"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="工伤保险" prop="workInjuryInsurance">
<el-input v-model="form.workInjuryInsurance" placeholder="请输入工伤保险"/>
<el-input
v-model="form.workInjuryInsurance"
placeholder="请输入工伤保险"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="考核评价" prop="leaveRecords">
<el-input v-model="form.leaveRecords" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入考核评价"/>
<el-input
v-model="form.leaveRecords"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入考核评价"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="奖惩记录" prop="overtimeRecords">
<el-input v-model="form.overtimeRecords" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入奖惩记录"/>
<el-input
v-model="form.overtimeRecords"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入奖惩记录"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="培训计划" prop="welfareBenefits">
<el-input v-model="form.welfareBenefits" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入培训计划"/>
<el-input
v-model="form.welfareBenefits"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入培训计划"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="培训成果" prop="performanceEvaluation">
<el-input v-model="form.performanceEvaluation" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入培训成果"/>
<el-input
v-model="form.performanceEvaluation"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入培训成果"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="个人标签" prop="rewardsPunishments">
<el-input v-model="form.rewardsPunishments" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入个人标签"/>
<el-input
v-model="form.rewardsPunishments"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入个人标签"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="兴趣爱好" prop="trainingRecords">
<el-input v-model="form.trainingRecords" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入兴趣爱好"/>
<el-input
v-model="form.trainingRecords"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入兴趣爱好"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="特长" prop="personalDescription">
<el-input v-model="form.personalDescription" :autosize="{ minRows: 1, maxRows: 100}" type="textarea"
placeholder="请输入内容"/>
<el-input
v-model="form.personalDescription"
:autosize="{ minRows: 1, maxRows: 100 }"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-col>
<el-col :span="8">
@ -397,7 +595,6 @@
<el-col :span="8">
<el-form-item label="月份" prop="period">
<el-date-picker
popper-class="due_month"
v-model="form.period"
format="M月"
@ -412,23 +609,33 @@
<el-row>
<el-col :span="8">
<el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="form.borrowStatus" placeholder="请选择借阅状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-select
v-model="form.borrowStatus"
placeholder="请选择借阅状态"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="归档时间" prop="recordTime">
<el-date-picker clearable v-model="form.recordTime" type="date" value-format="yyyy-MM-dd"
placeholder="选择归档时间"/>
<el-date-picker
clearable
v-model="form.recordTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择归档时间"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="纸档位置" prop="position">
<el-input v-model="form.position" placeholder="请输入纸档位置"/>
<el-input v-model="form.position" placeholder="请输入纸档位置" />
</el-form-item>
</el-col>
</el-row>
@ -437,9 +644,7 @@
<el-form-item label="完整性" prop="cherks">
<el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -450,8 +655,14 @@
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.ARCHIVES_FILE_STATUS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -472,9 +683,9 @@ import {
deleteElectronicEmployee,
getElectronicEmployee,
getElectronicEmployeePage,
exportElectronicEmployeeExcel
exportElectronicEmployeeExcel,
} from "@/api/ea/electronicEmployee/electronicEmployee";
import Editor from '@/components/Editor';
import Editor from "@/components/Editor";
export default {
name: "ElectronicEmployee",
@ -527,7 +738,7 @@ export default {
//
form: {},
//
rules: {}
rules: {},
};
},
created() {
@ -538,7 +749,7 @@ export default {
getList() {
this.loading = true;
//
getElectronicEmployeePage(this.queryParams).then(response => {
getElectronicEmployeePage(this.queryParams).then((response) => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
@ -617,22 +828,22 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id;
getElectronicEmployee(id).then(response => {
getElectronicEmployee(id).then((response) => {
this.form = response.data;
this.dateArray(this.form.birthdate)
this.dateArray(this.form.birthdate);
this.open = true;
this.title = "修改员工档案";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs["form"].validate((valid) => {
if (!valid) {
return;
}
//
if (this.form.id != null) {
updateElectronicEmployee(this.form).then(response => {
updateElectronicEmployee(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
@ -640,7 +851,7 @@ export default {
return;
}
//
createElectronicEmployee(this.form).then(response => {
createElectronicEmployee(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
@ -650,37 +861,43 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除员工档案编号为"' + id + '"的数据项?').then(function () {
return deleteElectronicEmployee(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
this.$modal
.confirm('是否确认删除员工档案编号为"' + id + '"的数据项?')
.then(function () {
return deleteElectronicEmployee(id);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
//
let params = {...this.queryParams};
let params = { ...this.queryParams };
params.pageNo = undefined;
params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有员工档案数据项?').then(() => {
this.exportLoading = true;
return exportElectronicEmployeeExcel(params);
}).then(response => {
this.$download.excel(response, '员工档案.xls');
this.exportLoading = false;
}).catch(() => {
});
this.$modal
.confirm("是否确认导出所有员工档案数据项?")
.then(() => {
this.exportLoading = true;
return exportElectronicEmployeeExcel(params);
})
.then((response) => {
this.$download.excel(response, "员工档案.xls");
this.exportLoading = false;
})
.catch(() => {});
},
dateArray(list){
if (list == null){
return ""
dateArray(list) {
if (list == null) {
return "";
}
let date = list[0]+"-"+list[1]+"-"+list[2]
this.form.birthdate = date
return date
let date = list[0] + "-" + list[1] + "-" + list[2];
this.form.birthdate = date;
return date;
},
}
},
};
</script>

Loading…
Cancel
Save