CPICXIM/regulatory-management-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane Wang
2026-02-05 18:43:16 +08:00
parent dd9230e5a1
commit 4d12c3b794
1 changed files with 74 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
code/web/regulatory-management-util/src/views/console/data/NewRegulatory.vue
View File

@@ -12,7 +12,11 @@ Copyright © CPIC All rights reserved
<span>名称</span>
</el-col>
<el-col :span="10">
<el-input v-model.trim.lazy="ui.newRegulatory.regulatory_name" style="text-align:center;" />
<el-input
ref="regulatoryName"
v-model.trim.lazy="ui.newRegulatory.regulatory_name"
style="text-align:center;"
/>
</el-col>
</el-row>
<el-row :gutter="10">
@@ -20,7 +24,10 @@ Copyright © CPIC All rights reserved
<span>部门</span>
</el-col>
<el-col :span="4">
<el-input v-model.trim="ui.newRegulatory.department_name" />
<el-input
ref="departmentName"
v-model.trim="ui.newRegulatory.department_name"
/>
</el-col>
<el-col :span="2">
<span>发布、修订年份</span>
@@ -34,13 +41,21 @@ Copyright © CPIC All rights reserved
<span>备注</span>
</el-col>
<el-col :span="10">
<el-input v-model.lazy.trim="ui.newRegulatory.comment" type="textarea" :rows="3" />
<el-input
v-model.lazy.trim="ui.newRegulatory.comment"
type="textarea"
:rows="3"
/>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="3">
<div class="button-wrapper-left">
<el-button type="primary" icon="document" @click="showUploadFileDialog">
<el-button
type="primary"
icon="document"
@click="showUploadFileDialog"
>
新增文档
</el-button>
</div>
@@ -49,8 +64,9 @@ Copyright © CPIC All rights reserved
<el-col :span="3">
<div class="button-wrapper-right">
<el-button
type="primary" icon="document"
@click="onPreviewUploadedFile(1)"
type="primary"
icon="document"
@click="onCreateNewRegulatory()"
>
提交
</el-button>
@@ -59,32 +75,46 @@ Copyright © CPIC All rights reserved
</el-row>
</div>
<el-table
width="100%" stripe
width="100%"
stripe
border="true"
:head-cell-style="headerCellStyle"
:row-class-name="tableRowClassName"
empty-text="请上传文件"
:data="ui.newRegulatory.regulatory_files"
>
<el-table-column label="文件名" align="center">
<el-table-column
label="文件名"
align="center"
>
<template #default="file">
<span>{{ file.row.regulatory_file_name }}</span>
</template>
</el-table-column>
<el-table-column label="文件类型" align="center" width="200px">
<el-table-column
label="文件类型"
align="center"
width="200px"
>
<template #default="file">
<span>{{ file.row.file_type }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="200px">
<el-table-column
label="操作"
align="center"
width="200px"
>
<template #default="file">
<el-button
type="primary" icon="search"
type="primary"
icon="search"
circle
@click="onPreviewUploadedFile(file.row.rowIndex)"
/>
<el-button
type="danger" icon="delete"
type="danger"
icon="delete"
circle
@click="onDeleteUploadedFile(file.row.rowIndex)"
/>
@@ -93,9 +123,11 @@ Copyright © CPIC All rights reserved
</el-table>
<div class="upload-dialog-wrapper">
<el-dialog
v-model="ui.showUploadDialog" title="上传文件"
v-model="ui.showUploadDialog"
title="上传文件"
width="600px"
:close-on-click-model="false" :close-on-press-escape="false"
:close-on-click-model="false"
:close-on-press-escape="false"
:show-close="true"
>
<el-upload
@@ -115,7 +147,8 @@ Copyright © CPIC All rights reserved
</el-upload>
</el-dialog>
<el-dialog
v-model="ui.isPDF" :close-on-click-model="false"
v-model="ui.isPDF"
:close-on-click-model="false"
:close-on-press-escape="false"
:show-close="true"
align-center
@@ -123,13 +156,15 @@ Copyright © CPIC All rights reserved
width="1024px"
>
<VueOfficePdf
v-if="ui.isPDF" :src="ui.fileURL"
v-if="ui.isPDF"
:src="ui.fileURL"
style="height:calc(100vh - 100px);"
@error="errorHandle"
/>
</el-dialog>
<el-dialog
v-model="ui.isDOCX" :close-on-click-model="false"
v-model="ui.isDOCX"
:close-on-click-model="false"
:close-on-press-escape="false"
:show-close="true"
align-center
@@ -137,13 +172,15 @@ Copyright © CPIC All rights reserved
width="1024px"
>
<VueOfficeDocx
v-if="ui.isDOCX" :src="ui.fileURL"
v-if="ui.isDOCX"
:src="ui.fileURL"
style="height:calc(100vh - 100px);"
@error="errorHandle"
/>
</el-dialog>
<el-dialog
v-model="ui.isXLSX" :close-on-click-model="false"
v-model="ui.isXLSX"
:close-on-click-model="false"
:close-on-press-escape="false"
:show-close="true"
align-center
@@ -171,7 +208,7 @@ import VueOfficePdf from "@vue-office/pdf";
import VueOfficeDocx from "@vue-office/docx";
import VueOfficeExcel from "@vue-office/excel";
//引入相关样式
// 引入相关样式
import "@vue-office/docx/lib/index.css";
import "@vue-office/excel/lib/index.css";
@@ -193,7 +230,9 @@ interface UI{
export default {
name: "NewRegulatory",
components: {VueOfficePdf, VueOfficeDocx, VueOfficeExcel,},
components: {VueOfficePdf,
VueOfficeDocx,
VueOfficeExcel,},
setup()
{
const ui: UI = reactive({
@@ -238,7 +277,7 @@ export default {
ui.showUploadDialog = true;
};
/*表格操作相关 */
/* 表格操作相关 */
/**
* 删除对应的上传文件记录。
* @param rowId 行号
@@ -298,18 +337,21 @@ export default {
* 其中给row加一个参数rowIndex，用行号赋值。
* @param element-plus给于的参数
*/
const tableRowClassName = ({row, rowIndex,}: {row:any, rowIndex:number}): void =>
const tableRowClassName = ({row, rowIndex,}: {row:any,
rowIndex:number}): void =>
{
console.log( `行${row}设置行号${rowIndex}。` );
const regulatoryName = ref();
row.rowIndex = rowIndex;
};
/**
* 上传成功的响应函数。
* @param response
* @param uploadFile
* @param uploadFiles
* @param response
* @param uploadFile
* @param uploadFiles
*/
const onUploadSuccess: UploadProps["onSuccess"] = ( response: UploadFileResponse, uploadFile: UploadFile, uploadFiles: UploadFiles ): void =>
{
@@ -371,6 +413,11 @@ export default {
ElMessage.error( "渲染文档出错！" );
};
const onCreateNewRegulatory = () =>
{
console.log( "制度对象：", ui.newRegulatory );
};
return {
ui,
headerCellStyle,
@@ -380,6 +427,7 @@ export default {
showUploadFileDialog,
onDeleteUploadedFile,
onPreviewUploadedFile,
onCreateNewRegulatory,
errorHandle,
};
},