yg-yygl 0.0.1

package/dist/views/sys/msg/components/msg-review.vue

@@ -0,0 +1,556 @@
+<script setup lang="ts">
+import type { UdpSysReviewHisResponse } from '../../../../api/msg/types';
+
+import { computed, ref, watch } from 'vue';
+
+import { RichEditor } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { getRequestClient } from '../../../../api/request';
+import { getMsgDetail, reviewMsg } from '../../../../api/msg';
+import { Tag } from '../../../../components/custom-tags';
+import { useAuthenticatedHtml } from '../../../../utils/useAuthenticatedHtml';
+
+interface Props {
+  msgData?: any;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  msgData: null,
+});
+
+const loading = ref(false);
+const detailData = ref<any>(null);
+
+// 鉴权图片处理
+const rawContentHtml = computed(
+  () => detailData.value?.msgContent || detailData.value?.content || detailData.value?.msgText || detailData.value?.text || '',
+);
+const fetchImageBlob = async (url: string) => {
+  const res = await getRequestClient().get(url, { responseType: 'blob', responseReturn: 'raw' });
+  return URL.createObjectURL(res.data);
+};
+const { processedHtml: authContentHtml } = useAuthenticatedHtml(rawContentHtml, fetchImageBlob);
+
+// 模拟审核记录数据
+const reviewHistory = ref<UdpSysReviewHisResponse[]>([]);
+
+// 获取审核记录数据
+const fetchReviewHistory = async (msgId: string) => {
+  try {
+    const response = await getMsgDetail(msgId);
+    reviewHistory.value = response.udpSysReviewHisResponses || [];
+  } catch (error) {
+    console.error('获取审核记录失败:', error);
+    // 出错时使用空数组
+    reviewHistory.value = [];
+  }
+};
+
+// 监听传入的消息数据
+watch(
+  () => props.msgData,
+  (newData) => {
+    if (newData) {
+      // 这里后续可以调用API获取完整详情数据
+      detailData.value = newData;
+
+      // 获取审核记录数据
+      if (newData.id) {
+        fetchReviewHistory(newData.id);
+      }
+    }
+  },
+  { immediate: true },
+);
+
+// 状态选项
+const statusOptions = [
+  { label: '草稿', value: 1, type: 'info' as const },
+  { label: '待发布', value: 2, type: 'warning' as const },
+  { label: '已发布', value: 3, type: 'primary' as const },
+  { label: '发布失败', value: 4, type: 'danger' as const },
+  { label: '审核中', value: 5, type: 'success' as const },
+];
+
+// 标签页激活状态
+const activeTab = ref('review');
+
+// 审核表单数据
+const reviewForm = ref({
+  reviewStatus: 0, // 审核状态：0通过，1不通过
+  reviewContent: '', // 审核意见
+});
+
+// 表单验证规则
+const reviewRules = {
+  reviewStatus: [
+    { required: true, message: '请选择审核结果', trigger: 'change' },
+  ],
+  reviewContent: [
+    { required: false, message: '请输入审核意见', trigger: 'blur' },
+  ],
+};
+
+// 模拟流程节点数据
+const flowNodes = ref([
+  {
+    id: 1,
+    name: '提交审核',
+    time: '2024-01-15 09:00:00',
+    status: 'success',
+  },
+  {
+    id: 2,
+    name: '初审中',
+    time: null,
+    status: 'primary',
+  },
+]);
+
+const reviewFormRef = ref();
+
+// 格式化时间
+const formatTime = (time: string) => {
+  if (!time) return '-';
+  return new Date(time).toLocaleString();
+};
+
+// 处理审核提交
+const handleSubmit = async () => {
+  if (!reviewFormRef.value) return false;
+
+  try {
+    // 表单验证
+    await reviewFormRef.value.validate();
+
+    if (!detailData.value?.id) {
+      ElMessage.error('消息ID不存在，无法提交审核');
+      return false;
+    }
+
+    // 设置加载状态
+    loading.value = true;
+
+    // 调用审核API
+    await reviewMsg({
+      id: detailData.value.id,
+      reviewStatus: reviewForm.value.reviewStatus,
+      reviewContent: reviewForm.value.reviewContent,
+    });
+
+    // 审核成功提示
+    ElMessage.success(
+      reviewForm.value.reviewStatus === 0
+        ? '审核通过提交成功'
+        : '审核不通过提交成功',
+    );
+
+    // 审核成功后重置表单
+    reviewForm.value = {
+      reviewStatus: 0,
+      reviewContent: '',
+    };
+
+    return true;
+  } catch (error: any) {
+    console.error('审核失败:', error);
+
+    // 错误提示
+    const errorMessage =
+      error?.response?.data?.message ||
+      error?.message ||
+      '审核提交失败，请重试';
+    ElMessage.error(errorMessage);
+
+    return false;
+  } finally {
+    // 清除加载状态
+    loading.value = false;
+  }
+};
+
+// 暴露方法给父组件调用
+defineExpose({
+  handleSubmit,
+});
+</script>
+
+<template>
+  <div v-loading="loading" class="msg-detail">
+    <template v-if="detailData">
+      <!-- 头部信息区域 -->
+      <div class="detail-header">
+        <h1 class="detail-title">{{ detailData.msgTitle || '暂无标题' }}</h1>
+
+        <div class="detail-meta">
+          <div class="meta-row">
+            <span class="meta-label">发布人：</span>
+            <span class="meta-value">{{ detailData.createBy || '-' }}</span>
+          </div>
+
+          <div class="meta-row">
+            <span class="meta-label">创建时间：</span>
+            <span class="meta-value">{{
+              formatTime(detailData.createTime)
+            }}</span>
+          </div>
+
+          <div class="meta-row">
+            <span class="meta-label">发布时间：</span>
+            <span class="meta-value">{{
+              formatTime(detailData.msgReleaseTime)
+            }}</span>
+          </div>
+
+          <div class="meta-row">
+            <span class="meta-label">状态：</span>
+            <Tag :value="+detailData.msgStatus || 1" :options="statusOptions" />
+          </div>
+        </div>
+
+        <div class="detail-stats">
+          <div class="stat-item">
+            <span class="stat-label">访问总数：</span>
+            <span class="stat-value">{{ detailData.viewCount || 0 }}</span>
+          </div>
+
+          <div class="stat-item">
+            <span class="stat-label">评论数：</span>
+            <span class="stat-value">{{ detailData.commentCount || 0 }}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 内容区域 -->
+      <div class="detail-content">
+        <div class="content-body">
+          <!-- 旧方式：RichEditor 只读模式，图片 src 无法带 token
+          <RichEditor
+            :model-value="
+              detailData.msgContent ||
+              detailData.content ||
+              detailData.msgText ||
+              detailData.text ||
+              '暂无内容'
+            "
+            height="300px"
+            :read-only="true"
+            :show-toolbar="false"
+          />
+          -->
+          <div
+            v-html="authContentHtml || '暂无内容'"
+            style="overflow-y: auto; border: 1px solid #dcdfe6; padding: 10px; min-height: 200px;"
+          />
+        </div>
+      </div>
+
+      <!-- 审核操作区域 - 多标签页布局 -->
+      <div class="detail-footer">
+        <el-tabs v-model="activeTab" class="review-tabs">
+          <!-- 第一个标签页：审核操作 -->
+          <el-tab-pane label="审核操作" name="review">
+            <el-form
+              ref="reviewFormRef"
+              :model="reviewForm"
+              :rules="reviewRules"
+              label-width="100px"
+              class="review-form"
+              label-position="left"
+            >
+              <el-form-item label="审核结果" prop="reviewStatus">
+                <el-radio-group v-model="reviewForm.reviewStatus">
+                  <el-radio :value="0">
+                    <span class="status-pass">通过</span>
+                  </el-radio>
+                  <el-radio :value="1">
+                    <span class="status-reject">不通过</span>
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+
+              <el-form-item label="审核意见" prop="reviewContent">
+                <el-input
+                  v-model="reviewForm.reviewContent"
+                  type="textarea"
+                  :rows="4"
+                  placeholder="请输入审核意见"
+                  maxlength="500"
+                  show-word-limit
+                />
+              </el-form-item>
+            </el-form>
+          </el-tab-pane>
+
+          <!-- 第二个标签页：流程图 -->
+          <el-tab-pane label="流程图" name="flow">
+            <div class="flow-container">
+              <div class="approval-timeline">
+                <el-timeline>
+                  <el-timeline-item
+                    v-for="(item, index) in flowNodes"
+                    :key="index"
+                    :type="item.status"
+                    :timestamp="item.time"
+                    class="ml-5"
+                  >
+                    {{ item.name }}
+                  </el-timeline-item>
+                </el-timeline>
+              </div>
+            </div>
+          </el-tab-pane>
+
+          <!-- 第三个标签页：审核记录 -->
+          <el-tab-pane label="审核记录" name="history">
+            <div class="history-container">
+              <el-table :data="reviewHistory" style="width: 100%">
+                <el-table-column
+                  prop="reviewAccountName"
+                  label="审核人"
+                  width="180"
+                />
+                <el-table-column prop="reviewContent" label="审核意见" />
+                <el-table-column label="审核状态" width="100">
+                  <template #default="{ row }">
+                    <el-tag
+                      :type="row.reviewStatus === 0 ? 'success' : 'danger'"
+                    >
+                      {{ row.reviewStatus === 0 ? '通过' : '不通过' }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="reviewTime"
+                  label="审核时间"
+                  width="180"
+                />
+              </el-table>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </template>
+
+    <!-- 加载状态或无数据 -->
+    <div v-else class="no-data">
+      <el-empty description="暂无数据" />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.msg-detail {
+  padding: 24px;
+  min-height: 500px;
+
+  .detail-header {
+    border-bottom: 1px solid #e5e7eb;
+    padding-bottom: 24px;
+    margin-bottom: 24px;
+
+    .detail-title {
+      font-size: 24px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 16px 0;
+      line-height: 1.4;
+    }
+
+    .detail-meta {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+      margin-bottom: 16px;
+
+      .meta-row {
+        display: flex;
+        align-items: center;
+
+        .meta-label {
+          font-weight: 500;
+          color: #6b7280;
+          min-width: 80px;
+        }
+
+        .meta-value {
+          color: #1f2937;
+        }
+      }
+    }
+
+    .detail-stats {
+      display: flex;
+      gap: 24px;
+      padding: 12px 16px;
+      background-color: #f9fafb;
+      border-radius: 8px;
+
+      .stat-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .stat-label {
+          font-size: 14px;
+          color: #6b7280;
+        }
+
+        .stat-value {
+          font-weight: 600;
+          color: #1f2937;
+        }
+      }
+    }
+  }
+
+  .detail-content {
+    margin-bottom: 32px;
+
+    .content-body {
+      font-size: 16px;
+      line-height: 1.6;
+      color: #1f2937;
+
+      // 富文本内容样式
+      :deep(p) {
+        margin-bottom: 16px;
+      }
+
+      :deep(img) {
+        max-width: 100%;
+        height: auto;
+        border-radius: 4px;
+      }
+    }
+  }
+
+  .detail-footer {
+    margin-top: 24px;
+    padding: 24px;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #e4e7ed;
+
+    .review-tabs {
+      :deep(.el-tabs__header) {
+        margin-bottom: 20px;
+      }
+
+      :deep(.el-tabs__nav-wrap) {
+        &::after {
+          background-color: #e4e7ed;
+        }
+      }
+
+      :deep(.el-tabs__item) {
+        font-size: 14px;
+        font-weight: 500;
+
+        &.is-active {
+          color: #409eff;
+        }
+      }
+    }
+
+    .review-form {
+      max-width: 600px;
+
+      .status-pass {
+        color: #67c23a;
+        font-weight: 500;
+      }
+
+      .status-reject {
+        color: #f56c6c;
+        font-weight: 500;
+      }
+
+      .el-form-item {
+        margin-bottom: 20px;
+      }
+
+      .el-button {
+        margin-right: 12px;
+      }
+    }
+
+    // 流程图样式
+    .flow-container {
+      padding: 20px 0;
+    }
+
+    .approval-timeline {
+      .el-timeline {
+        padding-left: 0;
+      }
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 40px 0;
+    }
+
+    .history-list {
+      max-height: 400px;
+      overflow-y: auto;
+    }
+
+    .history-item {
+      padding: 16px;
+      margin-bottom: 12px;
+      background: #f8f9fa;
+      border-radius: 8px;
+      border-left: 4px solid #e4e7ed;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .history-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+    }
+
+    .history-time {
+      font-size: 12px;
+      color: #909399;
+    }
+
+    .history-content {
+      .history-comment {
+        font-size: 14px;
+        color: #303133;
+        line-height: 1.5;
+        margin-bottom: 8px;
+      }
+
+      .history-meta {
+        font-size: 12px;
+        color: #909399;
+
+        span {
+          margin-right: 16px;
+        }
+
+        .sms-notice {
+          color: #67c23a;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+
+  .no-data {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 400px;
+  }
+}
+</style>

package/dist/views/sys/msg/components/msg-review.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    msgData?: any;
+}
+declare const _default: import("vue").DefineComponent<Props, {
+    handleSubmit: () => Promise<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    msgData: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/msg/consult/notice/index.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;