Js
/
lyr-one-test
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

年度搜索修复

Browse Source
main
mo 1 year ago
parent a34b0e257c
commit b2714a6926
3 changed files with 974 additions and 420 deletions
Show Stats Download Patch File Download Diff File

407
src/views/ea/electronicConsultation/index.vue
Unescape Escape View File

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

358
src/views/ea/electronicCustomerComplaint/index.vue
Unescape Escape View File

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

459
src/views/ea/electronicEmployee/index.vue
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save