From ad3c05911574c704bc42f388ad67efdd7cc77ec2 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 30 Apr 2025 17:55:53 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E4=BC=98=E5=8C=96=20?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=AD=89=E4=BF=A1=E6=81=AF=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production                               |   2 +-
 src/components/UploadImg/index.vue            |  10 +-
 src/layout/components/Navbar.vue              | 320 +++++++++---------
 src/router/index.js                           | 271 +++++++--------
 src/utils/request.js                          |   2 +-
 .../key-person/components/addAndEditForm.vue  |  10 +-
 .../components/addAndEditForm.vue             |  10 +-
 .../components/addAndEditForm.vue             |  33 +-
 .../sub-manage/components/addAndEditForm.vue  |   4 +-
 .../components/addAndEditForm.vue             |   4 +-
 .../components/addAndEditForm.vue             |  14 +-
 11 files changed, 362 insertions(+), 318 deletions(-)

diff --git a/.env.production b/.env.production
index d67083d..21fa24c 100644
--- a/.env.production
+++ b/.env.production
@@ -5,4 +5,4 @@ VUE_APP_TITLE = 市场部投标信息检索工具
 ENV = 'production'
 
 # 市场部投标信息检索工具/生产环境
-VUE_APP_BASE_API = '/prod-api'
+VUE_APP_BASE_API = '/search-tool-api'
diff --git a/src/components/UploadImg/index.vue b/src/components/UploadImg/index.vue
index 130fd15..e1f5763 100644
--- a/src/components/UploadImg/index.vue
+++ b/src/components/UploadImg/index.vue
@@ -136,12 +136,12 @@ export default {
                 this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join('、')}格式的文件!`)
                 return false
             }
-            const isLt = file.size / 1024 / 1024 < this.fileSize
-            if (!isLt) {
-                this.$modal.msgError(`图片大小不能超过 ${this.fileSize} MB`)
+            // const isLt = file.size / 1024 / 1024 < this.fileSize
+            // if (!isLt) {
+            //     this.$modal.msgError(`图片大小不能超过 ${this.fileSize} MB`)
 
-                return false
-            }
+            //     return false
+            // }
             this.$modal.loading('图片正在上传，请稍候...')
         },
 
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index e74dd0b..072b940 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,49 +1,53 @@
 <template>
-  <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <div class="navbar">
+        <hamburger
+            id="hamburger-container"
+            :is-active="sidebar.opened"
+            class="hamburger-container"
+            @toggleClick="toggleSideBar"
+        />
 
-    <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
-    <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
+        <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
+        <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
 
-    <div class="right-menu">
-      <template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
+        <div class="right-menu">
+            <template v-if="device !== 'mobile'">
+                <search id="header-search" class="right-menu-item" />
 
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
+                <el-tooltip content="源码地址" effect="dark" placement="bottom">
+                    <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
+                </el-tooltip>
 
-        <el-tooltip content="文档地址" effect="dark" placement="bottom">
-          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
+                <el-tooltip content="文档地址" effect="dark" placement="bottom">
+                    <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
+                </el-tooltip>
 
-        <screenfull id="screenfull" class="right-menu-item hover-effect" />
+                <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
-        <el-tooltip content="布局大小" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
+                <el-tooltip content="布局大小" effect="dark" placement="bottom">
+                    <size-select id="size-select" class="right-menu-item hover-effect" />
+                </el-tooltip>
+            </template>
 
-      </template>
-
-      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
-        <div class="avatar-wrapper">
-          <img :src="avatar" class="user-avatar">
-          <i class="el-icon-caret-bottom" />
+            <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
+                <div class="avatar-wrapper">
+                    <img :src="avatar" class="user-avatar" />
+                    <i class="el-icon-caret-bottom" />
+                </div>
+                <el-dropdown-menu slot="dropdown">
+                    <router-link to="/user/profile">
+                        <el-dropdown-item>个人中心</el-dropdown-item>
+                    </router-link>
+                    <el-dropdown-item @click.native="setting = true">
+                        <span>布局设置</span>
+                    </el-dropdown-item>
+                    <el-dropdown-item divided @click.native="logout">
+                        <span>退出登录</span>
+                    </el-dropdown-item>
+                </el-dropdown-menu>
+            </el-dropdown>
         </div>
-        <el-dropdown-menu slot="dropdown">
-          <router-link to="/user/profile">
-            <el-dropdown-item>个人中心</el-dropdown-item>
-          </router-link>
-          <el-dropdown-item @click.native="setting = true">
-            <span>布局设置</span>
-          </el-dropdown-item>
-          <el-dropdown-item divided @click.native="logout">
-            <span>退出登录</span>
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
     </div>
-  </div>
 </template>
 
 <script>
@@ -58,143 +62,141 @@ import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
 
 export default {
-  components: {
-    Breadcrumb,
-    TopNav,
-    Hamburger,
-    Screenfull,
-    SizeSelect,
-    Search,
-    RuoYiGit,
-    RuoYiDoc
-  },
-  computed: {
-    ...mapGetters([
-      'sidebar',
-      'avatar',
-      'device'
-    ]),
-    setting: {
-      get() {
-        return this.$store.state.settings.showSettings
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'showSettings',
-          value: val
-        })
-      }
+    components: {
+        Breadcrumb,
+        TopNav,
+        Hamburger,
+        Screenfull,
+        SizeSelect,
+        Search,
+        RuoYiGit,
+        RuoYiDoc,
     },
-    topNav: {
-      get() {
-        return this.$store.state.settings.topNav
-      }
-    }
-  },
-  methods: {
-    toggleSideBar() {
-      this.$store.dispatch('app/toggleSideBar')
+    computed: {
+        ...mapGetters(['sidebar', 'avatar', 'device']),
+        setting: {
+            get() {
+                return this.$store.state.settings.showSettings
+            },
+            set(val) {
+                this.$store.dispatch('settings/changeSetting', {
+                    key: 'showSettings',
+                    value: val,
+                })
+            },
+        },
+        topNav: {
+            get() {
+                return this.$store.state.settings.topNav
+            },
+        },
+    },
+    methods: {
+        toggleSideBar() {
+            this.$store.dispatch('app/toggleSideBar')
+        },
+        logout() {
+            this.$confirm('确定注销并退出系统吗？', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            })
+                .then(() => {
+                    this.$store.dispatch('LogOut').then(() => {
+                        location.href = process.env.NODE_ENV === 'production' ? '/search-tool/index' : '/index'
+                    })
+                })
+                .catch(() => {})
+        },
     },
-    logout() {
-      this.$confirm('确定注销并退出系统吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.$store.dispatch('LogOut').then(() => {
-          location.href = '/index'
-        })
-      }).catch(() => {})
-    }
-  }
 }
 </script>
 
 <style lang="scss" scoped>
 .navbar {
-  height: 50px;
-  overflow: hidden;
-  position: relative;
-  background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+    height: 50px;
+    overflow: hidden;
+    position: relative;
+    background: #fff;
+    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
-
-    &:hover {
-      background: rgba(0, 0, 0, .025)
-    }
-  }
-
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .topmenu-container {
-    position: absolute;
-    left: 50px;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .right-menu {
-    float: right;
-    height: 100%;
-    line-height: 50px;
-
-    &:focus {
-      outline: none;
-    }
-
-    .right-menu-item {
-      display: inline-block;
-      padding: 0 8px;
-      height: 100%;
-      font-size: 18px;
-      color: #5a5e66;
-      vertical-align: text-bottom;
-
-      &.hover-effect {
+    .hamburger-container {
+        line-height: 46px;
+        height: 100%;
+        float: left;
         cursor: pointer;
-        transition: background .3s;
+        transition: background 0.3s;
+        -webkit-tap-highlight-color: transparent;
 
         &:hover {
-          background: rgba(0, 0, 0, .025)
+            background: rgba(0, 0, 0, 0.025);
         }
-      }
     }
 
-    .avatar-container {
-      margin-right: 30px;
-
-      .avatar-wrapper {
-        margin-top: 5px;
-        position: relative;
-
-        .user-avatar {
-          cursor: pointer;
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
-        }
-
-        .el-icon-caret-bottom {
-          cursor: pointer;
-          position: absolute;
-          right: -20px;
-          top: 25px;
-          font-size: 12px;
-        }
-      }
+    .breadcrumb-container {
+        float: left;
+    }
+
+    .topmenu-container {
+        position: absolute;
+        left: 50px;
+    }
+
+    .errLog-container {
+        display: inline-block;
+        vertical-align: top;
+    }
+
+    .right-menu {
+        float: right;
+        height: 100%;
+        line-height: 50px;
+
+        &:focus {
+            outline: none;
+        }
+
+        .right-menu-item {
+            display: inline-block;
+            padding: 0 8px;
+            height: 100%;
+            font-size: 18px;
+            color: #5a5e66;
+            vertical-align: text-bottom;
+
+            &.hover-effect {
+                cursor: pointer;
+                transition: background 0.3s;
+
+                &:hover {
+                    background: rgba(0, 0, 0, 0.025);
+                }
+            }
+        }
+
+        .avatar-container {
+            margin-right: 30px;
+
+            .avatar-wrapper {
+                margin-top: 5px;
+                position: relative;
+
+                .user-avatar {
+                    cursor: pointer;
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 10px;
+                }
+
+                .el-icon-caret-bottom {
+                    cursor: pointer;
+                    position: absolute;
+                    right: -20px;
+                    top: 25px;
+                    font-size: 12px;
+                }
+            }
+        }
     }
-  }
 }
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index 71907b6..059c6f8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -30,154 +30,155 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
-  {
-    path: '/redirect',
-    component: Layout,
-    hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect')
-      }
-    ]
-  },
-  {
-    path: '/login',
-    component: () => import('@/views/login'),
-    hidden: true
-  },
-  {
-    path: '/register',
-    component: () => import('@/views/register'),
-    hidden: true
-  },
-  {
-    path: '/404',
-    component: () => import('@/views/error/404'),
-    hidden: true
-  },
-  {
-    path: '/401',
-    component: () => import('@/views/error/401'),
-    hidden: true
-  },
-  {
-    path: '',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
-  {
-    path: '/user',
-    component: Layout,
-    hidden: true,
-    redirect: 'noredirect',
-    children: [
-      {
-        path: 'profile',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
-      }
-    ]
-  }
+    {
+        path: '/redirect',
+        component: Layout,
+        hidden: true,
+        children: [
+            {
+                path: '/redirect/:path(.*)',
+                component: () => import('@/views/redirect'),
+            },
+        ],
+    },
+    {
+        path: '/login',
+        component: () => import('@/views/login'),
+        hidden: true,
+    },
+    {
+        path: '/register',
+        component: () => import('@/views/register'),
+        hidden: true,
+    },
+    {
+        path: '/404',
+        component: () => import('@/views/error/404'),
+        hidden: true,
+    },
+    {
+        path: '/401',
+        component: () => import('@/views/error/401'),
+        hidden: true,
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'index',
+        children: [
+            {
+                path: 'index',
+                component: () => import('@/views/index'),
+                name: 'Index',
+                meta: { title: '首页', icon: 'dashboard', affix: true },
+            },
+        ],
+    },
+    {
+        path: '/user',
+        component: Layout,
+        hidden: true,
+        redirect: 'noredirect',
+        children: [
+            {
+                path: 'profile',
+                component: () => import('@/views/system/user/profile/index'),
+                name: 'Profile',
+                meta: { title: '个人中心', icon: 'user' },
+            },
+        ],
+    },
 ]
 
 // 动态路由，基于用户权限动态去加载
 export const dynamicRoutes = [
-  {
-    path: '/system/user-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:user:edit'],
-    children: [
-      {
-        path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
-        name: 'AuthRole',
-        meta: { title: '分配角色', activeMenu: '/system/user' }
-      }
-    ]
-  },
-  {
-    path: '/system/role-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:role:edit'],
-    children: [
-      {
-        path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
-        name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
-      }
-    ]
-  },
-  {
-    path: '/system/dict-data',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:dict:list'],
-    children: [
-      {
-        path: 'index/:dictId(\\d+)',
-        component: () => import('@/views/system/dict/data'),
-        name: 'Data',
-        meta: { title: '字典数据', activeMenu: '/system/dict' }
-      }
-    ]
-  },
-  {
-    path: '/monitor/job-log',
-    component: Layout,
-    hidden: true,
-    permissions: ['monitor:job:list'],
-    children: [
-      {
-        path: 'index/:jobId(\\d+)',
-        component: () => import('@/views/monitor/job/log'),
-        name: 'JobLog',
-        meta: { title: '调度日志', activeMenu: '/monitor/job' }
-      }
-    ]
-  },
-  {
-    path: '/tool/gen-edit',
-    component: Layout,
-    hidden: true,
-    permissions: ['tool:gen:edit'],
-    children: [
-      {
-        path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
-        name: 'GenEdit',
-        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
-      }
-    ]
-  }
+    {
+        path: '/system/user-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:user:edit'],
+        children: [
+            {
+                path: 'role/:userId(\\d+)',
+                component: () => import('@/views/system/user/authRole'),
+                name: 'AuthRole',
+                meta: { title: '分配角色', activeMenu: '/system/user' },
+            },
+        ],
+    },
+    {
+        path: '/system/role-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:role:edit'],
+        children: [
+            {
+                path: 'user/:roleId(\\d+)',
+                component: () => import('@/views/system/role/authUser'),
+                name: 'AuthUser',
+                meta: { title: '分配用户', activeMenu: '/system/role' },
+            },
+        ],
+    },
+    {
+        path: '/system/dict-data',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:dict:list'],
+        children: [
+            {
+                path: 'index/:dictId(\\d+)',
+                component: () => import('@/views/system/dict/data'),
+                name: 'Data',
+                meta: { title: '字典数据', activeMenu: '/system/dict' },
+            },
+        ],
+    },
+    {
+        path: '/monitor/job-log',
+        component: Layout,
+        hidden: true,
+        permissions: ['monitor:job:list'],
+        children: [
+            {
+                path: 'index/:jobId(\\d+)',
+                component: () => import('@/views/monitor/job/log'),
+                name: 'JobLog',
+                meta: { title: '调度日志', activeMenu: '/monitor/job' },
+            },
+        ],
+    },
+    {
+        path: '/tool/gen-edit',
+        component: Layout,
+        hidden: true,
+        permissions: ['tool:gen:edit'],
+        children: [
+            {
+                path: 'index/:tableId(\\d+)',
+                component: () => import('@/views/tool/gen/editTable'),
+                name: 'GenEdit',
+                meta: { title: '修改生成配置', activeMenu: '/tool/gen' },
+            },
+        ],
+    },
 ]
 
 // 防止连续点击多次路由报错
-let routerPush = Router.prototype.push;
-let routerReplace = Router.prototype.replace;
+let routerPush = Router.prototype.push
+let routerReplace = Router.prototype.replace
 // push
 Router.prototype.push = function push(location) {
-  return routerPush.call(this, location).catch(err => err)
+    return routerPush.call(this, location).catch((err) => err)
 }
 // replace
 Router.prototype.replace = function push(location) {
-  return routerReplace.call(this, location).catch(err => err)
+    return routerReplace.call(this, location).catch((err) => err)
 }
 
 export default new Router({
-  mode: 'history', // 去掉url中的#
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRoutes
+    mode: 'history', // 去掉url中的#
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes,
+    base: process.env.NODE_ENV === 'production' ? '/search-tool' : '', //根据运行环境设置
 })
diff --git a/src/utils/request.js b/src/utils/request.js
index c68372b..bef6bd0 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -96,7 +96,7 @@ service.interceptors.response.use(
                     .then(() => {
                         isRelogin.show = false
                         store.dispatch('LogOut').then(() => {
-                            location.href = '/index'
+                            location.href = process.env.NODE_ENV === 'production' ? '/search-tool/index' : '/index'
                         })
                     })
                     .catch(() => {
diff --git a/src/views/company-manage/key-person/components/addAndEditForm.vue b/src/views/company-manage/key-person/components/addAndEditForm.vue
index 6b5d876..3ecc274 100644
--- a/src/views/company-manage/key-person/components/addAndEditForm.vue
+++ b/src/views/company-manage/key-person/components/addAndEditForm.vue
@@ -224,6 +224,7 @@
 
 <script>
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { addKeyPersonAPI, editKeyPersonAPI } from '@/api/company-manage/key-person'
 import { deleteImgAPI } from '@/api/common'
 export default {
@@ -245,6 +246,7 @@ export default {
     data() {
         return {
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
             deleteFileList: [],
             uploadOuterVisible: false,
             addAndEditForm: {
@@ -550,7 +552,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.idCardBack = this.addAndEditForm.tbFileSourceVoList
@@ -558,7 +560,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.diplomaImg = this.addAndEditForm.tbFileSourceVoList
@@ -566,7 +568,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.otherImg = this.addAndEditForm.tbFileSourceVoList
@@ -574,7 +576,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                 }
diff --git a/src/views/company-manage/other-person/components/addAndEditForm.vue b/src/views/company-manage/other-person/components/addAndEditForm.vue
index d33417c..1621598 100644
--- a/src/views/company-manage/other-person/components/addAndEditForm.vue
+++ b/src/views/company-manage/other-person/components/addAndEditForm.vue
@@ -205,6 +205,7 @@
 
 <script>
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { addOtherPersonAPI, editOtherPersonAPI } from '@/api/company-manage/other-person'
 import { deleteImgAPI } from '@/api/common'
 export default {
@@ -227,6 +228,7 @@ export default {
     data() {
         return {
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
             uploadOuterVisible: false,
             addAndEditForm: {
                 userName: '', // 姓名
@@ -512,7 +514,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.idCardBack = this.addAndEditForm.tbFileSourceVoList
@@ -520,7 +522,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.diplomaImg = this.addAndEditForm.tbFileSourceVoList
@@ -528,7 +530,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.otherImg = this.addAndEditForm.tbFileSourceVoList
@@ -536,7 +538,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                 }
diff --git a/src/views/company-manage/performance-manage/components/addAndEditForm.vue b/src/views/company-manage/performance-manage/components/addAndEditForm.vue
index 28dbd2c..59030ba 100644
--- a/src/views/company-manage/performance-manage/components/addAndEditForm.vue
+++ b/src/views/company-manage/performance-manage/components/addAndEditForm.vue
@@ -179,7 +179,15 @@
                                         margin-bottom: 4px;
                                     "
                                 >
-                                    <span>材料{{ index + 1 }}</span>
+                                    <!-- <span>材料{{ index + 1 }}</span> -->
+
+                                    <el-image
+                                        :src="item.url"
+                                        :preview-src-list="[item.url]"
+                                        style="width: 48px; height: 48px; margin-right: 4px"
+                                    >
+                                    </el-image>
+
                                     <el-button
                                         type="text"
                                         size="mini"
@@ -279,6 +287,7 @@
 <script>
 import moment from 'moment'
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { getKeyPersonListAPI } from '@/api/common'
 import { addCompanyPerformanceAPI, editCompanyPerformanceAPI } from '@/api/company-manage/performance-manage'
 export default {
@@ -314,6 +323,8 @@ export default {
         return {
             uploadOuterVisible: false,
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
+            token: getToken(),
             deleteFileList: [],
             addAndEditForm: {
                 proName: '', // 工程名称
@@ -522,6 +533,7 @@ export default {
                         filePath,
                         fileName,
                         fileType: 1,
+                        url: this.fileViewUrl + filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                     })
                 } else {
                     this.addTableList[this.keyTbCurrentIndex].tbFileSourceVoList.push({
@@ -529,9 +541,15 @@ export default {
                         filePath: item.filePath,
                         fileName: item.fileName,
                         fileType: 1,
+                        url: this.fileViewUrl + item.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                     })
                 }
             })
+
+            console.log(
+                'this.addTableList[this.keyTbCurrentIndex].tbFileSourceVoList',
+                this.addTableList[this.keyTbCurrentIndex].tbFileSourceVoList,
+            )
             this.uploadOuterVisible = false
         },
         onHandleDeleteFile(index, fileIndex) {
@@ -543,7 +561,7 @@ export default {
             this.proveFileList = this.addTableList[index].tbFileSourceVoList.map((e) => {
                 return {
                     ...e,
-                    url: e.filePath,
+                    url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                 }
             })
             this.uploadOuterVisible = true
@@ -559,10 +577,19 @@ export default {
                     this.addTableList = []
                     this.addTableList = newValueObj.tbCompanyPerfRelList
 
+                    this.addTableList.forEach((e) => {
+                        e.tbFileSourceVoList = e.tbFileSourceVoList.map((item) => {
+                            return {
+                                ...item,
+                                url: this.fileViewUrl + item.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
+                            }
+                        })
+                    })
+
                     this.addAndEditForm.htKeyFileList = newVal.tbFileSourceVoList.map((e) => {
                         return {
                             ...e,
-                            url: e.filePath,
+                            url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                         }
                     })
                 }
diff --git a/src/views/sub-manage/sub-manage/components/addAndEditForm.vue b/src/views/sub-manage/sub-manage/components/addAndEditForm.vue
index 4074208..1e112ad 100644
--- a/src/views/sub-manage/sub-manage/components/addAndEditForm.vue
+++ b/src/views/sub-manage/sub-manage/components/addAndEditForm.vue
@@ -89,6 +89,7 @@
 
 <script>
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { addSubManageAPI, editSubManageAPI } from '@/api/sub-manage/sub-manage'
 import { deleteImgAPI } from '@/api/common'
 export default {
@@ -111,6 +112,7 @@ export default {
         return {
             uploadOuterVisible: false,
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
             addAndEditForm: {
                 subName: '',
                 address: '',
@@ -236,7 +238,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                 }
diff --git a/src/views/sub-manage/sub-performance-manage/components/addAndEditForm.vue b/src/views/sub-manage/sub-performance-manage/components/addAndEditForm.vue
index bb27633..41d2c7d 100644
--- a/src/views/sub-manage/sub-performance-manage/components/addAndEditForm.vue
+++ b/src/views/sub-manage/sub-performance-manage/components/addAndEditForm.vue
@@ -190,6 +190,7 @@
 
 <script>
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { getSubListAPI, getSubKeyPersonListAPI, deleteImgAPI } from '@/api/common'
 import { addSubPerformanceManageAPI, editSubPerformanceManageAPI } from '@/api/sub-manage/sub-performance-manage'
 export default {
@@ -212,6 +213,7 @@ export default {
         return {
             uploadOuterVisible: false,
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
             addAndEditForm: {
                 subId: '', // 所属分包商
                 proName: '', // 项目名称
@@ -465,7 +467,7 @@ export default {
                     this.addAndEditForm.imgList = newVal.tbFileSourceVoList.map((e) => {
                         return {
                             ...e,
-                            url: e.filePath,
+                            url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                         }
                     })
                 }
diff --git a/src/views/sub-manage/sub-person-manage/components/addAndEditForm.vue b/src/views/sub-manage/sub-person-manage/components/addAndEditForm.vue
index 33511f4..31dad17 100644
--- a/src/views/sub-manage/sub-person-manage/components/addAndEditForm.vue
+++ b/src/views/sub-manage/sub-person-manage/components/addAndEditForm.vue
@@ -52,6 +52,7 @@
                             <el-form-item prop="idCardFront">
                                 <UploadImg
                                     :limit="4"
+                                    :multiple="true"
                                     :file-size="10"
                                     @deleteFile="deleteFile"
                                     :upload-file-url="uploadFileUrl"
@@ -64,6 +65,7 @@
                             <el-form-item prop="idCardBack">
                                 <UploadImg
                                     :limit="4"
+                                    :multiple="true"
                                     :file-size="10"
                                     @deleteFile="deleteFile"
                                     :upload-file-url="uploadFileUrl"
@@ -126,6 +128,7 @@
                         </template>
                         <UploadImg
                             :limit="5"
+                            :multiple="true"
                             :file-size="10"
                             @deleteFile="deleteFile"
                             :upload-file-url="uploadFileUrl"
@@ -145,6 +148,7 @@
                         </template>
                         <UploadImg
                             :limit="5"
+                            :multiple="true"
                             :file-size="10"
                             @deleteFile="deleteFile"
                             :upload-file-url="uploadFileUrl"
@@ -165,6 +169,7 @@
 
 <script>
 import UploadImg from '@/components/UploadImg'
+import { getToken } from '@/utils/auth'
 import { getSubListAPI, deleteImgAPI } from '@/api/common'
 import { addSubPersonManageAPI, editSubPersonManageAPI } from '@/api/sub-manage/sub-person-manage'
 export default {
@@ -186,6 +191,7 @@ export default {
     data() {
         return {
             uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
             deleteFileList: [],
             uploadOuterVisible: false,
             addAndEditForm: {
@@ -460,7 +466,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.idCardBack = this.addAndEditForm.tbFileSourceVoList
@@ -468,7 +474,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.diplomaImg = this.addAndEditForm.tbFileSourceVoList
@@ -476,7 +482,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                     this.addAndEditForm.otherImg = this.addAndEditForm.tbFileSourceVoList
@@ -484,7 +490,7 @@ export default {
                         .map((e) => {
                             return {
                                 ...e,
-                                url: e.filePath,
+                                url: this.fileViewUrl + e.filePath.split('oadPath')[1] + '?file_token=' + getToken(),
                             }
                         })
                 }