mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-09-18 03:16:40 +08:00
代码格式化与部分细节优化
This commit is contained in:
parent
9100dc1225
commit
a90b8d114a
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user