祖安之光
7 天以前 2f2dadad4d122ed0dff0aaf952a1ab007ba5cb0d
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">
        <!-- 左侧列 -->
@@ -52,8 +27,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}">
                    {{process.type == 1? '内审实施计划':process.type == 2? '培训计划':process.type == 3? '项目评审':process.type == 4?'年度检定计划':process.type == 5?'用章审批(申请)': process.type == 6? '用章审批(待审批)': '颁布令'}}
                  </span>
                  <span class="process-name">{{process.title}}</span>
                </div>
@@ -123,8 +98,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>
@@ -339,12 +313,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 +468,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 +647,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 +678,6 @@
<style scoped lang="scss">
.system-select-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f5f7fa;
}
.user-info-bar {
@@ -759,8 +730,6 @@
.systems-container {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  width: 100%;
}
@@ -768,7 +737,7 @@
  display: flex;
  gap: 20px;
  width: 100%;
  height: 100%;
  height: calc(100% - 60px);
  max-width: none; /* 移除最大宽度限制 */
  margin: 0; /* 移除居中margin */
}
@@ -1368,12 +1337,8 @@
// 超大屏幕优化
@media (min-width: 1920px) {
  .systems-container {
    padding: 30px 40px;
  }
  .layout-container {
    gap: 30px;
    gap: 20px;
  }
  .module-card {