Merge branch 'dataEase源码(勿删)' of…

Merge branch 'dataEase源码(勿删)' of http://47.108.78.218:28999/frontend/yqlh-dataEase into feature/Tippi

Merge branch 'dataEase源码(勿删)' of…
Merge branch 'dataEase源码(勿删)' of http://47.108.78.218:28999/frontend/yqlh-dataEase into feature/Tippi
4afcfe65 · Tippi.Rao · b878bc44 · a752cff5 · 4afcfe65 · 4afcfe65
Commit 4afcfe65 authored Jul 27, 2023 by Tippi.Rao
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,7 +27,9 @@ export default {
  name: 'App',
  components: { PluginCom, PasswordUpdateForm },
  computed: {
-    ...mapState('user', ['passwordModified'])
+    ...mapState('user', [
+      'passwordModified'
+    ])
  },
  data() {
    return {
@@ -43,9 +45,7 @@ export default {
    }
  },
  mounted() {
-    const passwordModified = JSON.parse(
+    const passwordModified = JSON.parse(localStorage.getItem('passwordModified'))
-      localStorage.getItem('passwordModified')
-    )
    if (typeof passwordModified === 'boolean') {
      this.$store.commit('user/SET_PASSWORD_MODIFIED', passwordModified)
    }

--- a/src/components/asyncComponent/index.vue
+++ b/src/components/asyncComponent/index.vue
@@ -54,15 +54,13 @@ export default {
          // window.SyncComponentCache[this.url] = Axios.get(this.url)
          res = await window.SyncComponentCache[this.url]
        } else {
-          this.mode = await window.SyncComponentCache[this.url]
+          res = await window.SyncComponentCache[this.url]
-          return
        }
        if (res) {
          const Fn = Function
          const dynamicCode = res.data || res
          const component = new Fn(`return ${dynamicCode}`)()
          this.mode = component.default || component
-          window.SyncComponentCache[this.url] = this.mode
        }
      }
    }

--- a/src/components/canvas/customComponent/UserView.vue
+++ b/src/components/canvas/customComponent/UserView.vue
@@ -360,7 +360,7 @@ export default {
  computed: {
    // 首次加载且非编辑状态新复制的视图，使用外部filter
    initLoad() {
-      return !(this.isEdit && this.currentCanvasNewId.includes(this.element.id)) && this.isFirstLoad
+      return !(this.isEdit && this.currentCanvasNewId.includes(this.element.id)) && this.isFirstLoad && this.canvasId === 'canvas-main'
    },
    scaleCoefficient() {
      if (this.terminal === 'pc' && !this.mobileLayoutStatus) {

--- a/src/components/dragItem/index.vue
+++ b/src/components/dragItem/index.vue
@@ -6,7 +6,16 @@
      class="item-axis"
      @close="removeItem"
    >
-      {{ item.name }}
+      <el-tooltip
+        v-if="toolTip"
+        class="item"
+        effect="dark"
+        :content="toolTip || item.name"
+        placement="top"
+      >
+        <span>{{ item.name }}</span>
+      </el-tooltip>
+      <span v-else>{{ item.name }}</span>
    </el-tag>
  </span>
 </template>
@@ -22,6 +31,11 @@ export default {
    index: {
      type: Number,
      required: true
+    },
+    toolTip: {
+      type: String,
+      required: false,
+      default: ''
    }
  },

--- a/src/components/elTreeSelect/index.vue
+++ b/src/components/elTreeSelect/index.vue
@@ -410,7 +410,7 @@ export default {
    },
    _filterFun(value, data, node) {
      if (!value) return true
-      return data[this.propsLabel].indexOf(value) !== -1
+      return data[this.propsLabel?.toLocaleUpperCase()].indexOf(value.toLocaleUpperCase()) !== -1
    },
    _treeNodeClickFun(data, node, vm) {
      const { multiple } = this.selectParams

--- a/src/components/elVisualSelect/index.vue
+++ b/src/components/elVisualSelect/index.vue
@@ -121,7 +121,7 @@ export default {
    },
    keyWord(val, old) {
      if (val === old) return
-      const results = val ? this.list.filter(item => item.text.includes(val)) : null
+      const results = val ? this.vagueFilter(val, this.list) : null
      this.resetList(results)
      this.reCacularHeight()
      this.$nextTick(() => {
@@ -136,6 +136,11 @@ export default {
    })
  },
  methods: {
+    vagueFilter(val, nodes) {
+      if (!val || !val.trim()) return nodes
+      const results = nodes.filter(item => item.text?.toLocaleUpperCase().includes(val.toLocaleUpperCase()))
+      return results
+    },
    resetSelectAll() {
      this.selectAll = false
    },
@@ -148,7 +153,7 @@ export default {
    selectAllChange(val) {
      let vals = val ? [...this.list.map(ele => ele.id)] : []
      if (this.keyWord.trim() && val) {
-        vals = this.list.filter(item => item.text.includes(this.keyWord.trim())).map(ele => ele.id)
+        vals = this.vagueFilter(this.keyWord.trim(), this.list).map(ele => ele.id)
      }
      this.visualChange(vals)
      this.selectValue = vals
@@ -233,14 +238,14 @@ export default {
    isAllSelect() {
      let vals = this.list.length
      if (this.keyWord.trim()) {
-        vals = this.list.filter(item => item.text.includes(this.keyWord.trim())).map(ele => ele.id).filter(ele => this.selectValue.includes(ele)).length
+        vals = this.vagueFilter(this.keyWord.trim(), this.list).map(ele => ele.id).filter(ele => this.selectValue.includes(ele)).length
      }
      return vals
    },
    halfSelect() {
      let vals = this.list.length
      if (this.keyWord.trim()) {
-        vals = this.list.filter(item => item.text.includes(this.keyWord.trim())).map(ele => ele.id).length
+        vals = this.vagueFilter(this.keyWord.trim(), this.list).map(ele => ele.id).length
      }
      return vals
    },

--- a/src/components/widget/deWidget/DeSelectGrid.vue
+++ b/src/components/widget/deWidget/DeSelectGrid.vue
@@ -31,7 +31,7 @@
          v-model="value"
          @change="handleCheckedChange"
        >
-          <template v-for="item in data.filter(node => !keyWord || (node.id && node.id.includes(keyWord)))">
+          <template v-for="item in data.filter(node => !keyWord || (node.id && node.id.toLocaleUpperCase().includes(keyWord.toLocaleUpperCase())))">
            <el-checkbox
              :key="item.id"
              :label="item.id"
@@ -51,7 +51,7 @@
          @change="changeRadioBox"
        >
          <el-radio
-            v-for="(item, index) in data.filter(node => !keyWord || (node.id && node.id.includes(keyWord)))"
+            v-for="(item, index) in data.filter(node => !keyWord || (node.id && node.id.toLocaleUpperCase().includes(keyWord.toLocaleUpperCase())))"
            :key="index"
            :label="item.id"
            @click.native.prevent="testChange(item)"

--- a/src/components/widget/deWidget/DeSelectTree.vue
+++ b/src/components/widget/deWidget/DeSelectTree.vue
@@ -381,7 +381,7 @@ export default {
    _filterFun(value, data, node) {
      if (!value) return true
-      return data.id.toString().indexOf(value.toString()) !== -1
+      return data.id.toString().toLocaleUpperCase().indexOf(value.toString().toLocaleUpperCase()) !== -1
    },
    // 树点击
    _nodeClickFun(data, node, vm) {

--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -626,7 +626,8 @@ export default {
    status: 'Authorization status',
    valid: 'Valid',
    invalid: 'Invalid',
-    expired: 'Expired'
+    expired: 'Expired',
+    expired_msg: 'license has expired since {0}.  It is recommended to update the license, which does not affect the use of enterprise version functions'
  },
  member: {
    create: 'Add members',

--- a/src/lang/tw.js
+++ b/src/lang/tw.js
@@ -626,7 +626,8 @@ export default {
    status: '授權狀態',
    valid: '有效',
    invalid: '無效',
-    expired: '已過期'
+    expired: '已過期',
+    expired_msg: 'License已過期，過期時間：{0}，為了不影響企業版功能的使用，建議您更新License'
  },
  member: {
    create: '添加成員',

--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -625,7 +625,8 @@ export default {
    status: '授权状态',
    valid: '有效',
    invalid: '无效',
-    expired: '已过期'
+    expired: '已过期',
+    expired_msg: 'License已过期，过期时间：{0}，为了不影响企业版功能的使用，建议您更新License'
  },
  member: {
    create: '添加成员',
@@ -1178,7 +1179,7 @@ export default {
    chart_pie_rose: '南丁格尔玫瑰图',
    chart_pie_donut_rose: '南丁格尔玫瑰环形图',
    chart_funnel: '漏斗图',
-    chart_sankey:'桑基图',
+    chart_sankey: '桑基图',
    chart_radar: '雷达图',
    chart_gauge: '仪表盘',
    chart_map: '地图',

--- a/src/layout/components/Licbar.vue
+++ b/src/layout/components/Licbar.vue
 <template>
  <div
-    v-if="!licValidate && licStatus !== 'no_record'"
+    v-if="!licValidate && licStatus !== 'no_record' && !tipClosed"
-    class="lic"
+    class="lic_tips"
  >
-    <strong>{{ $t(licMsg) }}</strong>
+    <el-alert
+      class="lic_alert"
+      :title="$t(licMsg)"
+      type="warning"
+      show-icon
+      center
+      @close="closeTip"
+    />
  </div>
 </template>
@@ -20,9 +29,7 @@ export default {
    }
  },
  computed: {
-    /* theme() {
-      return this.$store.state.settings.theme
-    }, */
    licValidate() {
      return this.$store.state.lic.validate
    },
@@ -30,40 +37,40 @@ export default {
      return this.$store.state.lic.licStatus || ''
    },
    licMsg() {
+      if (this.$store.state.lic?.licMsg?.includes('expired')) {
+        const message = this.$store.state.lic.licMsg
+        const exp = message.substring(message.indexOf('since ') + 6, message.indexOf(','))
+        return this.$t('license.expired_msg').replace('{0}', exp)
+      }
      return this.$store.state.lic.licMsg ? ('license.' + this.$store.state.lic.licMsg) : null
+    },
+    tipClosed() {
+      return localStorage.getItem('lic_closed')
    }
  },
  mounted() {
-    // this.validate()
  },
  methods: {
-    // validate() {
+    closeTip() {
-    //   validateLic().then(res => {
+      localStorage.setItem('lic_closed', true)
-    //     this.lic = true
+    }
-    //     this.$store.dispatch('lic/setValidate', true)
-    //   }).catch((e) => {
-    //     this.msg = e.response.data.message
-    //     this.lic = false
-    //     this.$store.dispatch('lic/setValidate', false)
-    //   })
-    // }
  }
 }
 </script>
 <style lang="scss" scoped>
+  .lic_tips {
-    .lic {
+    position: absolute;
-        height: 24px;
+    z-index: 2000;
-        background-color: #c92100;
+    position:absolute;
-        color: #fff;
+    top: 0;left:0;right:0;
-        text-align: center;
+    margin: auto;
-        /* padding: 6px 11px; */
+  }
-        position: fixed;
+  .lic_alert ::v-deep .el-icon-close{
-        z-index: 1002;
+    top: 16px !important;
-        top: 0;
+    right: 10px !important;
-        width: 100%;
  }
 </style>
--- a/src/layout/components/Topbar.vue
+++ b/src/layout/components/Topbar.vue
@@ -281,7 +281,7 @@ export default {
    unloadHandler(e) {
      this.gap_time = new Date().getTime() - this.beforeUnload_time
      if (this.gap_time <= 5) {
-        this.logout().then(res => {})
+        // this.logout().then(res => {})
      }
    },

--- a/src/main.js
+++ b/src/main.js
@@ -76,8 +76,8 @@ Vue.use(Vuetify)
 * please remove it before going online ! ! !
 */
 if (process.env.NODE_ENV === 'production') {
-  //   const { mockXHR } = require('../mock')
+//   const { mockXHR } = require('../mock')
-  //   mockXHR()
+//   mockXHR()
 }
 // set ElementUI lang to EN
@@ -124,7 +124,7 @@ Vue.prototype.hasDataPermission = function(pTarget, pSource) {
 Vue.prototype.checkPermission = function(pers) {
  const permissions = store.getters.permissions
-  const hasPermission = pers.every((needP) => {
+  const hasPermission = pers.every(needP => {
    const result = permissions.includes(needP)
    return result
  })
@@ -137,21 +137,18 @@ Vue.prototype.$cancelRequest = function(cancelkey) {
  if (cancelkey) {
    if (cancelkey.indexOf('/**') > -1) {
      Vue.prototype.$currentHttpRequestList.forEach((item, key) => {
-        key.indexOf(cancelkey.split('/**')[0]) > -1 &&
+        key.indexOf(cancelkey.split('/**')[0]) > -1 && item('Operation canceled by the user.')
-          item('Operation canceled by the user.')
      })
    } else {
-      Vue.prototype.$currentHttpRequestList.get(cancelkey) &&
+      Vue.prototype.$currentHttpRequestList.get(cancelkey) && Vue.prototype.$currentHttpRequestList.get(cancelkey)('Operation canceled by the user.')
-        Vue.prototype.$currentHttpRequestList.get(cancelkey)(
-          'Operation canceled by the user.'
-        )
    }
  }
 }
 new Vue({
  router,
  store,
  i18n,
-  render: (h) => h(App)
+  render: h => h(App)
 }).$mount('#app')
--- a/src/permission.js
+++ b/src/permission.js
@@ -3,45 +3,47 @@ import store from './store'
 // import { Message } from 'element-ui'
 import NProgress from 'nprogress' // progress bar
 import 'nprogress/nprogress.css' // progress bar style
-import { getToken } from '@/utils/auth' // get token from cookie
+import {
+  getToken
+} from '@/utils/auth' // get token from cookie
 import getPageTitle from '@/utils/get-page-title'
-import { buildMenus } from '@/api/system/menu'
+import {
-import { filterAsyncRouter } from '@/store/modules/permission'
+  buildMenus
-import { isMobile, changeFavicon } from '@/utils/index'
+} from '@/api/system/menu'
+import {
+  filterAsyncRouter
+} from '@/store/modules/permission'
+import {
+  isMobile,
+  changeFavicon
+} from '@/utils/index'
 import Layout from '@/layout/index'
-import { getSysUI } from '@/utils/auth'
+import {
+  getSysUI
+} from '@/utils/auth'
-import { getSocket } from '@/websocket'
+import {
+  getSocket
+} from '@/websocket'
 NProgress.configure({
  showSpinner: false
 }) // NProgress Configuration
-const whiteList = [
+const whiteList = ['/login', '/401', '/404', '/delink', '/nolic', '/de-auto-login'] // no redirect whitelist
-  '/login',
-  '/401',
-  '/404',
-  '/delink',
-  '/nolic',
-  '/de-auto-login'
-] // no redirect whitelist
 const routeBefore = (callBack) => {
  let uiInfo = getSysUI()
  if (!uiInfo || Object.keys(uiInfo).length === 0) {
-    store
+    store.dispatch('user/getUI').then(() => {
-      .dispatch('user/getUI')
-      .then(() => {
      document.title = getPageTitle()
      uiInfo = getSysUI()
      if (uiInfo['ui.favicon'] && uiInfo['ui.favicon'].paramValue) {
-          const faviconUrl =
+        const faviconUrl = '/system/ui/image/' + uiInfo['ui.favicon'].paramValue
-            '/system/ui/image/' + uiInfo['ui.favicon'].paramValue
        changeFavicon(faviconUrl)
      }
      callBack()
-      })
+    }).catch(err => {
-      .catch((err) => {
      document.title = getPageTitle()
      console.error(err)
      callBack()
@@ -55,22 +57,17 @@ const routeBefore = (callBack) => {
    callBack()
  }
 }
-router.beforeEach(async(to, from, next) =>
+router.beforeEach(async (to, from, next) => routeBefore(() => {
-  routeBefore(() => {
  // start progress bar
  NProgress.start()
  const mobileIgnores = ['/delink', '/de-auto-login']
  const mobilePreview = '/preview/'
  const hasToken = getToken()
-    if (
+  if (isMobile() && !to.path.includes(mobilePreview) && mobileIgnores.indexOf(to.path) === -1) {
-      isMobile() &&
-      !to.path.includes(mobilePreview) &&
-      mobileIgnores.indexOf(to.path) === -1
-    ) {
    let urlSuffix = '/app.html'
    if (hasToken) {
-        urlSuffix += '?detoken=' + hasToken
+      urlSuffix += ('?detoken=' + hasToken)
    }
    localStorage.removeItem('user-info')
    localStorage.removeItem('userId')
@@ -83,6 +80,7 @@ router.beforeEach(async(to, from, next) =>
  document.title = getPageTitle(to.meta.title)
  // determine whether the user has logged in
  if (hasToken) {
    if (to.path === '/login') {
      // if is logged in, redirect to the home page
@@ -92,47 +90,32 @@ router.beforeEach(async(to, from, next) =>
      NProgress.done()
    } else {
      const hasGetUserInfo = store.getters.name
-        if (
+      if (hasGetUserInfo || to.path.indexOf('/previewScreenShot/') > -1 || to.path.indexOf('/preview/') > -1 || to.path.indexOf('/delink') > -1 || to.path.indexOf('/nolic') > -1) {
-          hasGetUserInfo ||
-          to.path.indexOf('/previewScreenShot/') > -1 ||
-          to.path.indexOf('/preview/') > -1 ||
-          to.path.indexOf('/delink') > -1 ||
-          to.path.indexOf('/nolic') > -1
-        ) {
        next()
        store.dispatch('permission/setCurrentPath', to.path)
        let route = store.getters.permission_routes.find(
-            (item) => item.path === '/' + to.path.split('/')[1]
+          item => item.path === '/' + to.path.split('/')[1]
        )
        // 如果找不到这个路由，说明是首页
        if (!route) {
-            route = store.getters.permission_routes.find(
+          route = store.getters.permission_routes.find(item => item.path === '/')
-              (item) => item.path === '/'
-            )
        }
        store.commit('permission/SET_CURRENT_ROUTES', route)
        if (['system'].includes(route.name)) {
          store.dispatch('app/toggleSideBarHide', false)
        }
      } else {
-          if (store.getters.roles.length === 0) {
+        if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
-            // 判断当前用户是否已拉取完user_info信息
          // get user info
-            store
+          store.dispatch('user/getInfo').then(() => {
-              .dispatch('user/getInfo')
-              .then(() => {
            const deWebsocket = getSocket()
            deWebsocket && deWebsocket.reconnect && deWebsocket.reconnect()
-                store
+            store.dispatch('lic/getLicInfo').then(() => {
-                  .dispatch('lic/getLicInfo')
-                  .then(() => {
              loadMenus(next, to)
-                  })
+            }).catch(() => {
-                  .catch(() => {
              loadMenus(next, to)
            })
-              })
+          }).catch(() => {
-              .catch(() => {
            store.dispatch('user/logout').then(() => {
              location.reload() // 为了重新实例化vue-router对象 避免bug
            })
@@ -140,12 +123,9 @@ router.beforeEach(async(to, from, next) =>
        } else if (store.getters.loadMenus) {
          // 修改成false，防止死循环
          store.dispatch('user/updateLoadMenus')
-            store
+          store.dispatch('lic/getLicInfo').then(() => {
-              .dispatch('lic/getLicInfo')
-              .then(() => {
            loadMenus(next, to)
-              })
+          }).catch(() => {
-              .catch(() => {
            loadMenus(next, to)
          })
        } else {
@@ -165,10 +145,9 @@ router.beforeEach(async(to, from, next) =>
      NProgress.done()
    }
  }
-  })
+}))
-)
 export const loadMenus = (next, to) => {
-  buildMenus().then((res) => {
+  buildMenus().then(res => {
    const data = res.data
    const filterData = filterRouter(data)
    const asyncRouter = filterAsyncRouter(filterData)
@@ -194,8 +173,7 @@ export const loadMenus = (next, to) => {
      redirect: '/404',
      hidden: true
    })
-    store.dispatch('permission/GenerateRoutes', asyncRouter).then(() => {
+    store.dispatch('permission/GenerateRoutes', asyncRouter).then(() => { // 存储路由
-      // 存储路由
      router.addRoutes(asyncRouter)
      if (pathValid(to.path, asyncRouter)) {
        next({
@@ -234,9 +212,9 @@ const pathValid = (path, routers) => {
 const hasCurrentRouter = (locations, routers, index) => {
  const location = locations[index]
  let kids = []
-  const isvalid = routers.some((router) => {
+  const isvalid = routers.some(router => {
    kids = router.children
-    return router.path === location || '/' + location === router.path
+    return (router.path === location || ('/' + location) === router.path)
  })
  if (isvalid && index < locations.length - 1) {
    return hasCurrentRouter(locations, kids, index + 1)
@@ -244,16 +222,14 @@ const hasCurrentRouter = (locations, routers, index) => {
  return isvalid
 }
 // 根据权限过滤菜单
-const filterRouter = (routers) => {
+const filterRouter = routers => {
  const user_permissions = store.getters.permissions
  // if (!user_permissions || user_permissions.length === 0) {
  //   return routers
  // }
-  const tempResults = routers.filter((router) =>
+  const tempResults = routers.filter(router => hasPermission(router, user_permissions))
-    hasPermission(router, user_permissions)
-  )
  // 如果是一级菜单(目录) 没有字菜单 那就移除
-  return tempResults.filter((item) => {
+  return tempResults.filter(item => {
    if (item.type === 0 && (!item.children || item.children.length === 0)) {
      return false
    }
@@ -264,16 +240,13 @@ const hasPermission = (router, user_permissions) => {
  // 判断是否有符合权限 eg. user:read,user:delete
  if (router.permission && router.permission.indexOf(',') > -1) {
    const permissions = router.permission.split(',')
-    const permissionsFilter = permissions.filter((permission) => {
+    const permissionsFilter = permissions.filter(permission => {
      return user_permissions.includes(permission)
    })
    if (!permissionsFilter || permissionsFilter.length === 0) {
      return false
    }
-  } else if (
+  } else if (router.permission && !user_permissions.includes(router.permission)) {
-    router.permission &&
-    !user_permissions.includes(router.permission)
-  ) {
    // 菜单要求权限 但是当前用户权限没有包含菜单权限
    return false
  }
@@ -283,9 +256,7 @@ const hasPermission = (router, user_permissions) => {
  }
  // 如果有字菜单 则 判断是否满足 ‘任意一个子菜单有权限’
  if (router.children && router.children.length) {
-    const permissionChildren = router.children.filter((item) =>
+    const permissionChildren = router.children.filter(item => hasPermission(item, user_permissions))
-      hasPermission(item, user_permissions)
-    )
    router.children = permissionChildren
    return router.children.length > 0
  }

--- a/src/views/chart/components/ChartComponent.vue
+++ b/src/views/chart/components/ChartComponent.vue
@@ -481,10 +481,12 @@ export default {
    trackClick(trackAction) {
      const param = this.pointParam
      if (!param || !param.data || !param.data.dimensionList) {
-        // 地图提示没有关联字段 其他没有维度信息的 直接返回
        if (this.chart.type === 'map') {
+          const zoom = this.myChart.getOption().geo[0].zoom
+          if (zoom <= 1) {
            this.$warning(this.$t('panel.no_drill_field'))
          }
+        }
        return
      }
      const quotaList = this.pointParam.data.quotaList

--- a/src/views/chart/components/componentStyle/dialog/RemarkEditor.vue
+++ b/src/views/chart/components/componentStyle/dialog/RemarkEditor.vue
@@ -14,6 +14,22 @@
 <script>
 import tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入不显示
 import Editor from '@tinymce/tinymce-vue'
+import 'tinymce/themes/silver/theme' // 编辑器主题
+import 'tinymce/icons/default' // 引入编辑器图标icon，不引入则不显示对应图标
+// 引入编辑器插件（基本免费插件都在这儿了）
+import 'tinymce/plugins/advlist' // 高级列表
+import 'tinymce/plugins/autolink' // 自动链接
+import 'tinymce/plugins/link' // 超链接
+import 'tinymce/plugins/image' // 插入编辑图片
+import 'tinymce/plugins/lists' // 列表插件
+import 'tinymce/plugins/charmap' // 特殊字符
+import 'tinymce/plugins/media' // 插入编辑媒体
+import 'tinymce/plugins/wordcount' // 字数统计
+import 'tinymce/plugins/table' // 表格
+import 'tinymce/plugins/contextmenu' // contextmenu
+import 'tinymce/plugins/directionality'
+import 'tinymce/plugins/nonbreaking'
+import 'tinymce/plugins/pagebreak'
 import { imgUrlTrans } from '@/components/canvas/utils/utils'
 import { mapState } from 'vuex'
 // 编辑器引入

--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -216,6 +216,7 @@ import { changeFavicon, showMultiLoginMsg } from '@/utils/index'
 import { initTheme } from '@/utils/ThemeUtil'
 import PluginCom from '@/views/system/plugin/PluginCom'
 import Cookies from 'js-cookie'
+import xss from 'xss'
 export default {
  name: 'Login',
  components: { PluginCom },
@@ -449,7 +450,27 @@ export default {
        this.showFoot = this.uiInfo['ui.showFoot'].paramValue === true || this.uiInfo['ui.showFoot'].paramValue === 'true'
        if (this.showFoot) {
          const content = this.uiInfo['ui.footContent'] && this.uiInfo['ui.footContent'].paramValue
-          this.footContent = content
+          const myXss = new xss.FilterXSS({
+            css: {
+              whiteList: {
+                'background-color': true,
+                'text-align': true,
+                'color': true,
+                'margin-top': true,
+                'margin-bottom': true,
+                'line-height': true,
+                'box-sizing': true,
+                'padding-top': true,
+                'padding-bottom': true
+              }
+            },
+            whiteList: {
+              ...xss.whiteList,
+              p: ['style'],
+              span: ['style']
+            }
+          })
+          this.footContent = myXss.process(content)
        }
      }
    },

--- a/src/views/panel/filter/FilterDialog.vue
+++ b/src/views/panel/filter/FilterDialog.vue
@@ -266,6 +266,7 @@
      <div v-if="currentElement.options && currentElement.options.attrs">
        <filter-head
          :element="currentElement"
+          @dataset-name="dataSetName"
        />
        <filter-control
@@ -463,6 +464,23 @@ export default {
    bus.$off('valid-values-change', this.validateFilterValue)
  },
  methods: {
+    dataSetName(tableId, callback) {
+      let result = null
+      if (tableId) {
+        const stack = [...this.defaultData]
+        while (stack.length) {
+          const tableNode = stack.pop()
+          if (tableNode.id === tableId) {
+            result = tableNode.name
+            break
+          }
+          if (tableNode.children?.length) {
+            tableNode.children.forEach(kid => stack.push(kid))
+          }
+        }
+      }
+      callback && callback(result)
+    },
    async checkSuperior(list, anotherTableIds) {
      let fieldValid = false
      const fieldId = this.myAttrs?.fieldId

--- a/src/views/panel/filter/filterMain/FilterHead.vue
+++ b/src/views/panel/filter/filterMain/FilterHead.vue
@@ -25,6 +25,7 @@
                    :key="item.id"
                    :item="item"
                    :index="index"
+                    :tool-tip="getTableName(item.tableId)"
                    @closeItem="closeItem"
                  />
@@ -70,7 +71,12 @@ export default {
  },
  methods: {
+    getTableName(tableId) {
+      let tableName = null
+      this.$emit('dataset-name', tableId, t => { tableName = t })
+      console.log(tableName)
+      return tableName
+    },
    onMove(e, originalEvent) {
      return true
    },

--- a/src/views/panel/list/PanelViewShow.vue
+++ b/src/views/panel/list/PanelViewShow.vue
@@ -258,6 +258,7 @@
            <Preview
              v-if="showMainFlag"
              ref="paneViewPreviewRef"
+              :class="fullscreen && 'fullscreen-visual-selects'"
              :component-data="mainCanvasComponentData"
              :canvas-style-data="canvasStyleData"
              :active-tab="activeTab"
@@ -932,5 +933,12 @@ export default {
  color: inherit;
  margin-right: 5px;
 }
+.fullscreen-visual-selects {
+  .VisualSelects {
+    top: inherit !important;
+    left: inherit !important;
+  }
+}
 </style>
--- a/vue.config.js
+++ b/vue.config.js
@@ -50,10 +50,7 @@ module.exports = {
        '@': resolve('src')
      }
    },
-    output:
+    output: process.env.NODE_ENV === 'development' ? {} : {
-      process.env.NODE_ENV === 'development'
-        ? {}
-        : {
      filename: `js/[name].[contenthash:8].${pkg.version}.js`,
      publicPath: '/',
      chunkFilename: `js/[name].[contenthash:8].${pkg.version}.js`
@@ -80,14 +77,15 @@ module.exports = {
      })
    ]
  },
-  chainWebpack: (config) => {
+  chainWebpack: config => {
    config.module.rules.delete('svg') // 删除默认配置中处理svg,
    // const svgRule = config.module.rule('svg')
    // svgRule.uses.clear()
    config.module
      .rule('svg-sprite-loader')
      .test(/\.svg$/)
-      .include.add(resolve('src/icons')) // 处理svg目录
+      .include
+      .add(resolve('src/icons')) // 处理svg目录
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')