From 8a1c08baaf0ee002b471996b195e7da180b90209 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期一, 21 七月 2025 09:38:47 +0800
Subject: [PATCH] 增加了前端代码库
---
src/views/archiveManager/index.vue | 551 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 551 insertions(+), 0 deletions(-)
diff --git a/src/views/archiveManager/index.vue b/src/views/archiveManager/index.vue
new file mode 100644
index 0000000..170ef67
--- /dev/null
+++ b/src/views/archiveManager/index.vue
@@ -0,0 +1,551 @@
+<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="妗ｆ鍙�" prop="recordId">
+ <el-input
+ v-model="queryParams.recordId"
+ placeholder="璇疯緭鍏ユ。妗堝彿"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鍙戞枃鍙�" prop="inquiryNumber">
+ <el-input
+ v-model="queryParams.inquiryNumber"
+ placeholder="璇疯緭鍏ュ彂鏂囧彿"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="妗堝嵎棰樺悕" prop="caseTitle">
+ <el-input
+ v-model="queryParams.caseTitle"
+ placeholder="璇疯緭鍏ユ鍗烽鍚�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鍏紑灞炴��" prop="publicAttribute">
+ <el-input
+ v-model="queryParams.publicAttribute"
+ placeholder="璇疯緭鍏ュ叕寮�灞炴��"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="缂栧埗鍗曚綅" prop="preparationUnit">
+ <el-input
+ v-model="queryParams.preparationUnit"
+ placeholder="璇疯緭鍏ョ紪鍒跺崟浣�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="缂栧埗鏃ユ湡" prop="preparationDate">
+ <el-date-picker clearable
+ v-model="queryParams.preparationDate"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="璇烽�夋嫨缂栧埗鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="淇濈鏈熼檺" prop="retentionPeriod">
+ <el-input
+ v-model="queryParams.retentionPeriod"
+ placeholder="璇疯緭鍏ヤ繚绠℃湡闄�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="瀵嗙骇" prop="securityClassification">
+ <el-input
+ v-model="queryParams.securityClassification"
+ placeholder="璇疯緭鍏ュ瘑绾�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="妗堝嵎椤垫暟" prop="pageCount">
+ <el-input
+ v-model="queryParams.pageCount"
+ placeholder="璇疯緭鍏ユ鍗烽〉鏁�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="绔嬫鍙�" prop="filingNumber">
+ <el-input
+ v-model="queryParams.filingNumber"
+ placeholder="璇疯緭鍏ョ珛妗堝彿"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="寤鸿鍗曚綅" prop="constructionUnit">
+ <el-input
+ v-model="queryParams.constructionUnit"
+ placeholder="璇疯緭鍏ュ缓璁惧崟浣�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="寤鸿鍦板潃" prop="constructionAddress">
+ <el-input
+ v-model="queryParams.constructionAddress"
+ placeholder="璇疯緭鍏ュ缓璁惧湴鍧�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="寤鸿椤圭洰鍚嶇О" prop="projectName">
+ <el-input
+ v-model="queryParams.projectName"
+ placeholder="璇疯緭鍏ュ缓璁鹃」鐩悕绉�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="椤圭洰缂栧彿" prop="projectNumber">
+ <el-input
+ v-model="queryParams.projectNumber"
+ placeholder="璇疯緭鍏ラ」鐩紪鍙�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鎵弿鍔犲伐鍏徃" prop="scanningCompany">
+ <el-input
+ v-model="queryParams.scanningCompany"
+ placeholder="璇疯緭鍏ユ壂鎻忓姞宸ュ叕鍙�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="妗ｆ绠�(瀹�)鍙�" prop="archiveRoomNumber">
+ <el-input
+ v-model="queryParams.archiveRoomNumber"
+ placeholder="璇疯緭鍏ユ。妗堢(瀹�)鍙�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="缂╁井鍙�" prop="microfilmNumber">
+ <el-input
+ v-model="queryParams.microfilmNumber"
+ placeholder="璇疯緭鍏ョ缉寰彿"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鍘嗗彶鐩稿叧鍙戞枃鍙�" prop="historicalReferenceNumber">
+ <el-input
+ v-model="queryParams.historicalReferenceNumber"
+ placeholder="璇疯緭鍏ュ巻鍙茬浉鍏冲彂鏂囧彿"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['system:records:add']"
+ >鏂板</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['system:records:edit']"
+ >淇敼</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['system:records:remove']"
+ >鍒犻櫎</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ plain
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['system:records:export']"
+ >瀵煎嚭</el-button>
+ </el-col>
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
+
+ <el-table v-loading="loading" :data="recordsList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+<!-- <el-table-column label="${comment}" align="center" prop="id" /> -->
+ <el-table-column label="妗ｆ鍙�" align="center" prop="recordId" />
+ <el-table-column label="鍙戞枃鍙�" align="center" prop="inquiryNumber" />
+ <el-table-column label="妗堝嵎棰樺悕" align="center" prop="caseTitle" />
+ <el-table-column label="鍏紑灞炴��" align="center" prop="publicAttribute" />
+ <el-table-column label="缂栧埗鍗曚綅" align="center" prop="preparationUnit" />
+ <el-table-column label="缂栧埗鏃ユ湡" align="center" prop="preparationDate" width="180">
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.preparationDate, '{y}-{m}-{d}') }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="淇濈鏈熼檺" align="center" prop="retentionPeriod" />
+ <el-table-column label="瀵嗙骇" align="center" prop="securityClassification" />
+ <el-table-column label="妗堝嵎椤垫暟" align="center" prop="pageCount" />
+ <el-table-column label="绔嬫鍙�" align="center" prop="filingNumber" />
+ <el-table-column label="寤鸿鍗曚綅" align="center" prop="constructionUnit" />
+ <el-table-column label="寤鸿鍦板潃" align="center" prop="constructionAddress" />
+ <el-table-column label="寤鸿椤圭洰鍚嶇О" align="center" prop="projectName" />
+ <el-table-column label="椤圭洰缂栧彿" align="center" prop="projectNumber" />
+ <el-table-column label="鎵弿鍔犲伐鍏徃" align="center" prop="scanningCompany" />
+ <el-table-column label="妗ｆ绠�(瀹�)鍙�" align="center" prop="archiveRoomNumber" />
+ <el-table-column label="缂╁井鍙�" align="center" prop="microfilmNumber" />
+ <el-table-column label="澶囨敞" align="center" prop="remarks" />
+ <el-table-column label="鍘嗗彶鐩稿叧鍙戞枃鍙�" align="center" prop="historicalReferenceNumber" />
+ <el-table-column label="鎿嶄綔" align="center" width="160" class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button
+ v-if="amio"
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:records:edit']"
+ >妗堝嵎璇︾粏淇℃伅绠＄悊</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:records:edit']"
+ >淇敼</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['system:records:remove']"
+ >鍒犻櫎</el-button>
+ <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)">
+ <el-button size="mini" type="text" icon="el-icon-d-arrow-right">鏇村</el-button>
+ <el-dropdown-menu slot="dropdown">
+
+ <el-dropdown-item command="handleAuthUser" icon="el-icon-user"
+ >鍒嗛厤鐢ㄦ埛</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 娣诲姞鎴栦慨鏀规。妗堣褰曞璇濇 -->
+ <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="recordId">
+ <el-input v-model="form.recordId" placeholder="璇疯緭鍏ユ。妗堝彿" />
+ </el-form-item>
+ <el-form-item label="鍙戞枃鍙�" prop="inquiryNumber">
+ <el-input v-model="form.inquiryNumber" placeholder="璇疯緭鍏ュ彂闂彿" />
+ </el-form-item>
+ <div v-if="vis">
+ <el-form-item label="妗堝嵎棰樺悕" prop="caseTitle">
+ <el-input v-model="form.caseTitle" placeholder="璇疯緭鍏ユ鍗烽鍚�" />
+ </el-form-item>
+ <el-form-item label="鍏紑灞炴��" prop="publicAttribute">
+ <el-input v-model="form.publicAttribute" placeholder="璇疯緭鍏ュ叕寮�灞炴��" />
+ </el-form-item>
+ <el-form-item label="缂栧埗鍗曚綅" prop="preparationUnit">
+ <el-input v-model="form.preparationUnit" placeholder="璇疯緭鍏ョ紪鍒跺崟浣�" />
+ </el-form-item>
+ <el-form-item label="缂栧埗鏃ユ湡" prop="preparationDate">
+ <el-date-picker clearable
+ v-model="form.preparationDate"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="璇烽�夋嫨缂栧埗鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="淇濈鏈熼檺" prop="retentionPeriod">
+ <el-input v-model="form.retentionPeriod" placeholder="璇疯緭鍏ヤ繚绠℃湡闄�" />
+ </el-form-item>
+ <el-form-item label="瀵嗙骇" prop="securityClassification">
+ <el-input v-model="form.securityClassification" placeholder="璇疯緭鍏ュ瘑绾�" />
+ </el-form-item>
+ <el-form-item label="妗堝嵎椤垫暟" prop="pageCount">
+ <el-input v-model="form.pageCount" placeholder="璇疯緭鍏ユ鍗烽〉鏁�" />
+ </el-form-item>
+ <el-form-item label="绔嬫鍙�" prop="filingNumber">
+ <el-input v-model="form.filingNumber" placeholder="璇疯緭鍏ョ珛妗堝彿" />
+ </el-form-item>
+ <el-form-item label="寤鸿鍗曚綅" prop="constructionUnit">
+ <el-input v-model="form.constructionUnit" placeholder="璇疯緭鍏ュ缓璁惧崟浣�" />
+ </el-form-item>
+ <el-form-item label="寤鸿鍦板潃" prop="constructionAddress">
+ <el-input v-model="form.constructionAddress" placeholder="璇疯緭鍏ュ缓璁惧湴鍧�" />
+ </el-form-item>
+ <el-form-item label="寤鸿椤圭洰鍚嶇О" prop="projectName">
+ <el-input v-model="form.projectName" placeholder="璇疯緭鍏ュ缓璁鹃」鐩悕绉�" />
+ </el-form-item>
+ <el-form-item label="椤圭洰缂栧彿" prop="projectNumber">
+ <el-input v-model="form.projectNumber" placeholder="璇疯緭鍏ラ」鐩紪鍙�" />
+ </el-form-item>
+ <el-form-item label="鎵弿鍔犲伐鍏徃" prop="scanningCompany">
+ <el-input v-model="form.scanningCompany" placeholder="璇疯緭鍏ユ壂鎻忓姞宸ュ叕鍙�" />
+ </el-form-item>
+ <el-form-item label="妗ｆ绠�(瀹�)鍙�" prop="archiveRoomNumber">
+ <el-input v-model="form.archiveRoomNumber" placeholder="璇疯緭鍏ユ。妗堢(瀹�)鍙�" />
+ </el-form-item>
+ <el-form-item label="缂╁井鍙�" prop="microfilmNumber">
+ <el-input v-model="form.microfilmNumber" placeholder="璇疯緭鍏ョ缉寰彿" />
+ </el-form-item>
+ <el-form-item label="澶囨敞" prop="remarks">
+ <el-input v-model="form.remarks" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" />
+ </el-form-item>
+ <el-form-item label="鍘嗗彶鐩稿叧鍙戞枃鍙�" prop="historicalReferenceNumber">
+ <el-input v-model="form.historicalReferenceNumber" placeholder="璇疯緭鍏ュ巻鍙茬浉鍏冲彂鏂囧彿" />
+ </el-form-item>
+ </div>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import { listRecords, getRecords, delRecords, addRecords, updateRecords } from "@/api/system/records"
+
+export default {
+ name: "Records",
+ data() {
+ return {
+ amio: false,
+ vis: false,
+ // 閬僵灞�
+ loading: true,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 妗ｆ璁板綍琛ㄦ牸鏁版嵁
+ recordsList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ recordId: null,
+ inquiryNumber: null,
+ caseTitle: null,
+ publicAttribute: null,
+ preparationUnit: null,
+ preparationDate: null,
+ retentionPeriod: null,
+ securityClassification: null,
+ pageCount: null,
+ filingNumber: null,
+ constructionUnit: null,
+ constructionAddress: null,
+ projectName: null,
+ projectNumber: null,
+ scanningCompany: null,
+ archiveRoomNumber: null,
+ microfilmNumber: null,
+ remarks: null,
+ historicalReferenceNumber: null
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ recordId: [
+ { required: true, message: "妗ｆ鍙蜂笉鑳戒负绌�", trigger: "blur" }
+ ],
+ inquiryNumber: [
+ { required: true, message: "鍙戦棶鍙蜂笉鑳戒负绌�", trigger: "blur" }
+ ],
+ }
+ }
+ },
+ created() {
+ this.getList()
+ },
+ methods: {
+ /** 鏌ヨ妗ｆ璁板綍鍒楄〃 */
+ getList() {
+ this.loading = true
+ console.log(this.queryParams)
+ console.log("--------------")
+ listRecords(this.queryParams).then(response => {
+
+ console.log(response)
+ this.recordsList = response.data.data
+ this.total = response.data.total
+ this.loading = false
+ })
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false
+ this.reset()
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: null,
+ recordId: null,
+ inquiryNumber: null,
+ caseTitle: null,
+ publicAttribute: null,
+ preparationUnit: null,
+ preparationDate: null,
+ retentionPeriod: null,
+ securityClassification: null,
+ pageCount: null,
+ filingNumber: null,
+ constructionUnit: null,
+ constructionAddress: null,
+ projectName: null,
+ projectNumber: null,
+ scanningCompany: null,
+ archiveRoomNumber: null,
+ microfilmNumber: null,
+ remarks: null,
+ historicalReferenceNumber: null
+ }
+ this.resetForm("form")
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1
+ this.getList()
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm")
+ this.handleQuery()
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.id)
+ this.single = selection.length!==1
+ this.multiple = !selection.length
+ },
+ /** 鏂板鎸夐挳鎿嶄綔 */
+ handleAdd() {
+ this.reset()
+ this.open = true
+ this.vis = false;
+ this.title = "娣诲姞妗ｆ璁板綍"
+ },
+ /** 淇敼鎸夐挳鎿嶄綔 */
+ handleUpdate(row) {
+ this.reset()
+ this.vis = true;
+ const id = row.id || this.ids
+ getRecords(id).then(response => {
+ console.log(response)
+ console.log("----=============--------------")
+ this.form = response.data
+ this.open = true
+ this.title = "淇敼妗ｆ璁板綍"
+ })
+ },
+ /** 鎻愪氦鎸夐挳 */
+ submitForm() {
+ this.$refs["form"].validate(valid => {
+ if (valid) {
+ if (this.form.id != null) {
+ updateRecords(this.form).then(response => {
+ this.$modal.msgSuccess("淇敼鎴愬姛")
+ this.open = false
+ this.getList()
+ })
+ } else {
+ addRecords(this.form).then(response => {
+ this.$modal.msgSuccess("鏂板鎴愬姛")
+ this.open = false
+ this.getList()
+ })
+ }
+ }
+ })
+ },
+ // 鏇村鎿嶄綔瑙﹀彂
+ handleCommand(command, row) {
+ switch (command) {
+ case "handleDataScope":
+ this.handleDataScope(row)
+ break
+ case "handleAuthUser":
+ this.handleAuthUser(row)
+ break
+ default:
+ break
+ }
+ },
+ /** 鍒嗛厤鐢ㄦ埛鎿嶄綔 */
+ handleAuthUser: function(row) {
+ const roleId = 2
+ alert(roleId)
+ this.$router.push("/archiveManager/infoManagerAu/user/" + roleId)
+ },
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ const ids = row.id || this.ids
+ this.$modal.confirm('鏄惁纭鍒犻櫎妗ｆ璁板綍缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
+ return delRecords(ids)
+ }).then(() => {
+ this.getList()
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛")
+ }).catch(() => {})
+ },
+ /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+ handleExport() {
+ this.download('system/records/export', {
+ ...this.queryParams
+ }, `records_${new Date().getTime()}.xlsx`)
+ }
+ }
+}
+</script>
--
Gitblit v1.9.1