imatrix-ui 2.8.592-dw → 2.9.0-dw-tmp2

package/src/utils/auth-api.js

@@ -0,0 +1,115 @@
+import Cookies from 'js-cookie'
+import Vue from 'vue'
+
+const jwtKey = 'JWT'
+const currentUserNameKey = 'USERNAME'
+const currentUserInfoKey = 'CURRENT_USER'
+
+function getToken() {
+  let token = getCookieCache(jwtKey)
+  const projectModel = Vue.prototype.projectModel
+  if (!token && projectModel && projectModel === 'developing.model') {
+    // 如果是开发环境从sessionStorage中获得token
+    token = getSessionCache(jwtKey)
+  }
+  return token
+}
+
+function setToken(token) {
+  setCookieCache(jwtKey, token)
+  setSessionCache(jwtKey, token)
+}
+
+function removeToken() {
+  removeCookieCache(jwtKey)
+  removeSessionCache(jwtKey)
+}
+
+function getUsername() {
+  let username = getCookieCache(currentUserNameKey)
+  if (!username) {
+    username = getSessionCache(currentUserNameKey)
+  }
+  return username
+}
+
+function setUsername(username) {
+  setSessionCache(currentUserNameKey, username)
+  setCookieCache(currentUserNameKey, username)
+}
+
+function removeUsername() {
+  removeSessionCache(currentUserNameKey)
+  removeCookieCache(currentUserNameKey)
+}
+
+function getCurrentUser() {
+  let userJson = getCookieCache(currentUserInfoKey)
+  if (!userJson) {
+    userJson = getSessionCache(currentUserInfoKey)
+  }
+  if (userJson) {
+    return JSON.parse(userJson)
+  }
+}
+
+function setCurrentUser(userInfo) {
+  if (userInfo) {
+    if (userInfo.password) {
+      userInfo.password = null
+    }
+    const userinfoStr = JSON.stringify(userInfo)
+    setSessionCache(currentUserInfoKey, userinfoStr)
+    setCookieCache(currentUserInfoKey, userinfoStr)
+  }
+}
+
+function removeCurrentUser() {
+  removeSessionCache(currentUserInfoKey)
+  removeCookieCache(currentUserInfoKey)
+}
+
+function getCookieCache(key) {
+  return Cookies.get(key)
+}
+
+function setCookieCache(key, value) {
+  Cookies.set(key, value, {
+    path: '/'
+  })
+}
+
+function removeCookieCache(key) {
+  Cookies.remove(key, {
+    path: '/'
+  })
+}
+
+function getSessionCache(key) {
+  return sessionStorage.getItem(key)
+}
+
+function setSessionCache(key, value) {
+  return sessionStorage.setItem(key, value)
+}
+
+function removeSessionCache(key) {
+  sessionStorage.removeItem(key)
+}
+export default {
+  getToken,
+  setToken,
+  removeToken,
+  getUsername,
+  setUsername,
+  removeUsername,
+  getCurrentUser,
+  setCurrentUser,
+  removeCurrentUser,
+  getCookieCache,
+  setCookieCache,
+  removeCookieCache,
+  getSessionCache,
+  setSessionCache,
+  removeSessionCache
+}

package/src/utils/auth.js

@@ -1,69 +1,61 @@
-import sessionStorage from 'sessionstorage'
-import Cookies from 'js-cookie'
-import Vue from 'vue'
-
-const jwtKey = 'JWT'
-const currentUserNameKey = 'USERNAME'
-const currentUserInfoKey = 'CURRENT_USER'
+import authApi from './auth-api'
 
 export function getToken() {
-  let jwt = sessionStorage.getItem(jwtKey)
-  // console.log('auth-sessionStorage.getToken=', jwt)
-  if (!jwt) {
-    jwt = Cookies.get(jwtKey)
-    // console.log('auth-Cookies.getToken=', jwt)
-  }
-  return jwt
+  return authApi.getToken()
 }
 
 export function setToken(token) {
-  if (Vue.prototype.projectModel && Vue.prototype.projectModel === 'developing.model') {
-    // 如果是开发模式，需要设置cookie。不设置expires,就是session cookie,表示关闭浏览器，cookie即失效
-    // console.log('auth-Cookies.setToken=', token)
-    // 必须是“/”否则无法移除token
-    Cookies.set(jwtKey, token, { path: '/' })
-  } else {
-    // console.log('auth-sessionStorage.setToken=', token)
-    return sessionStorage.setItem(jwtKey, token)
-  }
+  authApi.setToken(token)
 }
 
 export function removeToken() {
-  sessionStorage.removeItem(jwtKey)
-  // console.log('auth-sessionStorage.removeToken=', getToken())
-  // 必须和setToken中的path“/”一致，否则无法移除token
-  Cookies.remove(jwtKey, { path: '/' })
-  // console.log('auth-Cookies.removeToken=', getToken())
+  authApi.removeToken()
 }
 
 export function getUsername() {
-  return sessionStorage.getItem(currentUserNameKey)
+  return authApi.getUsername()
 }
 
 export function setUsername(username) {
-  sessionStorage.setItem(currentUserNameKey, username)
+  authApi.setUsername(username)
 }
 
 export function removeUsername() {
-  sessionStorage.removeItem(currentUserNameKey)
+  authApi.removeUsername()
 }
 
 export function getCurrentUser() {
-  const userJson = sessionStorage.getItem(currentUserInfoKey)
-  if (userJson) {
-    return JSON.parse(userJson)
-  }
+  return authApi.getCurrentUser()
 }
 
 export function setCurrentUser(userInfo) {
-  if (userInfo) {
-    if (userInfo.password) {
-      userInfo.password = null
-    }
-    sessionStorage.setItem(currentUserInfoKey, JSON.stringify(userInfo))
-  }
+  authApi.setCurrentUser(userInfo)
 }
 
 export function removeCurrentUser() {
-  sessionStorage.removeItem(currentUserInfoKey)
+  authApi.removeCurrentUser()
+}
+
+export function getCookieCache(key) {
+  return authApi.getCookieCache(key)
+}
+
+export function setCookieCache(key, value) {
+  authApi.setCookieCache(key, value)
+}
+
+export function removeCookieCache(key) {
+  authApi.removeCookieCache(key)
+}
+
+export function getSessionCache(key) {
+  return authApi.getSessionCache(key)
+}
+
+export function setSessionCache(key, value) {
+  return authApi.setSessionCache(key, value)
+}
+
+export function removeSessionCache(key) {
+  authApi.removeSessionCache(key)
 }

package/src/utils/calculator/calculator-factory.js

@@ -45,7 +45,7 @@ class NumberCalculator extends CalculatorFactory {
       this.result = true
     } else if (this.isEQEmptyValue(leftVale, operator, rightValue)) {
       this.result = true
-    } else if (leftVale === null) {
+    } else if (leftVale === undefined || leftVale === null) {
       this.result = false
     } else {
       const preOperand = Number(leftVale + '')
@@ -81,7 +81,7 @@ class TextCalculator extends CalculatorFactory {
       this.result = true
     } else if (this.isNotNullValue(leftVale, operator)) {
       this.result = true
-    } else if (leftVale === null) {
+    } else if (leftVale === undefined || leftVale === null) {
       this.result = false
     } else {
       if (operator === 'NET') {

package/src/utils/common-util.js

@@ -202,3 +202,24 @@ export function getOrignUrl() {
   }
   return orignUrl
 }
+
+export function isPromise(p) {
+  return p && Object.prototype.toString.call(p) === '[object Promise]'
+}
+/**
+ * 获得UTC时区
+ * @returns 时区
+ */
+export function getTimeZone() {
+  const dateStr = new Date() + ''
+  let timeZone = ''
+  if (dateStr.indexOf('GMT') > 0) {
+    const timeZoneSuffix = dateStr.substring(dateStr.indexOf('GMT') + 3, dateStr.indexOf('(')).trim()
+    const partPrefix = timeZoneSuffix.substring(0, timeZoneSuffix.length - 2)
+    const partSuffix = timeZoneSuffix.substring(timeZoneSuffix.length - 2)
+    timeZone = 'UTC' + partPrefix + ':' + partSuffix
+  } else if (dateStr.indexOf('UTC') > 0) {
+    timeZone = 'UTC' + dateStr.substring(dateStr.indexOf('UTC') + 3, dateStr.indexOf('(')).trim()
+  }
+  return timeZone
+}

package/src/utils/jump-page-utils.js

@@ -243,7 +243,8 @@ function jumpToPageTwo(jumpPageSetting, system, dataId, ids, buttonCode, isHasId
         const frontendUrl = getSystemFrontendUrl(system.frontendUrl)
         path = frontendUrl + '/#' + path
       }
-      jumpToPageWithFullPath(dataId, path, additionalParameterStr, jumpPageSetting, ids, buttonCode, isHasIdParam)
+      const systemName = getSystemNameWithLanguage(system)
+      jumpToPageWithFullPath(dataId, path, additionalParameterStr, jumpPageSetting, ids, buttonCode, isHasIdParam, systemName)
       resolve()
     }
   })
@@ -255,16 +256,20 @@ function jumpToPageTwo(jumpPageSetting, system, dataId, ids, buttonCode, isHasId
  * @param {*} additionalParameterStr
  * @param {*} jumpPage
  */
-function jumpToPageWithFullPath(dataId, path, additionalParameterStr, jumpPage, ids, buttonCode, isHasIdParam) {
+function jumpToPageWithFullPath(dataId, path, additionalParameterStr, jumpPage, ids, buttonCode, isHasIdParam, systemName) {
   path = packagePathParams(dataId, path, jumpPage, ids, buttonCode, isHasIdParam)
   // 保持这种情况参数传递，是为了解决不同域时获得不到sessionStorage中存的附加参数问题
   if (additionalParameterStr && additionalParameterStr !== '') {
+    let systemNameParam = ''
+    if (systemName) {
+      systemNameParam = '&_systemName_=' + encodeURI(systemName)
+    }
     if (path.indexOf('?') !== -1) {
       path += '&'
-      path += additionalParameterStr
+      path += additionalParameterStr + systemNameParam
     } else {
       path += '?'
-      path += additionalParameterStr
+      path += additionalParameterStr + systemNameParam
     }
   }
   let jumpMode = 'refresh'
@@ -448,10 +453,28 @@ function openDialogWhenPopup(jumpPageSetting, system, pageCode, dataId, jumpMode
 
 function packageOpenUrl(system, pageCode, dataId, jumpPageSetting, jumpMode, ids, buttonCode, isHasIdParam) {
   const frontendUrl = getSystemFrontendUrl(system.frontendUrl)
-  const path = frontendUrl + '/#/dsc-full-screen/page?customSystem=' + system.code + '&pageCode=' + pageCode + '&jumpMode=' + jumpMode
+  let path = frontendUrl + '/#/dsc-full-screen/page?customSystem=' + system.code + '&pageCode=' + pageCode + '&jumpMode=' + jumpMode
+  const systemName = getSystemNameWithLanguage(system)
+  if (systemName) {
+    path += '&_systemName_=' + encodeURI(systemName)
+  }
   return packagePathParams(dataId, path, jumpPageSetting, ids, buttonCode, isHasIdParam)
 }
 
+function getSystemNameWithLanguage(system) {
+  if (system) {
+    let locale = 'cn'
+    if (window.$locale) {
+      locale = window.$locale
+    }
+    if (locale === 'cn') {
+      return system.name
+    } else {
+      return system.enName
+    }
+  }
+}
+
 // 解析跳转页面附带参数
 function analysisAdditionalParameter(paramStoreId) {
   const additionalParamMap = sessionStorage.getItem(paramStoreId)

package/src/utils/request.js

@@ -13,7 +13,8 @@ import {
   getI18n
 } from './util'
 import {
-  getRelativeBaseUrl
+  getRelativeBaseUrl,
+  getTimeZone
 } from './common-util'
 // 创建axios实例
 const service = axios.create({
@@ -27,6 +28,8 @@ service.interceptors.request.use(
   config => {
     // 防止重复发送ajax请求
     store.commit('togglePreventReclick', true)
+    const timeZone = getTimeZone()
+    config.headers['timeZone'] = timeZone
     const token = getToken()
     if (token) {
       config.headers['Authorization'] = token // 让每个请求携带自定义token 请根据实际情况自行修改
@@ -112,6 +115,10 @@ service.interceptors.response.use(
         }
         console.log(message)
         let errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+        if (message && message !== 'Internal Server Error') {
+          // 表示显示原始异常
+          errorMsg = message
+        }
         if (message && (message === 'gateway.timeout' || message === 'gateway.callFailed')) {
           // 网关的fallback返回的异常信息“接口调用超时”、“接口调用失败”
           errorMsg = getI18n().t(message)
@@ -124,6 +131,15 @@ service.interceptors.response.use(
         })
         return Promise.reject(error)
       }
+    } else {
+      const errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+      Message({
+        showClose: true,
+        message: errorMsg,
+        type: 'error',
+        duration: 5 * 1000
+      })
+      return Promise.reject(error)
     }
   }
 )

package/src/utils/util.js

@@ -218,7 +218,7 @@ function parseCondition(entity, conditionList, isSql, tableName, additionalParam
       }
     }
     conditions += conditionResult + ' '
-    if (leftBracket && leftBracket !== null && leftBracket !== '') {
+    if (rightBracket && rightBracket !== null && rightBracket !== '') {
       conditions = conditions + rightBracket
       conditions = conditions + (' ')
       // conditions.append(rightBracket).append(' ')
@@ -237,8 +237,12 @@ function parseCondition(entity, conditionList, isSql, tableName, additionalParam
     }
   }
   console.log('parseCondition----conditions=', conditions)
-  // eslint-disable-next-line no-eval
-  return eval('(' + conditions + ')')
+  if (conditions) {
+    // eslint-disable-next-line no-eval
+    return eval('(' + conditions + ')')
+  } else {
+    return true
+  }
 }
 const REPLACE_DOT = '__'
 

package/src/views/dsc-component/Sidebar/Item.vue

@@ -29,13 +29,13 @@ export default {
       if (icon.indexOf('fa-') === 0) {
         // 表示以“fa-”开头，使用font-awesome中的图标
         icon = 'fa ' + icon
-        vnodes.push(<div style='display: inline-block;'><i class={icon}/></div>)
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><i class={icon}/></div>)
       } else if (icon.indexOf('svg-') === 0) {
         icon = icon.substring(icon.indexOf('svg-') + 4)
-        vnodes.push(<div style='display: inline-block;'><svg-icon icon-class={icon}/></div>)
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><svg-icon icon-class={icon}/></div>)
       } else {
         icon += ' svg-icon'
-        vnodes.push(<div style='display: inline-block;'><i class={icon}/></div>)
+        vnodes.push(<div style='display: inline-block;overflow:hidden;'><i class={icon}/></div>)
       }
     }
 
@@ -52,7 +52,7 @@ export default {
         </div>)
       } else {
         // 有子菜单时
-        vnodes.push(<div slot='title' style='display: inline-block'>
+        vnodes.push(<div v-slot:title style='display: inline-block'>
           <div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>{(title)}</div>
         </div>)
       }

package/src/views/dsc-component/Sidebar/SidebarItem.vue

@@ -9,7 +9,7 @@
     </template>
 
     <el-submenu v-else :index="resolvePath(item.code,item.path,item.pageType)" :show-timeout="0" :hide-timeout="50" popper-class="sidebar-container-popper">
-      <template slot="title">
+      <template v-slot:title>
         <item :icon="item.iconName" :title="getI18nName(item)" :has-children="item.children.length > 0?true:false" />
       </template>
 
@@ -38,6 +38,7 @@ import AppLink from './Link'
 import Vue from 'vue'
 import tabJs from '../../../api/tab'
 import { getI18nName } from '../../../utils/menu'
+// import { SidebarItemChild } from './SidebarItemChild.vue'
 export default {
   name: 'SidebarItem',
   components: { Item, AppLink },

package/src/views/dsc-component/Sidebar/index.vue

@@ -1,15 +1,17 @@
 <template>
   <div>
     <el-scrollbar wrap-class="scrollbar-wrapper">
-      <el-menu
-        :show-timeout="200"
-        :default-active="getDefaultActive()"
-        :collapse="isCollapse"
-        mode="vertical"
-        @select="selectMenu"
-      >
-        <sidebar-item v-for="menu in menus" :key="menu.code" :item="menu" />
-      </el-menu>
+      <keep-alive>
+        <el-menu
+          :show-timeout="200"
+          :default-active="getDefaultActive()"
+          :collapse="isCollapse"
+          mode="vertical"
+          @select="selectMenu"
+        >
+          <sidebar-item v-for="menu in menus" :key="menu.code" :item="menu" />
+        </el-menu>
+      </keep-alive>
     </el-scrollbar>
     <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
   </div>
@@ -40,7 +42,7 @@ export default {
   data() {
     const menus = getMenus()
     return {
-      menus
+      menus: Object.freeze(menus)
     }
   },
   computed: {
@@ -55,13 +57,14 @@ export default {
     }
   },
   created() {
+    const a = new Date().getTime()
     this.firstLeafMenu = this.getMyFirstMenu(this.menus)
     if (this.firstLeafMenu && this.firstLeafMenu.fullPath) {
       // 跳转到第一个页面
       if (this.firstLeafMenu.pageType && this.firstLeafMenu.pageType === 'iframe') {
         const iframeSrc = this.firstLeafMenu.fullPath
-        const pageCode = this.firstLeafMenu.path
-        const query = { src: iframeSrc, customSystem: this.systemCode, pageCode: pageCode, _menuCode: this.firstLeafMenu.code, _menuName: getI18nName(this.firstLeafMenu) }
+        const path = this.firstLeafMenu.path
+        const query = { src: iframeSrc, customSystem: this.systemCode, path: path, _menuCode: this.firstLeafMenu.code, _menuName: getI18nName(this.firstLeafMenu) }
         this.addTabs(query, this.$store.state.tabContent.openTab, '/dsc/iframe-page', '/dsc/iframe-page')
         this.$router.push({ path: '/dsc-index/iframe-page', query: query })
       } else {
@@ -71,6 +74,8 @@ export default {
         this.$router.push({ path: '/dsc-index/page', query: query })
         // this.$router.push({ path: this.firstLeafMenu.fullPath })
       }
+      const b = new Date().getTime()
+      console.log('菜单组件==>created==>b-a', (b - a))
     }
   },
   methods: {
@@ -92,11 +97,14 @@ export default {
       Cookies.set('selectMenu', index)
     },
     getMyFirstMenu(menus) {
+      const a = new Date().getTime()
       if (menus && menus.length > 0) {
         let shouldSelectMenu = this.getFirstMenu(menus)
         if (!shouldSelectMenu) {
           shouldSelectMenu = this.getFirstMenuWithCookie(menus)
         }
+        const b = new Date().getTime()
+        console.log('菜单组件==>getMyFirstMenu==>b-a', (b - a))
         // 默认不展示第一个有权限的菜单了，可以去掉下面的代码
         // if (!shouldSelectMenu) {
         //   shouldSelectMenu = this.getSelectMenuWithFirstMenu(menus[0])

package/src/views/dsc-component/tabs/tab-content.vue

@@ -98,7 +98,11 @@ export default {
           path = src
         }
         if (params) {
-          path += '?' + params
+          if (path && path.indexOf('?') > 0) {
+            path += '&' + params
+          } else {
+            path += '?' + params
+          }
         }
       } else {
         // 表示页面跳转

package/lib/super-ui.css

@@ -1 +0,0 @@
-.app-breadcrumb.el-breadcrumb[data-v-7da23860]{display:inline-block;font-size:14px;line-height:50px;margin-left:10px}.app-breadcrumb.el-breadcrumb .no-redirect[data-v-7da23860]{color:#97a8be;cursor:text}.hamburger[data-v-79c757aa]{display:inline-block;cursor:pointer;width:14px;height:14px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.38s;transition:.38s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.hamburger.is-active[data-v-79c757aa]{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.svg-icon[data-v-de244482]{width:1.2em;height:1.2em;vertical-align:-.25em;fill:currentColor;overflow:hidden}.select-top-span{width:100%}.annex-cell[data-v-ae584d44]{padding-right:5px;cursor:pointer;color:#409eff}.grid-search-row[data-v-44ee7f15]{overflow:auto;max-height:320px}.grid-search-form[data-v-f1fa8e36]{overflow:auto}.grid-search-form[data-v-f1fa8e36] .el-form-item{margin-bottom:0}.grid-search-form[data-v-f1fa8e36] .el-form-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.grid-search-form[data-v-f1fa8e36] .search-btn{margin-bottom:5px;text-align:center}.grid-search-form[data-v-f1fa8e36] .customComponent,.grid-search-form[data-v-f1fa8e36] .el-select{width:100%}.grid-search-form[data-v-f1fa8e36] .el-row{padding-right:24px}.grid-search-form[data-v-f1fa8e36] .el-col{padding-left:24px;padding-bottom:16px}.grid-search-form[data-v-5d0844ee]{overflow:auto}.grid-search-form[data-v-5d0844ee] .el-form-item{margin-bottom:0}.grid-search-form[data-v-5d0844ee] .search-btn{margin-bottom:5px;text-align:center}.grid-search-form[data-v-5d0844ee] .customComponent,.grid-search-form[data-v-5d0844ee] .el-select{width:100%}li[data-v-19919133]{color:#333}.context-menu[data-v-19919133]{position:fixed;background:#fff;z-index:999;padding:5px;margin:0;margin-top:30px}.context-menu li[data-v-19919133]{min-width:75px;height:28px;line-height:28px;text-align:left;color:#1a1a1a}.context-menu li[data-v-19919133]:hover{background:#42b983;color:#fff}.context-menu[data-v-19919133]{border:1px solid #eee;-webkit-box-shadow:0 .5em 1em 0 rgba(0,0,0,.1);box-shadow:0 .5em 1em 0 rgba(0,0,0,.1);border-radius:5px}li[data-v-19919133]{list-style-type:none}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid-area .elTable td[data-v-1d751446],.grid-area .elTable th[data-v-1d751446]{padding:2px 0!important}.inline-select-custom{width:100px}.inline-input-custom{width:98%}.searchResult{color:red}.inline-input-custom{width:90%}.ValidCode[data-v-0e45e064]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.ValidCode span[data-v-0e45e064]{display:inline-block}.grid-search-form[data-v-398b171b]{overflow:auto}.grid-search-form[data-v-398b171b] .el-form-item{margin-bottom:0}.grid-search-form[data-v-398b171b] .search-btn{margin-bottom:5px;text-align:center}.grid-search-form[data-v-398b171b] .customComponent,.grid-search-form[data-v-398b171b] .el-select{width:100%}.nine-grid-area[data-v-4d6cc5f7]{padding:10px}.nine-grid-area .el-row[data-v-4d6cc5f7]{margin-bottom:20px}.nine-grid-area .el-row[data-v-4d6cc5f7]:last-child{margin-bottom:0}.nine-grid-area .el-col[data-v-4d6cc5f7]{border-radius:4px;margin-bottom:10px}.nine-grid-area .name[data-v-4d6cc5f7]{font-size:12px;color:#555;float:left;width:80%;text-align:left}.nine-grid-area .bottom[data-v-4d6cc5f7]{line-height:13px}.nine-grid-area .state[data-v-4d6cc5f7]{font-size:12px;margin-top:1.5px;float:right;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:right;-ms-flex-align:right;align-items:right;color:#999;width:20%;text-align:right}.nine-grid-area .image[data-v-4d6cc5f7]{width:100%;display:block;height:200px}.nine-grid-area .clearfix[data-v-4d6cc5f7]:after,.nine-grid-area .clearfix[data-v-4d6cc5f7]:before{display:table;content:""}.nine-grid-area .clearfix[data-v-4d6cc5f7]:after{clear:both}.nine-grid-area .input-with-select[data-v-4d6cc5f7]{width:200px;float:right}.nine-grid-area .popContainer[data-v-4d6cc5f7]{position:absolute;width:23.15%;display:block;height:200px;background:rgba(0,0,0,.5);text-align:right}.nine-grid-area .fade-enter-active[data-v-4d6cc5f7],.nine-grid-area .fade-leave-active[data-v-4d6cc5f7]{-webkit-transition:opacity .5s;transition:opacity .5s}.nine-grid-area .fade-enter[data-v-4d6cc5f7],.nine-grid-area .fade-leave-to[data-v-4d6cc5f7]{opacity:0}.nine-grid-area .icons[data-v-4d6cc5f7]{color:#fff;margin:10px 10px 0 0;cursor:pointer}.nine-grid-area .release-status[data-v-4d6cc5f7]{display:block;width:8px;height:8px;margin-right:8px;border-radius:100%}.nine-grid-area .add-screen[data-v-4d6cc5f7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:230px;font-size:12px}.nine-grid-area .el-divider--horizontal[data-v-4d6cc5f7]{margin:5px 0}