|
|
|
|
@ -5,11 +5,6 @@
|
|
|
|
|
<view class="title-section">
|
|
|
|
|
<text class="detail-title">{{ notice.noticeTitle || '未命名通知' }}</text>
|
|
|
|
|
|
|
|
|
|
<view class="tag-row">
|
|
|
|
|
<text class="tag kind" :class="typeClassMap[notice.type] || ''">{{ typeText(notice.type) }}</text>
|
|
|
|
|
<text class="tag status" :class="statusClassMap[notice.status] || statusClassMap['__default__']">{{ statusText(notice.status) }}</text>
|
|
|
|
|
<text class="tag sms" :class="smsClassMap[notice.smsStatus] || ''">{{ smsText(notice.smsStatus) }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="info-list">
|
|
|
|
|
@ -17,29 +12,17 @@
|
|
|
|
|
<text class="label">通知类型：</text>
|
|
|
|
|
<text class="value">{{ notice.noticeType }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.noticeSource">
|
|
|
|
|
<text class="label">通知来源：</text>
|
|
|
|
|
<text class="value">{{ notice.noticeSource }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.draftDept">
|
|
|
|
|
<text class="label">拟稿单位：</text>
|
|
|
|
|
<text class="value">{{ notice.draftDept }}</text>
|
|
|
|
|
<view class="row" v-if="notice.draftDeptName">
|
|
|
|
|
<text class="label">通知单位：</text>
|
|
|
|
|
<text class="value">{{ notice.draftDeptName }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.noticeScope">
|
|
|
|
|
<text class="label">通知范围：</text>
|
|
|
|
|
<text class="value">{{ notice.noticeScope }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.bizType || notice.bizId">
|
|
|
|
|
<text class="label">业务信息：</text>
|
|
|
|
|
<text class="value">{{ bizText(notice.bizType, notice.bizId) }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.noticeTime">
|
|
|
|
|
<text class="label">通知时间：</text>
|
|
|
|
|
<text class="value">{{ formatDate(notice.noticeTime) }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="row" v-if="notice.remark">
|
|
|
|
|
<text class="label">备注：</text>
|
|
|
|
|
<text class="value remark-value">{{ notice.remark }}</text>
|
|
|
|
|
<text class="value">{{ notice.noticeTime }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
@ -52,6 +35,36 @@
|
|
|
|
|
></jyf-parser>
|
|
|
|
|
<view class="empty" v-else>暂无通知内容</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="attach-box" v-if="fileList.length">
|
|
|
|
|
<view class="attach-title">附件列表</view>
|
|
|
|
|
<view class="attach-list">
|
|
|
|
|
<view
|
|
|
|
|
class="attach-item"
|
|
|
|
|
v-for="(file, index) in fileList"
|
|
|
|
|
:key="file.attId || file.fileId || index"
|
|
|
|
|
@click="fileClick(file)"
|
|
|
|
|
>
|
|
|
|
|
<view class="left">
|
|
|
|
|
<image
|
|
|
|
|
v-if="isImageFile(file)"
|
|
|
|
|
class="thumb"
|
|
|
|
|
:src="getFileUrl(file)"
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
></image>
|
|
|
|
|
<view v-else class="file-icon">文</view>
|
|
|
|
|
<view class="meta">
|
|
|
|
|
<text class="name">{{ file.name || '未命名附件' }}</text>
|
|
|
|
|
<text class="desc">
|
|
|
|
|
{{ (file.attType || '文件').toUpperCase() }}
|
|
|
|
|
<text v-if="formatFileSize(file.attSize)"> · {{ formatFileSize(file.attSize) }}</text>
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="preview-btn">{{ isImageFile(file) ? '预览' : '打开' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="empty-page" v-else>
|
|
|
|
|
@ -69,13 +82,16 @@
|
|
|
|
|
<script>
|
|
|
|
|
import jyfParser from '@/components/jyf-parser/jyf-parser';
|
|
|
|
|
import { pubnoticeDetailApi } from '@/api/pubnotice.js';
|
|
|
|
|
import { HTTP_ADMIN_URL } from '@/config/app';
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
'jyf-parser': jyfParser,
|
|
|
|
|
},
|
|
|
|
|
dicts: ['sys_notice_type'],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
HTTP_ADMIN_URL,
|
|
|
|
|
loading: false,
|
|
|
|
|
noticeId: '',
|
|
|
|
|
notice: {},
|
|
|
|
|
@ -84,22 +100,19 @@ export default {
|
|
|
|
|
table: 'width:100%;border-collapse:collapse;',
|
|
|
|
|
video: 'max-width:100%;',
|
|
|
|
|
},
|
|
|
|
|
typeClassMap: {
|
|
|
|
|
1: 'tag-internal',
|
|
|
|
|
2: 'tag-external',
|
|
|
|
|
'__default__': ''
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
statusClassMap: {
|
|
|
|
|
0: 'status-draft',
|
|
|
|
|
1: 'status-submit',
|
|
|
|
|
'__default__': ''
|
|
|
|
|
computed: {
|
|
|
|
|
fileList() {
|
|
|
|
|
return Array.isArray(this.notice?.files) ? this.notice.files : [];
|
|
|
|
|
},
|
|
|
|
|
imageFiles() {
|
|
|
|
|
return this.fileList
|
|
|
|
|
.filter((item) => this.isImageFile(item))
|
|
|
|
|
.map((item) => this.getFileUrl(item))
|
|
|
|
|
.filter(Boolean);
|
|
|
|
|
},
|
|
|
|
|
smsClassMap: {
|
|
|
|
|
0: 'sms-unsent',
|
|
|
|
|
1: 'sms-sent',
|
|
|
|
|
'__default__': ''
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
this.noticeId = options.noticeId || options.id || '';
|
|
|
|
|
@ -120,40 +133,83 @@ export default {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
bizText(bizType, bizId) {
|
|
|
|
|
const t = bizType ? String(bizType) : '';
|
|
|
|
|
const id = bizId ? String(bizId) : '';
|
|
|
|
|
if (!t && !id) return '—';
|
|
|
|
|
if (t && id) return `${t} #${id}`;
|
|
|
|
|
return t || id;
|
|
|
|
|
getFilePath(item) {
|
|
|
|
|
if (!item) return '';
|
|
|
|
|
return item.attDir || item.sattDir || item.url || item.filePath || '';
|
|
|
|
|
},
|
|
|
|
|
formatDate(val) {
|
|
|
|
|
if (!val) return '';
|
|
|
|
|
if (typeof val === 'string') {
|
|
|
|
|
return val.replace('T', ' ').slice(0, 19);
|
|
|
|
|
}
|
|
|
|
|
if (val instanceof Date) {
|
|
|
|
|
const pad = (n) => (n < 10 ? '0' + n : '' + n);
|
|
|
|
|
return `${val.getFullYear()}-${pad(val.getMonth() + 1)}-${pad(val.getDate())} ${pad(
|
|
|
|
|
val.getHours()
|
|
|
|
|
)}:${pad(val.getMinutes())}`;
|
|
|
|
|
}
|
|
|
|
|
return String(val);
|
|
|
|
|
getFileUrl(item) {
|
|
|
|
|
const path = this.getFilePath(item);
|
|
|
|
|
if (!path) return '';
|
|
|
|
|
if (/^https?:\/\//i.test(path)) return path;
|
|
|
|
|
const base = String(this.HTTP_ADMIN_URL || '').replace(/\/$/, '');
|
|
|
|
|
return `${base}/${String(path).replace(/^\//, '')}`;
|
|
|
|
|
},
|
|
|
|
|
typeText(type) {
|
|
|
|
|
if (type === 1 || type === '1') return '内部';
|
|
|
|
|
if (type === 2 || type === '2') return '外部';
|
|
|
|
|
return type || '—';
|
|
|
|
|
isImageFile(item) {
|
|
|
|
|
const type = String(item?.attType || '').toLowerCase();
|
|
|
|
|
return (
|
|
|
|
|
['pic', 'jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'].includes(type)
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
statusText(status) {
|
|
|
|
|
if (status === 0 || status === '0') return '草稿';
|
|
|
|
|
if (status === 1 || status === '1') return '提交';
|
|
|
|
|
return status ?? '—';
|
|
|
|
|
formatFileSize(size) {
|
|
|
|
|
const num = Number(size);
|
|
|
|
|
if (!num || Number.isNaN(num)) return '';
|
|
|
|
|
if (num < 1024) return `${num}B`;
|
|
|
|
|
if (num < 1024 * 1024) return `${(num / 1024).toFixed(1)}KB`;
|
|
|
|
|
if (num < 1024 * 1024 * 1024) return `${(num / 1024 / 1024).toFixed(1)}MB`;
|
|
|
|
|
return `${(num / 1024 / 1024 / 1024).toFixed(1)}GB`;
|
|
|
|
|
},
|
|
|
|
|
smsText(smsStatus) {
|
|
|
|
|
if (smsStatus === 0 || smsStatus === '0') return '未发';
|
|
|
|
|
if (smsStatus === 1 || smsStatus === '1') return '已发';
|
|
|
|
|
return smsStatus ?? '—';
|
|
|
|
|
async fileClick(item) {
|
|
|
|
|
const current = this.getFileUrl(item);
|
|
|
|
|
if (!current) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '附件地址无效',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (this.isImageFile(item)) {
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
current,
|
|
|
|
|
urls: this.imageFiles,
|
|
|
|
|
fail: (e) => {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: e?.errMsg || '预览失败',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
uni.showLoading({
|
|
|
|
|
title: '加载中...',
|
|
|
|
|
});
|
|
|
|
|
try {
|
|
|
|
|
const downloadRes = await new Promise((resolve, reject) => {
|
|
|
|
|
uni.downloadFile({
|
|
|
|
|
url: current,
|
|
|
|
|
success: (res) => resolve(res),
|
|
|
|
|
fail: reject,
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
if (downloadRes.statusCode !== 200) {
|
|
|
|
|
throw new Error('加载失败');
|
|
|
|
|
}
|
|
|
|
|
await new Promise((resolve, reject) => {
|
|
|
|
|
uni.openDocument({
|
|
|
|
|
filePath: downloadRes.tempFilePath,
|
|
|
|
|
showMenu: true,
|
|
|
|
|
success: resolve,
|
|
|
|
|
fail: reject,
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
} catch (e) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: e?.errMsg || e?.message || '打开失败',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
});
|
|
|
|
|
} finally {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
@ -184,49 +240,6 @@ export default {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-row {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
gap: 10rpx;
|
|
|
|
|
margin-top: 14rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag {
|
|
|
|
|
padding: 6rpx 16rpx;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-internal {
|
|
|
|
|
background-color: #e6f7ff;
|
|
|
|
|
color: #409eff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tag-external {
|
|
|
|
|
background-color: #fff7e6;
|
|
|
|
|
color: #fa8c16;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status-draft {
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
color: #666;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status-submit {
|
|
|
|
|
background-color: #f6ffed;
|
|
|
|
|
color: #52c41a;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sms-unsent {
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sms-sent {
|
|
|
|
|
background-color: #e6fffb;
|
|
|
|
|
color: #13c2c2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.info-list {
|
|
|
|
|
@ -261,6 +274,91 @@ export default {
|
|
|
|
|
border-top: 1rpx solid #f5f5f5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attach-box {
|
|
|
|
|
margin-top: 24rpx;
|
|
|
|
|
padding-top: 20rpx;
|
|
|
|
|
border-top: 1rpx solid #f5f5f5;
|
|
|
|
|
|
|
|
|
|
.attach-title {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
color: #333;
|
|
|
|
|
margin-bottom: 16rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attach-list {
|
|
|
|
|
.attach-item {
|
|
|
|
|
min-height: 108rpx;
|
|
|
|
|
border: 1rpx solid #f0f0f0;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
padding: 14rpx 16rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-bottom: 12rpx;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
|
|
|
|
|
.left {
|
|
|
|
|
flex: 1;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thumb {
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
margin-right: 14rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.file-icon {
|
|
|
|
|
width: 72rpx;
|
|
|
|
|
height: 72rpx;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
background: #eef4ff;
|
|
|
|
|
color: #409eff;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
margin-right: 14rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.meta {
|
|
|
|
|
flex: 1;
|
|
|
|
|
min-width: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.name {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #333;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.desc {
|
|
|
|
|
margin-top: 6rpx;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.preview-btn {
|
|
|
|
|
margin-left: 16rpx;
|
|
|
|
|
color: #409eff;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.empty-page {
|
|
|
|
|
margin-top: 120rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
|
wx-jincw
2 months ago