代码格式化与部分细节优化

This commit is contained in:
Zhou Mingfa 2024-04-11 20:26:00 +08:00
parent 9100dc1225
commit a90b8d114a
3 changed files with 162 additions and 170 deletions

View File

@ -24,7 +24,7 @@
<a-descriptions-item label="创建时间">{{ detail.createTime }}</a-descriptions-item> <a-descriptions-item label="创建时间">{{ detail.createTime }}</a-descriptions-item>
<a-descriptions-item label="创建人">{{ detail.createUserName }}</a-descriptions-item> <a-descriptions-item label="创建人">{{ detail.createUserName }}</a-descriptions-item>
<a-descriptions-item label="营业执照"> <a-descriptions-item label="营业执照">
<FilePreview :default-file-list="detail.businessLicense" /> <FilePreview :file-list="detail.businessLicense" />
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>

View File

@ -9,7 +9,7 @@
--> -->
<template> <template>
<a-card style="margin-bottom: 15px" size="small"> <a-card style="margin-bottom: 15px" size="small">
<a-descriptions :title="noticeDetail.title" :columns="4" size="small"> <a-descriptions :title="noticeDetail.title" :column="4" size="small">
<template #extra> <template #extra>
<a-button v-if="!noticeDetail.publishFlag" type="primary" size="small" @click="onEdit">编辑</a-button> <a-button v-if="!noticeDetail.publishFlag" type="primary" size="small" @click="onEdit">编辑</a-button>
</template> </template>
@ -28,7 +28,7 @@
<a class="file-item" v-for="item in noticeDetail.attachment" :key="item.fileId" @click="onPrevFile(item)">{{ item.fileName }}</a> <a class="file-item" v-for="item in noticeDetail.attachment" :key="item.fileId" @click="onPrevFile(item)">{{ item.fileName }}</a>
</div> </div>
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="可见范围" :span="2"> <a-descriptions-item label="可见范围">
<template v-if="noticeDetail.allVisibleFlag">全部可见</template> <template v-if="noticeDetail.allVisibleFlag">全部可见</template>
<div class="visible-list"> <div class="visible-list">
<div class="visible-item" v-for="item in noticeDetail.visibleRangeList" :key="item.dataId"> <div class="visible-item" v-for="item in noticeDetail.visibleRangeList" :key="item.dataId">
@ -59,37 +59,37 @@
</template> </template>
<script setup> <script setup>
import { onMounted, ref } from 'vue'; import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import NoticeFormDrawer from './components/notice-form-drawer.vue'; import NoticeFormDrawer from './components/notice-form-drawer.vue';
import NoticeViewRecordList from './components/notice-view-record-list.vue'; import NoticeViewRecordList from './components/notice-view-record-list.vue';
import { noticeApi } from '/@/api/business/oa/notice-api'; import { noticeApi } from '/@/api/business/oa/notice-api';
import { SmartLoading } from '/@/components/framework/smart-loading'; import { SmartLoading } from '/@/components/framework/smart-loading';
import FilePreviewModal from '/@/components/support/file-preview-modal/index.vue'; import FilePreviewModal from '/@/components/support/file-preview-modal/index.vue';
import { smartSentry } from '/@/lib/smart-sentry'; import { smartSentry } from '/@/lib/smart-sentry';
const route = useRoute(); const route = useRoute();
const props = defineProps({ const props = defineProps({
newsType: { newsType: {
type: Number, type: Number,
}, },
}); });
const activeKey = ref(1); const activeKey = ref(1);
const noticeDetail = ref({}); const noticeDetail = ref({});
const noticeViewRecordList = ref(); const noticeViewRecordList = ref();
onMounted(() => { onMounted(() => {
if (route.query.noticeId) { if (route.query.noticeId) {
queryNoticeDetail(); queryNoticeDetail();
noticeViewRecordList.value.onSearch(); noticeViewRecordList.value.onSearch();
} }
}); });
// //
async function queryNoticeDetail() { async function queryNoticeDetail() {
try { try {
SmartLoading.show(); SmartLoading.show();
const result = await noticeApi.getUpdateNoticeInfo(route.query.noticeId); const result = await noticeApi.getUpdateNoticeInfo(route.query.noticeId);
@ -99,27 +99,27 @@ async function queryNoticeDetail() {
} finally { } finally {
SmartLoading.hide(); SmartLoading.hide();
} }
} }
// //
const noticeFormDrawerRef = ref(); const noticeFormDrawerRef = ref();
function onEdit() { function onEdit() {
noticeFormDrawerRef.value.showModal(noticeDetail.value.noticeId); noticeFormDrawerRef.value.showModal(noticeDetail.value.noticeId);
} }
// //
const filePreviewRef = ref(); const filePreviewRef = ref();
function onPrevFile(fileItem) { function onPrevFile(fileItem) {
filePreviewRef.value.showPreview(fileItem); filePreviewRef.value.showPreview(fileItem);
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
:deep(.ant-descriptions-item-content) { :deep(.ant-descriptions-item-content) {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
} }
.file-list { .file-list {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -127,18 +127,18 @@ function onPrevFile(fileItem) {
display: block; display: block;
margin-right: 10px; margin-right: 10px;
} }
} }
.visible-list { .visible-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.visible-item { .visible-item {
margin-right: 10px; margin-right: 10px;
color: #666; color: #666;
} }
} }
.content-html { .content-html {
img { img {
max-width: 100%; max-width: 100%;
} }
} }
</style> </style>

View File

@ -27,43 +27,41 @@
<!--endprint--> <!--endprint-->
</div> </div>
<a-divider /> <a-divider />
<div>附件<file-preview :fileList="noticeDetail.attachment" /></div> <div>
附件
<file-preview v-if="!$lodash.isEmpty(noticeDetail.attachment)" :fileList="noticeDetail.attachment" />
<span v-else></span>
</div>
</a-card> </a-card>
<a-card title="记录" size="small" class="smart-margin-top10"> <a-card title="记录" size="small" class="smart-margin-top10">
<NoticeViewRecordList ref="noticeViewRecordList" :noticeId="route.query.noticeId" /> <NoticeViewRecordList ref="noticeViewRecordList" :noticeId="route.query.noticeId" />
</a-card> </a-card>
<!-- 预览附件 -->
<FilePreviewModal ref="filePreviewRef" />
</template> </template>
<script setup> <script setup>
import { onMounted, ref } from 'vue'; import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import NoticeViewRecordList from './components/notice-view-record-list.vue'; import NoticeViewRecordList from './components/notice-view-record-list.vue';
import { noticeApi } from '/@/api/business/oa/notice-api'; import { noticeApi } from '/@/api/business/oa/notice-api';
import { SmartLoading } from '/@/components/framework/smart-loading'; import { SmartLoading } from '/@/components/framework/smart-loading';
import FilePreviewModal from '/@/components/support/file-preview-modal/index.vue'; import FilePreview from '/@/components/support/file-preview/index.vue';
import FilePreview from '/@/components/support/file-preview/index.vue'; import { smartSentry } from '/@/lib/smart-sentry';
import { smartSentry } from '/@/lib/smart-sentry';
const route = useRoute(); const route = useRoute();
const activeKey = ref(1); const noticeDetail = ref({});
const noticeDetail = ref({}); onMounted(() => {
onMounted(() => {
if (route.query.noticeId) { if (route.query.noticeId) {
queryNoticeDetail(); queryNoticeDetail();
} }
}); });
const noticeViewRecordList = ref(); const noticeViewRecordList = ref();
// //
async function queryNoticeDetail() { async function queryNoticeDetail() {
try { try {
SmartLoading.show(); SmartLoading.show();
const result = await noticeApi.view(route.query.noticeId); const result = await noticeApi.view(route.query.noticeId);
@ -75,22 +73,16 @@ async function queryNoticeDetail() {
} finally { } finally {
SmartLoading.hide(); SmartLoading.hide();
} }
} }
// //
const noticeFormDrawerRef = ref(); const noticeFormDrawerRef = ref();
function onEdit() { function onEdit() {
noticeFormDrawerRef.value.showModal(noticeDetail.value.noticeId); noticeFormDrawerRef.value.showModal(noticeDetail.value.noticeId);
} }
// //
const filePreviewRef = ref(); function print() {
function onPrevFile(fileItem) {
filePreviewRef.value.showPreview(fileItem);
}
//
function print() {
let bdhtml = window.document.body.innerHTML; let bdhtml = window.document.body.innerHTML;
let sprnstr = '<!--startprint-->'; //<!--startprint--><!--endprint--> let sprnstr = '<!--startprint-->'; //<!--startprint--><!--endprint-->
let eprnstr = '<!--endprint-->'; let eprnstr = '<!--endprint-->';
@ -102,15 +94,15 @@ function print() {
newWin.focus(); //IE使 newWin.focus(); //IE使
newWin.print(); // newWin.print(); //
newWin.close(); // newWin.close(); //
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
:deep(.ant-descriptions-item-content) { :deep(.ant-descriptions-item-content) {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
} }
.file-list { .file-list {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -118,16 +110,16 @@ function print() {
display: block; display: block;
margin-right: 10px; margin-right: 10px;
} }
} }
.visible-list { .visible-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.visible-item { .visible-item {
margin-right: 10px; margin-right: 10px;
color: #666; color: #666;
} }
} }
.content-header { .content-header {
.content-header-title { .content-header-title {
margin: 10px 0px; margin: 10px 0px;
font-size: 18px; font-size: 18px;
@ -144,10 +136,10 @@ function print() {
cursor: pointer; cursor: pointer;
} }
} }
} }
.content-html { .content-html {
img { img {
max-width: 100%; max-width: 100%;
} }
} }
</style> </style>