|
|
|
@ -10,11 +10,14 @@
|
|
|
|
|
label-width="98px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="所属部门" prop="deptName">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.deptName"
|
|
|
|
|
placeholder="请输入所属部门"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
<treeselect
|
|
|
|
|
style="width: 190px"
|
|
|
|
|
v-model="queryParams.deptId"
|
|
|
|
|
:options="deptOptions"
|
|
|
|
|
:show-count="true"
|
|
|
|
|
:clearable="true"
|
|
|
|
|
placeholder="请选择部门"
|
|
|
|
|
:normalizer="normalizer"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="员工姓名" prop="name">
|
|
|
|
@ -56,30 +59,6 @@
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="年度" prop="year">-->
|
|
|
|
|
<!-- <el-date-picker-->
|
|
|
|
|
<!-- popper-class="due_year"-->
|
|
|
|
|
<!-- v-model="queryParams.year"-->
|
|
|
|
|
|
|
|
|
|
<!-- value-format="Y"-->
|
|
|
|
|
<!-- type="year"-->
|
|
|
|
|
<!-- placeholder="请选择会计月份"-->
|
|
|
|
|
<!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- </el-date-picker>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<!-- <el-form-item label="月份" prop="period">-->
|
|
|
|
|
<!-- <el-date-picker-->
|
|
|
|
|
<!-- popper-class="due_month"-->
|
|
|
|
|
<!-- v-model="queryParams.period"-->
|
|
|
|
|
<!-- format="M月"-->
|
|
|
|
|
<!-- value-format="M"-->
|
|
|
|
|
<!-- type="month"-->
|
|
|
|
|
<!-- placeholder="请选择会计月份"-->
|
|
|
|
|
<!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- </el-date-picker>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="借阅状态" prop="borrowStatus">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.borrowStatus"
|
|
|
|
@ -95,16 +74,6 @@
|
|
|
|
|
/>
|
|
|
|
|
</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"
|
|
|
|
@ -269,14 +238,8 @@
|
|
|
|
|
>
|
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- <el-col :span="8">
|
|
|
|
|
<el-form-item label="制单人" prop="createBy">
|
|
|
|
|
<el-input v-model="form.createBy" placeholder="请输入制单人" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col> -->
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="业务实体" prop="company">
|
|
|
|
|
<!-- <el-input v-model="form.company" placeholder="请输入业务实体" /> -->
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.company"
|
|
|
|
|
placeholder="请选择业务实体"
|
|
|
|
@ -294,8 +257,15 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="所属部门" prop="deptName">
|
|
|
|
|
<el-input v-model="form.deptName" placeholder="请输入所属部门" />
|
|
|
|
|
<el-form-item label="部门名称" prop="deptName">
|
|
|
|
|
<treeselect
|
|
|
|
|
v-model="form.deptId"
|
|
|
|
|
:options="deptOptions"
|
|
|
|
|
:show-count="true"
|
|
|
|
|
:clearable="true"
|
|
|
|
|
placeholder="请选择归属部门"
|
|
|
|
|
:normalizer="normalizer"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
@ -639,11 +609,16 @@ import {
|
|
|
|
|
import Editor from "@/components/Editor";
|
|
|
|
|
import { getOrganizationPage } from "@/api/setting/organization";
|
|
|
|
|
import { getSiteTree } from "@/api/setting/organization";
|
|
|
|
|
import { listSimpleDepts } from "@/api/system/dept";
|
|
|
|
|
import { listSimplePosts } from "@/api/system/post";
|
|
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "ElectronicEmployee",
|
|
|
|
|
components: {
|
|
|
|
|
Editor,
|
|
|
|
|
Treeselect,
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
@ -652,6 +627,8 @@ export default {
|
|
|
|
|
value: "pId",
|
|
|
|
|
multiple: false,
|
|
|
|
|
},
|
|
|
|
|
// 部门树选项
|
|
|
|
|
deptOptions: undefined,
|
|
|
|
|
// 遮罩层
|
|
|
|
|
loading: true,
|
|
|
|
|
optType: undefined,
|
|
|
|
@ -705,6 +682,7 @@ export default {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.getOrganizationList();
|
|
|
|
|
this.getSiteList();
|
|
|
|
|
this.getTreeselect();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
/** 查询列表 */
|
|
|
|
@ -717,6 +695,27 @@ export default {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/** 查询部门下拉树结构 + 岗位下拉 */
|
|
|
|
|
getTreeselect() {
|
|
|
|
|
listSimpleDepts().then((response) => {
|
|
|
|
|
// 处理 deptOptions 参数
|
|
|
|
|
this.deptOptions = [];
|
|
|
|
|
this.deptOptions.push(...this.handleTree(response.data, "id"));
|
|
|
|
|
});
|
|
|
|
|
listSimplePosts().then((response) => {
|
|
|
|
|
// 处理 postOptions 参数
|
|
|
|
|
this.postOptions = [];
|
|
|
|
|
this.postOptions.push(...response.data);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 格式化部门的下拉框
|
|
|
|
|
normalizer(node) {
|
|
|
|
|
return {
|
|
|
|
|
id: node.id,
|
|
|
|
|
label: node.name,
|
|
|
|
|
children: node.children,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
//获取归档位置
|
|
|
|
|
getSiteList() {
|
|
|
|
|
getSiteTree().then((response) => {
|
|
|
|
|