|
|
@@ -0,0 +1,227 @@
|
|
|
+<template>
|
|
|
+ <div class="edu-training-edit">
|
|
|
+ <DialogCom
|
|
|
+ :title="title"
|
|
|
+ @close="onHide"
|
|
|
+ :visible.sync="isShow"
|
|
|
+ width="1000px"
|
|
|
+ >
|
|
|
+ <div class="page-body">
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="formData"
|
|
|
+ :rules="formDataRules"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="出入人员">
|
|
|
+ {{formData.userName}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="证件号">
|
|
|
+ {{formData.idCard}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="证件照">
|
|
|
+ <template>
|
|
|
+ <ImageListPreview v-model="formData.imgFile"></ImageListPreview>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="核验结果">
|
|
|
+ <template>
|
|
|
+ <ImageListPreview v-model="formData.checkImage"></ImageListPreview>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="单位">
|
|
|
+ {{formData.companyName}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="出入事由">
|
|
|
+ {{formData.reasons}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="出入类型">
|
|
|
+ <dict-tag :options="dict.type.out_in_type" :value="formData.type"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="出入机构">
|
|
|
+ {{formData.orgName}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="介绍信编号">
|
|
|
+ {{formData.letterNo}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="介绍信有效期">
|
|
|
+ {{ formData.startTime}}~{{formData.endTime}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <!-- <el-form-item label="介绍信" prop="letterNo">
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="介绍信">
|
|
|
+ <K-file-upload ref="upload" :isShowUploadBtn="false"
|
|
|
+ :defaultValue="formData.letterFile"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="出入时间">
|
|
|
+ {{ formData.arrivalTime}}~{{formData.departureTime}}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
|
|
|
+ <el-button @click="onHide">关 闭</el-button>
|
|
|
+ </div>
|
|
|
+ </DialogCom>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { mapState, mapMutations } from "vuex";
|
|
|
+import {
|
|
|
+ getLetter,
|
|
|
+ outInRecordDetail,
|
|
|
+} from "@/api/core/letter";
|
|
|
+import KFileUpload from "@/components/K-FileUpload/index.vue";
|
|
|
+import dayjs from "dayjs";
|
|
|
+import imgUpload from "@/components/ImageUpload";
|
|
|
+import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
|
|
|
+export default {
|
|
|
+ components: { KFileUpload, imgUpload,DataRangePicker },
|
|
|
+ data() {
|
|
|
+ const params = this.$route.params;
|
|
|
+ return {
|
|
|
+ id: params ? params.id : null,
|
|
|
+ isShow: false,
|
|
|
+ title: "出入事项审批",
|
|
|
+ formData: this.reset(),
|
|
|
+ formDataRules: {
|
|
|
+ approveStatus: [{ required: true, message: "请勾选审批结果" }],
|
|
|
+ },
|
|
|
+ formFileListDefualtValue: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ dicts: ['out_in_type'],
|
|
|
+ props: {},
|
|
|
+ watch: {},
|
|
|
+ created() {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(["loginUser", "org"]),
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapMutations([]),
|
|
|
+ reset(other = {}) {
|
|
|
+ return {
|
|
|
+ reasons: null,
|
|
|
+ letterNo:null,
|
|
|
+ receptionOrgIds: [],
|
|
|
+ range:[],
|
|
|
+ description: null,
|
|
|
+ letterFile: [],
|
|
|
+ userInfos: [],
|
|
|
+ type:null,
|
|
|
+ approveRemark:null,
|
|
|
+ approveStatus:null,
|
|
|
+ ...other,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // checkApprove(rule,value,callback)
|
|
|
+ // {
|
|
|
+ // console.log("checkApprove rule",rule);
|
|
|
+ // console.log("checkApprove value",value);
|
|
|
+ // console.log("checkApprove callback",callback);
|
|
|
+ // },
|
|
|
+ async show(id, other = {}) {
|
|
|
+ if (id) {
|
|
|
+ this.title = "出入情况详情";
|
|
|
+ this.isShow = true;
|
|
|
+ outInRecordDetail(id).then((response) => {
|
|
|
+ this.formData = response.data;
|
|
|
+ this.formFileListDefualtValue=this.formData.letterFile;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ this.isShow = true;
|
|
|
+ this.title = "录入介绍信";
|
|
|
+ this.formData = this.reset();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleAddUser() {
|
|
|
+ this.open = true;
|
|
|
+ },
|
|
|
+ imageListChanged(list) {
|
|
|
+ this.userInfo.imgFile = list;
|
|
|
+ },
|
|
|
+ endDisabledDate(time) {
|
|
|
+ //小于开始日期禁止选择
|
|
|
+ let startDate = new Date();
|
|
|
+ startDate.setTime(startDate.getTime() - 3600 * 1000 * 24);
|
|
|
+ if (this.formData.trainingStartDateTime) {
|
|
|
+ startDate = new Date(
|
|
|
+ dayjs(this.formData.trainingStartDateTime).format("YYYY-MM-DD")
|
|
|
+ );
|
|
|
+ startDate.setTime(startDate.getTime() - 3600 * 1000 * 24);
|
|
|
+ }
|
|
|
+ return time.getTime() < new Date(startDate).getTime();
|
|
|
+ },
|
|
|
+ startDateChanged(time) {
|
|
|
+ if (
|
|
|
+ dayjs(this.formData.startTime).isAfter(dayjs(this.formData.endTime))
|
|
|
+ ) {
|
|
|
+ this.formData.endTime = this.formData.startTime;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ endDateChanged(time) {
|
|
|
+ if (
|
|
|
+ dayjs(this.formData.startTime).isAfter(dayjs(this.formData.endTime))
|
|
|
+ ) {
|
|
|
+ this.formData.startTime = this.formData.endTime;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onHide() {
|
|
|
+ this.isShow = false;
|
|
|
+ this.formData = this.reset();
|
|
|
+ this.$refs["upload"].clearFiles();
|
|
|
+ },
|
|
|
+
|
|
|
+ submitForm() {
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ let {approveRemark,approveStatus,approveLog} = this.formData;
|
|
|
+ let tempRquest={approveRemark,approveStatus,id:approveLog.id};
|
|
|
+
|
|
|
+ console.log("================",tempRquest );
|
|
|
+ approveLetter(tempRquest).then((response) => {
|
|
|
+ this.$modal.msgSuccess("提交成功");
|
|
|
+ this.isShow = false;
|
|
|
+ this.formData = this.reset();
|
|
|
+ this.$emit("success", this.formData);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
jingyuanchao