From 87e331767b3ce416c957b7336e94b9ba208f0efb Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 16 四月 2026 18:08:31 +0800
Subject: [PATCH] 维护
---
src/views/OfficeRelated/conference/index.vue | 1136 ++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 766 insertions(+), 370 deletions(-)
diff --git a/src/views/OfficeRelated/conference/index.vue b/src/views/OfficeRelated/conference/index.vue
index 2932b7e..bc55057 100644
--- a/src/views/OfficeRelated/conference/index.vue
+++ b/src/views/OfficeRelated/conference/index.vue
@@ -2,7 +2,6 @@
<div class="meeting-management">
<!-- 椤甸潰澶撮儴 -->
<div class="page-header">
- <h2>浼氳绠＄悊</h2>
<div class="header-actions">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">
鏂板缓浼氳
@@ -37,7 +36,7 @@
style="width: 150px"
/>
</el-form-item>
- <el-form-item label="鏃堕棿鑼冨洿">
+ <el-form-item label="浼氳寮�濮嬫椂闂磋寖鍥�">
<el-date-picker
v-model="queryParams.dateRange"
type="daterange"
@@ -53,11 +52,22 @@
clearable
placeholder="璇烽�夋嫨"
>
- <el-option label="寰呭紑濮�" value="pending" />
- <el-option label="杩涜涓�" value="ongoing" />
- <el-option label="宸茬粨鏉�" value="completed" />
- <el-option label="宸插彇娑�" value="cancelled" />
+ <el-option label="寰呭紑濮�" value="1" />
+ <el-option label="杩涜涓�" value="2" />
+ <el-option label="宸茬粨鏉�" value="3" />
+ <el-option label="宸插彇娑�" value="4" />
+ <el-option label="寰呭鏍�" value="0" />
+ <el-option label="宸查�氳繃" value="1" />
+ <el-option label="宸查┏鍥�" value="2" />
</el-select>
+ </el-form-item>
+ <el-form-item label="浼氳涓婚">
+ <el-input
+ v-model="queryParams.title"
+ placeholder="璇疯緭鍏ヤ細璁富棰�"
+ clearable
+ style="width: 150px"
+ />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">鏌ヨ</el-button>
@@ -75,7 +85,7 @@
style="width: 100%"
@sort-change="handleSortChange"
>
- <!-- <el-table-column prop="id" label="ID" width="80" fixed /> -->
+ <el-table-column prop="id" label="ID" width="80" fixed align="center" />
<el-table-column
prop="title"
align="center"
@@ -84,7 +94,7 @@
fixed
>
<template #default="scope">
- <el-button type="text" @click="handleView(scope.row)">
+ <el-button type="text" @click="handleView(scope.row.id)">
{{ scope.row.title }}
</el-button>
</template>
@@ -96,38 +106,32 @@
width="120"
>
<template #default="scope">
- <el-tag :type="getMeetingTypeTag(scope.row.meetingType)">
- {{ getMeetingTypeText(scope.row.meetingType) }}
+ <el-tag :type="getMeetingTypeTag(scope.row.typeId)">
+ {{ getMeetingTypeText(scope.row.typeId) }}
</el-tag>
</template>
</el-table-column>
<el-table-column
align="center"
- prop="status"
- label="鐘舵��"
+ label="浼氳鐘舵��"
width="100"
fixed="right"
>
<template #default="scope">
- <el-tag :type="getStatusTag(scope.row.status)">
- {{ getStatusText(scope.row.status) }}
+ <el-tag :type="getMeetingStatusTag(scope.row.status)">
+ {{ getMeetingStatusText(scope.row.status) }}
</el-tag>
</template>
</el-table-column>
<el-table-column
- prop="participants"
- label="鍙備細浜哄憳"
align="center"
- width="180"
- show-overflow-tooltip
- >
- <template #default="scope">
- <span>{{ scope.row.participants.join(", ") }}</span>
- </template>
- </el-table-column>
+ prop="organizerName"
+ label="缁勭粐鑰�"
+ width="120"
+ />
<el-table-column
align="center"
- prop="location"
+ prop="locationName"
label="浼氳鍦扮偣"
width="150"
/>
@@ -176,25 +180,42 @@
size="mini"
type="text"
@click="handleViewMinutes(scope.row)"
- :disabled="!scope.row.meetingMinutes"
+ :disabled="!scope.row.recordcontent"
>
- {{ scope.row.meetingMinutes ? "鏌ョ湅绾" : "鏆傛棤" }}
+ {{ scope.row.recordcontent ? "鏌ョ湅绾" : "鏆傛棤" }}
</el-button>
+ </template>
+ </el-table-column>
+ <el-table-column align="center" label="瀹℃牳鐘舵��" width="100">
+ <template #default="scope">
+ <el-tag :type="getApprovalStatusTag(scope.row.approvalStatus)">
+ {{ getApprovalStatusText(scope.row.approvalStatus) }}
+ </el-tag>
</template>
</el-table-column>
<el-table-column label="鎿嶄綔" align="center" width="200" fixed="right">
<template #default="scope">
- <el-button size="mini" type="text" @click="handleView(scope.row)">
+ <el-button
+ size="mini"
+ type="text"
+ @click="handleView(scope.row.id)"
+ >
鏌ョ湅
</el-button>
- <el-button size="mini" type="text" @click="handleEdit(scope.row)">
+ <el-button
+ size="mini"
+ type="text"
+ @click="handleEdit(scope.row.id)"
+ :disabled="scope.row.delFlag === 1"
+ >
缂栬緫
</el-button>
<el-button
size="mini"
type="text"
- @click="handleCopy(scope.row)"
+ @click="handleCopy(scope.row.id)"
style="color: #67C23A;"
+ :disabled="scope.row.delFlag === 1"
>
澶嶅埗
</el-button>
@@ -203,6 +224,7 @@
type="text"
@click="handleDelete(scope.row)"
style="color: #F56C6C;"
+ :disabled="scope.row.delFlag === 1"
>
鍒犻櫎
</el-button>
@@ -213,21 +235,24 @@
<!-- 鍒嗛〉 -->
<div class="pagination-container">
<el-pagination
- :current-page="pagination.currentPage"
+ :current-page="pagination.pageNum"
:page-size="pagination.pageSize"
:total="pagination.total"
layout="total, sizes, prev, pager, next, jumper"
+ :page-sizes="[10, 20, 50, 100]"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</el-card>
+
+ <!-- 浼氳绾瀵硅瘽妗� -->
<el-dialog
title="浼氳绾"
:visible.sync="minutesDialogVisible"
- width="600px"
+ width="700px"
>
- <div v-if="currentRecord.meetingMinutes">
+ <div v-if="currentRecord.recordcontent">
<el-alert
title="浼氳绾璇︽儏"
type="info"
@@ -237,22 +262,56 @@
<div class="minutes-content">
<el-card>
<div
- style="white-space: pre-line; line-height: 1.6; max-height: 400px; overflow-y: auto;"
+ style="white-space: pre-line; line-height: 1.6; max-height: 300px; overflow-y: auto;"
>
- {{ currentRecord.meetingMinutes }}
+ {{ currentRecord.recordcontent }}
</div>
</el-card>
</div>
+
+ <!-- 浼氳绾闄勪欢灞曠ず -->
+ <div
+ class="minutes-attachments"
+ v-if="
+ currentRecord.recordattachment &&
+ parseAttachments(currentRecord.recordattachment).length > 0
+ "
+ >
+ <el-divider content-position="left">浼氳绾闄勪欢</el-divider>
+ <div class="attachment-list">
+ <div
+ v-for="file in parseAttachments(currentRecord.recordattachment)"
+ :key="file.id || file.name"
+ class="attachment-item"
+ >
+ <el-link
+ type="primary"
+ :href="file.url"
+ target="_blank"
+ class="file-link"
+ >
+ <i
+ :class="getFileIcon(file.type || file.name)"
+ style="margin-right: 8px;"
+ ></i>
+ {{ file.name }}
+ <span class="file-size" v-if="file.size"
+ >({{ formatFileSize(file.size) }})</span
+ >
+ </el-link>
+ </div>
+ </div>
+ </div>
+
<div
class="minutes-meta"
style="margin-top: 16px; color: #909399; font-size: 12px;"
>
<span
- >鍒涘缓鏃堕棿:
- {{ formatDateTime(currentRecord.minutesCreateTime) }}</span
+ >璁板綍鏃堕棿: {{ formatDateTime(currentRecord.recorderTime) }}</span
>
<span style="margin-left: 16px;"
- >鍒涘缓浜�: {{ currentRecord.minutesCreator || "绯荤粺" }}</span
+ >璁板綍浜�: {{ currentRecord.recorderBy || "鏈寚瀹�" }}</span
>
</div>
</div>
@@ -263,13 +322,14 @@
<el-button @click="minutesDialogVisible = false">鍏抽棴</el-button>
<el-button
type="primary"
- @click="handleEdit(currentRecord)"
- v-if="currentRecord.meetingMinutes"
+ @click="handleEdit(currentRecord.id)"
+ v-if="currentRecord.recordcontent"
>
缂栬緫绾
</el-button>
</span>
</el-dialog>
+
<!-- 鏌ョ湅璇︽儏瀵硅瘽妗� -->
<el-dialog
:title="`浼氳璇︽儏 - ${currentRecord.title || ''}`"
@@ -277,34 +337,29 @@
width="800px"
:before-close="handleDetailClose"
>
- <el-descriptions :column="2" border v-if="currentRecord">
+ <el-descriptions :column="2" border v-if="currentRecord.id">
+ <el-descriptions-item label="浼氳缂栧彿">{{
+ currentRecord.meetingNumber
+ }}</el-descriptions-item>
<el-descriptions-item label="浼氳涓婚">{{
currentRecord.title
}}</el-descriptions-item>
<el-descriptions-item label="浼氳绫诲瀷">
- <el-tag :type="getMeetingTypeTag(currentRecord.meetingType)">
- {{ getMeetingTypeText(currentRecord.meetingType) }}
+ <el-tag :type="getMeetingTypeTag(currentRecord.typeId)">
+ {{ getMeetingTypeText(currentRecord.typeId) }}
</el-tag>
</el-descriptions-item>
- <el-descriptions-item label="鍙備細浜哄憳" :span="2">
- <el-tag
- v-for="participant in currentRecord.participants"
- :key="participant"
- type="info"
- size="small"
- style="margin-right: 8px; margin-bottom: 8px;"
- >
- {{ participant }}
- </el-tag>
- </el-descriptions-item>
- <el-descriptions-item label="浼氳鍦扮偣">{{
- currentRecord.location
- }}</el-descriptions-item>
<el-descriptions-item label="浼氳鐘舵��">
- <el-tag :type="getStatusTag(currentRecord.status)">
- {{ getStatusText(currentRecord.status) }}
+ <el-tag :type="getMeetingStatusTag(currentRecord.status)">
+ {{ getMeetingStatusText(currentRecord.status) }}
</el-tag>
</el-descriptions-item>
+ <el-descriptions-item label="缁勭粐鑰�">{{
+ currentRecord.organizerName || currentRecord.createBy
+ }}</el-descriptions-item>
+ <el-descriptions-item label="浼氳鍦扮偣">{{
+ currentRecord.locationName || currentRecord.locationId
+ }}</el-descriptions-item>
<el-descriptions-item label="寮�濮嬫椂闂�">{{
formatDateTime(currentRecord.startTime)
}}</el-descriptions-item>
@@ -314,41 +369,104 @@
<el-descriptions-item label="鎸佺画鏃堕棿">{{
calculateDuration(currentRecord)
}}</el-descriptions-item>
- <el-descriptions-item label="鍒涘缓浜�">{{
- currentRecord.creator
+ <el-descriptions-item label="瀹℃牳鐘舵��">
+ <el-tag :type="getApprovalStatusTag(currentRecord.approvalStatus)">
+ {{ getApprovalStatusText(currentRecord.approvalStatus) }}
+ </el-tag>
+ </el-descriptions-item>
+ <el-descriptions-item label="瀹℃牳浜�">{{
+ currentRecord.approverBy || "鏈鏍�"
+ }}</el-descriptions-item>
+ <el-descriptions-item label="瀹℃牳鏃堕棿">{{
+ currentRecord.approvalTime
+ ? formatDateTime(currentRecord.approvalTime)
+ : "鏈鏍�"
}}</el-descriptions-item>
<el-descriptions-item label="浼氳姒傝" :span="2">
{{ currentRecord.summary }}
</el-descriptions-item>
<el-descriptions-item label="浼氳鍐呭" :span="2">
<div
+ v-html="currentRecord.content"
style="white-space: pre-line; max-height: 300px; overflow-y: auto;"
- >
- {{ currentRecord.content }}
+ ></div>
+ </el-descriptions-item>
+
+ <!-- 浼氳闄勪欢 -->
+ <el-descriptions-item label="浼氳闄勪欢" :span="2">
+ <div class="detail-attachments">
+ <div
+ v-if="
+ currentRecord.attachment &&
+ parseAttachments(currentRecord.attachment).length > 0
+ "
+ class="attachment-grid"
+ >
+ <div
+ v-for="file in parseAttachments(currentRecord.attachment)"
+ :key="file.id || file.name"
+ class="attachment-card"
+ >
+ <el-card shadow="hover" class="file-card">
+ <div class="file-content">
+ <i
+ :class="getFileIcon(file.type || file.name)"
+ class="file-icon"
+ ></i>
+ <div class="file-info">
+ <div class="file-name" :title="file.name">
+ {{ file.name }}
+ </div>
+ <div class="file-meta">
+ <span class="file-size" v-if="file.size">{{
+ formatFileSize(file.size)
+ }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="file-actions" v-if="file.url">
+ <el-button
+ type="text"
+ size="mini"
+ @click="handleDownload(file)"
+ >涓嬭浇</el-button
+ >
+ </div>
+ </el-card>
+ </div>
+ </div>
+ <div v-else class="no-attachment">
+ <el-empty description="鏆傛棤浼氳闄勪欢" :image-size="50"></el-empty>
+ </div>
</div>
</el-descriptions-item>
- <el-descriptions-item
- label="闄勪欢"
- :span="2"
- v-if="currentRecord.attachments && currentRecord.attachments.length"
- >
- <div
- v-for="file in currentRecord.attachments"
- :key="file.id"
- class="attachment-item"
- >
- <el-link type="primary" :href="file.url" target="_blank">
- <i class="el-icon-document"></i> {{ file.name }}
- </el-link>
- </div>
- </el-descriptions-item>
+
+ <el-descriptions-item label="鍒涘缓浜�">{{
+ currentRecord.createBy
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鍒涘缓鏃堕棿">{{
+ formatDateTime(currentRecord.createTime)
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鏇存柊浜�">{{
+ currentRecord.updateBy
+ }}</el-descriptions-item>
+ <el-descriptions-item label="鏇存柊鏃堕棿">{{
+ formatDateTime(currentRecord.updateTime)
+ }}</el-descriptions-item>
+ <el-descriptions-item label="澶囨敞" :span="2">{{
+ currentRecord.remark || "鏃�"
+ }}</el-descriptions-item>
</el-descriptions>
<span slot="footer">
<el-button @click="detailDialogVisible = false">鍏抽棴</el-button>
- <el-button type="primary" @click="handleEdit(currentRecord)"
- >缂栬緫</el-button
+ <el-button
+ type="primary"
+ @click="handleEdit(currentRecord.id)"
+ :disabled="currentRecord.delFlag === 1"
>
+ 缂栬緫
+ </el-button>
</span>
</el-dialog>
@@ -370,39 +488,31 @@
<el-input v-model="editForm.title" placeholder="璇疯緭鍏ヤ細璁富棰�" />
</el-form-item>
- <el-form-item label="浼氳绫诲瀷" prop="meetingType">
+ <el-form-item label="浼氳绫诲瀷" prop="typeId">
<el-select
- v-model="editForm.meetingType"
+ v-model="editForm.typeId"
placeholder="璇烽�夋嫨浼氳绫诲瀷"
style="width: 100%"
>
- <el-option label="绉戠爺浼氳" value="research" />
- <el-option label="鏃ュ父浼氳" value="daily" />
- <el-option label="椤圭洰浼氳" value="project" />
- <el-option label="閮ㄩ棬浼氳" value="department" />
- <el-option label="璇勫浼氳" value="review" />
+ <el-option label="绉戠爺浼氳" :value="1" />
+ <el-option label="鏃ュ父浼氳" :value="2" />
+ <el-option label="椤圭洰浼氳" :value="3" />
+ <el-option label="閮ㄩ棬浼氳" :value="4" />
+ <el-option label="璇勫浼氳" :value="5" />
</el-select>
</el-form-item>
- <el-form-item label="鍙備細浜哄憳" prop="participants">
+ <el-form-item label="浼氳鍦扮偣" prop="locationId">
<el-select
- v-model="editForm.participants"
- multiple
- filterable
- placeholder="璇烽�夋嫨鍙備細浜哄憳"
+ v-model="editForm.locationId"
+ placeholder="璇烽�夋嫨浼氳鍦扮偣"
style="width: 100%"
>
- <el-option
- v-for="user in userList"
- :key="user.id"
- :label="user.name"
- :value="user.name"
- />
+ <el-option label="绗竴浼氳瀹�" :value="1" />
+ <el-option label="绗簩浼氳瀹�" :value="2" />
+ <el-option label="绗笁浼氳瀹�" :value="3" />
+ <el-option label="绾夸笂浼氳" :value="4" />
</el-select>
- </el-form-item>
-
- <el-form-item label="浼氳鍦扮偣" prop="location">
- <el-input v-model="editForm.location" placeholder="璇疯緭鍏ヤ細璁湴鐐�" />
</el-form-item>
<el-row :gutter="20">
@@ -430,6 +540,19 @@
</el-col>
</el-row>
+ <el-form-item label="鎻愬墠鎻愰啋" prop="reminderMinutes">
+ <el-input-number
+ v-model="editForm.reminderMinutes"
+ :min="0"
+ :max="1440"
+ :step="5"
+ controls-position="right"
+ style="width: 100%"
+ >
+ <template #append>鍒嗛挓</template>
+ </el-input-number>
+ </el-form-item>
+
<el-form-item label="浼氳姒傝" prop="summary">
<el-input
v-model="editForm.summary"
@@ -446,28 +569,59 @@
v-model="editForm.content"
type="textarea"
:rows="6"
- placeholder="璇疯緭鍏ヤ細璁叿浣撳唴瀹�"
+ placeholder="璇疯緭鍏ヤ細璁叿浣撳唴瀹癸紙鏀寔HTML鏍煎紡锛�"
/>
</el-form-item>
- <el-form-item label="闄勪欢涓婁紶">
- <el-upload
- action="#"
- :auto-upload="false"
- :on-change="handleFileChange"
- :file-list="editForm.attachments"
- :limit="5"
- multiple
- >
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">
- 鏀寔涓婁紶鏂囨。銆佸浘鐗囩瓑鏂囦欢锛屽崟涓枃浠朵笉瓒呰繃10MB
+ <el-form-item label="浼氳闄勪欢">
+ <div class="attachment-upload-section">
+ <div class="upload-tip">涓婁紶浼氳鐩稿叧璧勬枡鏂囦欢</div>
+ <el-upload
+ class="attachment-upload"
+ action="#"
+ :auto-upload="false"
+ :on-change="handleAttachmentChange"
+ :file-list="editForm.attachmentFiles"
+ :limit="10"
+ multiple
+ >
+ <el-button size="small" type="primary" icon="el-icon-upload">
+ 涓婁紶浼氳闄勪欢
+ </el-button>
+ <div slot="tip" class="el-upload__tip">
+ 鏀寔鏂囨。銆佸浘鐗囩瓑鏍煎紡锛屽崟涓枃浠朵笉瓒呰繃20MB
+ </div>
+ </el-upload>
+ <div
+ v-if="
+ editForm.attachmentFiles && editForm.attachmentFiles.length > 0
+ "
+ class="uploaded-files"
+ >
+ <div
+ v-for="(file, index) in editForm.attachmentFiles"
+ :key="file.uid || index"
+ class="file-item"
+ >
+ <span class="file-name">{{ file.name }}</span>
+ <el-button
+ type="text"
+ size="mini"
+ @click="handleRemoveAttachmentFile(index)"
+ style="color: #F56C6C;"
+ >
+ 鍒犻櫎
+ </el-button>
+ </div>
</div>
- </el-upload>
+ </div>
</el-form-item>
- <el-form-item label="浼氳绾" prop="meetingMinutes">
+
+ <el-divider>浼氳绾锛堝彲浼氬悗琛ュ厖锛�</el-divider>
+
+ <el-form-item label="绾鍐呭" prop="recordcontent">
<el-input
- v-model="editForm.meetingMinutes"
+ v-model="editForm.recordcontent"
type="textarea"
:rows="6"
placeholder="璇疯緭鍏ヤ細璁邯瑕佸唴瀹癸紝鍖呮嫭浼氳鍐宠銆佽鍔ㄨ鍒掋�佽矗浠讳汉绛変俊鎭�"
@@ -477,6 +631,37 @@
<div style="color: #909399; font-size: 12px; margin-top: 4px;">
鎻愮ず锛氬彲璁板綍浼氳璁ㄨ瑕佺偣銆佸喅璁簨椤广�佽鍔ㄨ鍒掔瓑
</div>
+ </el-form-item>
+
+ <el-form-item label="绾闄勪欢">
+ <div class="attachment-upload-section">
+ <div class="upload-tip">涓婁紶涓庝細璁邯瑕佺浉鍏崇殑琛ュ厖鏉愭枡</div>
+ <el-upload
+ class="minutes-upload"
+ action="#"
+ :auto-upload="false"
+ :on-change="handleMinutesAttachmentChange"
+ :file-list="editForm.recordattachmentFiles"
+ :limit="5"
+ multiple
+ >
+ <el-button size="small" type="primary" icon="el-icon-upload">
+ 涓婁紶绾闄勪欢
+ </el-button>
+ <div slot="tip" class="el-upload__tip">
+ 鏀寔鍥剧墖銆佹枃妗ｇ瓑鏍煎紡锛屽崟涓枃浠朵笉瓒呰繃10MB
+ </div>
+ </el-upload>
+ </div>
+ </el-form-item>
+
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input
+ v-model="editForm.remark"
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�"
+ />
</el-form-item>
</el-form>
@@ -491,12 +676,22 @@
</template>
<script>
+import {
+ meetinglist,
+ meetingedit,
+ meetingadd,
+ meetingInfo,
+ meetingDel,
+ exporremeeting
+} from "@/api/officeManagementApi";
+
export default {
name: "MeetingManagement",
data() {
return {
// 鏌ヨ鍙傛暟
queryParams: {
+ title: "",
meetingType: "",
location: "",
dateRange: [],
@@ -504,7 +699,7 @@
},
// 鍒嗛〉鍙傛暟
pagination: {
- currentPage: 1,
+ pageNum: 1,
pageSize: 10,
total: 0
},
@@ -514,48 +709,23 @@
// 瀵硅瘽妗嗘樉绀虹姸鎬�
detailDialogVisible: false,
editDialogVisible: false,
+ minutesDialogVisible: false,
// 褰撳墠鎿嶄綔璁板綍
currentRecord: {},
// 缂栬緫鐘舵��
isEditing: false,
// 琛ㄦ牸鏁版嵁
tableData: [],
- // 鐢ㄦ埛鍒楄〃锛堢敤浜庨�夋嫨鍙備細浜哄憳锛�
- userList: [
- { id: 1, name: "寮犱笁" },
- { id: 2, name: "鏉庡洓" },
- { id: 3, name: "鐜嬩簲" },
- { id: 4, name: "璧靛叚" },
- { id: 5, name: "閽变竷" },
- { id: 6, name: "瀛欏叓" },
- { id: 7, name: "鍛ㄤ節" },
- { id: 8, name: "鍚村崄" }
- ],
- minutesDialogVisible: false, // 浼氳绾瀵硅瘽妗嗘樉绀虹姸鎬�
-
// 缂栬緫琛ㄥ崟鏁版嵁
- editForm: {
- title: "",
- meetingType: "",
- participants: [],
- location: "",
- startTime: "",
- endTime: "",
- summary: "",
- content: "",
- attachments: []
- },
+ editForm: this.getDefaultFormData(),
// 琛ㄥ崟楠岃瘉瑙勫垯
editRules: {
title: [{ required: true, message: "璇疯緭鍏ヤ細璁富棰�", trigger: "blur" }],
- meetingType: [
+ typeId: [
{ required: true, message: "璇烽�夋嫨浼氳绫诲瀷", trigger: "change" }
],
- participants: [
- { required: true, message: "璇烽�夋嫨鍙備細浜哄憳", trigger: "change" }
- ],
- location: [
- { required: true, message: "璇疯緭鍏ヤ細璁湴鐐�", trigger: "blur" }
+ locationId: [
+ { required: true, message: "璇烽�夋嫨浼氳鍦扮偣", trigger: "change" }
],
startTime: [
{ required: true, message: "璇烽�夋嫨寮�濮嬫椂闂�", trigger: "change" }
@@ -569,12 +739,8 @@
content: [
{ required: true, message: "璇疯緭鍏ヤ細璁唴瀹�", trigger: "blur" }
],
- meetingMinutes: [
- {
- max: 1000,
- message: "浼氳绾闀垮害涓嶈兘瓒呰繃1000涓瓧绗�",
- trigger: "blur"
- }
+ reminderMinutes: [
+ { required: true, message: "璇疯緭鍏ユ彁鍓嶆彁閱掓椂闂�", trigger: "blur" }
]
}
};
@@ -587,12 +753,29 @@
async loadData() {
this.loading = true;
try {
- // 妯℃嫙API璋冪敤
- await new Promise(resolve => setTimeout(resolve, 500));
+ const params = {
+ pageNum: this.pagination.pageNum,
+ pageSize: this.pagination.pageSize,
+ ...this.queryParams
+ };
- // 鐢熸垚妯℃嫙鏁版嵁
- this.tableData = this.generateMockData();
- this.pagination.total = this.tableData.length;
+ // 澶勭悊鏃堕棿鑼冨洿鏌ヨ
+ if (
+ this.queryParams.dateRange &&
+ this.queryParams.dateRange.length === 2
+ ) {
+ params.startTime = this.queryParams.dateRange[0];
+ params.endTime = this.queryParams.dateRange[1];
+ }
+
+ const response = await meetinglist(params);
+
+ if (response.code === 200) {
+ this.tableData = response.rows || [];
+ this.pagination.total = response.total || 0;
+ } else {
+ this.$message.error(response.msg || "鑾峰彇鏁版嵁澶辫触");
+ }
} catch (error) {
console.error("鍔犺浇鏁版嵁澶辫触:", error);
this.$message.error("鏁版嵁鍔犺浇澶辫触");
@@ -600,182 +783,122 @@
this.loading = false;
}
},
+
+ // 鑾峰彇鏂囦欢鍥炬爣
+ getFileIcon(fileName) {
+ if (!fileName) return "el-icon-document";
+ const ext = fileName
+ .split(".")
+ .pop()
+ .toLowerCase();
+ const iconMap = {
+ pdf: "el-icon-document",
+ doc: "el-icon-document",
+ docx: "el-icon-document",
+ xls: "el-icon-document",
+ xlsx: "el-icon-document",
+ ppt: "el-icon-document",
+ pptx: "el-icon-document",
+ jpg: "el-icon-picture",
+ jpeg: "el-icon-picture",
+ png: "el-icon-picture",
+ gif: "el-icon-picture",
+ zip: "el-icon-folder",
+ rar: "el-icon-folder"
+ };
+ return iconMap[ext] || "el-icon-document";
+ },
+
// 鏌ョ湅浼氳绾
handleViewMinutes(record) {
this.currentRecord = { ...record };
this.minutesDialogVisible = true;
},
- // 鐢熸垚妯℃嫙鏁版嵁
- generateMockData() {
- const meetingTypes = [
- "research",
- "daily",
- "project",
- "department",
- "review"
- ];
- const statuses = ["pending", "ongoing", "completed", "cancelled"];
- const participantsPool = [
- "寮犱笁",
- "鏉庡洓",
- "鐜嬩簲",
- "璧靛叚",
- "閽变竷",
- "瀛欏叓",
- "鍛ㄤ節",
- "鍚村崄"
- ];
-
- // 浼氳绾绀轰緥鍐呭
- const minutesExamples = [
- `浼氳鍐宠锛�
-1. 椤圭洰璁″垝璋冩暣鑷充笅鍛ㄤ竴姝ｅ紡鍚姩
-2. 鎶�鏈柟妗堢敱寮犱笁璐熻矗瀹屽杽
-3. 涓嬪懆杩涜鎶�鏈瘎瀹′細璁�
-
-琛屽姩璁″垝锛�
-- 鏉庡洓锛氬噯澶囨妧鏈枃妗ｏ紙鎴鍛ㄤ簲锛�
-- 鐜嬩簲锛氬崗璋冭祫婧愬垎閰嶏紙鎴鍛ㄥ洓锛�
-- 鍏ㄤ綋锛氬弬鍔犳妧鏈煿璁紙鍛ㄤ笁涓嬪崍锛塦,
-
- `璁ㄨ瑕佺偣锛�
-1. 褰撳墠椤圭洰杩涘害姝ｅ父锛岄渶鍔犲己璐ㄩ噺绠℃帶
-2. 瀹㈡埛鍙嶉闂闇�瑕佷紭鍏堝鐞�
-3. 涓嬮樁娈靛伐浣滈噸鐐规槑纭�
-
-浠诲姟鍒嗛厤锛�
-鉁� 宸插畬鎴愶細闇�姹傚垎鏋愩�佹妧鏈柟妗�
-馃敺 杩涜涓細寮�鍙戝疄鏂斤紙璐熻矗浜猴細璧靛叚锛�
-鈴� 寰呭紑濮嬶細娴嬭瘯楠屾敹`,
-
- `閲嶈鍐宠锛�
-鈥� 閫氳繃棰勭畻璋冩暣鏂规
-鈥� 纭畾鏂版垚鍛樺姞鍏ユ椂闂�
-鈥� 鎵瑰噯璁惧閲囪喘鐢宠
-
-鍚庣画瀹夋帓锛�
-馃搮 涓嬫浼氳鏃堕棿锛�2024-01-15 14:00
-馃搷 浼氳鍦扮偣锛氱涓�浼氳瀹�
-馃懃 蹇呴』鍙備細浜哄憳锛氬紶涓夈�佹潕鍥沗
- ];
-
- return Array.from({ length: 10 }, (_, index) => {
- const participantCount = Math.floor(Math.random() * 5) + 2;
- const participants = [];
- for (let i = 0; i < participantCount; i++) {
- const randomIndex = Math.floor(
- Math.random() * participantsPool.length
- );
- participants.push(participantsPool[randomIndex]);
+ // 瑙ｆ瀽闄勪欢JSON
+ parseAttachments(attachmentJson) {
+ if (!attachmentJson) return [];
+ try {
+ if (typeof attachmentJson === "string") {
+ return JSON.parse(attachmentJson);
}
-
- const uniqueParticipants = [...new Set(participants)];
- const startTime = new Date();
- startTime.setDate(
- startTime.getDate() + Math.floor(Math.random() * 30) - 15
- );
- startTime.setHours(
- 9 + Math.floor(Math.random() * 8),
- Math.floor(Math.random() * 4) * 15,
- 0
- );
-
- const endTime = new Date(startTime);
- endTime.setHours(
- startTime.getHours() + Math.floor(Math.random() * 3) + 1
- );
-
- // 闅忔満鍐冲畾鏄惁鏈変細璁邯瑕侊紙60%姒傜巼鏈夌邯瑕侊級
- const hasMinutes = Math.random() > 0.4;
- const meetingMinutes = hasMinutes
- ? minutesExamples[Math.floor(Math.random() * minutesExamples.length)]
- : "";
-
- return {
- id: index + 1,
- title: `鍏充簬${
- ["绉戠爺椤圭洰", "鏃ュ父宸ヤ綔", "鎶�鏈瘎瀹�", "閮ㄩ棬鍗忚皟"][
- Math.floor(Math.random() * 4)
- ]
- }鐨勪細璁甡,
- meetingType:
- meetingTypes[Math.floor(Math.random() * meetingTypes.length)],
- participants: uniqueParticipants,
- location: ["绗竴浼氳瀹�", "绗簩浼氳瀹�", "绗笁浼氳瀹�", "绾夸笂浼氳"][
- Math.floor(Math.random() * 4)
- ],
- startTime: startTime.toISOString(),
- endTime: endTime.toISOString(),
- summary: `鏈浼氳涓昏璁ㄨ${
- ["椤圭洰杩涘睍", "鎶�鏈毦棰�", "宸ヤ綔璁″垝", "闂鍗忚皟"][
- Math.floor(Math.random() * 4)
- ]
- }绛夌浉鍏充簨瀹渀,
- content: `浼氳璇︾粏鍐呭锛歕n1. 璁涓�璁ㄨ\n2. 璁浜屽垎鏋怽n3. 涓嬩竴姝ュ伐浣滆鍒抃n4. 浠诲姟鍒嗛厤`,
- meetingMinutes: meetingMinutes,
- minutesCreateTime: hasMinutes
- ? new Date(startTime.getTime() + 3600000).toISOString()
- : "",
- minutesCreator: hasMinutes ? participants[0] : "",
- status: statuses[Math.floor(Math.random() * statuses.length)],
- creator: "绯荤粺绠＄悊鍛�",
- attachments: []
- };
- });
+ return attachmentJson;
+ } catch (error) {
+ console.error("瑙ｆ瀽闄勪欢澶辫触:", error);
+ return [];
+ }
},
// 鑾峰彇浼氳绫诲瀷鏍囩鏍峰紡
- getMeetingTypeTag(type) {
+ getMeetingTypeTag(typeId) {
const typeMap = {
- research: "primary",
- daily: "success",
- project: "warning",
- department: "info",
- review: "danger"
+ 1: "primary", // 绉戠爺浼氳
+ 2: "success", // 鏃ュ父浼氳
+ 3: "warning", // 椤圭洰浼氳
+ 4: "info", // 閮ㄩ棬浼氳
+ 5: "danger" // 璇勫浼氳
};
- return typeMap[type] || "info";
+ return typeMap[typeId] || "info";
},
// 鑾峰彇浼氳绫诲瀷鏂囨湰
- getMeetingTypeText(type) {
+ getMeetingTypeText(typeId) {
const textMap = {
- research: "绉戠爺浼氳",
- daily: "鏃ュ父浼氳",
- project: "椤圭洰浼氳",
- department: "閮ㄩ棬浼氳",
- review: "璇勫浼氳"
+ 1: "绉戠爺浼氳",
+ 2: "鏃ュ父浼氳",
+ 3: "椤圭洰浼氳",
+ 4: "閮ㄩ棬浼氳",
+ 5: "璇勫浼氳"
};
- return textMap[type] || type;
+ return textMap[typeId] || "鍏朵粬";
},
- // 鑾峰彇鐘舵�佹爣绛炬牱寮�
- getStatusTag(status) {
+ // 鑾峰彇浼氳鐘舵�佹爣绛炬牱寮�
+ getMeetingStatusTag(status) {
const statusMap = {
- pending: "primary",
- ongoing: "success",
- completed: "info",
- cancelled: "danger"
+ 1: "primary", // 寰呭紑濮�
+ 2: "success", // 杩涜涓�
+ 3: "info", // 宸茬粨鏉�
+ 4: "danger" // 宸插彇娑�
};
return statusMap[status] || "info";
},
- // 鑾峰彇鐘舵�佹枃鏈�
- getStatusText(status) {
+ // 鑾峰彇浼氳鐘舵�佹枃鏈�
+ getMeetingStatusText(status) {
const textMap = {
- pending: "寰呭紑濮�",
- ongoing: "杩涜涓�",
- completed: "宸茬粨鏉�",
- cancelled: "宸插彇娑�"
+ 1: "寰呭紑濮�",
+ 2: "杩涜涓�",
+ 3: "宸茬粨鏉�",
+ 4: "宸插彇娑�"
};
- return textMap[status] || status;
+ return textMap[status] || "鏈煡";
+ },
+
+ // 鑾峰彇瀹℃牳鐘舵�佹爣绛炬牱寮�
+ getApprovalStatusTag(status) {
+ const statusMap = {
+ 0: "warning", // 寰呭鏍�
+ 1: "success", // 宸查�氳繃
+ 2: "danger" // 宸查┏鍥�
+ };
+ return statusMap[status] || "info";
+ },
+
+ // 鑾峰彇瀹℃牳鐘舵�佹枃鏈�
+ getApprovalStatusText(status) {
+ const textMap = {
+ 0: "寰呭鏍�",
+ 1: "宸查�氳繃",
+ 2: "宸查┏鍥�"
+ };
+ return textMap[status] || "鏈鏍�";
},
// 鏍煎紡鍖栨棩鏈熸椂闂�
formatDateTime(dateTime) {
if (!dateTime) return "";
- const date = new Date(dateTime);
- return date.toLocaleString("zh-CN");
+ return dateTime.replace("T", " ");
},
// 璁＄畻浼氳鎸佺画鏃堕棿
@@ -794,28 +917,48 @@
}
},
+ // 鏍煎紡鍖栨枃浠跺ぇ灏�
+ formatFileSize(bytes) {
+ if (!bytes) return "0 B";
+ const k = 1024;
+ const sizes = ["B", "KB", "MB", "GB"];
+ const i = Math.floor(Math.log(bytes) / Math.log(k));
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+ },
+
// 鏌ヨ澶勭悊
handleQuery() {
- this.pagination.currentPage = 1;
+ this.pagination.pageNum = 1;
this.loadData();
},
// 閲嶇疆鏌ヨ
handleReset() {
this.queryParams = {
+ title: "",
meetingType: "",
location: "",
dateRange: [],
status: ""
};
- this.pagination.currentPage = 1;
+ this.pagination.pageNum = 1;
this.loadData();
},
// 鏌ョ湅璇︽儏
- handleView(record) {
- this.currentRecord = { ...record };
- this.detailDialogVisible = true;
+ async handleView(id) {
+ try {
+ const response = await meetingInfo(id);
+ if (response.code === 200) {
+ this.currentRecord = response.data || {};
+ this.detailDialogVisible = true;
+ } else {
+ this.$message.error(response.msg || "鑾峰彇璇︽儏澶辫触");
+ }
+ } catch (error) {
+ console.error("鑾峰彇璇︽儏澶辫触:", error);
+ this.$message.error("鑾峰彇璇︽儏澶辫触");
+ }
},
// 鏂板璁板綍
@@ -829,44 +972,129 @@
},
// 缂栬緫璁板綍
- handleEdit(record) {
- this.isEditing = true;
- this.currentRecord = record;
- this.editForm = { ...record };
- this.editDialogVisible = true;
- this.detailDialogVisible = false;
- this.$nextTick(() => {
- this.$refs.editForm && this.$refs.editForm.clearValidate();
- });
+ async handleEdit(id) {
+ try {
+ const response = await meetingInfo(id);
+ if (response.code === 200) {
+ this.isEditing = true;
+ this.currentRecord = response.data || {};
+ this.editForm = { ...response.data };
+
+ // 瑙ｆ瀽闄勪欢
+ if (this.editForm.attachment) {
+ this.editForm.attachmentFiles = this.parseAttachments(
+ this.editForm.attachment
+ );
+ }
+ if (this.editForm.recordattachment) {
+ this.editForm.recordattachmentFiles = this.parseAttachments(
+ this.editForm.recordattachment
+ );
+ }
+
+ this.editDialogVisible = true;
+ this.detailDialogVisible = false;
+ this.$nextTick(() => {
+ this.$refs.editForm && this.$refs.editForm.clearValidate();
+ });
+ } else {
+ this.$message.error(response.msg || "鑾峰彇璁板綍澶辫触");
+ }
+ } catch (error) {
+ console.error("鑾峰彇璁板綍澶辫触:", error);
+ this.$message.error("鑾峰彇璁板綍澶辫触");
+ }
},
// 澶嶅埗璁板綍
- handleCopy(record) {
- this.isEditing = false;
- const copiedRecord = { ...record };
- delete copiedRecord.id;
- copiedRecord.title = copiedRecord.title + "锛堝鍒讹級";
- this.editForm = copiedRecord;
- this.editDialogVisible = true;
- this.$nextTick(() => {
- this.$refs.editForm && this.$refs.editForm.clearValidate();
- });
+ async handleCopy(id) {
+ try {
+ const response = await meetingInfo(id);
+ if (response.code === 200) {
+ this.isEditing = false;
+ const copiedRecord = { ...response.data };
+
+ // 绉婚櫎ID锛岀敓鎴愭柊璁板綍
+ delete copiedRecord.id;
+ delete copiedRecord.meetingNumber;
+ copiedRecord.title = copiedRecord.title + "锛堝鍒讹級";
+ copiedRecord.parentMeetingId = id;
+
+ // 瑙ｆ瀽闄勪欢
+ if (copiedRecord.attachment) {
+ copiedRecord.attachmentFiles = this.parseAttachments(
+ copiedRecord.attachment
+ );
+ }
+ if (copiedRecord.recordattachment) {
+ copiedRecord.recordattachmentFiles = this.parseAttachments(
+ copiedRecord.recordattachment
+ );
+ }
+
+ this.editForm = copiedRecord;
+ this.editDialogVisible = true;
+ this.$nextTick(() => {
+ this.$refs.editForm && this.$refs.editForm.clearValidate();
+ });
+ } else {
+ this.$message.error(response.msg || "鑾峰彇璁板綍澶辫触");
+ }
+ } catch (error) {
+ console.error("鑾峰彇璁板綍澶辫触:", error);
+ this.$message.error("鑾峰彇璁板綍澶辫触");
+ }
},
// 鍒犻櫎璁板綍
- handleDelete(record) {
- this.$confirm("纭畾瑕佸垹闄よ繖鏉′細璁褰曞悧锛�", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- })
- .then(() => {
- // 妯℃嫙鍒犻櫎鎿嶄綔
- this.tableData = this.tableData.filter(item => item.id !== record.id);
- this.pagination.total = this.tableData.length;
+ async handleDelete(record) {
+ try {
+ await this.$confirm("纭畾瑕佸垹闄よ繖鏉′細璁褰曞悧锛�", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ });
+
+ const response = await meetingDel(record.id);
+ if (response.code === 200) {
this.$message.success("鍒犻櫎鎴愬姛");
- })
- .catch(() => {});
+ this.loadData();
+ } else {
+ this.$message.error(response.msg || "鍒犻櫎澶辫触");
+ }
+ } catch (error) {
+ if (error !== "cancel") {
+ console.error("鍒犻櫎澶辫触:", error);
+ this.$message.error("鍒犻櫎澶辫触");
+ }
+ }
+ },
+
+ // 鏂囦欢涓婁紶澶勭悊
+ handleAttachmentChange(file, fileList) {
+ this.editForm.attachmentFiles = fileList;
+ },
+
+ handleMinutesAttachmentChange(file, fileList) {
+ this.editForm.recordattachmentFiles = fileList;
+ },
+
+ // 鍒犻櫎宸蹭笂浼犵殑鏂囦欢
+ handleRemoveAttachmentFile(index) {
+ this.editForm.attachmentFiles.splice(index, 1);
+ },
+
+ // 鏂囦欢涓嬭浇
+ handleDownload(file) {
+ if (file.url) {
+ const link = document.createElement("a");
+ link.href = file.url;
+ link.download = file.name;
+ link.click();
+ this.$message.success(`寮�濮嬩笅杞�: ${file.name}`);
+ } else {
+ this.$message.warning("鏂囦欢鍦板潃涓嶅瓨鍦�");
+ }
},
// 淇濆瓨璁板綍
@@ -875,24 +1103,69 @@
const valid = await this.$refs.editForm.validate();
if (!valid) return;
- this.saveLoading = true;
- // 妯℃嫙API璋冪敤
- await new Promise(resolve => setTimeout(resolve, 1000));
+ // 楠岃瘉鏃堕棿
+ if (this.editForm.startTime && this.editForm.endTime) {
+ if (
+ new Date(this.editForm.endTime) <= new Date(this.editForm.startTime)
+ ) {
+ this.$message.error("缁撴潫鏃堕棿蹇呴』鏅氫簬寮�濮嬫椂闂�");
+ return;
+ }
+ }
- this.$message.success(this.isEditing ? "淇濆瓨鎴愬姛" : "鏂板鎴愬姛");
- this.editDialogVisible = false;
- this.loadData();
+ this.saveLoading = true;
+
+ // 澶勭悊闄勪欢
+ const formData = { ...this.editForm };
+
+ if (formData.attachmentFiles) {
+ formData.attachment = JSON.stringify(
+ formData.attachmentFiles.map(file => ({
+ name: file.name,
+ url: file.url || "",
+ size: file.size || 0,
+ type: file.type || file.name.split(".").pop()
+ }))
+ );
+ }
+
+ if (formData.recordattachmentFiles) {
+ formData.recordattachment = JSON.stringify(
+ formData.recordattachmentFiles.map(file => ({
+ name: file.name,
+ url: file.url || "",
+ size: file.size || 0,
+ type: file.type || file.name.split(".").pop()
+ }))
+ );
+ }
+
+ // 娓呯悊鏂囦欢鍒楄〃瀛楁
+ delete formData.attachmentFiles;
+ delete formData.recordattachmentFiles;
+
+ let response;
+ if (this.isEditing) {
+ response = await meetingedit(formData);
+ } else {
+ response = await meetingadd(formData);
+ }
+
+ if (response.code === 200) {
+ this.$message.success(this.isEditing ? "淇濆瓨鎴愬姛" : "鏂板鎴愬姛");
+ this.editDialogVisible = false;
+ this.loadData();
+ } else {
+ this.$message.error(
+ response.msg || (this.isEditing ? "淇濆瓨澶辫触" : "鏂板澶辫触")
+ );
+ }
} catch (error) {
console.error("淇濆瓨澶辫触:", error);
- this.$message.error("鎿嶄綔澶辫触");
+ this.$message.error(this.isEditing ? "淇濆瓨澶辫触" : "鏂板澶辫触");
} finally {
this.saveLoading = false;
}
- },
-
- // 鏂囦欢涓婁紶澶勭悊
- handleFileChange(file, fileList) {
- this.editForm.attachments = fileList;
},
// 鍏抽棴璇︽儏瀵硅瘽妗�
@@ -905,6 +1178,7 @@
handleEditClose() {
this.editDialogVisible = false;
this.currentRecord = {};
+ this.editForm = this.getDefaultFormData();
this.$nextTick(() => {
this.$refs.editForm && this.$refs.editForm.clearValidate();
});
@@ -912,19 +1186,28 @@
// 瀵煎嚭鏁版嵁
exportData() {
- this.$message.success("瀵煎嚭鍔熻兘寮�鍙戜腑");
+ const queryParams = this.queryParams;
+ this.$modal
+ .confirm("鏄惁纭瀵煎嚭鎵�鏈変細璁邯瑕佹暟鎹」锛�")
+ .then(() => {
+ return exporremeeting(queryParams);
+ })
+ .then(response => {
+ this.$download.name(response.msg);
+ })
+ .catch(() => {});
},
// 鍒嗛〉澶у皬鍙樺寲
handleSizeChange(size) {
this.pagination.pageSize = size;
- this.pagination.currentPage = 1;
+ this.pagination.pageNum = 1;
this.loadData();
},
// 褰撳墠椤靛彉鍖�
handleCurrentChange(page) {
- this.pagination.currentPage = page;
+ this.pagination.pageNum = page;
this.loadData();
},
@@ -933,21 +1216,30 @@
console.log("鎺掑簭鍙樺寲:", sort);
},
- // 鏇存柊榛樿琛ㄥ崟鏁版嵁
+ // 鑾峰彇榛樿琛ㄥ崟鏁版嵁
getDefaultFormData() {
return {
+ id: null,
title: "",
- meetingType: "",
- participants: [],
- location: "",
+ typeId: null,
+ locationId: null,
startTime: "",
endTime: "",
summary: "",
content: "",
- meetingMinutes: "",
- minutesCreateTime: "",
- minutesCreator: "",
- attachments: []
+ attachment: null,
+ attachmentFiles: [],
+ status: 1, // 榛樿寰呭紑濮�
+ isRecurring: 0,
+ recurringPattern: null,
+ parentMeetingId: null,
+ reminderMinutes: 30,
+ recordcontent: "",
+ recordattachment: null,
+ recordattachmentFiles: [],
+ recorderBy: "",
+ remark: "",
+ approvalStatus: 0 // 榛樿寰呭鏍�
};
}
}
@@ -993,13 +1285,6 @@
padding-top: 12px;
}
-/* 浼氳绾鏂囨湰鍖哄煙鏍峰紡 */
-.minutes-textarea {
- font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
- font-size: 13px;
- line-height: 1.5;
-}
-
/* 鍝嶅簲寮忚皟鏁� */
@media (max-width: 768px) {
.minutes-content .el-card {
@@ -1019,4 +1304,115 @@
justify-content: space-between;
}
}
+/* 鏂板闄勪欢鐩稿叧鏍峰紡 */
+.attachment-upload-section {
+ border: 1px solid #ebeef5;
+ border-radius: 4px;
+ padding: 15px;
+ background-color: #fafafa;
+}
+
+.section-title {
+ font-weight: bold;
+ margin-bottom: 8px;
+ color: #303133;
+}
+
+.upload-tip {
+ font-size: 12px;
+ color: #909399;
+ margin-bottom: 10px;
+}
+
+.uploaded-files {
+ margin-top: 10px;
+}
+
+.file-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.file-item:last-child {
+ border-bottom: none;
+}
+
+.file-name {
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.attachment-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+ gap: 10px;
+}
+
+.file-card {
+ transition: all 0.3s ease;
+}
+
+.file-card:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.file-content {
+ display: flex;
+ align-items: center;
+}
+
+.file-icon {
+ font-size: 24px;
+ color: #409eff;
+ margin-right: 10px;
+}
+
+.file-info {
+ flex: 1;
+}
+
+.file-name {
+ font-size: 14px;
+ font-weight: 500;
+ margin-bottom: 4px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.file-meta {
+ display: flex;
+ justify-content: space-between;
+ font-size: 12px;
+ color: #909399;
+}
+
+.file-actions {
+ margin-top: 8px;
+ text-align: center;
+}
+
+.file-link {
+ display: flex;
+ align-items: center;
+}
+
+.no-attachment {
+ text-align: center;
+ padding: 20px;
+ color: #909399;
+}
+
+/* 鍝嶅簲寮忚璁� */
+@media (max-width: 768px) {
+ .attachment-grid {
+ grid-template-columns: 1fr;
+ }
+}
</style>
--
Gitblit v1.9.3