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
2025-10-30 16:02:54 +08:00
parent ef3b31c9e4
commit 72a4895328
7 changed files with 645 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
code/web/regulatory-management-util/src/router/index.ts
View File

@@ -2,7 +2,7 @@
* @Author: Kane Wang <wangkane@qq.com>
* @Date: 2025-10-13 15:31:41
* @LastEditors: Kane Wang
* @LastModified: 2025-10-28 11:28:01
* @LastModified: 2025-10-30 15:16:59
* @FilePath: src/router/index.ts
* @Description:
*
@@ -71,6 +71,16 @@ const routes = [
},
component: ()=> import( "@/views/console/data/RegulatoryManagement.vue" ),
},
{
path: "/new-regulatory",
name: "NewRegulatory",
meta: {
title: "新建",
icon: "OfficeBuilding",
},
hidden: false,
component: () => import( "@/views/console/data/NewRegulatory.vue" ),
},
{
path: "/upload-regulatory",
name: "UploadRegulatory",
@@ -78,7 +88,7 @@ const routes = [
title: "上传制度",
icon: "OfficeBuilding",
},
hidden: true,
hidden: false,
component: () => import( "@/views/console/data/UploadRegulatory.vue" ),
},
],

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

@@ -0,0 +1,83 @@
<!--
author: Kane Wang <wangkane@qq.com>
date: 2025-10-30 15:06:18
component: NewRegulatory
Copyright © CPIC All rights reserved
-->
<template>
<div class="wrapper">
<div class="query-box-wrapper">
<el-row :gutter="10">
<el-col :span="1">
<span>名称</span>
</el-col>
<el-col :span="10">
<el-input />
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="1">
<span>部门</span>
</el-col>
<el-col :span="4">
<el-input />
</el-col>
<el-col :span="2">
<span>发布、修订年份</span>
</el-col>
<el-col :span="4">
<el-input />
</el-col>
</el-row>
<el-row :gutter="10">
<div class="button-wrapper-left">
<el-button type="primary" icon="document">
新增文档
</el-button>
</div>
<div class="button-wrapper-right">
<el-button type="primary" icon="document">
提交
</el-button>
</div>
</el-row>
</div>
</div>
</template>
<script lang="ts">
import {reactive, ref} from "vue";
export default {
name: "NewRegulatory",
components: {},
setup()
{
const ui = reactive({
showUI: true,
}
);
return {
ui,
};
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/public/_public.scss";
.wrapper {
// max-width: 800px;
min-width: 1024px;
margin: 10px 10px 10px 10px;
>*+* {
margin-top: 10px;
}
}
.query-box-wrapper
{
@include query-box-wrap;
}
</style>

47
code/web/regulatory-management-util/src/views/console/data/UploadRegulatory.vue
View File

@@ -6,21 +6,57 @@ Copyright © CPIC All rights reserved
-->
<template>
<div class="wrapper">
上传文件
<!-- <VuePdfEmbed v-if="ui.isPDF" :source="ui.fileURL" text-layer annotation-layer /> -->
<!-- <VueOfficePdf v-if="ui.isPDF" :src="ui.fileURL" @error="errorHandle" /> -->
<VueOfficeDocx v-if="ui.isXlsx" :src="ui.fileURL" @error="errorHandle" />
<VueOfficeExcel
v-if="ui.isXlsx"
:src="ui.fileURL"
@error="errorHandle"
/>
</div>
</template>
<script lang="ts">
import {reactive, ref } from "vue";
import { ElMessage } from "element-plus";
// import VuePdfEmbed, { useVuePdfEmbed } from "vue-pdf-embed";
import VueOfficePdf from "@vue-office/pdf";
import VueOfficeDocx from "@vue-office/docx";
import VueOfficeExcel from "@vue-office/excel";
import "vue-pdf-embed/dist/styles/annotationLayer.css";
import "vue-pdf-embed/dist/styles/textLayer.css";
import "@vue-office/excel/lib/index.css";
export default {
name:"UploadRegulatory",
components: {
// VueOfficePdf,
VueOfficeDocx,
VueOfficeExcel,
},
setup()
{
const ui = reactive({
showUI: true,
isPDF: false,
isDocx: false,
isXlsx: true,
// fileURL: "http://10.39.0.1:8080/regulatory/%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E9%83%A8/%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E5%A4%AA%E5%B9%B3%E6%B4%8B%E4%BA%A7%E9%99%A9%E5%8E%A6%E9%97%A8%E5%88%86%E5%85%AC%E5%8F%B8IT%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%E5%8A%9E%E6%B3%95%E3%80%8B%EF%BC%882019%E5%B9%B4%E4%BF%AE%E8%AE%A2%EF%BC%89%E7%9A%84%E9%80%9A%E7%9F%A5/%E5%8E%A6%E5%A4%AA%E4%BF%9D%E4%BA%A7%E5%8F%91%E3%80%902019%E3%80%9146%E5%8F%B7%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E5%A4%AA%E5%B9%B3%E6%B4%8B%E4%BA%A7%E9%99%A9%E5%8E%A6%E9%97%A8%E5%88%86%E5%85%AC%E5%8F%B8IT%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%E5%8A%9E%E6%B3%95%E3%80%8B%EF%BC%882019%E5%B9%B4%E4%BF%AE%E8%AE%A2%EF%BC%89%E7%9A%84%E9%80%9A%E7%9F%A5.pdf",
// fileURL: "http://10.39.0.1:8080/regulatory/%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E9%83%A8/%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E5%A4%AA%E5%B9%B3%E6%B4%8B%E4%BA%A7%E9%99%A9%E5%8E%A6%E9%97%A8%E5%88%86%E5%85%AC%E5%8F%B8%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91%E9%9C%80%E6%B1%82%E7%AE%A1%E7%90%86%E5%8A%9E%E6%B3%95%EF%BC%882020%E5%B9%B4%E4%BF%AE%E8%AE%A2%EF%BC%89%E3%80%8B%E7%9A%84%E9%80%9A%E7%9F%A5/%E9%99%84%E4%BB%B62%EF%BC%9A%E4%B8%9A%E5%8A%A1%E9%9C%80%E6%B1%82%E8%AF%B4%E6%98%8E%E4%B9%A6.docx",
fileURL: "http://10.39.0.1:8080/regulatory/%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E9%83%A8/%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E5%A4%AA%E5%B9%B3%E6%B4%8B%E4%BA%A7%E9%99%A9%E5%8E%A6%E9%97%A8%E5%88%86%E5%85%AC%E5%8F%B8%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91%E9%9C%80%E6%B1%82%E7%AE%A1%E7%90%86%E5%8A%9E%E6%B3%95%EF%BC%882020%E5%B9%B4%E4%BF%AE%E8%AE%A2%EF%BC%89%E3%80%8B%E7%9A%84%E9%80%9A%E7%9F%A5/%E9%99%84%E4%BB%B64%EF%BC%9A%E5%88%86%E5%85%AC%E5%8F%B8%E8%87%AA%E5%BB%BA%E7%B3%BB%E7%BB%9F%E9%83%A8%E7%BD%B2%E6%83%85%E5%86%B5%E7%99%BB%E8%AE%B0%E8%A1%A8.xlsx",
});
return {ui,};
const errorHandle = ()=>
{
ElMessage.error( "渲染文档出错！" );
};
return {
ui,
errorHandle, };
},
};
</script>
@@ -28,6 +64,13 @@ export default {
.wrapper {
margin: 10px 10px 10px 10px;
width: calc(100% - 20px);
height: calc( 100vh - 70px);
// .VueOfficeExcel {
// height: calc( 100vh - 70px);
// }
>*+* {
margin-top: 10px;
}