core/core-frontend/src/views/mobile/directory/index.vue

@@ -127,7 +127,7 @@ watch(filterText, val => {
 })
 
 const dataClick = val => {
-  if (val.extraFlag1 === 0) return
+  filterText.value = ''
   if (val.leaf) {
     emits('hiddenTabbar', true)
     handleCellClick(val)
@@ -155,7 +155,7 @@ const dfsTableData = arr => {
 }
 
 const getTree = async () => {
-  const request = { busiFlag: 'dashboard', resourceTable: 'core' } as BusiTreeRequest
+  const request = { busiFlag: 'dashboard' } as BusiTreeRequest
   await interactiveStore.setInteractive(request)
   const interactiveData = interactiveStore.getPanel
   const nodeData = interactiveData.treeNodes
@@ -269,7 +269,6 @@ onMounted(() => {
         v-for="ele in activeTableData"
         :key="ele.id"
         @click="dataClick(ele)"
-        :style="{ color: ele.extraFlag1 === 0 ? '#bbbfc4' : '#1f2329' }"
         :label="ele.name"
         :nextlevel="!ele.leaf"
         :prefix-icon="ele.leaf ? icon_dashboard : dvFolder"

core/core-frontend/src/views/mobile/home/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, onMounted, reactive, watch } from 'vue'
+import { ref, computed, onMounted, reactive } from 'vue'
 import { interactiveStoreWithOut } from '@/store/modules/interactive'
 import { useI18n } from '@/hooks/web/useI18n'
 import { shortcutOption } from '@/views/workbranch/ShortcutOption'
@@ -16,8 +16,6 @@ import 'vant/es/sticky/style'
 import 'vant/es/tab/style'
 import 'vant/es/nav-bar/style'
 import 'vant/es/tabs/style'
-import { cloneDeep, map } from 'lodash-es'
-import { XpackComponent } from '@/components/plugin'
 
 const router = useRouter()
 const { t } = useI18n()
@@ -45,6 +43,18 @@ const loadTableData = () => {
     })
 }
 
+const setEmptyTips = () => {
+  emptyTips.value = state.tableData.length
+    ? ''
+    : `暂无${
+        {
+          recent: '数据',
+          store: '收藏',
+          share: '分享'
+        }[activeTab.value]
+      }`
+}
+
 const loadShareTableData = () => {
   emits('setLoading', true)
   request
@@ -61,26 +71,12 @@ const loadShareTableData = () => {
     })
 }
 
-const baseTablePaneList = ref([
+const tablePaneList = ref([
   { title: t('work_branch.recent'), name: 'recent', disabled: false },
   { title: '我的收藏', name: 'store', disabled: false },
   { title: t('visualization.share_out'), name: 'share', disabled: false }
 ])
 
-const computedBaseTablePaneNameList = computed(() => {
-  return map(baseTablePaneList.value, l => l.name)
-})
-
-const dfTablePaneList = ref([])
-
-const tablePaneList = computed(() => {
-  const list = cloneDeep(!!busiAuthList.length ? baseTablePaneList.value : [])
-  for (const valueElement of dfTablePaneList.value) {
-    list.push(valueElement)
-  }
-  return list
-})
-
 const busiDataMap = computed(() => interactiveStore.getData)
 
 const getBusiListWithPermission = () => {
@@ -91,51 +87,22 @@ const getBusiListWithPermission = () => {
       busiFlagList.push(baseFlagList[parseInt(key)])
     }
   }
-  baseTablePaneList.value[0].disabled = !busiFlagList?.length
+  tablePaneList.value[0].disabled = !busiFlagList?.length
-  baseTablePaneList.value[1].disabled =
+  tablePaneList.value[1].disabled =
     !busiFlagList.includes('panel') && !busiFlagList.includes('screen')
   return busiFlagList
 }
 
 const busiAuthList = getBusiListWithPermission()
 
-const shortName = {
-  recent: '数据',
-  store: '收藏',
-  share: '分享'
-}
-
-const loadedDataFilling = data => {
-  dfTablePaneList.value.push(data)
-  shortName[data.name] = data.shortName
-}
-
-const setEmptyTips = () => {
-  emptyTips.value = state.tableData.length ? '' : `暂无${shortName[activeTab.value]}`
-}
-
-const firstChangeActiveName = ref(false)
-
-watch(
-  () => tablePaneList.value.length,
-  () => {
-    if (tablePaneList.value.length > 0 && !firstChangeActiveName.value) {
-      firstChangeActiveName.value = true
-      activeTab.value = tablePaneList.value[0].name
-    }
-  }
-)
-
 const handleClick = ({ name, disabled }) => {
   if (disabled) return
   if (name === 'recent' || name === 'store') {
     emits('setLoading', true)
     shortcutOption.setBusiFlag(name)
     loadTableData()
-  } else if (name === 'share') {
-    loadShareTableData()
   } else {
-    emptyTips.value = undefined
+    loadShareTableData()
   }
 }
 onMounted(() => {
@@ -149,7 +116,6 @@ onMounted(() => {
 })
 
 const handleCellClick = ele => {
-  if (ele.extFlag1 === 0) return
   wsCache.set('activeTab', activeTab.value)
   router.push({
     path: '/panel/mobile',
@@ -179,20 +145,13 @@ const formatterTime = val => {
       </van-tabs>
     </van-sticky>
     <div class="workbranch-cell-group">
-      <template v-if="computedBaseTablePaneNameList.includes(activeTab)">
+      <Workbranch
-        <Workbranch
+        @click="handleCellClick(ele)"
-          @click="handleCellClick(ele)"
+        v-for="ele in state.tableData"
-          v-for="ele in state.tableData"
+        :key="ele.id"
-          :key="ele.id"
+        size="large"
-          :style="{ color: ele.extFlag1 === 0 ? '#bbbfc4' : '#1f2329' }"
+        :label="ele.name"
-          size="large"
+        :time="formatterTime(ele.lastEditTime || ele.time)"
-          :label="ele.name"
-          :time="formatterTime(ele.lastEditTime || ele.time)"
-        />
-      </template>
-      <XpackComponent
-        jsname="L21lbnUvZGF0YS9kYXRhLWZpbGxpbmcvZmlsbC9UYWJQYW5lVGFibGU="
-        v-else-if="activeTab === 'data-filling'"
       />
     </div>
     <div class="empty-img-mobile" v-if="!!emptyTips">
@@ -202,11 +161,6 @@ const formatterTime = val => {
       </div>
     </div>
   </div>
-
-  <XpackComponent
-    jsname="L21lbnUvZGF0YS9kYXRhLWZpbGxpbmcvZmlsbC9UYWJQYW5l"
-    @loaded="loadedDataFilling"
-  />
 </template>
 
 <style lang="less" scoped>

core/core-frontend/src/views/mobile/login/index.vue

@@ -143,7 +143,12 @@ const onSubmit = async () => {
         return
       }
       showMfa.value = false
-      if (toMfa(mfa)) {
+      if (!isLdap && mfa?.enabled) {
+        for (const key in mfa) {
+          mfaData.value[key] = mfa[key]
+        }
+        showMfa.value = true
+        duringLogin.value = false
         return
       }
       userStore.setToken(token)
@@ -172,19 +177,6 @@ const switchType = type => {
 const toMain = () => {
   router.push({ path: '/index' })
 }
-const toMfa = (mfa: any) => {
-  const isLdap = loginType.value === 'ldap'
-  if (!isLdap && mfa?.enabled) {
-    for (const key in mfa) {
-      mfaData.value[key] = mfa[key]
-    }
-    showMfa.value = true
-    duringLogin.value = false
-    showPlatLoginMask.value = false
-    return true
-  }
-  return false
-}
 const loadFail = () => {
   xpackLoadFail.value = true
   showPlatLoginMask.value = false
@@ -256,7 +248,6 @@ const loadFail = () => {
     <XpackComponent
       jsname="L2NvbXBvbmVudC9sb2dpbi9Nb2JpbGVIYW5kbGVy"
       @switch-type="switchType"
-      @to-mfa="toMfa"
       @to-main="toMain"
     />
   </div>

core/core-frontend/src/views/mobile/panel/Mobile.vue

@@ -1,12 +1,8 @@
 <script setup lang="ts">
 import { reactive } from 'vue'
-import icon_collection_outlined from '@/assets/svg/icon_collection_outlined.svg'
-import visualStar from '@/assets/svg/visual-star.svg'
-import icon_replace_outlined from '@/assets/svg/icon_replace_outlined.svg'
 import { initCanvasDataMobile } from '@/utils/canvasUtils'
 import { ref, nextTick, onBeforeMount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { storeApi, storeStatusApi } from '@/api/visualization/dataVisualization'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import VanSticky from 'vant/es/sticky'
@@ -15,15 +11,13 @@ import 'vant/es/nav-bar/style'
 import 'vant/es/sticky/style'
 import { downloadCanvas2 } from '@/utils/imgUtils'
 import { useEmitt } from '@/hooks/web/useEmitt'
-import CanvasOptBar from '@/components/visualization/CanvasOptBar.vue'
 const dvMainStore = dvMainStoreWithOut()
 const state = reactive({
   canvasDataPreview: null,
   canvasStylePreview: null,
   canvasViewInfoPreview: null,
   dvInfo: {
-    name: '',
+    name: ''
-    id: ''
   },
   curPreviewGap: 0
 })
@@ -52,7 +46,6 @@ const loadCanvasData = (dvId, weight?) => {
       state.curPreviewGap = curPreviewGap
       dataInitState.value = true
       nextTick(() => {
-        storeQuery()
         dashboardPreview.value.restore()
       })
     }
@@ -96,25 +89,6 @@ const onClickLeft = () => {
     }
   })
 }
-const reload = () => {
-  window.location.reload()
-}
-const favorited = ref(false)
-const executeStore = () => {
-  const param = {
-    id: state.dvInfo.id,
-    type: 'panel'
-  }
-  storeApi(param).then(() => {
-    storeQuery()
-  })
-}
-const storeQuery = () => {
-  if (!state.dvInfo?.id) return
-  storeStatusApi(state.dvInfo.id).then(res => {
-    favorited.value = res.data
-  })
-}
 </script>
 
 <template>
@@ -122,29 +96,6 @@ const storeQuery = () => {
     <van-sticky>
       <van-nav-bar :title="state.dvInfo.name" left-arrow @click-left="onClickLeft" />
     </van-sticky>
-    <div class="top-nav_refresh">
-      <el-icon
-        size="16"
-        @click="executeStore"
-        :style="{ color: favorited ? '#FFC60A' : '#646A73' }"
-      >
-        <icon
-          ><component
-            class="svg-icon"
-            :is="favorited ? visualStar : icon_collection_outlined"
-          ></component
-        ></icon>
-      </el-icon>
-      <el-icon style="margin-left: 16px" @click="reload" color="#646A73" size="16"
-        ><icon_replace_outlined
-      /></el-icon>
-    </div>
-    <canvas-opt-bar
-      style="top: 48px"
-      canvas-id="canvas-main"
-      :canvas-style-data="state.canvasStylePreview || {}"
-      :component-data="state.canvasDataPreview || []"
-    ></canvas-opt-bar>
     <de-preview
       ref="dashboardPreview"
       v-if="state.canvasStylePreview && dataInitState"
@@ -154,7 +105,6 @@ const storeQuery = () => {
       :canvas-style-data="state.canvasStylePreview"
       :canvas-view-info="state.canvasViewInfoPreview"
       :download-status="downloadStatus"
-      :show-linkage-button="false"
     ></de-preview>
   </div>
 </template>
@@ -170,15 +120,6 @@ const storeQuery = () => {
   --van-nav-bar-title-text-color: #1f2329;
   --van-font-bold: 500;
   --van-nav-bar-title-font-size: 17px;
-
-  .top-nav_refresh {
-    position: absolute;
-    top: 14px;
-    right: 24px;
-    z-index: 10;
-    display: flex;
-    align-items: center;
-  }
   #preview-canvas-main {
     height: calc(100% - 44px) !important;
   }

core/core-frontend/src/views/mobile/panel/index.vue

@@ -87,11 +87,7 @@ const hanedleMessage = event => {
       mobileComponent['events'] = component['events']
       mobileComponent['propValue'] = component['propValue']
       mobileViewStyleSwitch(otherComponent)
-      if (mobileComponent.component === 'VQuery') {
+      useEmitt().emitter.emit('renderChart-' + component.id, otherComponent)
-        useEmitt().emitter.emit('renderChart-' + component.id, otherComponent)
-      } else if (mobileComponent.component === 'UserView') {
-        useEmitt().emitter.emit('calcData-' + component.id, otherComponent)
-      }
     }
   }
 

core/core-frontend/src/views/mobile/personal/index.vue

@@ -162,7 +162,7 @@ const activeTableData = computed(() => {
 <template>
   <div class="de-mobile-user">
     <template v-if="showNavBar">
-      <div class="logout flex-center" style="padding-top: 8px; margin: 0">我的</div>
+      <div class="logout flex-center">我的</div>
       <div class="mobile-user-top">
         <van-image round width="48" height="48" :src="userImg" />
         <div class="user-name">
@@ -185,50 +185,43 @@ const activeTableData = computed(() => {
         left-arrow
         @click-left="onClickLeft"
       />
-      <div class="cell-org_scroll">
+      <div class="grey">
-        <div class="grey">
+        <div @click="clearOrg" class="flex-align-center">
-          <div @click="clearOrg" class="flex-align-center">
+          <span class="ellipsis" :class="!!directName.length && 'active'">组织</span>
-            <span class="ellipsis" :class="!!directName.length && 'active'">组织</span>
+          <el-icon v-if="!!directName.length">
-            <el-icon v-if="!!directName.length">
+            <Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
-              <Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
+          </el-icon>
-            </el-icon>
+        </div>
-          </div>
+        <div
-          <div
+          @click="handleDir(index)"
-            @click="handleDir(index)"
+          class="flex-align-center"
-            class="flex-align-center"
+          v-for="(ele, index) in directName"
-            v-for="(ele, index) in directName"
+          :key="ele"
-            :key="ele"
+        >
-          >
+          <span class="ellipsis" :class="ele !== activeDirectName && 'active'">{{ ele }}</span>
-            <span class="ellipsis" :class="ele !== activeDirectName && 'active'">{{ ele }}</span>
+          <el-icon v-if="directName.length > 1 && index !== directName.length - 1">
-            <el-icon v-if="directName.length > 1 && index !== directName.length - 1">
+            <Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
-              <Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
+          </el-icon>
-            </el-icon>
-          </div>
         </div>
-        <OrgCell
-          @click="type => orgCellClick(type, ele)"
-          v-for="ele in activeTableData"
-          :key="ele.id"
-          :label="ele.name"
-          :nextlevel="ele.children"
-          :active="name === ele.name"
-        ></OrgCell>
       </div>
+      <OrgCell
+        @click="type => orgCellClick(type, ele)"
+        v-for="ele in activeTableData"
+        :key="ele.id"
+        :label="ele.name"
+        :nextlevel="ele.children"
+        :active="name === ele.name"
+      ></OrgCell>
     </template>
   </div>
 </template>
 
 <style lang="less" scoped>
 .de-mobile-user {
-  height: calc(100% - 50px);
+  height: 100vh;
   width: 100vw;
   background: #f5f6f7;
 
-  .cell-org_scroll {
-    height: calc(100% - 144px);
-    overflow-y: auto;
-  }
-
   .mobile-user-top {
     padding: 16px;
     display: flex;

core/core-frontend/src/views/share/link/ShareProxy.ts

@@ -18,12 +18,9 @@ export interface ProxyInfo {
   shareDisable: boolean
   peRequireValid: boolean
   ticketValidVO: TicketValidVO
-  pwd?: string
-  uuid: string
 }
 class ShareProxy {
   uuid: string
-  pwd?: string
   constructor() {
     this.uuid = ''
   }
@@ -51,16 +48,7 @@ class ShareProxy {
       curLocation.lastIndexOf('de-link/') + 8,
       pmIndex > 0 ? pmIndex : curLocation.length
     )
-
+    this.uuid = uuidObj
-    if (uuidObj?.includes(',')) {
-      const index = uuidObj.indexOf(',')
-      this.uuid = uuidObj.substring(0, index)
-      if (uuidObj.length > index + 1) {
-        this.pwd = uuidObj.substring(index + 1)
-      }
-    } else {
-      this.uuid = uuidObj
-    }
   }
   async loadProxy() {
     this.setUuid()
@@ -78,12 +66,6 @@ class ShareProxy {
     }
     const res = await request.post({ url, data: param })
     const proxyInfo: ProxyInfo = res.data as ProxyInfo
-    if (proxyInfo) {
-      proxyInfo.uuid = uuid
-      if (this.pwd) {
-        proxyInfo.pwd = this.pwd
-      }
-    }
     return proxyInfo
   }
 }

core/core-frontend/src/views/share/link/index.vue

@@ -3,22 +3,17 @@
     class="link-container"
     v-loading="loading || requestStore.loadingMap[permissionStore.currentPath]"
   >
-    <ErrorTemplate v-if="!loading && disableError" :msg="t('link_ticket.disable_error')" />
+    <ErrorTemplate v-if="!loading && disableError" msg="已禁用分享功能，请联系管理员！" />
-    <ErrorTemplate v-else-if="!loading && iframeError" :msg="t('link_ticket.iframe_error')" />
+    <IframeError v-else-if="!loading && iframeError" />
     <ErrorTemplate
       v-else-if="!loading && peRequireError"
-      :msg="t('link_ticket.pe_require_error')"
+      msg="已设置有效期密码必填，当前链接无效！"
     />
-    <ErrorTemplate v-else-if="!loading && !linkExist" :msg="t('link_ticket.link_error')" />
+    <LinkError v-else-if="!loading && !linkExist" />
-    <ErrorTemplate v-else-if="!loading && linkExp" :msg="t('link_ticket.link_exp_error')" />
+    <Exp v-else-if="!loading && linkExp" />
     <PwdTips v-else-if="!loading && !pwdValid" />
-    <ErrorTemplate
+    <TicketError
-      v-else-if="!loading && !state.ticketValidVO.ticketValid"
+      v-else-if="!loading && (!state.ticketValidVO.ticketValid || state.ticketValidVO.ticketExp)"
-      :msg="t('link_ticket.param_error')"
-    />
-    <ErrorTemplate
-      v-else-if="!loading && state.ticketValidVO.ticketExp"
-      :msg="t('link_ticket.exp_error')"
     />
     <PreviewCanvas
       v-else
@@ -35,10 +30,13 @@ import { useRequestStoreWithOut } from '@/store/modules/request'
 import { usePermissionStoreWithOut } from '@/store/modules/permission'
 import PreviewCanvas from '@/views/data-visualization/PreviewCanvas.vue'
 import { ProxyInfo, shareProxy } from './ShareProxy'
+import Exp from './exp.vue'
+import LinkError from './error.vue'
 import PwdTips from './pwd.vue'
+import IframeError from './IframeError.vue'
+import TicketError from './TicketError.vue'
 import ErrorTemplate from './ErrorTemplate.vue'
 import { useLinkStoreWithOut } from '@/store/modules/link'
-import { useI18n } from '@/hooks/web/useI18n'
 const linkStore = useLinkStoreWithOut()
 const requestStore = useRequestStoreWithOut()
 const permissionStore = usePermissionStoreWithOut()
@@ -50,7 +48,6 @@ const linkExist = ref(false)
 const loading = ref(true)
 const linkExp = ref(false)
 const pwdValid = ref(false)
-const { t } = useI18n()
 const state = reactive({
   ticketValidVO: {
     ticketValid: false,

core/core-frontend/src/views/share/link/mobile.vue

@@ -1,21 +1,16 @@
 <template>
   <div class="mobile-link-container" v-loading="loading">
-    <ErrorTemplate v-if="!loading && disableError" :msg="t('link_ticket.disable_error')" />
+    <ErrorTemplate v-if="!loading && disableError" msg="已禁用分享功能，请联系管理员！" />
-    <ErrorTemplate v-else-if="!loading && iframeError" :msg="t('link_ticket.iframe_error')" />
+    <IframeError v-else-if="!loading && iframeError" />
     <ErrorTemplate
       v-else-if="!loading && peRequireError"
-      :msg="t('link_ticket.pe_require_error')"
+      msg="已设置有效期密码必填，当前链接无效！"
     />
-    <ErrorTemplate v-else-if="!loading && !linkExist" :msg="t('link_ticket.link_error')" />
+    <LinkError v-else-if="!loading && !linkExist" />
-    <ErrorTemplate v-else-if="!loading && linkExp" :msg="t('link_ticket.link_exp_error')" />
+    <Exp v-else-if="!loading && linkExp" />
     <PwdTips v-else-if="!loading && !pwdValid" />
-    <ErrorTemplate
+    <TicketError
-      v-else-if="!loading && !state.ticketValidVO.ticketValid"
+      v-else-if="!loading && (!state.ticketValidVO.ticketValid || state.ticketValidVO.ticketExp)"
-      :msg="t('link_ticket.param_error')"
-    />
-    <ErrorTemplate
-      v-else-if="!loading && state.ticketValidVO.ticketExp"
-      :msg="t('link_ticket.exp_error')"
     />
     <PreviewCanvas
       v-else
@@ -30,8 +25,11 @@
 import { onMounted, nextTick, ref, reactive } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import PreviewCanvas from '@/views/data-visualization/PreviewCanvasMobile.vue'
-import { useI18n } from '@/hooks/web/useI18n'
+import TicketError from './TicketError.vue'
 import { ProxyInfo, shareProxy } from './ShareProxy'
+import Exp from './exp.vue'
+import LinkError from './error.vue'
+import IframeError from './IframeError.vue'
 import PwdTips from './pwd.vue'
 import ErrorTemplate from './ErrorTemplate.vue'
 const disableError = ref(true)
@@ -44,7 +42,6 @@ const pwdValid = ref(false)
 const dvMainStore = dvMainStoreWithOut()
 const pcanvas = ref(null)
 const curType = ref('')
-const { t } = useI18n()
 const state = reactive({
   ticketValidVO: {
     ticketValid: false,

core/core-frontend/src/views/share/link/pwd.vue

@@ -50,6 +50,8 @@ import { rsaEncryp } from '@/utils/encryption'
 import { useCache } from '@/hooks/web/useCache'
 import { queryDekey } from '@/api/login'
 import { CustomPassword } from '@/components/custom-password'
+import { useRoute } from 'vue-router'
+const route = useRoute()
 const { wsCache } = useCache()
 const appStore = useAppStoreWithOut()
 
@@ -57,7 +59,6 @@ const { t } = useI18n()
 const msg = ref('')
 const loading = ref(true)
 const pwdForm = ref<FormInstance>()
-const vid = ref('')
 const form = ref({
   password: ''
 })
@@ -77,7 +78,7 @@ const refresh = async (formEl: FormInstance | undefined) => {
   if (!formEl) return
   await formEl.validate((valid, fields) => {
     if (valid) {
-      const uuid = vid.value
+      const uuid = route.params.uuid
       const pwd = form.value.password
       const text = `${uuid},${pwd}`
       const ciphertext = rsaEncryp(text)
@@ -94,52 +95,17 @@ const refresh = async (formEl: FormInstance | undefined) => {
     }
   })
 }
-const formatPwd = (pwdText: string) => {
-  try {
-    return decodeURIComponent(pwdText)
-  } catch (e) {
-    return pwdText
-  }
-}
-const prepare = () => {
-  const curLocation = window.location.href
-  const pmIndex = curLocation.lastIndexOf('?')
-  const uuidObj = curLocation.substring(
-    curLocation.lastIndexOf('de-link/') + 8,
-    pmIndex > 0 ? pmIndex : curLocation.length
-  )
-  let uuid = null
-  let pwd = null
-  if (uuidObj?.includes(',')) {
-    const index = uuidObj.indexOf(',')
-    uuid = uuidObj.substring(0, index)
-    if (uuidObj.length > index + 1) {
-      pwd = uuidObj.substring(index + 1)
-    }
-  } else {
-    uuid = uuidObj
-  }
-  vid.value = uuid
-  if (pwd) {
-    pwd = formatPwd(pwd)
-    form.value.password = pwd
-    refresh(pwdForm.value)
-  }
-}
 onMounted(() => {
   if (!wsCache.get(appStore.getDekey)) {
     queryDekey()
       .then(res => {
         wsCache.set(appStore.getDekey, res.data)
-        prepare()
       })
       .finally(() => {
         loading.value = false
       })
-  } else {
-    prepare()
-    loading.value = false
   }
+  loading.value = false
 })
 </script>
 

core/core-frontend/src/views/share/share/ShareGrid.vue

@@ -5,7 +5,6 @@ import icon_dashboard_outlined from '@/assets/svg/icon_dashboard_outlined.svg'
 import icon_database_outlined from '@/assets/svg/icon_database_outlined.svg'
 import icon_operationAnalysis_outlined from '@/assets/svg/icon_operation-analysis_outlined.svg'
 import dvDashboardSpineMobile from '@/assets/svg/dv-dashboard-spine-mobile.svg'
-import dvDashboardSpineMobileDisabled from '@/assets/svg/dv-dashboard-spine-mobile-disabled.svg'
 import icon_pc_outlined from '@/assets/svg/icon_pc_outlined.svg'
 import { useI18n } from '@/hooks/web/useI18n'
 import { ref, reactive, watch, computed } from 'vue'
@@ -15,11 +14,13 @@ import dayjs from 'dayjs'
 import { propTypes } from '@/utils/propTypes'
 import ShareHandler from './ShareHandler.vue'
 import { interactiveStoreWithOut } from '@/store/modules/interactive'
+import { useCache } from '@/hooks/web/useCache'
 
 const props = defineProps({
   activeName: propTypes.string.def('')
 })
 
+const { wsCache } = useCache('localStorage')
 const { t } = useI18n()
 const interactiveStore = interactiveStoreWithOut()
 
@@ -44,11 +45,9 @@ const handleCommand = (command: string) => {
 const triggerFilterPanel = () => {
   loadTableData()
 }
-const preview = (id, disabled = false) => {
+const preview = id => {
-  if (!disabled) {
+  const routeUrl = `/#/preview?dvId=${id}`
-    const routeUrl = `/#/preview?dvId=${id}`
+  window.open(routeUrl, '_blank')
-    window.open(routeUrl, '_blank')
-  }
 }
 const formatterTime = (_, _column, cellValue) => {
   if (!cellValue) {
@@ -118,7 +117,7 @@ const getEmptyDesc = (): string => {
 }
 
 const handleCellClick = row => {
-  if (row && row.extFlag1) {
+  if (row) {
     const sourceId = row.resourceId
     if (['dashboard', 'panel'].includes(row.type)) {
       window.open('#/panel/index?dvId=' + sourceId, '_self')
@@ -132,11 +131,9 @@ const iconMap = {
   panel: icon_dashboard_outlined,
   panelMobile: dvDashboardSpineMobile,
   dashboard: icon_dashboard_outlined,
-  dashboardDisabled: icon_dashboard_outlined,
   dashboardMobile: dvDashboardSpineMobile,
   screen: icon_operationAnalysis_outlined,
   dataV: icon_operationAnalysis_outlined,
-  dataVDisabled: icon_operationAnalysis_outlined,
   dataset: icon_app_outlined,
   datasource: icon_database_outlined
 }
@@ -204,34 +201,16 @@ watch(
         <template v-slot:default="scope">
           <div class="name-content">
             <el-icon style="margin-right: 12px; font-size: 18px" v-if="scope.row.extFlag">
-              <Icon v-if="scope.row.extFlag1" name="dv-dashboard-spine-mobile"
+              <Icon name="dv-dashboard-spine-mobile"
                 ><dvDashboardSpineMobile class="svg-icon"
               /></Icon>
-              <Icon v-if="!scope.row.extFlag1" name="dv-dashboard-spine-mobile"
-                ><dvDashboardSpineMobileDisabled class="svg-icon"
-              /></Icon>
             </el-icon>
-            <el-icon
+            <el-icon v-else :class="`main-color color-${scope.row.type}`">
-              v-else
+              <Icon><component class="svg-icon" :is="iconMap[scope.row.type]"></component></Icon>
-              :class="`main-color color-${scope.row.type} custom-color${
-                scope.row.extFlag1 ? '' : '-disabled'
-              }`"
-            >
-              <Icon
-                ><component
-                  class="svg-icon"
-                  :is="iconMap[scope.row.type + (scope.row.extFlag1 ? '' : 'Disabled')]"
-                ></component
-              ></Icon>
             </el-icon>
             <el-tooltip placement="top">
               <template #content>{{ scope.row.name }}</template>
-              <span
+              <span class="ellipsis" style="max-width: 250px">{{ scope.row.name }}</span>
-                class="ellipsis"
-                :class="{ 'color-disabled': !scope.row.extFlag1 }"
-                style="max-width: 250px"
-                >{{ scope.row.name }}</span
-              >
             </el-tooltip>
           </div>
         </template>
@@ -254,30 +233,16 @@ watch(
 
       <el-table-column width="96" fixed="right" key="_operation" :label="t('common.operate')">
         <template #default="scope">
-          <div
+          <el-tooltip effect="dark" :content="t('work_branch.new_page_preview')" placement="top">
-            style="display: flex; flex-direction: row; align-items: center"
+            <el-icon class="hover-icon hover-icon-in-table" @click="preview(scope.row.resourceId)">
-            :class="{ 'opt-disabled': !scope.row.extFlag1 }"
+              <Icon><icon_pc_outlined class="svg-icon" /></Icon>
-          >
+            </el-icon>
-            <el-tooltip
+          </el-tooltip>
-              :disabled="!scope.row.extFlag1"
+          <ShareHandler
-              effect="dark"
+            :in-grid="true"
-              :content="t('work_branch.new_page_preview')"
+            :resource-id="scope.row.resourceId"
-              placement="top"
+            :weight="scope.row.weight"
-            >
+          />
-              <el-icon
-                class="hover-icon hover-icon-in-table"
-                @click="preview(scope.row.resourceId, !scope.row.extFlag1)"
-              >
-                <Icon><icon_pc_outlined class="svg-icon" /></Icon>
-              </el-icon>
-            </el-tooltip>
-            <ShareHandler
-              :in-grid="true"
-              :disabled="!scope.row.extFlag1"
-              :resource-id="scope.row.resourceId"
-              :weight="scope.row.weight"
-            />
-          </div>
         </template>
       </el-table-column>
     </GridTable>
@@ -319,7 +284,6 @@ watch(
     color: #fff;
     background: #3370ff;
   }
-
   .name-star {
     font-size: 15px;
     padding-left: 5px;
@@ -332,16 +296,4 @@ watch(
     line-height: 20px !important;
   }
 }
-.color-disabled {
-  color: #bbbfc4;
-}
-
-.custom-color-disabled {
-  background: #bbbfc4 !important;
-}
-
-.opt-disabled {
-  opacity: 0.2;
-  cursor: not-allowed;
-}
 </style>

core/core-frontend/src/views/share/share/ShareHandler.vue

@@ -2,7 +2,6 @@
   <el-tooltip
     v-if="props.weight >= 7 && props.inGrid"
     effect="dark"
-    :disabled="disabled"
     :content="t('visualization.share')"
     placement="top"
   >
@@ -238,7 +237,6 @@ const { toClipboard } = useClipboard()
 const { t } = useI18n()
 const props = defineProps({
   inGrid: propTypes.bool.def(false),
-  disabled: propTypes.bool.def(false),
   resourceId: propTypes.string.def(''),
   resourceType: propTypes.string.def(''),
   weight: propTypes.number.def(0),
@@ -383,10 +381,8 @@ const closeLoading = () => {
 }
 
 const share = () => {
-  if (!props.disabled) {
+  dialogVisible.value = true
-    dialogVisible.value = true
+  loadShareInfo(validatePeRequire)
-    loadShareInfo(validatePeRequire)
-  }
 }
 
 const loadShareInfo = cb => {
@@ -830,7 +826,7 @@ onMounted(() => {
     background-color: rgba(0, 0, 0, 0.1);
     color: #8f959e;
     &:hover {
-      box-shadow: 0 0 0 1px var(--ed-input-border-color, var(--ed-border-color)) inset;
+      border: 1px solid #0089ff;
     }
     input {
       color: #646a73;

core/core-frontend/src/views/share/share/ShareVisualHead.vue

@@ -12,7 +12,6 @@
       <el-button
         secondary
         v-if="props.weight >= 7"
-        :disabled="disabled"
         @click="openPopover"
         v-click-outside="clickOutPopover"
       >
@@ -243,8 +242,7 @@ const { t } = useI18n()
 const props = defineProps({
   resourceId: propTypes.string.def(''),
   resourceType: propTypes.string.def(''),
-  weight: propTypes.number.def(0),
+  weight: propTypes.number.def(0)
-  disabled: propTypes.bool.def(false)
 })
 const popoverVisible = ref(false)
 const pwdRef = ref(null)
@@ -849,7 +847,7 @@ defineExpose({
     background-color: rgba(0, 0, 0, 0.1);
     color: #8f959e;
     &:hover {
-      box-shadow: 0 0 0 1px var(--ed-input-border-color, var(--ed-border-color)) inset;
+      border: 1px solid #0089ff;
     }
     input {
       color: #646a73;

core/core-frontend/src/views/share/share/TicketEdit.vue

@@ -16,7 +16,6 @@ const { t } = useI18n()
 const dialogVisible = ref(false)
 const loadingInstance = ref(null)
 const ticketForm = ref<FormInstance>()
-const inputRefList = ref<HTMLElement[]>([])
 const props = defineProps({
   uuid: propTypes.string.def('')
 })
@@ -149,8 +148,7 @@ const args2ArgList = () => {
       const row = { name: key, val: JSON.stringify(val) }
       state.argList.push(row)
     } else {
-      const tempArray = [val]
+      const row = { name: key, val: argObj[key] }
-      const row = { name: key, val: JSON.stringify(tempArray) }
       state.argList.push(row)
     }
   }
@@ -167,56 +165,11 @@ const argList2Args = () => {
   const argObj = {}
   state.argList.forEach(row => {
     if (row.name && row.val) {
-      argObj[row.name] = JSON.parse(row.val)
+      argObj[row.name] = row.val
     }
   })
   state.form.args = JSON.stringify(argObj)
 }
-const setErrorStatus = (index, value, status?: boolean) => {
-  let valid = !!status
-  if (!value?.length) {
-    valid = true
-  } else if (status === null || typeof status === 'undefined') {
-    try {
-      JSON.parse(value)
-      valid = true
-    } catch (error) {
-      valid = false
-    }
-  }
-  const domRef = inputRefList[index]
-  const e = domRef.input
-  const className = 'link-ticket-error-msg'
-  const fullClassName = `.${className}`
-  if (valid) {
-    e.style = null
-    e.style.borderColor = null
-    const child = e.parentElement.querySelector(fullClassName)
-    if (child) {
-      e.parentElement['style'] = null
-      e.parentElement.removeChild(child)
-    }
-  } else {
-    const msg = 'JSON格式错误'
-    e.style.color = 'red'
-    e.style.borderColor = 'red'
-    e.parentElement['style']['box-shadow'] = '0 0 0 1px red inset'
-    const child = e.parentElement.querySelector(fullClassName)
-    if (!child) {
-      const errorDom = document.createElement('div')
-      errorDom.className = className
-      errorDom.innerText = msg
-      e.parentElement.appendChild(errorDom)
-    } else {
-      child.innerText = msg
-    }
-  }
-}
-const setInputRef = (el, index) => {
-  if (el) {
-    inputRefList[index] = el
-  }
-}
 const copyTicket = async ticket => {
   const url = `${linkUrl.value}?ticket=${ticket}`
   try {
@@ -259,7 +212,7 @@ defineExpose({
   <el-drawer
     :title="`${t('commons.add')} Ticket`"
     v-model="dialogVisible"
-    modal-class="ticket-param-drawer"
+    custom-class="ticket-param-drawer"
     size="600px"
     direction="rtl"
   >
@@ -333,12 +286,7 @@ defineExpose({
         </template>
         <div class="args-line" v-for="(row, index) in state.argList" :key="index">
           <el-input v-model="row['name']" :placeholder="t('visualization.input_param_name')" />
-          <el-input
+          <el-input v-model="row['val']" :placeholder="t('link_ticket.arg_val_tips')" />
-            :ref="el => setInputRef(el, index)"
-            v-model="row['val']"
-            :placeholder="t('link_ticket.arg_val_tips')"
-            @blur="setErrorStatus(index, row['val'])"
-          />
           <div
             :style="{ opacity: state.argList.length !== 1 ? 1 : 0 }"
             class="arg-del-btn"
@@ -455,16 +403,6 @@ defineExpose({
     &:not(:last-child) {
       margin-bottom: 8px;
     }
-    :deep(.link-ticket-error-msg) {
-      color: red;
-      position: absolute;
-      z-index: 9;
-      font-size: 10px;
-      height: 10px;
-      top: 21px;
-      width: 350px;
-      left: 0px;
-    }
   }
   .ticket-tips-label {
     line-height: 22px;

core/core-frontend/src/views/system/parameter/basic/BasicEdit.vue

@@ -254,7 +254,7 @@ defineExpose({
   <el-drawer
     :title="title"
     v-model="dialogVisible"
-    modal-class="basic-param-drawer"
+    custom-class="basic-param-drawer"
     size="600px"
     direction="rtl"
   >

core/core-frontend/src/views/system/parameter/engine/EngineEdit.vue

@@ -268,7 +268,7 @@ defineExpose({
   <el-drawer
     :title="t('system.engine_settings')"
     v-model="dialogVisible"
-    modal-class="basic-param-drawer"
+    custom-class="basic-param-drawer"
     size="600px"
     direction="rtl"
   >

core/core-frontend/src/views/system/parameter/map/GeometryEdit.vue

@@ -191,7 +191,7 @@ defineExpose({
   <el-drawer
     :title="t('system.geographic_information')"
     v-model="dialogVisible"
-    modal-class="geometry-info-drawer"
+    custom-class="geometry-info-drawer"
     size="600px"
     direction="rtl"
   >

core/core-frontend/src/views/system/parameter/map/OnlineMap.vue

@@ -7,19 +7,6 @@
       <el-row>
         <el-col>
           <div class="online-form-item">
-            <div class="map-item">
-              <div class="map-item-label">
-                <span class="form-label">{{ t('chart.map_type') }}</span>
-              </div>
-            </div>
-            <div class="map-item">
-              <el-select v-model="mapEditor.mapType" @change="initLoad">
-                <el-option value="gaode" :label="t('chart.map_type_gaode')" />
-                <el-option value="tianditu" :label="t('chart.map_type_tianditu')" />
-                <!--                <el-option value="baidu" :label="t('chart.map_type_baidu')" />-->
-                <el-option value="qq" :label="t('chart.map_type_tencent')" />
-              </el-select>
-            </div>
             <div class="map-item">
               <div class="map-item-label">
                 <span class="form-label">Key</span>
@@ -45,21 +32,8 @@
         </el-button>
       </el-row>
     </el-aside>
-    <el-main v-loading="mapLoading">
+    <el-main>
-      <OnlineMapGaode
+      <div v-show="mapLoaded" v-if="!mapReloading" class="de-map-container" :id="domId" />
-        v-if="!mapLoading && mapLoaded && mapEditor.key && mapEditor.mapType === 'gaode'"
-        :map-key="mapEditor.key"
-        :security-code="mapEditor.securityCode"
-      />
-      <OnlineMapTdt
-        v-if="!mapLoading && mapLoaded && mapEditor.key && mapEditor.mapType === 'tianditu'"
-        :map-key="mapEditor.key"
-      />
-      <OnlineMapQQ
-        v-if="!mapLoading && mapLoaded && mapEditor.key && mapEditor.mapType === 'qq'"
-        :map-key="mapEditor.key"
-        :security-code="mapEditor.securityCode"
-      />
       <EmptyBackground
         v-if="!mapLoaded"
         img-type="noneWhite"
@@ -70,24 +44,62 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, reactive, ref } from 'vue'
+import { nextTick, onMounted, reactive, ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
-import { queryMapKeyApi, saveMapKeyApi, queryMapKeyApiByType } from '@/api/setting/sysParameter'
+import { queryMapKeyApi, saveMapKeyApi } from '@/api/setting/sysParameter'
 import { ElMessage } from 'element-plus-secondary'
 import EmptyBackground from '@/components/empty-background/src/EmptyBackground.vue'
-import OnlineMapTdt from './OnlineMapTdt.vue'
-import OnlineMapGaode from './OnlineMapGaode.vue'
-import OnlineMapQQ from './OnlineMapQQ.vue'
-
 const { t } = useI18n()
 const mapEditor = reactive({
   key: '',
-  securityCode: '',
+  securityCode: ''
-  mapType: ''
 })
+const mapInstance = ref(null)
+const mapReloading = ref(false)
+const domId = ref('de-map-container')
 const mapLoaded = ref(false)
-const mapLoading = ref(false)
 
+const loadMap = () => {
+  if (!mapEditor.key) {
+    return
+  }
+  const mykey = mapEditor.key
+  const url = `https://webapi.amap.com/maps?v=2.0&key=${mykey}`
+
+  loadScript(url)
+    .then(() => {
+      if (mapInstance.value) {
+        mapInstance.value?.destroy()
+        mapInstance.value = null
+        mapReloading.value = true
+        setTimeout(() => {
+          domId.value = domId.value + '-de-'
+          mapReloading.value = false
+          nextTick(() => {
+            createMapInstance()
+          })
+        }, 1500)
+
+        return
+      }
+      createMapInstance()
+    })
+    .catch(e => {
+      if (mapInstance.value) {
+        mapInstance.value.destroy()
+        mapInstance.value = null
+      }
+      console.error(e)
+    })
+}
+const createMapInstance = () => {
+  mapInstance.value = new window.AMap.Map(domId.value, {
+    viewMode: '2D',
+    zoom: 11,
+    center: [116.397428, 39.90923]
+  })
+  mapLoaded.value = true
+}
 const saveHandler = () => {
   saveMapKeyApi(mapEditor)
     .then(() => {
@@ -98,34 +110,41 @@ const saveHandler = () => {
       console.error(e)
     })
 }
-const initLoad = (type?: string) => {
+const initLoad = () => {
-  mapLoading.value = true
+  queryMapKeyApi()
-  mapLoaded.value = false
+    .then(res => {
-
+      mapEditor.key = res.data.key
-  let f
+      mapEditor.securityCode = res.data.securityCode
-  if (type) {
+      loadMap()
-    f = queryMapKeyApiByType(type)
+    })
-  } else {
-    f = queryMapKeyApi()
-  }
-  f.then(res => {
-    mapEditor.key = res.data.key
-    mapEditor.mapType = res.data.mapType
-    mapEditor.securityCode = res.data.securityCode
-
-    if (mapEditor.key) {
-      mapLoaded.value = true
-    }
-  })
     .catch(e => {
       console.error(e)
     })
-    .finally(() => {
-      setTimeout(() => {
-        mapLoading.value = false
-      }, 2000)
-    })
 }
+const loadScript = (url: string) => {
+  return new Promise(function (resolve, reject) {
+    const scriptId = 'de-gaode-script-id'
+    let dom = document.getElementById(scriptId)
+    if (dom) {
+      dom.parentElement?.removeChild(dom)
+      dom = null
+      window.AMap = null
+    }
+    var script = document.createElement('script')
+
+    script.id = scriptId
+    script.onload = function () {
+      return resolve(null)
+    }
+    script.onerror = function () {
+      return reject(new Error('Load script from '.concat(url, ' failed')))
+    }
+    script.src = url
+    var head = document.head || document.getElementsByTagName('head')[0]
+    ;(document.body || head).appendChild(script)
+  })
+}
+
 onMounted(() => {
   initLoad()
 })
@@ -135,7 +154,6 @@ onMounted(() => {
 .de-map-container {
   height: 100%;
   width: 100%;
-  position: relative;
 }
 .online-map-container {
   height: 100%;

core/core-frontend/src/views/system/parameter/map/OnlineMapGaode.vue

@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
-
-const domId = ref('de-map-container')
-const center: [number, number] = [116.397428, 39.90923]
-const mapInstance = ref(null)
-const mapReloading = ref(false)
-
-const props = defineProps<{
-  mapKey: string
-  securityCode?: string
-}>()
-
-const loadMap = () => {
-  if (!props.mapKey) {
-    return
-  }
-  const mykey = props.mapKey
-  const url = `https://webapi.amap.com/maps?v=2.0&key=${mykey}`
-
-  loadScript(url)
-    .then(() => {
-      if (mapInstance.value) {
-        mapInstance.value?.destroy()
-        mapInstance.value = null
-        mapReloading.value = true
-        setTimeout(() => {
-          domId.value = domId.value + '-de-'
-          mapReloading.value = false
-          nextTick(() => {
-            createMapInstance()
-          })
-        }, 1500)
-
-        return
-      }
-      createMapInstance()
-    })
-    .catch(e => {
-      console.error(e)
-      if (mapInstance.value) {
-        mapInstance.value.destroy()
-        mapInstance.value = null
-      }
-    })
-}
-const createMapInstance = () => {
-  if (window.AMap) {
-    mapInstance.value = new window.AMap.Map(domId.value, {
-      viewMode: '2D',
-      zoom: 11,
-      center: center
-    })
-  }
-}
-const loadScript = (url: string) => {
-  return new Promise(function (resolve, reject) {
-    const scriptId = 'de-gaode-script-id'
-    let dom = document.getElementById(scriptId)
-    if (dom) {
-      dom.parentElement?.removeChild(dom)
-      dom = null
-      window.AMap = null
-    }
-    const script = document.createElement('script')
-
-    script.id = scriptId
-    script.onload = function () {
-      return resolve(null)
-    }
-    script.onerror = function () {
-      return reject(new Error('Load script from '.concat(url, ' failed')))
-    }
-    script.src = url
-    const head = document.head || document.getElementsByTagName('head')[0]
-    ;(document.body || head).appendChild(script)
-  })
-}
-
-onMounted(() => {
-  loadMap()
-})
-onBeforeUnmount(() => {
-  const scriptId = 'de-gaode-script-id'
-  let dom = document.getElementById(scriptId)
-  if (dom) {
-    dom.parentElement?.removeChild(dom)
-    dom = null
-    window.AMap = null
-  }
-})
-</script>
-
-<template>
-  <div class="de-map-container" v-if="!mapReloading" :id="domId" />
-</template>
-
-<style scoped lang="less">
-.de-map-container {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-</style>

core/core-frontend/src/views/system/parameter/map/OnlineMapQQ.vue

@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
-
-const domId = ref('de-map-container')
-const mapInstance = ref(null)
-const mapReloading = ref(false)
-
-const props = defineProps<{
-  mapKey: string
-  securityCode?: string
-}>()
-
-const loadMap = () => {
-  if (!props.mapKey) {
-    return
-  }
-  const mykey = props.mapKey
-  const url = `https://map.qq.com/api/gljs?v=1.exp&key=${mykey}`
-
-  loadScript(url)
-    .then(() => {
-      if (mapInstance.value) {
-        mapInstance.value?.destroy()
-        mapInstance.value = null
-        mapReloading.value = true
-        setTimeout(() => {
-          domId.value = domId.value + '-de-'
-          mapReloading.value = false
-          nextTick(() => {
-            createMapInstance()
-          })
-        }, 1500)
-
-        return
-      }
-      createMapInstance()
-    })
-    .catch(e => {
-      console.error(e)
-      if (mapInstance.value) {
-        mapInstance.value.destroy()
-        mapInstance.value = null
-      }
-    })
-}
-const createMapInstance = () => {
-  if (window.TMap) {
-    const center = new window.TMap.LatLng(39.90923, 116.397428)
-    mapInstance.value = new window.TMap.Map(document.getElementById(domId.value), {
-      viewMode: '2D',
-      zoom: 11,
-      center: center
-    })
-    mapInstance.value?.removeControl(window.TMap.constants.DEFAULT_CONTROL_ID.ZOOM)
-    mapInstance.value?.removeControl(window.TMap.constants.DEFAULT_CONTROL_ID.ROTATION)
-    mapInstance.value?.removeControl(window.TMap.constants.DEFAULT_CONTROL_ID.SCALE)
-  }
-}
-const loadScript = (url: string) => {
-  return new Promise(function (resolve, reject) {
-    const scriptId = 'de-qq-script-id'
-    let dom = document.getElementById(scriptId)
-    if (dom) {
-      dom.parentElement?.removeChild(dom)
-      dom = null
-      window.TMap = null
-    }
-    const script = document.createElement('script')
-
-    script.id = scriptId
-    script.onload = function () {
-      return resolve(null)
-    }
-    script.onerror = function () {
-      return reject(new Error('Load script from '.concat(url, ' failed')))
-    }
-    script.src = url
-    const head = document.head || document.getElementsByTagName('head')[0]
-    ;(document.body || head).appendChild(script)
-  })
-}
-
-onMounted(() => {
-  loadMap()
-})
-onBeforeUnmount(() => {
-  const scriptId = 'de-qq-script-id'
-  let dom = document.getElementById(scriptId)
-  if (dom) {
-    dom.parentElement?.removeChild(dom)
-    dom = null
-    window.TMap = null
-  }
-})
-</script>
-
-<template>
-  <div class="de-map-container" v-if="!mapReloading" :id="domId" />
-</template>
-
-<style scoped lang="less">
-.de-map-container {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-</style>

core/core-frontend/src/views/system/parameter/map/OnlineMapTdt.vue

@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
-
-const domId = ref('de-map-container')
-const center: [number, number] = [116.397428, 39.90923]
-const mapInstance = ref(null)
-const mapReloading = ref(false)
-
-const props = defineProps<{
-  mapKey: string
-  securityCode?: string
-}>()
-
-function destroyMap() {
-  const container = mapInstance.value?.getContainer()
-  while (container.hasChildNodes()) {
-    container.removeChild(container.firstChild)
-  }
-  mapInstance.value = null
-}
-
-const loadMap = () => {
-  if (!props.mapKey) {
-    return
-  }
-  const mykey = props.mapKey
-  const url = `https://api.tianditu.gov.cn/api?v=4.0&tk=${mykey}`
-
-  loadScript(url)
-    .then(() => {
-      if (mapInstance.value) {
-        destroyMap()
-        mapReloading.value = true
-        setTimeout(() => {
-          domId.value = domId.value + '-de-'
-          mapReloading.value = false
-          nextTick(() => {
-            createMapInstance()
-          })
-        }, 1500)
-
-        return
-      }
-      createMapInstance()
-    })
-    .catch(e => {
-      console.error(e)
-      if (mapInstance.value) {
-        destroyMap()
-      }
-    })
-}
-const createMapInstance = () => {
-  if (window.T) {
-    mapInstance.value = new window.T.Map(domId.value)
-    mapInstance.value.centerAndZoom(new T.LngLat(center[0], center[1]), 11)
-  }
-}
-const loadScript = (url: string) => {
-  return new Promise(function (resolve, reject) {
-    const scriptId = 'de-tdt-script-id'
-    let dom = document.getElementById(scriptId)
-    if (dom) {
-      dom.parentElement?.removeChild(dom)
-      dom = null
-      window.AMap = null
-    }
-    const script = document.createElement('script')
-
-    script.id = scriptId
-    script.onload = function () {
-      return resolve(null)
-    }
-    script.onerror = function () {
-      return reject(new Error('Load script from '.concat(url, ' failed')))
-    }
-    script.src = url
-    const head = document.head || document.getElementsByTagName('head')[0]
-    ;(document.body || head).appendChild(script)
-  })
-}
-
-onMounted(() => {
-  loadMap()
-})
-onBeforeUnmount(() => {
-  const scriptId = 'de-tdt-script-id'
-  let dom = document.getElementById(scriptId)
-  if (dom) {
-    dom.parentElement?.removeChild(dom)
-    dom = null
-    window.T = null
-  }
-})
-</script>
-
-<template>
-  <div class="de-map-container" v-if="!mapReloading" :id="domId" />
-</template>
-
-<style scoped lang="less">
-.de-map-container {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-</style>