From 7b1fd033b9aa45bac9e15b77641baf48dce45621 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 28 Mar 2025 09:29:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=87=E6=8D=A2=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |   2 +-
 src/api/user.js                               |   8 +
 src/components/toggleRole/index.vue           | 107 ++++++
 src/layout/components/Navbar.vue              |  97 ++++-
 src/main.js                                   |   2 +-
 src/store/modules/user.js                     |  70 +++-
 src/views/login/index.vue                     |   1 +
 src/views/trials/trials-inspection/index.vue  |   5 +
 .../trials-layout/components/trialsNavbar.vue | 159 +++++---
 src/views/trials/trials-list/index.vue        | 360 +++++-------------
 src/views/trials/trials-workbench/index.vue   |  92 +++--
 11 files changed, 537 insertions(+), 366 deletions(-)
 create mode 100644 src/components/toggleRole/index.vue
diff --git a/public/index.html b/public/index.html
index 00c78ca..5633639 100644
--- a/public/index.html
+++ b/public/index.html
@@ -57,7 +57,7 @@
         num = e.data
       }
     </script>
-    <script src="./config.js"></script>
+    <script src="/config.js"></script>
   </head>
   <body>
     <noscript>
diff --git a/src/api/user.js b/src/api/user.js
index 4f7b98b..86829aa 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -160,4 +160,12 @@ export function GetObjectStoreToken(params) {
   })
 }
 
+export function loginSelectUserRole(params) {
+  return request({
+    url: `/user/loginSelectUserType`,
+    method: 'get',
+    params
+  })
+}
+
 
diff --git a/src/components/toggleRole/index.vue b/src/components/toggleRole/index.vue
new file mode 100644
index 0000000..3921ca6
--- /dev/null
+++ b/src/components/toggleRole/index.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-dialog v-if="visible" :visible.sync="visible" v-dialogDrag width="540px" :close-on-click-modal="false"
+    :close-on-press-escape="false" append-to-body :title="$t('toggleRole:tip:title')" center top="30vh"
+    :show-close="false" :before-close="cancel">
+    <template v-if="hasRole">
+      <el-radio-group v-model="form.userRoleId" class="roles">
+        <el-radio v-for="item in roles" :key="item.Id" :label="item.Id" :disabled="item.IsUserRoleDisabled"
+          style="margin-bottom: 10px">
+          {{ item.UserTypeShortName }}
+        </el-radio>
+      </el-radio-group>
+    </template>
+
+    <div v-else style="text-align: center">
+      {{ $t('toggleRole:tip:noRole') }}
+    </div>
+    <div slot="footer">
+      <!-- 取消 -->
+      <el-button size="small" @click="cancel()">
+        {{ $t('common:button:cancel') }}
+      </el-button>
+      <!-- 保存 -->
+      <el-button type="primary" size="small" @click="save" :disabled="saveDisabled" :loading="loading" v-if="hasRole">
+        {{ $t('common:button:confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: 'toggleRole',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      form: {
+        userRoleId: null,
+      },
+    }
+  },
+  created() {
+    this.form.userRoleId = zzSessionStorage.getItem('userId')
+  },
+  computed: {
+    roles() {
+      return this.$store.state.user.roles
+    },
+    hasRole() {
+      return this.roles && this.roles.length > 0
+    },
+    saveDisabled() {
+      return this.form.userRoleId === zzSessionStorage.getItem('userId')
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit('update:visible', false)
+      this.$emit('cancel')
+    },
+    async save() {
+      try {
+        if (!this.form.userRoleId)
+          return this.$message.warning(this.$t('toggleRole:ruleMessage:select'))
+        zzSessionStorage.removeItem('lastWorkbench')
+        this.$emit('save', {
+          UserId: this.form.userRoleId,
+          UserTypeId: this.roles.find(item => item.Id === this.form.userRoleId).UserTypeId
+        })
+      } catch (err) {
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.roles {
+  max-width: 365px;
+  width: fit-content;
+  display: flex;
+  align-content: center;
+  // justify-content: center;
+  flex-wrap: wrap;
+  margin: auto;
+}
+
+::v-deep .el-radio__original {
+  display: none !important;
+  /* 隐藏原生 radio 输入，但仍然允许交互 */
+}
+
+::v-deep.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
+  box-shadow: none !important;
+}
+
+.el-radio {
+  width: 60px;
+}
+</style>
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index ef1f844..fcbc69b 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -2,11 +2,7 @@
   <div class="navbar navbar-flex-wrapper">
     <div class="leftMenu">
       <div class="navbar-flex-wrapper">
-        <hamburger
-          :is-active="sidebar.opened"
-          class="hamburger-container"
-          @toggleClick="toggleSideBar"
-        />
+        <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
 
         <breadcrumb class="breadcrumb-container" />
       </div>
@@ -36,6 +32,12 @@
               <!-- <el-dropdown-item>
                 <span style="display:block;" @click="account">Account</span>
               </el-dropdown-item> -->
+              <!-- 切换角色 -->
+              <el-dropdown-item divided v-if="hasRole">
+                <span style="display: block" @click="openToggleRole">{{
+                  $t('system:navbar:button:toggleRole')
+                }}</span>
+              </el-dropdown-item>
               <el-dropdown-item divided>
                 <span style="display: block" @click="logout">{{
                   $t("trials:trials-myinfo:button:loginout")
@@ -46,6 +48,8 @@
         </div>
       </div>
     </div>
+    <toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
+      @save="loginByRole" />
   </div>
 </template>
 
@@ -54,27 +58,101 @@ import { mapGetters, mapMutations } from "vuex";
 import Breadcrumb from "@/components/Breadcrumb";
 import Hamburger from "@/components/Hamburger";
 import Screenfull from "@/components/Screenfull";
-
+import { resetRouter } from '@/router'
+import toggleRole from '@/components/toggleRole'
 export default {
   components: {
     Breadcrumb,
     Hamburger,
     Screenfull,
+    toggleRole
   },
   data() {
     return {
       isReviewer: false,
       userTypeShortName: zzSessionStorage.getItem("userTypeShortName"),
+      toggleRoleVisible: false,
+      toggleRoleLoading: false
     };
   },
   computed: {
     ...mapGetters(["sidebar", "name", "device"]),
+    roles() {
+      return this.$store.state.user.roles
+    },
+    hasRole() {
+      return this.roles && this.roles.length > 1
+    },
   },
   created() {
     this.isReviewer = JSON.parse(zzSessionStorage.getItem("IsReviewer"));
+    this.$store.dispatch('user/getUserInfo')
   },
   methods: {
     ...mapMutations({ setLanguage: "lang/setLanguage" }),
+    openToggleRole() {
+      this.$store.dispatch('user/getUserInfo').then((res) => {
+        this.toggleRoleVisible = true
+      })
+    },
+    loginByRole(row) {
+      let { UserId, UserTypeId } = row
+      if (this.$store.state.user.userId === UserId) {
+        this.toggleRoleVisible = false
+        this.toggleRoleLoading = false
+        return false
+      }
+      this.toggleRoleLoading = true
+      this.$store
+        .dispatch('user/loginByRole', { UserId, UserTypeId })
+        .then((res) => {
+          if (res) {
+            this.$store
+              .dispatch('permission/generateRoutes')
+              .then(async (res) => {
+                if (res && res.length > 0) {
+                  resetRouter()
+                  await this.$store.dispatch('global/getNoticeList')
+                  this.$router.addRoutes(res)
+                  this.toggleRoleLoading = false
+                  if (this.loginType === 'DevOps') {
+                    this.$router.replace({ path: res[0].path })
+                    return
+                  }
+                  if (this.hasPermi(['role:radmin'])) {
+                    this.$router.replace({ path: res[0].path })
+                    return
+                  }
+                  if (
+                    this.hasPermi(['role:pm', 'role:oa', 'role:admin', 'role:dev'])
+                  ) {
+                    history.replaceState(null, null, '/trials/trials-inspection')
+                    history.go(0)
+                  } else {
+                    history.replaceState(null, null, '/trials/trials-list')
+                    history.go(0)
+                  }
+                  this.toggleRoleVisible = false
+                  this.toggleRoleLoading = false
+                  this.$EventBus.$emit('reload')
+                } else {
+                  // 此账户暂未配置菜单权限，请联系管理员处理后再登录。
+                  this.toggleRoleLoading = false
+                  this.$message.warning(this.$t('login:message:login2'))
+                }
+              })
+              .catch((err) => {
+                console.log(err)
+                this.toggleRoleLoading = false
+              })
+          } else {
+            this.toggleRoleLoading = false
+          }
+        })
+        .catch(() => {
+          this.toggleRoleLoading = false
+        })
+    },
     toggleSideBar() {
       this.$store.dispatch("app/toggleSideBar");
     },
@@ -106,12 +184,14 @@ export default {
   flex-direction: row;
   justify-content: space-between;
 }
+
 .navbar {
   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%;
@@ -133,6 +213,7 @@ export default {
     // float: right;
     height: 100%;
     line-height: 50px;
+
     // position: relative;
     &:focus {
       outline: none;
@@ -159,6 +240,7 @@ export default {
     .avatar-container {
       display: inline-block;
       margin-right: 200px;
+
       .user-avatar {
         margin-top: 5px;
         width: 40px;
@@ -166,16 +248,19 @@ export default {
         border-radius: 10px;
       }
     }
+
     .dropdown-container {
       // margin-left: 30px;
       // position: absolute;
       // right: 20px;
       // top: 0px;
       cursor: pointer;
+
       .el-icon-caret-bottom {
         font-size: 12px;
       }
     }
+
     .el-dropdown-link {
       color: #999c9e;
       cursor: pointer;
diff --git a/src/main.js b/src/main.js
index 253d885..d04871c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -101,7 +101,7 @@ Vue.prototype.resetForm = resetForm
 Vue.prototype.selectDictLabel = selectDictLabel
 // Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
-
+Vue.prototype.$EventBus = new Vue()
 Vue.prototype.$getObjectName = (url) => {
   // console.log(url,'url')
   // console.log(Vue.prototype.OSSclientConfig.viewEndpoint,'url')
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index b24735c..bb806f8 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,6 @@
 import { getToken, setToken, removeToken, setName, removeName } from '@/utils/auth'
-import { login, getUserMenuTree, getUserPermissions } from '@/api/user'
-
+import { login, getUserMenuTree, getUserPermissions, loginSelectUserRole } from '@/api/user'
+import { getUser } from '@/api/admin'
 import { resetRouter } from '@/router'
 import md5 from 'js-md5'
 const getDefaultState = () => {
@@ -16,13 +16,17 @@ const getDefaultState = () => {
     TotalNeedSignSystemDocCount: eval(process.env.VUE_APP_WORD_FOR_PERMISSION) ? null : 0,
     TotalNeedSignTrialDocCount: eval(process.env.VUE_APP_WORD_FOR_PERMISSION) ? null : 0,
     TrialStatusStr: null,
-    isTestUser: false
+    isTestUser: false,
+    roles: []
   }
 }
 
 const state = getDefaultState()
 
 const mutations = {
+  SET_ROLES: (state, roles) => {
+    state.roles = roles
+  },
   RESET_STATE: (state) => {
     Object.assign(state, getDefaultState())
   },
@@ -78,6 +82,9 @@ const mutations = {
 }
 
 const actions = {
+  setRoles({ commit }, roles) {
+    commit('SET_ROLES', roles)
+  },
   // user login
   login({ commit }, userInfo) {
     const { username, password } = userInfo
@@ -135,6 +142,49 @@ const actions = {
       })
     })
   },
+  loginByRole({ commit }, userInfo) {
+    const { UserId, UserTypeId } = userInfo
+    let params = {
+      UserId, UserTypeId
+    }
+    return new Promise((resolve, reject) => {
+
+      loginSelectUserRole(params).then(async response => {
+        if (response.IsSuccess) {
+          const data = response.Result.JWTStr
+
+          try {
+            commit('SET_TOKEN', data)
+            setToken(data)
+            commit('SET_USERID', UserId)
+            zzSessionStorage.setItem('userId', UserId)
+            const userString = decodeURIComponent(escape(window.atob(data.split('.')[1].replace(/-/g, '+').replace(/_/g, '/'))))
+            const user = JSON.parse(userString)
+            zzSessionStorage.setItem('userTypeShortName', user.userTypeShortName)
+            // commit('SET_USERTYPESHORTNAME', user.userTypeShortName)
+            commit('SET_NAME', user.fullName)
+            setName(user.fullName)
+            zzSessionStorage.setItem('userTypeEnumInt', user.userTypeEnumInt)
+            var permissions = await getUserPermissions()
+            var menuTree = await getUserMenuTree()
+            commit('SET_TREE', menuTree.Result)
+            commit('SET_PERMISSIONS', permissions.Result)
+            zzSessionStorage.setItem('newTree', JSON.stringify(menuTree.Result))
+            zzSessionStorage.setItem('permissions', JSON.stringify(permissions.Result))
+            zzSessionStorage.removeItem('lastWorkbench')
+          } catch (e) {
+            console.log(e)
+          }
+          resolve(response.Result)
+
+        } else {
+          reject(response.ErrorMessage)
+        }
+      }).catch(() => {
+        reject()
+      })
+    })
+  },
   setTree({ commit }, tree) {
     commit('SET_TREE', tree)
   },
@@ -186,7 +236,19 @@ const actions = {
   setToken({ commit }, token) {
     commit('SET_TOKEN', token)
   },
-
+  // 获取用户信息
+  getUserInfo({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      getUser(state.userId).then(res => {
+        if (res.Result) {
+          commit('SET_ROLES', res.Result.AccountList)
+        }
+        resolve(res.Result)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
   // remove token
   resetToken({ commit }) {
     return new Promise(resolve => {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 306903b..96ce096 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -122,6 +122,7 @@ import Img1 from '@/assets/pic-1.png'
 import logoImg from '@/assets/zzlogo2.png'
 import { getHospital } from '@/api/hospital.js'
 import { getHIRHospitalList, updateDefaultHospital } from '@/api/admin'
+
 // import config from '/public/config.js'
 export default {
   name: 'Login',
diff --git a/src/views/trials/trials-inspection/index.vue b/src/views/trials/trials-inspection/index.vue
index 67086f0..ed726fd 100644
--- a/src/views/trials/trials-inspection/index.vue
+++ b/src/views/trials/trials-inspection/index.vue
@@ -342,6 +342,11 @@ export default {
       this.selectPatient = item
     },
   },
+  mounted() {
+    this.$EventBus.$on("reload", (data) => {
+      window.location.reload()
+    });
+  }
 }
 </script>
 <style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/trials/trials-layout/components/trialsNavbar.vue b/src/views/trials/trials-layout/components/trialsNavbar.vue
index d49c22c..d51fd61 100644
--- a/src/views/trials/trials-layout/components/trialsNavbar.vue
+++ b/src/views/trials/trials-layout/components/trialsNavbar.vue
@@ -1,13 +1,9 @@
 <template>
   <div class="trials-navbar" style="position: relative">
     <div class="leftMenu">
-      <img
-        v-if="language === 'zh' && hospital.HospitalLogoPath"
-        :src="OSSclientConfig.basePath + hospital.HospitalLogoPath"
-        crossOrigin="anonymous"
-        alt=""
-        style="min-width: 170px;"
-      />
+      <img v-if="language === 'zh' && hospital.HospitalLogoPath"
+        :src="OSSclientConfig.basePath + hospital.HospitalLogoPath" crossOrigin="anonymous" alt=""
+        style="min-width: 170px;" />
       <div v-else style="width: 170px;"></div>
       <!-- <img v-else src="@/assets/zzlogo3.png" alt="" /> -->
       <span style="white-space: nowrap">
@@ -19,50 +15,34 @@
       <NoticeMarquee />
     </div>
     <div class="right-menu">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        size="mini"
-        @select="handleSelect"
-      >
+      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" size="mini" @select="handleSelect">
         <!-- <el-menu-item v-if="!hasPermi(['role:air', 'role:rpm', 'role:radmin', 'role:rcrc', 'role:rir'])" index="1">
           <i class="el-icon-odometer" /> -->
         <!-- 工作台 -->
         <!-- <span slot="title">{{ $t('trials:menuTitle:workbench') }}</span>
         </el-menu-item> -->
-        <el-menu-item
-          v-if="hasPermi(['role:pm', 'role:oa', 'role:admin', 'role:dev'])"
-          index="1"
-        >
+        <el-menu-item v-if="hasPermi(['role:pm', 'role:oa', 'role:admin', 'role:dev'])" index="1">
           <i class="el-icon-odometer" />
           <!-- 检查 -->
           <span slot="title">{{ $t('trials:menuTitle:inspection') }}</span>
         </el-menu-item>
-        <el-menu-item
-          v-if="!hasPermi(['role:zys'])"
-          index="2"
-          :disabled="TotalNeedSignSystemDocCount !== 0"
-        >
+        <el-menu-item v-if="!hasPermi(['role:zys'])" index="2" :disabled="TotalNeedSignSystemDocCount !== 0">
           <i class="el-icon-box" />
           <!-- 我的项目 -->
           <span slot="title">
             {{ $t('trials:tab:trials') }}
           </span>
         </el-menu-item>
-        <el-menu-item
-          v-if="
-            !hasPermi([
-              'role:air',
-              'role:rpm',
-              'role:radmin',
-              'role:rcrc',
-              'role:rir',
-              'role:zys',
-            ])
-          "
-          index="3"
-        >
+        <el-menu-item v-if="
+          !hasPermi([
+            'role:air',
+            'role:rpm',
+            'role:radmin',
+            'role:rcrc',
+            'role:rir',
+            'role:zys',
+          ])
+        " index="3">
           <i class="el-icon-chat-dot-square" />
           <!-- 通知消息 -->
           <span slot="title">{{ $t('trials:tab:notice') }}</span>
@@ -80,11 +60,12 @@
             $t('trials:trials-myinfo:title:accountInfo')
           }}</el-menu-item>
           <!-- 管理后台 -->
-          <el-menu-item
-            v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])"
-            index="4-4"
-            >{{ $t('trials:trials-myinfo:title:system') }}</el-menu-item
-          >
+          <el-menu-item v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])" index="4-4">{{
+            $t('trials:trials-myinfo:title:system') }}</el-menu-item>
+          <!-- 切换角色 -->
+          <el-menu-item index="4-5" v-if="hasRole">{{
+            $t('trials:trials-myinfo:title:toggleRole')
+          }}</el-menu-item>
           <!-- 退出 -->
           <el-menu-item index="4-3">{{
             $t('trials:trials-myinfo:button:loginout')
@@ -92,6 +73,8 @@
         </el-submenu>
       </el-menu>
       <!--      <TopLang />-->
+      <toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading" :roles="roles"
+        @save="loginByRole" />
     </div>
   </div>
 </template>
@@ -103,8 +86,10 @@ import TopLang from './topLang'
 import NoticeMarquee from './noticeMarquee'
 import { getHospital } from '@/api/hospital.js'
 import logoImg from '@/assets/zzlogo2.png'
+import { resetRouter } from '@/router'
+import toggleRole from '@/components/toggleRole'
 export default {
-  components: { TopLang, NoticeMarquee },
+  components: { TopLang, NoticeMarquee, toggleRole },
   data() {
     return {
       logoImg,
@@ -116,6 +101,8 @@ export default {
         HospitalLogoPath: null,
         HospitalName: null,
       },
+      toggleRoleVisible: false,
+      toggleRoleLoading: false,
     }
   },
   computed: {
@@ -127,6 +114,16 @@ export default {
       'TotalNeedSignSystemDocCount',
       'language',
     ]),
+    roles() {
+      return this.$store.state.user.roles
+    },
+    hasRole() {
+      return (
+        this.roles &&
+        this.roles.length > 1 &&
+        this.roles.filter((item) => !item.IsUserRoleDisabled).length > 1
+      )
+    },
   },
   watch: {
     $route(v) {
@@ -137,9 +134,67 @@ export default {
     this.isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer'))
     this.changeRoute(this.$route)
     this.getInfo()
+    this.$store.dispatch('user/getUserInfo')
   },
   methods: {
     ...mapMutations({ setLanguage: 'lang/setLanguage' }),
+    loginByRole(row) {
+      let { UserId, UserTypeId } = row
+      if (this.$store.state.user.userId === UserId) {
+        this.toggleRoleVisible = false
+        this.toggleRoleLoading = false
+        return false
+      }
+      this.toggleRoleLoading = true
+      this.$store
+        .dispatch('user/loginByRole', { UserId, UserTypeId })
+        .then((res) => {
+          if (res) {
+            this.$store
+              .dispatch('permission/generateRoutes')
+              .then(async (res) => {
+                if (res && res.length > 0) {
+                  resetRouter()
+                  await this.$store.dispatch('global/getNoticeList')
+                  this.$router.addRoutes(res)
+                  this.toggleRoleLoading = false
+                  if (this.loginType === 'DevOps') {
+                    this.$router.replace({ path: res[0].path })
+                    return
+                  }
+                  if (this.hasPermi(['role:radmin'])) {
+                    this.$router.replace({ path: res[0].path })
+                    return
+                  }
+                  if (
+                    this.hasPermi(['role:pm', 'role:oa', 'role:admin', 'role:dev'])
+                  ) {
+                    history.replaceState(null, null, '/trials/trials-inspection')
+                    history.go(0)
+                  } else {
+                    history.replaceState(null, null, '/trials/trials-list')
+                    history.go(0)
+                  }
+                  this.toggleRoleVisible = false
+                  this.toggleRoleLoading = false
+                  this.$EventBus.$emit('reload')
+                } else {
+                  // 此账户暂未配置菜单权限，请联系管理员处理后再登录。
+                  this.toggleRoleLoading = false
+                  this.$message.warning(this.$t('login:message:login2'))
+                }
+              })
+              .catch((err) => {
+                this.toggleRoleLoading = false
+              })
+          } else {
+            this.toggleRoleLoading = false
+          }
+        })
+        .catch(() => {
+          this.toggleRoleLoading = false
+        })
+    },
     // 获取医院信息
     async getInfo() {
       try {
@@ -180,6 +235,12 @@ export default {
           break
         case '4-4':
           this.go('/system')
+          break
+        case '4-5':
+          this.$store.dispatch('user/getUserInfo').then((res) => {
+            this.toggleRoleVisible = true
+          })
+
           break
         case '1':
           this.go('/trials/trials-inspection')
@@ -230,33 +291,40 @@ export default {
   overflow: hidden;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
   .el-breadcrumb__item {
     font-size: 16px;
   }
+
   .leftMenu {
     display: flex;
     align-items: center;
     padding-left: 20px;
+
     img {
       height: 28px;
       margin-right: 10px;
     }
+
     span {
       font-size: 20px;
       position: relative;
       top: -1px;
     }
   }
+
   .right-menu,
   .center-menu {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     height: 100%;
+
     // line-height: 70px;
     &:focus {
       outline: none;
     }
+
     .right-menu-item {
       display: inline-block;
       padding: 0 8px;
@@ -274,9 +342,11 @@ export default {
         }
       }
     }
+
     .avatar-container {
       display: inline-block;
       margin-right: 200px;
+
       .user-avatar {
         margin-top: 5px;
         width: 40px;
@@ -284,12 +354,15 @@ export default {
         border-radius: 10px;
       }
     }
+
     .dropdown-container {
       cursor: pointer;
+
       .el-icon-caret-bottom {
         font-size: 12px;
       }
     }
+
     .el-dropdown-link {
       color: #999c9e;
       cursor: pointer;
@@ -298,7 +371,7 @@ export default {
 }
 </style>
 <style>
-.el-menu--horizontal > .my_info.el-submenu .el-submenu__icon-arrow {
+.el-menu--horizontal>.my_info.el-submenu .el-submenu__icon-arrow {
   margin-top: 0;
 }
 </style>
diff --git a/src/views/trials/trials-list/index.vue b/src/views/trials/trials-list/index.vue
index 8b28c04..0398101 100644
--- a/src/views/trials/trials-list/index.vue
+++ b/src/views/trials/trials-list/index.vue
@@ -5,51 +5,26 @@
       <el-form :inline="true">
         <!-- 项目类型 -->
         <el-form-item :label="$t('trials:trials-list:form:trialType')">
-          <el-select
-            v-model="searchData.trialType"
-            style="width: 150px"
-            clearable
-          >
-            <el-option
-              v-for="item in $d.TrialType"
-              :key="item.id"
-              :label="item.label"
-              :value="item.value"
-            />
+          <el-select v-model="searchData.trialType" style="width: 150px" clearable>
+            <el-option v-for="item in $d.TrialType" :key="item.id" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <!-- 项目编号 -->
         <el-form-item :label="$t('trials:trials-list:table:trialId')">
-          <el-input
-            v-model="searchData.TrialCode"
-            style="width: 100px"
-            clearable
-          />
+          <el-input v-model="searchData.TrialCode" style="width: 100px" clearable />
         </el-form-item>
         <!-- 研究方案号 -->
         <el-form-item :label="$t('trials:trials-list:table:researchNumber')">
-          <el-input
-            v-model="searchData.ResearchProgramNo"
-            style="width: 100px"
-            clearable
-          />
+          <el-input v-model="searchData.ResearchProgramNo" style="width: 100px" clearable />
         </el-form-item>
         <!-- 试验名称 -->
         <el-form-item :label="$t('trials:trials-list:table:experimentName')">
-          <el-input
-            v-model="searchData.ExperimentName"
-            style="width: 100px"
-            clearable
-          />
+          <el-input v-model="searchData.ExperimentName" style="width: 100px" clearable />
         </el-form-item>
 
         <!-- Sponsor -->
         <el-form-item :label="$t('trials:trials-list:table:sponsor')">
-          <el-input
-            v-model="searchData.SponsorName"
-            style="width: 100px"
-            clearable
-          />
+          <el-input v-model="searchData.SponsorName" style="width: 100px" clearable />
         </el-form-item>
 
         <el-form-item>
@@ -58,11 +33,7 @@
             {{ $t("common:button:search") }}
           </el-button>
           <!-- Reset -->
-          <el-button
-            type="primary"
-            icon="el-icon-refresh-left"
-            @click="handleReset"
-          >
+          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
             {{ $t("common:button:reset") }}
           </el-button>
           <!-- Export -->
@@ -79,12 +50,7 @@
       </el-form>
       <span style="margin-left: auto">
         <!-- New -->
-        <el-button
-          v-hasPermi="['trials:trials-list:new']"
-          icon="el-icon-plus"
-          type="primary"
-          @click="handleNew"
-        >
+        <el-button v-hasPermi="['trials:trials-list:new']" icon="el-icon-plus" type="primary" @click="handleNew">
           {{ $t("common:button:new") }}
         </el-button>
       </span>
@@ -92,123 +58,59 @@
 
     <!-- 项目列表 -->
     <template slot="main-container">
-      <el-table
-        v-adaptive="{ bottomOffset: 60 }"
-        v-loading="listLoading"
-        :data="list"
-        stripe
-        height="100"
-        @sort-change="handleSortChange"
-        @row-click="handleDetail"
-        :default-sort="{ prop: 'createTime', order: 'descending' }"
-      >
+      <el-table v-adaptive="{ bottomOffset: 60 }" v-loading="listLoading" :data="list" stripe height="100"
+        @sort-change="handleSortChange" @row-click="handleDetail"
+        :default-sort="{ prop: 'createTime', order: 'descending' }">
         <!-- <el-table-column type="selection" align="left" width="45" /> -->
         <el-table-column width="40">
           <template slot-scope="scope">
-            <i
-              v-if="!scope.row.AuthorizationEncrypt"
-              class="el-icon-warning-outline"
-              :title="$t('trials:trials-list:tipMessage:tipOne')"
-              style="color: red; font-size: 20px"
-            ></i>
-            <i
-              v-if="
-                scope.row.AuthorizationEncrypt &&
-                scope.row.AuthorizationDate &&
-                !trialExpired(scope.row.AuthorizationDate, 15)
-              "
-              class="el-icon-warning-outline"
-              :title="$t('trials:trials-list:tipMessage:tipTwo')"
-              style="color: #e6a23c; font-size: 20px"
-            ></i>
-            <i
-              v-if="
-                scope.row.AuthorizationEncrypt &&
-                scope.row.AuthorizationDate &&
-                !trialExpired(scope.row.AuthorizationDate)
-              "
-              class="el-icon-warning-outline"
-              :title="$t('trials:trials-list:tipMessage:tipThree')"
-              style="color: red; font-size: 20px"
-            ></i>
+            <i v-if="!scope.row.AuthorizationEncrypt" class="el-icon-warning-outline"
+              :title="$t('trials:trials-list:tipMessage:tipOne')" style="color: red; font-size: 20px"></i>
+            <i v-if="
+              scope.row.AuthorizationEncrypt &&
+              scope.row.AuthorizationDate &&
+              !trialExpired(scope.row.AuthorizationDate, 15)
+            " class="el-icon-warning-outline" :title="$t('trials:trials-list:tipMessage:tipTwo')"
+              style="color: #e6a23c; font-size: 20px"></i>
+            <i v-if="
+              scope.row.AuthorizationEncrypt &&
+              scope.row.AuthorizationDate &&
+              !trialExpired(scope.row.AuthorizationDate)
+            " class="el-icon-warning-outline" :title="$t('trials:trials-list:tipMessage:tipThree')"
+              style="color: red; font-size: 20px"></i>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="trialType"
-          :label="$t('trials:trials-list:form:trialType')"
-          show-overflow-tooltip
-        >
+        <el-table-column prop="trialType" :label="$t('trials:trials-list:form:trialType')" show-overflow-tooltip>
           <template slot-scope="scope">
             <span>{{ $fd("TrialType", scope.row.TrialType) }}</span>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="TrialCode"
-          :label="$t('trials:trials-list:table:trialId')"
-          show-overflow-tooltip
-          min-width="100"
-          sortable="custom"
-        />
-        <el-table-column
-          prop="ResearchProgramNo"
-          :label="$t('trials:trials-list:table:researchNumber')"
-          show-overflow-tooltip
-          min-width="120"
-          sortable="custom"
-        />
+        <el-table-column prop="TrialCode" :label="$t('trials:trials-list:table:trialId')" show-overflow-tooltip
+          min-width="100" sortable="custom" />
+        <el-table-column prop="ResearchProgramNo" :label="$t('trials:trials-list:table:researchNumber')"
+          show-overflow-tooltip min-width="120" sortable="custom" />
 
-        <el-table-column
-          prop="ExperimentName"
-          :label="$t('trials:trials-list:table:experimentName')"
-          show-overflow-tooltip
-          min-width="120"
-          sortable="custom"
-        />
+        <el-table-column prop="ExperimentName" :label="$t('trials:trials-list:table:experimentName')"
+          show-overflow-tooltip min-width="120" sortable="custom" />
 
-        <el-table-column
-          prop="Sponsor"
-          :label="$t('trials:trials-list:table:sponsor')"
-          min-width="90"
-          show-overflow-tooltip
-          sortable="custom"
-        />
-        <el-table-column
-          prop="TrialStatusStr"
-          :label="$t('trials:trials-list:table:status')"
-          show-overflow-tooltip
-          sortable="custom"
-        >
+        <el-table-column prop="Sponsor" :label="$t('trials:trials-list:table:sponsor')" min-width="90"
+          show-overflow-tooltip sortable="custom" />
+        <el-table-column prop="TrialStatusStr" :label="$t('trials:trials-list:table:status')" show-overflow-tooltip
+          sortable="custom">
           <template slot-scope="scope">
-            <el-tag
-              v-if="scope.row.TrialStatusStr === 'Initializing'"
-              type="info"
-              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
-            >
-            <el-tag
-              v-if="scope.row.TrialStatusStr === 'Ongoing'"
-              type="primary"
-              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
-            >
-            <el-tag
-              v-if="scope.row.TrialStatusStr === 'Completed'"
-              type="warning"
-              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
-            >
-            <el-tag
-              v-if="scope.row.TrialStatusStr === 'Stopped'"
-              type="danger"
-              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
-            >
+            <el-tag v-if="scope.row.TrialStatusStr === 'Initializing'" type="info">{{ $fd("TrialStatusEnum",
+              scope.row.TrialStatusStr) }}</el-tag>
+            <el-tag v-if="scope.row.TrialStatusStr === 'Ongoing'" type="primary">{{ $fd("TrialStatusEnum",
+              scope.row.TrialStatusStr) }}</el-tag>
+            <el-tag v-if="scope.row.TrialStatusStr === 'Completed'" type="warning">{{ $fd("TrialStatusEnum",
+              scope.row.TrialStatusStr) }}</el-tag>
+            <el-tag v-if="scope.row.TrialStatusStr === 'Stopped'" type="danger">{{ $fd("TrialStatusEnum",
+              scope.row.TrialStatusStr) }}</el-tag>
           </template>
         </el-table-column>
         <!--阅片标准-->
-        <el-table-column
-          prop="CriterionTypeList"
-          :label="$t('trials:trials-list:table:CriterionTypeList')"
-          show-overflow-tooltip
-          v-if="hasPermi(['role:pm', 'role:pi', 'role:sr'])"
-          min-width="130"
-        >
+        <el-table-column prop="CriterionTypeList" :label="$t('trials:trials-list:table:CriterionTypeList')"
+          show-overflow-tooltip v-if="hasPermi(['role:pm', 'role:pi', 'role:sr'])" min-width="130">
           <template slot-scope="scope">
             <span>{{
               scope.row.CriterionTypeList.map((item) =>
@@ -218,38 +120,16 @@
           </template>
         </el-table-column>
         <!--待提交访视数量-->
-        <el-table-column
-          prop="UnSubmitCount"
-          :label="$t('trials:trials-list:table:UnSubmitCount')"
-          show-overflow-tooltip
-          min-width="90"
-          v-if="hasPermi(['role:pm'])"
-          sortable="custom"
-        />
+        <el-table-column prop="UnSubmitCount" :label="$t('trials:trials-list:table:UnSubmitCount')"
+          show-overflow-tooltip min-width="90" v-if="hasPermi(['role:pm'])" sortable="custom" />
         <!--待阅片数量-->
-        <el-table-column
-          prop="UnReadCount"
-          :label="$t('trials:trials-list:table:UnReadCount')"
-          show-overflow-tooltip
-          min-width="90"
-          v-if="hasPermi(['role:pm', 'role:pi', 'role:sr'])"
-          sortable="custom"
-        />
-        <el-table-column
-          prop="CreateTime"
-          :label="$t('trials:trials-list:table:createDate')"
-          show-overflow-tooltip
-          min-width="170"
-          sortable="custom"
-        />
+        <el-table-column prop="UnReadCount" :label="$t('trials:trials-list:table:UnReadCount')" show-overflow-tooltip
+          min-width="90" v-if="hasPermi(['role:pm', 'role:pi', 'role:sr'])" sortable="custom" />
+        <el-table-column prop="CreateTime" :label="$t('trials:trials-list:table:createDate')" show-overflow-tooltip
+          min-width="170" sortable="custom" />
         <!--到期日-->
-        <el-table-column
-          prop="AuthorizationDate"
-          :label="$t('trials:trials-list:table:dateAuthorized')"
-          show-overflow-tooltip
-          min-width="170"
-          sortable="custom"
-        />
+        <el-table-column prop="AuthorizationDate" :label="$t('trials:trials-list:table:dateAuthorized')"
+          show-overflow-tooltip min-width="170" sortable="custom" />
         <!--授权时长-->
         <!-- <el-table-column
           prop="AuthorizationDuration"
@@ -260,122 +140,53 @@
         <el-table-column label="" min-width="200" align="left" fixed="right">
           <template slot-scope="scope">
             <!-- 详情 -->
-            <el-button
-              v-hasPermi="['trials:trials-list:panel']"
-              circle
-              icon="el-icon-info"
-              :disabled="scope.row.IsDeleted"
-              :title="$t('trials:trials-list:action:panel')"
-              @click.stop="handleDetail(scope.row)"
-            />
+            <el-button v-hasPermi="['trials:trials-list:panel']" circle icon="el-icon-info"
+              :disabled="scope.row.IsDeleted" :title="$t('trials:trials-list:action:panel')"
+              @click.stop="handleDetail(scope.row)" />
             <!-- 编辑项目基本信息 -->
-            <el-button
-              v-hasPermi="['trials:trials-list:edit']"
-              circle
-              icon="el-icon-edit-outline"
-              :disabled="scope.row.IsDeleted"
-              :title="$t('trials:trials-list:action:edit')"
-              @click.stop="handleEdit(scope.row)"
-            />
+            <el-button v-hasPermi="['trials:trials-list:edit']" circle icon="el-icon-edit-outline"
+              :disabled="scope.row.IsDeleted" :title="$t('trials:trials-list:action:edit')"
+              @click.stop="handleEdit(scope.row)" />
             <!-- 修改项目状态 -->
-            <el-button
-              v-hasPermi="['trials:trials-list:status']"
-              circle
-              icon="el-icon-edit"
-              :disabled="scope.row.IsDeleted"
-              :title="$t('trials:trials-list:action:status')"
-              @click.stop="handleStatus(scope.row)"
-            />
+            <el-button v-hasPermi="['trials:trials-list:status']" circle icon="el-icon-edit"
+              :disabled="scope.row.IsDeleted" :title="$t('trials:trials-list:action:status')"
+              @click.stop="handleStatus(scope.row)" />
             <!-- 废除项目 -->
-            <el-button
-              v-hasPermi="['trials:trials-list:abolish']"
-              circle
-              icon="el-icon-delete"
-              :disabled="
-                scope.row.IsDeleted ||
-                scope.row.TrialStatusStr !== 'Initializing'
-              "
-              :title="$t('trials:trials-list:action:abolition')"
-              @click.stop="handleAbandon(scope.row)"
-            />
+            <el-button v-hasPermi="['trials:trials-list:abolish']" circle icon="el-icon-delete" :disabled="scope.row.IsDeleted ||
+              scope.row.TrialStatusStr !== 'Initializing'
+              " :title="$t('trials:trials-list:action:abolition')" @click.stop="handleAbandon(scope.row)" />
             <!-- 激活 -->
-            <el-button
-              v-if="!scope.row.AuthorizationEncrypt"
-              v-hasPermi="['trials:trials-list:activate']"
-              circle
-              icon="el-icon-key"
-              :title="$t('trials:trials-list:action:activate')"
-              @click.stop="handleActivate(scope.row)"
-            />
+            <el-button v-if="!scope.row.AuthorizationEncrypt" v-hasPermi="['trials:trials-list:activate']" circle
+              icon="el-icon-key" :title="$t('trials:trials-list:action:activate')"
+              @click.stop="handleActivate(scope.row)" />
           </template>
         </el-table-column>
       </el-table>
 
       <!-- 分页组件 -->
-      <pagination
-        class="page"
-        :total="total"
-        :page.sync="searchData.PageIndex"
-        :limit.sync="searchData.PageSize"
-        @pagination="getList"
-      />
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
     </template>
 
     <!-- 新增/编辑项目 -->
-    <el-dialog
-      v-if="dialogVisible"
-      :visible.sync="dialogVisible"
-      :title="title"
-      :fullscreen="true"
-      append-to-body
-      custom-class="base-dialog-wrapper"
-    >
-      <TrialForm
-        :trial-id="currentId"
-        @getList="getList"
-        @closeDialog="closeDialog"
-      />
+    <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" :title="title" :fullscreen="true" append-to-body
+      custom-class="base-dialog-wrapper">
+      <TrialForm :trial-id="currentId" @getList="getList" @closeDialog="closeDialog" />
     </el-dialog>
 
     <!-- 修改项目状态 -->
-    <el-dialog
-      v-dialogDrag
-      v-if="statusVisible"
-      :visible.sync="statusVisible"
-      :close-on-click-modal="false"
-      :title="$t('trials:trials-list:dialogTitle:changeStatus')"
-      width="700px"
-      custom-class="base-dialog-wrapper"
-      append-to-body
-    >
-      <TrialStatusForm
-        :data="currentRow"
-        @close="closeStatusDialog"
-        @getList="getList"
-      />
+    <el-dialog v-dialogDrag v-if="statusVisible" :visible.sync="statusVisible" :close-on-click-modal="false"
+      :title="$t('trials:trials-list:dialogTitle:changeStatus')" width="700px" custom-class="base-dialog-wrapper"
+      append-to-body>
+      <TrialStatusForm :data="currentRow" @close="closeStatusDialog" @getList="getList" />
     </el-dialog>
 
-    <el-dialog
-      v-if="doneDialogVisible"
-      :visible.sync="doneDialogVisible"
-      :title="doneTitle"
-      :fullscreen="true"
-      append-to-body
-      custom-class="base-dialog-wrapper"
-    >
-      <DoneList
-        :trial-id="currentId"
-        @getList="getList"
-        @closeDialog="doneDialogVisible = false"
-      />
+    <el-dialog v-if="doneDialogVisible" :visible.sync="doneDialogVisible" :title="doneTitle" :fullscreen="true"
+      append-to-body custom-class="base-dialog-wrapper">
+      <DoneList :trial-id="currentId" @getList="getList" @closeDialog="doneDialogVisible = false" />
     </el-dialog>
     <!--项目激活-->
-    <activateProject
-      v-if="activateVisible"
-      :visible.sync="activateVisible"
-      :data="currentRow"
-      @getList="getList"
-    />
+    <activateProject v-if="activateVisible" :visible.sync="activateVisible" :data="currentRow" @getList="getList" />
   </BaseContainer>
 </template>
 <script>
@@ -479,6 +290,11 @@ export default {
   created() {
     this.initPage();
   },
+  mounted() {
+    this.$EventBus.$on('reload', (data) => {
+      window.location.reload()
+    })
+  },
   methods: {
     // 格式化时间
     moment(data) {
@@ -592,7 +408,7 @@ export default {
           this.currentRow = { ...row };
           this.abandonTrial();
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 废除项目
     abandonTrial() {
diff --git a/src/views/trials/trials-workbench/index.vue b/src/views/trials/trials-workbench/index.vue
index 08ebb13..5663a6f 100644
--- a/src/views/trials/trials-workbench/index.vue
+++ b/src/views/trials/trials-workbench/index.vue
@@ -14,25 +14,25 @@
         <!--        </div>-->
         <!-- 一致性核查 -->
         <div v-if="hasPermi(['trials:trials-workbench:consistencyCheck'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <consistencyCheck />
           </el-card>
         </div>
         <!-- 重阅审批 -->
         <div v-if="hasPermi(['trials:trials-workbench:rereadApproval'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <RereadApproval />
           </el-card>
         </div>
         <!-- 阅片人筛选 -->
         <div v-if="hasPermi(['trials:trials-workbench:reviewerScreen'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ReviewerScreen />
           </el-card>
         </div>
         <!-- 中心调研 -->
         <div v-hasPermi="['trials:trials-workbench:attachments:site-research']" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <SiteResearch />
           </el-card>
         </div>
@@ -40,13 +40,13 @@
         <!-- SPM/CPM -->
         <!-- 阅片人审批 -->
         <div v-if="hasPermi(['trials:trials-workbench:reviewerApproval'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ReviewerApproval />
           </el-card>
         </div>
         <!-- 重阅审批 -->
         <div v-if="hasPermi(['trials:trials-workbench:spmRereadApproval'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <SpmRereadApproval />
           </el-card>
         </div>
@@ -54,83 +54,83 @@
         <!-- CRC -->
         <!-- 临床数据录入 -->
         <div v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <clinicalData />
           </el-card>
         </div>
         <!-- 临床数据确认 -->
         <div v-if="hasPermi(['trials:trials-workbench:clinicalDataEntry'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <clinicalDataConfirm />
           </el-card>
         </div>
         <!-- 影像质疑 -->
         <div v-if="hasPermi(['trials:trials-workbench:imageQuestion'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImageQuestion />
           </el-card>
         </div>
 
         <!-- 核查质疑 -->
         <div v-if="hasPermi(['trials:trials-workbenck:imageVerification'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImageVerification />
           </el-card>
         </div>
         <!-- 影像重传 -->
         <div v-if="hasPermi(['trials:trials-workbenck:imageReupload'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImageReupload />
           </el-card>
         </div>
         <!-- 加急影像提交 -->
         <div v-if="hasPermi(['trials:trials-workbenck:imageSubmission'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImageSubmission />
           </el-card>
         </div>
         <!-- IQC -->
         <!-- 影像质控 -->
         <div v-if="hasPermi(['trials:trials-workbenck:imageQC'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImageQualityControl />
           </el-card>
         </div>
         <!-- QC质疑 -->
         <div v-if="hasPermi(['trials:trials-workbenck:qcQuestion'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <QcQuestion />
           </el-card>
         </div>
         <!-- IR -->
         <!-- 影像待阅 -->
         <div v-if="hasPermi(['trials:trials-workbenck:imagesToRead'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <ImagesToRead />
           </el-card>
         </div>
         <!-- 医学反馈 -->
         <div v-if="hasPermi(['trials:trials-workbenck:medicalFeedback'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <MedicalFeedback />
           </el-card>
         </div>
         <!-- MIM -->
         <!-- 医学审核 -->
         <div v-if="hasPermi(['trials:trials-workbenck:medicalAudit'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <MedicalAudit />
           </el-card>
         </div>
 
         <div v-if="!hasPermi(['role:zys'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <NeedSignTrialDoc />
           </el-card>
         </div>
 
         <div v-if="isSignSystemDoc || hasPermi(['role:zys'])" class="item">
-          <el-card :body-style="{ padding: '10px'}" style="height:100%">
+          <el-card :body-style="{ padding: '10px' }" style="height:100%">
             <NeedSignSysDoc @refreshStats="refreshStats" />
           </el-card>
         </div>
@@ -181,15 +181,17 @@ export default {
 </script>
 
 <style lang="scss">
-.workbench-container{
+.workbench-container {
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
+
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -197,29 +199,34 @@ export default {
   background-color: #fff;
   overflow-x: hidden;
 
-  .workbench-stats{
+  .workbench-stats {
     height: 120px;
   }
-  .workbench-content{
+
+  .workbench-content {
     flex: 1;
     overflow-y: auto;
-    .content-wrapper{
+
+    .content-wrapper {
       width: 100%;
       height: 100%;
       display: flex;
       flex-flow: wrap;
       padding: 5px;
-      .item{
+
+      .item {
         width: 50%;
         height: 500px;
         padding: 5px;
         box-sizing: border-box;
-        .el-card__body{
+
+        .el-card__body {
           height: 100%;
         }
       }
     }
   }
+
   .table-row__p {
     color: #53646f;
     font-size: 13px;
@@ -227,17 +234,20 @@ export default {
     line-height: 18px;
     margin-bottom: 0px;
   }
+
   .table-row__span {
     color: #9eabb4;
     font-weight: 300;
     font-size: 12px;
   }
-  .el-row{
-    .el-col{
-      padding:5px;
+
+  .el-row {
+    .el-col {
+      padding: 5px;
     }
   }
-  .status:before{
+
+  .status:before {
     content: '';
     margin-bottom: 0;
     width: 9px;
@@ -246,43 +256,47 @@ export default {
     margin-right: 7px;
     border-radius: 50%;
   }
-  .status--red:before{
+
+  .status--red:before {
     background-color: #e36767;
   }
 
-  .status--red{
+  .status--red {
     color: #e36767;
   }
 
-  .status--blue:before{
+  .status--blue:before {
     background-color: #3fd2ea;
   }
 
-  .status--blue{
+  .status--blue {
     color: #3fd2ea;
   }
 
-  .status--yellow:before{
+  .status--yellow:before {
     background-color: #ecce4e;
   }
 
-  .status--yellow{
+  .status--yellow {
     color: #ecce4e;
   }
 
-  .status--green{
+  .status--green {
     color: #6cdb56;
   }
-  .status--green:before{
+
+  .status--green:before {
     background-color: #6cdb56;
   }
 
-  .status--grey{
+  .status--grey {
     color: #9eabb4;
   }
-  .status--grey:before{
+
+  .status--grey:before {
     background-color: #9eabb4;
   }
+
   .chart-wrapper {
     background: #fff;
     padding: 16px 16px 0;
