| | |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择日期"> |
| | | </el-date-picker> --> |
| | | <el-col :span="8"> |
| | | <el-input v-model="form.date" placeholder="请输入日期" /> |
| | | </el-col> |
| | | <el-input v-model="form.date" placeholder="请输入日期 (格式:yyyy-mm-dd)" style="width: 450px;" /> |
| | | <!-- <div style="color: #999; font-size: 12px; margin-top: 4px;">请输入正确的日期格式:yyyy-mm-dd</div> --> |
| | | </el-form-item> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | <!-- <el-form-item label="页次" prop="pageOrder"> |
| | | <el-input v-model="form.pageOrder" placeholder="请输入页次" /> |
| | | </el-form-item> --> |
| | |
| | | </el-select> |
| | | |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="页号" |
| | | prop="pageNumber" |
| | | v-if=" form.fileStyle !== '其他材料'" |
| | | > |
| | | <el-form-item label="页号" |
| | | prop="pageNumber" |
| | | v-if=" form.fileStyle !== '其他材料'"> |
| | | <el-col :span="8"> |
| | | <el-input |
| | | v-model="form.pageNumber" |
| | | placeholder="请输入页号" |
| | | v-model.number="form.pageNumber" |
| | | placeholder="请输入页号(数字类型)" |
| | | type="number" |
| | | min="1" |
| | | oninput="value=value.replace(/[^\d]/g,'')" style="width: 450px;" |
| | | /></el-col> |
| | | </el-form-item> |
| | | <el-form-item label="所处阶段" prop="stage"> |
| | |
| | | <el-button type="primary" @click="resetForms">重置</el-button> |
| | | |
| | | <el-button @click="cancel">取 消</el-button> |
| | | |
| | | |
| | | <el-button type="warning" @click="cancelAuthUser">退回管理员</el-button> |
| | | |
| | | </div> |
| | | |
| | | |
| | |
| | | :on-preview="handlePreview" |
| | | :on-remove="handleRemove" |
| | | :file-list="fileList" |
| | | :on-change="handleFileChange" |
| | | :auto-upload="false" |
| | | multiple |
| | | accept=".jpg,.png" |
| | | > |
| | | <el-button slot="trigger" size="small" type="primary">选择文件</el-button> |
| | | <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> |
| | | <el-button style="margin-left: 10px;" size="small" type="danger" @click="clearFileList">清空列表</el-button> |
| | | <div slot="tip" class="el-upload__tip">可上传JPG等格式文件,单个文件不超过50MB</div> |
| | | </el-upload> |
| | | </el-dialog> |
| | |
| | | <el-table-column label="宽度" align="center" prop="width" /> |
| | | <el-table-column label="高度" align="center" prop="height" /> |
| | | <el-table-column label="大小" align="center" prop="fileSize" /> |
| | | <el-table-column label="附件及历史发问号" align="center" prop="attachmentHistoryNumbers" /> |
| | | <el-table-column label="附件及历史发文号" align="center" prop="attachmentHistoryNumbers" /> |
| | | |
| | | <el-table-column label="操作" align="center" width="160" class-name="small-padding "> |
| | | <template slot-scope="scope"> |
| | |
| | | <el-form ref="forms" :model="forms" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | 8<el-form-item label="责任者" prop="creator"> |
| | | <el-form-item label="责任者" prop="creator"> |
| | | <el-input v-model="forms.creator" placeholder="请输入责任者" /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="日期" prop="date"> |
| | | <el-input v-model="forms.date" placeholder="请输入日期 (格式:yyyy-mm-dd)" style="width: 200px;" /> |
| | | <!-- <el-date-picker clearable |
| | | v-model="forms.date" |
| | | type="date" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择日期"> |
| | | </el-date-picker> --> |
| | | |
| | | <el-input v-model="forms.date" placeholder="请输入日期" prop="date"/> |
| | | |
| | | </el-form-item> |
| | | <!-- <el-form-item label="页次" prop="pageOrder"> |
| | | <el-input v-model="forms.pageOrder" placeholder="请输入页次" /> |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="日期" prop="date"> |
| | | <el-date-picker clearable |
| | | <el-input v-model="queryParams.date" placeholder="请输入日期 (格式:yyyy-mm-dd)" /> |
| | | <div style="color: #999; font-size: 12px; margin-top: 4px;">请输入正确的日期格式:yyyy-mm-dd</div> |
| | | <!-- <el-date-picker clearable |
| | | v-model="queryParams.date" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择日期"> |
| | | </el-date-picker> |
| | | </el-date-picker> --> |
| | | </el-form-item> |
| | | <el-form-item label="页号" prop="pageNumber"> |
| | | <el-input |
| | | v-model="queryParams.pageNumber" |
| | | placeholder="请输入页号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-col :span="8"> |
| | | <el-input |
| | | v-model.number="queryParams.pageNumber" |
| | | placeholder="请输入页号(数字类型)" |
| | | clearable |
| | | type="number" |
| | | min="1" |
| | | oninput="value=value.replace(/[^\d]/g,'')" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item label="页次" prop="pageOrder"> |
| | | <el-input |
| | |
| | | <script> |
| | | import { listMaterials, enload, getMaterials, delMaterials, addMaterials, updateMaterials } from "@/api/system/materials" |
| | | import { getToken } from '@/utils/auth' |
| | | import store from '@/store' |
| | | import { updateStatusById } from "@/api/system/records" |
| | | |
| | | import {delArchiverecordstouserByReIdAndUid} from "@/api/system/archiverecordstouser" |
| | | export default { |
| | | name: "Materials", |
| | | data() { |
| | | return { |
| | | importDialogVisible: false, |
| | | fileList: [], |
| | | uploadUrl: process.env.VUE_APP_BASE_API +'/system/materials/upload', // 替换为实际的上传接口 |
| | | uploadUrl: process.env.VUE_APP_BASE_API +'/system/materials/upload/'+this.recordId, // 替换为实际的上传接口 |
| | | headers: { |
| | | Authorization: 'Bearer ' + getToken() |
| | | }, |
| | |
| | | { required: true, message: "案卷题名不能为空", trigger: "blur" } |
| | | ], |
| | | date: [ |
| | | { required: true, message: "日期不能为空", trigger: "blur" } |
| | | { required: true, message: "日期不能为空", trigger: "blur" }, |
| | | { pattern: /^\d{4}-\d{2}-\d{2}$/, message: "日期格式必须为yyyy-mm-dd", trigger: "blur" } |
| | | ], |
| | | pageNumber: [ |
| | | { required: true, message: "页号不能为空", trigger: "blur" }, |
| | | { type: 'number', message: '页号必须为数字类型', trigger: ['blur', 'change'] }, |
| | | { pattern: /^\d+$/, message: '请输入正整数', trigger: 'blur' } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | |
| | | const recordId = this.$route.params && this.$route.params.recordId |
| | | //alert(recordId) |
| | | this.recordId = recordId; |
| | | |
| | | this.uploadUrl = process.env.VUE_APP_BASE_API +'/system/materials/upload/'+this.recordId |
| | | // alert('Bearer ' + getToken()) |
| | | this.reset() |
| | | this.form.securityLevel = '普通' // 设置对话框表单默认值 |
| | |
| | | this.$refs.upload.clearFiles(); |
| | | // 关闭上传对话框 |
| | | this.importDialogVisible = false; |
| | | // 刷新列表数据 |
| | | this.getList(); // 这里可以调用接口关联上传的文件和当前记录 |
| | | // 刷新列表数据 |
| | | this.getList(); // 这里可以调用接口关联上传的文件和当前记录 |
| | | //更新档案的状态 |
| | | |
| | | } else { |
| | | // alert(234) |
| | | console.log(response) |
| | |
| | | handlePreview(file) { |
| | | console.log(file) |
| | | }, |
| | | handleFileChange(file, fileList) { |
| | | console.log('当前文件列表:', fileList); |
| | | this.fileList = fileList; |
| | | }, |
| | | // 提交上传 |
| | | submitUpload() { |
| | | // 获取当前选择的文件数量 |
| | | const fileCount = this.fileList.length |
| | | if (fileCount === 0) { |
| | | this.$modal.msgWarning('请先选择文件再上传') |
| | | return |
| | | } |
| | | if(fileCount!==this.total) |
| | | { |
| | | this.$modal.msgWarning('请选择与记录数一致的文件') |
| | | return |
| | | } |
| | | // 执行上传 |
| | | this.$refs.upload.submit() |
| | | }, |
| | | clearFileList() { |
| | | this.fileList = []; |
| | | this.$modal.msgSuccess('已清空上传列表'); |
| | | }, |
| | | handleKeyDown(e) { |
| | | // 在keydown事件中更早地阻止默认行为 |
| | |
| | | if ((e.ctrlKey || e.metaKey) && e.key === 'd') { |
| | | e.preventDefault(); |
| | | this.resetForms(); |
| | | } |
| | | if ((e.ctrlKey || e.metaKey) && e.key === 'w') { |
| | | e.preventDefault(); |
| | | this.closeCurrentTab(); |
| | | } |
| | | }, |
| | | /** 查询【请填写功能名称】列表 */ |
| | |
| | | }) |
| | | }, |
| | | resetForms() |
| | | { |
| | | { |
| | | this.reset() |
| | | this.form.securityLevel = '普通' // 设置对话框表单默认值 |
| | | this.form.isSensitive = '否' // 设置对话框表单默认值 |
| | | this.form.isCanceled = '否' // 设置对话框表单默认值 |
| | | this.form.isAttachment = '否' // 设置对话框表单默认值 |
| | | this.form.isDiagram = '否' // 设置对话框表单默认值 |
| | | this.form.retentionPeriod = '永久' // 设置对话框表单默认值 |
| | | }, |
| | | this.form.securityLevel = '普通' |
| | | this.form.isSensitive = '否' |
| | | this.form.isCanceled = '否' |
| | | this.form.isAttachment = '否' |
| | | this.form.isDiagram = '否' |
| | | this.form.retentionPeriod = '永久' |
| | | }, |
| | | closeCurrentTab() { |
| | | this.$store.dispatch('tagsView/delView', this.$route) |
| | | this.$router.push('/archiveManager/infoManager') |
| | | }, |
| | | submitForm() |
| | | { |
| | | console.log(this.form) |
| | |
| | | // } |
| | | const formData = new FormData(); |
| | | formData.append('file', file); |
| | | formData.append('recordId', this.recordId) |
| | | alert(this.recordId) |
| | | // formData.append('recordId', this.recordId) |
| | | // alert(this.recordId) |
| | | console.log(file) |
| | | |
| | | // 显示加载中状态 |
| | |
| | | this.$message.error('导入失败: ' + (error.message || '未知错误')); |
| | | }); |
| | | |
| | | } |
| | | }, |
| | | /** 取消授权按钮操作 */ |
| | | cancelAuthUser(row) { |
| | | const recordId = this.recordId |
| | | var userId = store.state.user.id |
| | | var _this = this |
| | | // alert(userId) |
| | | // alert(userId) |
| | | // alert(this.queryParams.archiveRecordsId) |
| | | // alert(row.sysUser.userName) |
| | | this.$modal.confirm('确认要取消该用户的"' + '' + '"授权吗?').then(function() { |
| | | return delArchiverecordstouserByReIdAndUid({ recordId: recordId, userId: userId }) |
| | | }).then(() => { |
| | | // this.getList() |
| | | //修改案卷的状态 |
| | | // var id = row.id |
| | | var status = '未上传附件' |
| | | updateStatusById(status, recordId).then(response=>{ |
| | | // this.$modal.msgSuccess("提交成功") |
| | | // this.getList() |
| | | _this.$store.dispatch('tagsView/delView', this.$route); |
| | | _this.$router.push('/archiveManager/infoManager') |
| | | _this.$modal.msgSuccess("取消授权成功") |
| | | }) |
| | | |
| | | }).catch(() => {}) |
| | | }, |
| | | } |
| | | } |
| | | </script> |