1

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="app" style="position: relative">
+  <div id="app" style="position: relative" :class="{ mask: isLock }">
     <router-view />
     <div v-show="show" v-if="$route.matched.length > 0" v-adaptive @click="openI18n" style="
         position: fixed;
@@ -97,6 +97,7 @@ import feedBack from '@/views/trials/trials-layout/components/feedBack'
 import timeTag from '@/components/timeTag'
 import Vue from 'vue'
 import i18n from './lang'
+import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
 export default {
   name: 'App',
   components: {
@@ -112,12 +113,17 @@ export default {
       arr: [],
       il8nExternal: false,
       State: null,
-      config: window.config
+      config: window.config,
+      isLock: false
     }
   },
   mounted() {
     this.show = process.env.VUE_APP_OSS_PATH === '/test/dist'
     Vue.prototype.$openI18n = this.openI18n
+    // this.getIsLock()
+    // DicomEvent.$on("isLock", (isLock) => {
+    //   this.isLock = isLock
+    // })
   },
   // watch: {
   //   '$route.query': {
@@ -149,6 +155,13 @@ export default {
   //   },
   // },
   methods: {
+    getIsLock() {
+      if (zzSessionStorage.getItem('isLock') === 'true') {
+        this.isLock = true
+      } else {
+        this.isLock = false
+      }
+    },
     // 排序
     handleSortByColumn(column) {
       const { prop, order } = column
@@ -307,6 +320,23 @@ export default {
 </script>
 
 <style lang="scss">
+.mask {
+  position: relative;
+  filter: blur(2px);
+  user-select: none;
+}
+
+.mask::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: '';
+  display: block;
+  background: rgba(255, 253, 253, 0.2);
+}
+
 $light_gray: #606266;
 
 .el-tooltip__popper {

src/main.js

@@ -1,5 +1,6 @@
 
 import Vue from 'vue'
+// import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 // import { createVersionPolling } from "@/utils/version-polling.esm.js";
 import ElementUI, { MessageBox } from 'element-ui'
@@ -451,6 +452,7 @@ async function VueInit() {
       isOpen = false
       isLock = null
       zzSessionStorage.removeItem('isLock')
+      // DicomEvent.$emit('isLock', false)
       router.push("/login")
     }).then(() => {
       // _vm.$alert(lang === 'zh' ? '由于您长时间未操作，为保护您的数据安全已强制将您下线，如果需要继续操作请重新登陆！' : 'No operation for a long time non-operation, you have been forced logout to protect data security. If continue to operate, please login again!', {
@@ -462,7 +464,8 @@ async function VueInit() {
     })
 
   } : () => { }, process.env.VUE_APP_LOGOUT_FOR_TIME,
-    eval(process.env.VUE_APP_LOCK_FOR_PERMISSION) ? () => {
+    eval(process.env.VUE_APP_LOCK_FOR_PERMISSION)
+      ? () => {
         var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
         if (_vm.$store.state.trials.unlock || WHITELIST.includes(_vm.$route.path)) {
           count = 0;
@@ -470,6 +473,7 @@ async function VueInit() {
           if (_vm.$route.path === '/login') {
             zzSessionStorage.removeItem('lastWorkbench')
             zzSessionStorage.removeItem('isLock')
+            // DicomEvent.$emit('isLock', false)
             isLock = null
           }
           return
@@ -479,6 +483,7 @@ async function VueInit() {
         }
         isOpen = true
         zzSessionStorage.setItem('isLock', 'true')
+        // DicomEvent.$emit('isLock', true)
         _vm.$msgbox({
           title: _vm.$t("env:lock:msgBox:title"),
           confirmButtonText: _vm.$t("env:lock:msgBox:confirmButtonText"),
@@ -510,7 +515,8 @@ async function VueInit() {
                   isOpen = false
                   count = 0;
                   isLock = null
-                zzSessionStorage.removeItem('isLock')
+                  // zzSessionStorage.removeItem('isLock')
+                  DicomEvent.$emit('isLock', false)
                   localStorage.setItem('count', '0')
                   document.querySelector('#my_username').value = null
                   document.querySelector('#my_password').value = null
@@ -615,7 +621,9 @@ async function VueInit() {
             ])
           ])
         })
-    } : () => { }, process.env.VUE_APP_LOCK_FOR_TIME)
+      } : () => { },
+    process.env.VUE_APP_LOCK_FOR_TIME
+  )
 }
 VueInit()
 // createVersionPolling({

src/views/trials/trials-panel/setting/personnel-manage/components/site.vue

@@ -189,7 +189,7 @@
           </el-form-item>
           <el-form-item :label="$t('trials:sitesList:table:Country')" prop="Country">
             <el-select v-model="form.Country" style="width: 100%">
-              <el-option v-for="item of $d.SiteCountry" :key="item.id" :label="item.label" :value="item.value" />
+              <el-option v-for="item of $d.SiteCountry" :key="item.id" :label="item.label" :value="item.label" />
             </el-select>
           </el-form-item>
           <!-- 状态 -->