|
|
@@ -1,18 +1,38 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="会议ID" prop="reserveId">
|
|
|
- <el-input v-model="queryParams.reserveId" placeholder="请输入会议ID" clearable @keyup.enter.native="handleQuery" />
|
|
|
+ <el-form-item label="用印人" prop="employeeName">
|
|
|
+ <el-input v-model="queryParams.employeeName" placeholder="请输入用印人" clearable style="width: 250px"
|
|
|
+ @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-form-item label="部门" prop="deptId">
|
|
|
+ <treeselect style="width: 250px" :default-expand-level="1" v-model="queryParams.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="选择部门" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="会议地点" prop="groomId">
|
|
|
- <el-select v-model="queryParams.groomId" placeholder="会议地点" clearable>
|
|
|
- <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label"
|
|
|
- :value="parseInt(dict.value)" />
|
|
|
+ <el-form-item label="职位" prop="position">
|
|
|
+ <el-select v-model="queryParams.position" placeholder="请选择"
|
|
|
+ style="width: 250px">
|
|
|
+ <el-option v-for="item in posOptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="手机号" prop="employeePhone">
|
|
|
+ <el-input v-model="queryParams.employeePhone" placeholder="请输入手机号" clearable style="width: 250px"
|
|
|
+ @keyup.enter.native="handleQuery"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用印标题" prop="stampTitle">
|
|
|
+ <el-input v-model="queryParams.stampTitle" placeholder="请输入用印标题" clearable style="width: 250px"
|
|
|
+ @keyup.enter.native="handleQuery"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="auditStatus">
|
|
|
+ <el-select v-model="queryParams.auditStatus" placeholder="审批状态" clearable style="width: 250px">
|
|
|
+ <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_TASK_AUDIT_STATUS)" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请时间" prop="createTime">
|
|
|
+ <el-date-picker v-model="queryParams.createTime" style="width: 250px" 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>
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
|
|
@@ -24,28 +44,31 @@
|
|
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
|
|
v-hasPermi="['meeting:reserveList:create']">新增</el-button>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="1.5">
|
|
|
+ <el-col :span="1.5">
|
|
|
<el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
|
|
v-hasPermi="['meeting:reserveList:export']">导出</el-button>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
<el-table v-loading="loading" :data="postList">
|
|
|
- <el-table-column label="会议ID" align="center" prop="reserveId" />
|
|
|
- <el-table-column label="会议名称" align="center" prop="name" />
|
|
|
- <el-table-column label="会议地点" align="center" prop="groomName" />
|
|
|
- <el-table-column label="会议开始时间" align="center" prop="startTime" />
|
|
|
- <el-table-column label="会议结束时间" align="center" prop="endTime" />
|
|
|
- <el-table-column label="申请人" align="center" prop="applyUser" />
|
|
|
- <el-table-column label="申请部门" align="center" prop="deptName" />
|
|
|
- <el-table-column label="参会人数" align="center" prop="num" />
|
|
|
+ <el-table-column label="用印人" align="center" prop="employeeName" min-width="100" />
|
|
|
+ <el-table-column label="部门" align="center" prop="deptName" min-width="100" />
|
|
|
+ <el-table-column label="职位" align="center" prop="position" min-width="100" />
|
|
|
+ <el-table-column label="手机号" align="center" prop="employeePhone" min-width="100" />
|
|
|
+ <el-table-column label="用印标题" align="center" prop="stampTitle" min-width="150" />
|
|
|
+ <el-table-column label="用章类型" align="center" prop="stampSealName" min-width="100" />
|
|
|
+ <el-table-column label="创建人" align="center" prop="currentAuditEmployeeName" min-width="100" />
|
|
|
<el-table-column label="状态" align="center" prop="status">
|
|
|
<template v-slot="scope">
|
|
|
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建时间" align="center" prop="createTime" />
|
|
|
+ <el-table-column label="创建时间" align="center" prop="createTime" min-width="180">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<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)"
|
|
|
@@ -64,48 +87,42 @@
|
|
|
<!-- 添加或修改对话框 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="会议名称" prop="name">
|
|
|
- <el-input v-model="form.name" placeholder="请输入会议名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="会议地点" prop="groomId">
|
|
|
- <el-radio-group v-model="form.groomId">
|
|
|
- <el-radio v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="parseInt(dict.value)">
|
|
|
- {{ dict.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="开始时间" prop="startTime">
|
|
|
- <el-date-picker v-model="form.startTime" style="width: 100%" type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择会议开始时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="结束时间" prop="endTime">
|
|
|
- <el-date-picker v-model="form.endTime" style="width: 100%" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择会议结束时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="申请人" prop="applyUser">
|
|
|
- <el-input v-model="form.applyUser" placeholder="申请人" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="申请部门" prop="deptName">
|
|
|
- <el-input v-model="form.deptName" placeholder="申请部门" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="参会人员" prop="peopleList">
|
|
|
- <el-input type="textarea" v-model="form.peopleList" style="display: none;" />
|
|
|
- <el-button class="button-new-tag" @click="openPS" size="small">+ 添加</el-button>
|
|
|
- <span v-for="(tag, index) in nikeNamelist" :key="index">
|
|
|
- <!-- <i class="el-icon-arrow-right"></i> -->
|
|
|
-
|
|
|
- <el-tag type="info" closable :disable-transitions="false" @close="handleClose(index)">
|
|
|
- <span class="user-avatar">{{ tag.substring(0, 1) || 'U' }}</span>
|
|
|
- {{ tag }}
|
|
|
- </el-tag>
|
|
|
- </span>
|
|
|
-
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="会议内容">
|
|
|
- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="离职人" prop="employeeName">
|
|
|
+ <el-input v-model="form.employeeName" placeholder='点击选择' readonly @click.native="openSingle"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="离职人Id" style="display: none;">
|
|
|
+ <el-input v-model="form.employeeId" placeholder='离职人Id' disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门">
|
|
|
+ <el-input v-model="form.deptName" placeholder='部门' disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位">
|
|
|
+ <el-input v-model="form.position" placeholder='职位' disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号">
|
|
|
+ <el-input v-model="form.employeePhone" placeholder='手机号' disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用印标题" prop="stampTitle">
|
|
|
+ <el-input maxlength="20" v-model="form.stampTitle" placeholder='请输入申请的简要标题'></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用章类型" prop="stampSealId">
|
|
|
+ <el-checkbox-group v-model="form.stampSealId">
|
|
|
+ <el-checkbox v-for="item in oaStampSeal" :label="item.id" :key="item.id">{{item.sealName}}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用印事由" prop="reason">
|
|
|
+ <el-input maxlength="50" show-word-limit type="textarea" v-model="form.reason"
|
|
|
+ placeholder='请输入用印事由'></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="附件">
|
|
|
+ <el-upload :action="fileUrl" :headers="headers" :file-list="files" :on-success="handleFileSuccessCite"
|
|
|
+ :before-upload="beforeUploadFile" :on-remove="handleRemove">
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input maxlength="200" rows="4" show-word-limit type="textarea" v-model="form.remarks" placeholder="请输入备注" />
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
@@ -117,100 +134,106 @@
|
|
|
<div class="widget-wrapper">
|
|
|
<div class="widget-list" v-loading="loading">
|
|
|
<div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">会议名称</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.name">{{ form.name }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">开始时间</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.startTime">{{ form.startTime }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">结束时间</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.endTime">{{ form.endTime }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">申请人</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.applyUser">{{ form.applyUser }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">申请部门</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.deptName">{{ form.deptName }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="field-label">
|
|
|
+ <div class="field-name">用印人</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.loginName">{{ form.employeeName }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <div class="field-name">部门</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.deptName">{{ form.deptName }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <div class="field-name">职位</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.position">{{ form.position }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <div class="field-name">手机号</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.employeePhone">{{ form.employeePhone }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <span class="field-required">*</span>
|
|
|
+ <div class="field-name">用印标题</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.stampTitle">{{ form.stampTitle }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <span class="field-required">*</span>
|
|
|
+ <div class="field-name">用章类型</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <el-checkbox-group v-model="form.stampSealId">
|
|
|
+ <el-checkbox v-for="item in oaStampSeal" :label="item.id" :key="item.id" disabled>{{item.sealName}}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <span class="field-required">*</span>
|
|
|
- <div class="field-name">参会人员</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span v-for="(tag, index) in form.nikeNamelist" :key="index">
|
|
|
-
|
|
|
- <el-tag type="info" :disable-transitions="false">
|
|
|
- <span class="user-avatar">{{ tag.substring(0, 1) || 'U' }}</span>
|
|
|
- {{ tag }}
|
|
|
- </el-tag>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fx-field x-grid-col-12">
|
|
|
- <div class="field-label">
|
|
|
- <div class="field-name">会议内容</div>
|
|
|
- </div>
|
|
|
- <div class="field-component">
|
|
|
- <span :title="form.remark">{{ form.remark }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="fx-field x-grid-col-12">
|
|
|
+ <div class="field-label">
|
|
|
+ <span class="field-required">*</span>
|
|
|
+ <div class="field-name">用印事由</div>
|
|
|
+ </div>
|
|
|
+ <div class="field-component">
|
|
|
+ <span :title="form.reason">{{ form.reason }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <PeopleSelect ref="peopleSelect" type="multiple" :isCheck="true" :open="peopleOpen" @cancel="peopleOpen = false"
|
|
|
- @submit="submitPeople"></PeopleSelect>
|
|
|
+ <PeopleSelect ref="peopleSelect" type="single" :isCheck="true" :open="singlePeopleOpen"
|
|
|
+ @cancel="singlePeopleOpen = false" @submit="submitSingle"></PeopleSelect>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { listPost, getPost, delPost, addPost, updatePost, exportPost } from "@/api/meeting";
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
import PeopleSelect from "@/components/PeopleSelect/index.vue";
|
|
|
-import { CommonStatusEnum } from '@/utils/constants'
|
|
|
-import { getDictDatas, DICT_TYPE } from '@/utils/dict'
|
|
|
-
|
|
|
+import { DICT_TYPE } from '@/utils/dict'
|
|
|
+import { listDept } from "@/api/system/dept";
|
|
|
+import { getBaseHeader } from "@/utils/request";
|
|
|
export default {
|
|
|
name: "SystemPost",
|
|
|
components: {
|
|
|
PeopleSelect,
|
|
|
+ Treeselect,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- nikeNamelist: [],
|
|
|
- //是否打开选人组件，默认不打开
|
|
|
- peopleOpen: false,
|
|
|
+ oaStampSeal:[
|
|
|
+ {
|
|
|
+ id:1,
|
|
|
+ sealName:'公章'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:2,
|
|
|
+ sealName:'财务章'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ posOptions:[],
|
|
|
+ // 部门列表
|
|
|
+ deptOptions: [], // 部门属性结构
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 导出遮罩层
|
|
|
@@ -230,62 +253,70 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
- reserveId: undefined,
|
|
|
- name: undefined,
|
|
|
- groomId: undefined
|
|
|
+ employeeName: undefined,
|
|
|
+ deptId: undefined,
|
|
|
+ position: undefined,
|
|
|
+ employeePhone: undefined,
|
|
|
+ stampTitle: undefined,
|
|
|
+ auditStatus: undefined,
|
|
|
+ createTime: []
|
|
|
},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
- name: [
|
|
|
- { required: true, message: "会议名称不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- groomId: [
|
|
|
- { required: true, message: "会议室不能为空", trigger: "blur" }
|
|
|
+ employeeName: [
|
|
|
+ { required: true, message: '请选择', trigger: 'change' },
|
|
|
],
|
|
|
- startTime: [
|
|
|
- { required: true, message: "会议开始时间不能为空", trigger: "blur" }
|
|
|
+ stampTitle: [
|
|
|
+ { required: true, message: '请输入申请的简要标题', trigger: 'blur' },
|
|
|
],
|
|
|
- endTime: [
|
|
|
- { required: true, message: "会议结束时间不能为空", trigger: "blur" }
|
|
|
+ stampSealId: [
|
|
|
+ { required: true, message: '请选择印章类型', trigger: 'blur' },
|
|
|
],
|
|
|
- applyUser: [
|
|
|
- { required: true, message: "申请人不能为空", trigger: "blur" }
|
|
|
+ reason: [
|
|
|
+ { required: true, message: '请输入详细描述', trigger: 'blur' }
|
|
|
],
|
|
|
- deptName: [
|
|
|
- { required: true, message: "申请人部门不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- peopleList: [
|
|
|
- { required: true, message: '参会人员不能为空', }
|
|
|
- ]
|
|
|
},
|
|
|
-
|
|
|
- // 枚举
|
|
|
- CommonStatusEnum: CommonStatusEnum,
|
|
|
- // 数据字典
|
|
|
- statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS)
|
|
|
+ files: [],
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: getBaseHeader(),
|
|
|
+ // 上传的地址
|
|
|
+ fileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/uploaData',
|
|
|
+ singlePeopleOpen: false,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
+ this.getListDept();
|
|
|
},
|
|
|
methods: {
|
|
|
- // 关闭标签
|
|
|
- handleClose(index) {
|
|
|
- this.form.peopleList.splice(index, 1);
|
|
|
- this.nikeNamelist.splice(index, 1);
|
|
|
+ /** 查询部门列表 */
|
|
|
+ getListDept() {
|
|
|
+ listDept().then(response => {
|
|
|
+ this.deptOptions = this.handleTree(response.data, "id");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 转换部门数据结构 */
|
|
|
+ normalizer(node) {
|
|
|
+ if (node.children && !node.children.length) {
|
|
|
+ delete node.children;
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ id: node.id,
|
|
|
+ label: node.name,
|
|
|
+ children: node.children
|
|
|
+ };
|
|
|
},
|
|
|
- //打开选人弹窗
|
|
|
- openPS() {
|
|
|
- this.peopleOpen = true;
|
|
|
+ //打开选人弹窗
|
|
|
+ openSingle() {
|
|
|
+ this.singlePeopleOpen = true;
|
|
|
},
|
|
|
- //选择人的确定按钮事件 submitPeople(nikeNamelist)方法传参一个默认接收用户昵称数组 submitPeople(peopleList,nikeNamelist)方法传参两个则是接收用户昵称数组和用户账号数组
|
|
|
- submitPeople(userNamelist, nikeNamelist, userIdList) {
|
|
|
+ submitSingle(userNamelist, nikeNamelist,userIdList) {
|
|
|
console.log(userNamelist);
|
|
|
- this.nikeNamelist = nikeNamelist;
|
|
|
- this.form.peopleList = userIdList;
|
|
|
- this.peopleOpen = false;
|
|
|
+ this.form.employeeName = nikeNamelist.join();
|
|
|
+ this.form.employeeId = userIdList.join();
|
|
|
+ this.singlePeopleOpen = false;
|
|
|
},
|
|
|
/** 查询岗位列表 */
|
|
|
getList() {
|
|
|
@@ -304,14 +335,15 @@ export default {
|
|
|
// 表单重置
|
|
|
reset() {
|
|
|
this.form = {
|
|
|
- name: undefined,
|
|
|
- groomId: undefined,
|
|
|
- startTime: undefined,
|
|
|
- endTime: undefined,
|
|
|
- applyUser: undefined,
|
|
|
+ employeeName: undefined,
|
|
|
deptName: undefined,
|
|
|
- peopleList: undefined,
|
|
|
- remark: undefined
|
|
|
+ position: undefined,
|
|
|
+ employeePhone: undefined,
|
|
|
+ stampTitle: undefined,
|
|
|
+ stampSealId: [],
|
|
|
+ reason: undefined,
|
|
|
+ fileIdList: undefined,
|
|
|
+ remarks: undefined,
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
|
@@ -331,12 +363,64 @@ export default {
|
|
|
this.open = true;
|
|
|
this.title = "添加岗位";
|
|
|
},
|
|
|
+ handleRemove(file, fileList) {
|
|
|
+ console.log(file, fileList);
|
|
|
+ let fileIds = [];
|
|
|
+ for (let i in fileList) {
|
|
|
+ let id = fileList[i].response.data.id;
|
|
|
+ fileIds.push(id);
|
|
|
+ }
|
|
|
+ this.form.fileIdList = fileIds;
|
|
|
+ },
|
|
|
+ beforeUploadFile(file) {
|
|
|
+ console.log(file);
|
|
|
+ const size = file.size / 1024 / 1024;
|
|
|
+ console.log(size);
|
|
|
+ if (size > 5) {
|
|
|
+ this.$message.error("文件大小不能超过5MB！");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleFileSuccessCite(res, file, fileList) {
|
|
|
+ console.log(file, fileList);
|
|
|
+ console.log("------", "==========");
|
|
|
+ console.log("res = ", res);
|
|
|
+
|
|
|
+ let fileIds = [];
|
|
|
+ for (let i in fileList) {
|
|
|
+ let response = fileList[i].response;
|
|
|
+ if (response.errno && response.errno != "0") {
|
|
|
+ this.$message.error("该文件上传失败,已被移除,请重新上传!");
|
|
|
+ // 上传失败移除该 file 对象
|
|
|
+ fileList.splice(i, 1);
|
|
|
+ } else {
|
|
|
+ let id = fileList[i].response.data.id;
|
|
|
+ fileIds.push(id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.form.fileIdList = fileIds;
|
|
|
+ },
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
this.reset();
|
|
|
const id = row.id
|
|
|
getPost(id).then(response => {
|
|
|
this.form = response.data;
|
|
|
+ let files = response.data.fileList;
|
|
|
+ if (files) {
|
|
|
+ this.files = [];
|
|
|
+ for (let i in files) {
|
|
|
+ let url = files[i].url;
|
|
|
+ let name = files[i].name;
|
|
|
+ let id = files[i].id;
|
|
|
+
|
|
|
+ this.files.push({
|
|
|
+ name: name,
|
|
|
+ url: url,
|
|
|
+ response: { error: "0", data: { url: url, id: id } },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
this.open = true;
|
|
|
this.title = "修改岗位";
|
|
|
});
|
