查看按钮修改

祖安之光

19 hours ago 49e361b0b4428eb6f620757c354eeea77197528f

 src/views/work/menuIndex/index.vue

@@ -1,30 +1,5 @@
<template>
  <div class="system-select-container">
    <div class="user-info-bar">
      <div class="user-left"></div>
      <h3 class="user-details">欢迎访问多体系建设信息化系统</h3>
      <div class="avatar-container">
        <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
          <div class="avatar-wrapper" style="display: flex;align-items: center">
            <img src="../assets/images/avator.png" class="user-avatar"  />
            <span style="font-size: 16px">{{userName}}（{{userTypeName}}）</span>
            <el-icon><caret-bottom /></el-icon>
          </div>
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item command="password">
                <span>修改密码</span>
              </el-dropdown-item>
              <el-dropdown-item divided command="logout">
                <span>退出登录</span>
              </el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>
      </div>
    </div>

    <!-- 重新布局的系统选择区域 -->
  <div class="app-container">
    <div class="systems-container">
      <div class="layout-container">
        <!-- 左侧列 -->
@@ -36,10 +11,20 @@
              <span class="more-link" @click="toNoticeMng">更多 ></span>
            </div>
            <div class="notice-list">
              <div class="notice-item" v-for="item in noticeList" :key="item">
                <span class="notice-title" @click="openNoticeFile(item.filePath)">{{item.content}}</span>
                <span class="notice-date">{{item.publishDate}}</span>
              </div>

              <template v-if="noticeLoading">
                <div v-for="i in 6" :key="i" class="notice-item skeleton">
                  <div class="skeleton-title"></div>
                  <div class="skeleton-date"></div>
                </div>
              </template>

              <template v-else>
                <div class="notice-item" v-for="item in noticeList" :key="item.id">
                  <span class="notice-title" @click="openNoticeFile(item.filePath)">{{item.content}}</span>
                  <span class="notice-date">{{item.publishDate}}</span>
                </div>
              </template>
            </div>
          </div>

@@ -52,8 +37,8 @@
            <div class="process-list" v-if="flowList && flowList.length>0">
              <div class="process-item" v-for="process in flowList" :key="process.id">
                <div class="process-info" @click="openDetail(process)">
                  <span class="process-status" :class="{processing: process.type == 1,pending: process.type == 2,success: process.type == 3,normal: process.type == 4,seal: process.type == 5}">
                    {{process.type == 1? '内审实施计划':process.type == 2? '培训计划':process.type == 3? '项目评审':process.type == 4?'年度检定计划':process.type == 5?'用章审批(申请)': '用章审批(待审批)'}}
                  <span class="process-status" :class="{processing: process.type == 1,pending: process.type == 2,success: process.type == 3,normal: process.type == 4,seal: process.type == 5,normal: process.type == 6,normal: process.type == 8}">
                    {{process.type == 1? '内审实施计划':process.type == 2? '培训计划':process.type == 3? '项目评审':process.type == 4?'年度检定计划':process.type == 5?'用章审批(申请)': process.type == 6? '用章审批(待审批)':process.type == 7?'颁布令':process.type == 8?'合同审批':'' }}
                  </span>
                  <span class="process-name">{{process.title}}</span>
                </div>
@@ -123,8 +108,7 @@
                >
                  <div class="card-content">
                    <div class="system-icon">
                      <el-image v-if="getActualIndex(index) == 0" :src="system.platformPic"/>
                      <el-image v-else :src="picUrl + system.platformPic"/>
                      <el-image :src="picUrl + system.platformPic"/>
                    </div>
                    <h3>{{ system.platformName }}</h3>
                  </div>
@@ -205,12 +189,6 @@
import userDialog from '@/views/build/conpanyFunctionConsult/staffManage/staffRegister/components/staffDialog.vue'
import editDialog from '@/views/build/conpanyFunctionConsult/infoPlatform/components/editDialog.vue'
import sealDialog from "@/views/work/sealManagement/apply/components/editDialog"
import menu1 from '@/assets/icons/menu1.png'
import menu2 from '@/assets/icons/menu2.png'
import menu3 from '@/assets/icons/menu3.png'
import menu4 from '@/assets/icons/menu4.png'
import menu5 from '@/assets/icons/menu5.png'
import menu6 from '@/assets/icons/menu6.png'

// 引入农历库
import * as lunarCalendar from 'lunar-calendar'
@@ -232,6 +210,8 @@
const calendarRef = ref()
const dialogRef = ref()
const noticeRef = ref();
const noticeLoading = ref(true)

const userStore = useUserStore()
const state = reactive({
  noticeParams: {
@@ -269,10 +249,13 @@
    state.platformParams.companyId = userStore.companyId
    state.isAdmin = false
  }
  await getNoticeList()
  await getPlatformList()
  await getFlowList()
  await getMemo()
  // 并行加载所有数据
  await Promise.allSettled([
    getNoticeList(),
    getPlatformList(),
    getFlowList(),
    getMemo()
  ])
  state.platformList.forEach(system => {
    cardStates.value[system.id] = {
      mouseX: 0,
@@ -318,10 +301,17 @@
    noticeRef.value.openDialog('review', data,state.companyList)
  }
}
function getNoticeList() {
  listNotice(state.noticeParams).then(res => {
    state.noticeList = res.data.list
  })
async function getNoticeList() {
  try {
    noticeLoading.value = true
    const res = await listNotice(state.noticeParams)
    state.noticeList = res.data.list || []
  } catch (error) {
    console.error('获取通知公告失败:', error)
    state.noticeList = []
  } finally {
    noticeLoading.value = false
  }
}
const getCompanyList = async ()=>{
  const queryParams = {
@@ -339,12 +329,12 @@
const getPlatformList = async () => {
  const res = await getInfoPlatforms(state.platformParams)
  if(res.code == 200){
    const originPlatform = {
      id: 0,
      platformName: '国军标9001C质量管理体系',
      platformPic: menu1
    }
    state.platformList = [originPlatform, ...(Array.isArray(res.data) ? res.data : [])]
    // const originPlatform = {
    //   id: 0,
    //   platformName: '国军标9001C质量管理体系',
    //   platformPic: menu1
    // }
    state.platformList = Array.isArray(res.data) ? res.data : []
  }else{
    ElMessage.warning(res.message)
  }
@@ -494,7 +484,7 @@

    const lunar = lunarCalendar.solarToLunar(year, month, day)
    if (lunar && lunar.lunarMonthName && lunar.lunarDayName) {
      return `${lunar.lunarMonthName}${lunar.lunarDayName}`
      return `农历·${lunar.lunarMonthName}${lunar.lunarDayName}`
    }
    return ''
  } catch (error) {
@@ -673,12 +663,12 @@
}

const enterSystem = (address,index) => {
  if(index == 0){
    router.push({ path: "/learn/standardSysTemp/sysStandardModule"})
  }else{
  // if(index == 0){
  //   router.push({ path: "/learn/standardSysTemp/sysStandardModule"})
  // }else{
    window.open(address)
    // ElMessage.warning('系统正在开发中...')
  }
  // }
}

function getInfo() {
@@ -704,9 +694,6 @@
<style scoped lang="scss">
.system-select-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
}

.user-info-bar {
@@ -759,8 +746,6 @@

.systems-container {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  width: 100%;
}

@@ -768,7 +753,7 @@
  display: flex;
  gap: 20px;
  width: 100%;
  height: 100%;
  height: calc(100% - 60px);
  max-width: none; /* 移除最大宽度限制 */
  margin: 0; /* 移除居中margin */
}
@@ -1368,12 +1353,8 @@

// 超大屏幕优化
@media (min-width: 1920px) {
  .systems-container {
    padding: 30px 40px;
  }

  .layout-container {
    gap: 30px;
    gap: 20px;
  }

  .module-card {