|
|
@@ -15,48 +15,54 @@
|
|
|
>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item prop="reasons" label="出入事由">
|
|
|
+ <el-form-item label="介绍信编号" prop="letterNo">
|
|
|
<el-input
|
|
|
- v-model="formData.reasons"
|
|
|
- placeholder="请输入出入事由"
|
|
|
- maxlength="100"
|
|
|
+ v-model="formData.letterNo"
|
|
|
+ placeholder="请输入介绍信编号"
|
|
|
+ maxlength="10"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
+ </el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="接待机构" prop="receptionOrgIds">
|
|
|
<org-tree-select v-model="formData.receptionOrgIds" ref="orgTreeSelect">
|
|
|
</org-tree-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="介绍信编号" prop="letterNo">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="reasons" label="来访事由">
|
|
|
<el-input
|
|
|
- v-model="formData.letterNo"
|
|
|
- placeholder="请输入介绍信编号"
|
|
|
- maxlength="10"
|
|
|
+ v-model="formData.reasons"
|
|
|
+ placeholder="请输入来访事由"
|
|
|
+ maxlength="100"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item prop="range" label="介绍信有效期">
|
|
|
- <!-- <DataRangePicker
|
|
|
- v-model="formData.range"
|
|
|
- key="daterange"
|
|
|
- type="daterange"
|
|
|
- /> -->
|
|
|
- <el-date-picker
|
|
|
+ <el-form-item prop="startTime" label="开具日期">
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="formData.range"
|
|
|
type="daterange"
|
|
|
:picker-options="startDatepickerOptions"
|
|
|
range-separator="至"
|
|
|
start-placeholder="有效期开始日期"
|
|
|
end-placeholder="有效期结束日期">
|
|
|
+ </el-date-picker> -->
|
|
|
+ <el-date-picker style="width:100%"
|
|
|
+ v-model="formData.startTime"
|
|
|
+ type="date"
|
|
|
+ :picker-options="startDatepickerOptions"
|
|
|
+ placeholder="请选择开具日期"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
+ <el-form-item prop="effectiveDays" label="有效天数">
|
|
|
+ <el-input-number style="width: 100%" v-model="formData.effectiveDays" :min="1" :max="365"></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="上传介绍信" prop="letterFile">
|
|
|
<K-file-upload
|
|
|
ref="upload"
|
|
|
@@ -78,21 +84,35 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
+ <el-col :span="12">
|
|
|
+ <h3 class="title">
|
|
|
+ <i class="el-icon-collection-tag"></i>
|
|
|
+ 人员信息
|
|
|
+ </h3>
|
|
|
+ </el-col>
|
|
|
+ <el-col :offset="8" :span="2" justify="end" type="flex">
|
|
|
+ <h3 class="title">
|
|
|
+ <el-button
|
|
|
type="primary"
|
|
|
- plain
|
|
|
icon="el-icon-plus"
|
|
|
size="mini"
|
|
|
@click="handleAddUser"
|
|
|
- >新增人员</el-button
|
|
|
+ >新增来访人员</el-button
|
|
|
>
|
|
|
+ </h3>
|
|
|
+
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-table :data="formData.userInfos" max-height="500" style="margin-bottom: 10px;">
|
|
|
- <el-table-column label="人员姓名" width="100" align="center" prop="userName" />
|
|
|
- <el-table-column label="单位" width="100" align="center" prop="companyName" />
|
|
|
+ <el-table border :data="formData.userInfos" max-height="500" style="margin-bottom: 10px;">
|
|
|
+ <el-table-column label="序号" align="center" type="index" width="70" />
|
|
|
+ <el-table-column label="来访单位" width="100" align="center" prop="companyName" />
|
|
|
+ <el-table-column label="来访人员" width="100" align="center" prop="userName" />
|
|
|
+ <el-table-column label="证件类型" width="100" align="center" prop="idType">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.letter_id_type" :value="scope.row.idType"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="证件号码" width="200" align="center" prop="idCard">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="证件照" align="center" prop="imgFile">
|
|
|
@@ -102,7 +122,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
label="操作"
|
|
|
- align="center" width="150"
|
|
|
+ align="center" width="100"
|
|
|
class-name="small-padding fixed-width"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
@@ -130,12 +150,22 @@
|
|
|
:model="userInfo"
|
|
|
:rules="userInfoRules"
|
|
|
label-width="120px"
|
|
|
- >
|
|
|
- <el-form-item label="人员姓名" prop="userName">
|
|
|
- <el-input v-model="userInfo.userName" maxlength="10" placeholder="请输入姓名" />
|
|
|
+ >
|
|
|
+ <el-form-item label="来访单位" prop="companyName">
|
|
|
+ <el-input v-model="userInfo.companyName" maxlength="20" placeholder="请输入来访单位" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="来访人员" prop="userName">
|
|
|
+ <el-input v-model="userInfo.userName" maxlength="10" placeholder="请输入来访人员" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="单位" prop="companyName">
|
|
|
- <el-input v-model="userInfo.companyName" maxlength="10" placeholder="请输入单位" />
|
|
|
+ <el-form-item label="证件类型" prop="idType">
|
|
|
+ <el-select style="width:100%" v-model="userInfo.idType" placeholder="请选择证件类型" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.letter_id_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="parseInt(dict.value)"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="证件号码" prop="idCard">
|
|
|
<el-input v-model="userInfo.idCard" maxlength="20" placeholder="请输入证件号码" />
|
|
|
@@ -186,13 +216,15 @@ export default {
|
|
|
reasons: [{ required: true, message: "请输入出入事由" }],
|
|
|
letterNo: [{ required: true, message: "请输入介绍信编号" }],
|
|
|
receptionOrgIds: [{ required: true, message: "请选择接待机构" }],
|
|
|
- range: [{ required: true, message: "请选择介绍信有效期" }],
|
|
|
+ startDate: [{ required: true, message: "请选择开具日期" }],
|
|
|
+ effectiveDays: [{ required: true, message: "请选择有效天数" }],
|
|
|
userInfos: [{ required: true, message: "请添加出入人员" }],
|
|
|
letterFile:[{ required: true, message: "请上传介绍信" }],
|
|
|
},
|
|
|
userInfoRules: {
|
|
|
- userName: [{ required: true, message: "请输入姓名" }],
|
|
|
- companyName: [{ required: true, message: "请输入单位" }],
|
|
|
+ userName: [{ required: true, message: "请输入来访人员" }],
|
|
|
+ companyName: [{ required: true, message: "请输入来访单位" }],
|
|
|
+ idType: [{ required: true, message: "请选择证件类型" }],
|
|
|
idCard: [{ required: true, message: "请输入证件号码" }],
|
|
|
imgFile: [{ required: true, message: "请上传证件照" }],
|
|
|
},
|
|
|
@@ -208,7 +240,7 @@ export default {
|
|
|
imageList: [],
|
|
|
};
|
|
|
},
|
|
|
- dicts: ["letter_status"],
|
|
|
+ dicts: ["letter_status","letter_id_type"],
|
|
|
props: {},
|
|
|
watch: {},
|
|
|
created() {},
|
|
|
@@ -223,6 +255,8 @@ export default {
|
|
|
letterNo:null,
|
|
|
receptionOrgIds: [],
|
|
|
range:[],
|
|
|
+ startTime:new Date(),
|
|
|
+ effectiveDays:1,
|
|
|
description: null,
|
|
|
letterFile: [],
|
|
|
userInfos: [],
|
|
|
@@ -235,6 +269,7 @@ export default {
|
|
|
return {
|
|
|
userName: null,
|
|
|
companyName: null,
|
|
|
+ idType:0,
|
|
|
idCard: null,
|
|
|
imgFile: null,
|
|
|
};
|
|
|
@@ -328,7 +363,7 @@ export default {
|
|
|
console.log("================", this.formData);
|
|
|
if (this.formData.id != null) {
|
|
|
updateLetter(this.formData).then((response) => {
|
|
|
- this.$modal.msgSuccess("修改成功");
|
|
|
+ this.$modal.msgSuccess("编辑成功");
|
|
|
this.isShow = false;
|
|
|
this.formData = this.reset();
|
|
|
this.$emit("success", this.formData);
|