Skip to content

Y
yqlh-dataEase
Commit 74bb62a4 by 呼呼啦啦
Options

升级到1.18.12

parent a374e454
正在显示 包含 850 行增加 和 211 行删除
package.json
{ {
"name": "dataease", "name": "dataease",
"version": "1.18.11", "version": "1.18.12",
"description": "dataease front", "description": "dataease front",
"private": true, "private": true,
"scripts": { "scripts": {
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
"@antv/l7-scene": "2.15.0", "@antv/l7-scene": "2.15.0",
"@antv/l7-source": "2.15.0", "@antv/l7-source": "2.15.0",
"@antv/l7-utils": "2.15.0", "@antv/l7-utils": "2.15.0",
"@antv/s2": "1.35.0", "@antv/s2": "1.49.1",
"@antv/util": "^2.0.17", "@antv/util": "^2.0.17",
"@riophae/vue-treeselect": "0.4.0", "@riophae/vue-treeselect": "0.4.0",
"@tinymce/tinymce-vue": "^3.2.8", "@tinymce/tinymce-vue": "^3.2.8",
......
public/link.html
...@@ -33,7 +33,9 @@ ...@@ -33,7 +33,9 @@
const user = getQueryVariable('user') const user = getQueryVariable('user')
const terminal = getQueryVariable('terminal') const terminal = getQueryVariable('terminal')
const attachParams = getQueryVariable('attachParams') const attachParams = getQueryVariable('attachParams')
let url = "/#/delink?link=" + encodeURIComponent(link) const fromLink = getQueryVariable('fromLink')
const baseUrl = window.location.pathname.replace('link.html', '')
let url = baseUrl + "#/delink?link=" + encodeURIComponent(link)
if (terminal) { if (terminal) {
url += '&terminal=' + terminal url += '&terminal=' + terminal
} }
...@@ -43,6 +45,9 @@ ...@@ -43,6 +45,9 @@
if (attachParams) { if (attachParams) {
url += '&attachParams=' + encodeURIComponent(attachParams) url += '&attachParams=' + encodeURIComponent(attachParams)
} }
if (fromLink) {
url += '&fromLink=' + fromLink
}
window.location.href = url window.location.href = url
</script> </script>
......
public/vendor/vendor-manifest.json
This source diff could not be displayed because it is too large. You can view the blob instead.
public/vendor/vendor.dll.js
This source diff could not be displayed because it is too large. You can view the blob instead.
src/api/map/map.js
...@@ -42,3 +42,20 @@ export function removeMap(data) { ...@@ -42,3 +42,20 @@ export function removeMap(data) {
data data
}) })
} }
export function saveMapKey(data) {
return request({
url: '/system/saveMapKey',
method: 'post',
loading: true,
data
})
}
export function queryMapKey() {
return request({
url: '/system/onlineMapKey',
method: 'get',
loading: true
})
}
src/components/canvas/components/editor/CanvasOptBar.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
> >
<el-button-group size="mini"> <el-button-group size="mini">
<el-button <el-button
v-if="!isNewBlank" v-if="fromLink"
size="mini" size="mini"
type="button" type="button"
@click="back2Last" @click="back2Last"
...@@ -89,8 +89,8 @@ export default { ...@@ -89,8 +89,8 @@ export default {
isPublicLink() { isPublicLink() {
return this.$router.currentRoute.path === '/delink' return this.$router.currentRoute.path === '/delink'
}, },
isNewBlank() { fromLink() {
return window.history.length === 1 return this.$route.query.fromLink === 'true'
}, },
containerClass() { containerClass() {
return this.isPublicLink ? 'trans-pc' : 'bar-main' return this.isPublicLink ? 'trans-pc' : 'bar-main'
......
src/components/canvas/components/editor/EditBar.vue
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
:target="curComponent.hyperlinks.openMode " :target="curComponent.hyperlinks.openMode "
:href="curComponent.hyperlinks.content " :href="curComponent.hyperlinks.content "
> >
<i class="icon iconfont icon-com-jump"/> <i class="icon iconfont icon-com-jump" />
</a> </a>
</span> </span>
...@@ -153,6 +153,7 @@ ...@@ -153,6 +153,7 @@
v-if="chart && showMapLayerController" v-if="chart && showMapLayerController"
:chart="chart" :chart="chart"
:series-id-map="seriesIdMap" :series-id-map="seriesIdMap"
:show-edit-position="showEditPosition"
/> />
</div> </div>
......
src/components/canvas/components/editor/Preview.vue
...@@ -145,32 +145,31 @@ ...@@ -145,32 +145,31 @@
</template> </template>
<script> <script>
import {getStyle} from '@/components/canvas/utils/style' import { getStyle } from '@/components/canvas/utils/style'
import {mapState} from 'vuex' import { mapState } from 'vuex'
import ComponentWrapper from './ComponentWrapper' import ComponentWrapper from './ComponentWrapper'
import {changeStyleWithScale} from '@/components/canvas/utils/translate' import { changeStyleWithScale } from '@/components/canvas/utils/translate'
import {uuid} from 'vue-uuid' import { uuid } from 'vue-uuid'
import {deepCopy, imgUrlTrans} from '@/components/canvas/utils/utils' import { deepCopy, imgUrlTrans } from '@/components/canvas/utils/utils'
import eventBus from '@/components/canvas/utils/eventBus' import eventBus from '@/components/canvas/utils/eventBus'
import elementResizeDetectorMaker from 'element-resize-detector' import elementResizeDetectorMaker from 'element-resize-detector'
import CanvasOptBar from '@/components/canvas/components/editor/CanvasOptBar' import CanvasOptBar from '@/components/canvas/components/editor/CanvasOptBar'
import bus from '@/utils/bus' import bus from '@/utils/bus'
import {buildFilterMap, buildViewKeyMap, formatCondition, valueValid, viewIdMatch} from '@/utils/conditionUtil' import { buildFilterMap, buildViewKeyMap, formatCondition, valueValid, viewIdMatch } from '@/utils/conditionUtil'
import {hasDataPermission} from '@/utils/permission' import { hasDataPermission } from '@/utils/permission'
import {activeWatermark} from '@/components/canvas/tools/watermark' import { activeWatermark } from '@/components/canvas/tools/watermark'
import {proxyUserLoginInfo, userLoginInfo} from '@/api/systemInfo/userLogin' import { proxyUserLoginInfo, userLoginInfo } from '@/api/systemInfo/userLogin'
import html2canvas from 'html2canvasde' import html2canvas from 'html2canvasde'
import {queryAll} from '@/api/panel/pdfTemplate' import { queryAll } from '@/api/panel/pdfTemplate'
import PDFPreExport from '@/views/panel/export/PDFPreExport' import PDFPreExport from '@/views/panel/export/PDFPreExport'
import {listenGlobalKeyDownPreview} from '@/components/canvas/utils/shortcutKey' import { listenGlobalKeyDownPreview } from '@/components/canvas/utils/shortcutKey'
import UserViewDialog from '@/components/canvas/customComponent/UserViewDialog' import UserViewDialog from '@/components/canvas/customComponent/UserViewDialog'
import {hexColorToRGBA} from "@/views/chart/chart/util"; import { hexColorToRGBA } from '@/views/chart/chart/util'
import {isMobile} from '@/utils/index' import { isMobile } from '@/utils/index'
const erd = elementResizeDetectorMaker() const erd = elementResizeDetectorMaker()
export default { export default {
components: {UserViewDialog, ComponentWrapper, CanvasOptBar, PDFPreExport}, components: { UserViewDialog, ComponentWrapper, CanvasOptBar, PDFPreExport },
model: { model: {
prop: 'show', prop: 'show',
event: 'change' event: 'change'
...@@ -207,14 +206,14 @@ export default { ...@@ -207,14 +206,14 @@ export default {
componentData: { componentData: {
type: Array, type: Array,
required: false, required: false,
default: function () { default: function() {
return [] return []
} }
}, },
canvasStyleData: { canvasStyleData: {
type: Object, type: Object,
required: false, required: false,
default: function () { default: function() {
return {} return {}
} }
}, },
...@@ -463,7 +462,7 @@ export default { ...@@ -463,7 +462,7 @@ export default {
return this.$refs['viewWrapperChild'] return this.$refs['viewWrapperChild']
}, },
getAllWrapperChildRefs() { getAllWrapperChildRefs() {
let allChildRefs = [] const allChildRefs = []
const currentChildRefs = this.getWrapperChildRefs() const currentChildRefs = this.getWrapperChildRefs()
if (currentChildRefs && currentChildRefs.length > 0) { if (currentChildRefs && currentChildRefs.length > 0) {
allChildRefs.push.apply(allChildRefs, currentChildRefs) allChildRefs.push.apply(allChildRefs, currentChildRefs)
...@@ -649,7 +648,7 @@ export default { ...@@ -649,7 +648,7 @@ export default {
}, },
clearAllLinkage() { clearAllLinkage() {
this.$store.commit('clearPanelLinkageInfo') this.$store.commit('clearPanelLinkageInfo')
bus.$emit('clear_panel_linkage', {viewId: 'all'}) bus.$emit('clear_panel_linkage', { viewId: 'all' })
}, },
changeStyleWithScale, changeStyleWithScale,
getStyle, getStyle,
...@@ -714,7 +713,7 @@ export default { ...@@ -714,7 +713,7 @@ export default {
}, },
deselectCurComponent(e) { deselectCurComponent(e) {
if (!this.isClickComponent) { if (!this.isClickComponent) {
this.$store.commit('setCurComponent', {component: null, index: null}) this.$store.commit('setCurComponent', { component: null, index: null })
if (this.$refs?.['canvas-opt-bar']) { if (this.$refs?.['canvas-opt-bar']) {
this.$refs['canvas-opt-bar'].setWidgetStatus() this.$refs['canvas-opt-bar'].setWidgetStatus()
} }
......
src/components/canvas/customComponent/UserView.vue
...@@ -362,7 +362,7 @@ export default { ...@@ -362,7 +362,7 @@ export default {
computed: { computed: {
// 首次加载且非编辑状态新复制的视图，使用外部filter // 首次加载且非编辑状态新复制的视图，使用外部filter
initLoad() { 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() { scaleCoefficient() {
if (this.terminal === 'pc' && !this.mobileLayoutStatus) { if (this.terminal === 'pc' && !this.mobileLayoutStatus) {
...@@ -566,6 +566,9 @@ export default { ...@@ -566,6 +566,9 @@ export default {
}, },
'chart.yaxis': function(newVal, oldVal) { 'chart.yaxis': function(newVal, oldVal) {
this.$emit('fill-chart-2-parent', this.chart) this.$emit('fill-chart-2-parent', this.chart)
},
'chart.title': function(newVal, oldVal) {
this.$emit('fill-chart-2-parent', this.chart)
} }
}, },
mounted() { mounted() {
...@@ -1007,6 +1010,12 @@ export default { ...@@ -1007,6 +1010,12 @@ export default {
sourceInfo = param.viewId + '#' + dimension.id sourceInfo = param.viewId + '#' + dimension.id
jumpInfo = this.nowPanelJumpInfo[sourceInfo] jumpInfo = this.nowPanelJumpInfo[sourceInfo]
} }
// 没有主维度，子维度相等
if (!jumpInfo && dimensionItem.value === param.category) {
dimension = dimensionItem
sourceInfo = param.viewId + '#' + dimension.id
jumpInfo = this.nowPanelJumpInfo[sourceInfo]
}
}) })
} else { } else {
for (let i = param.dimensionList.length - 1; i >= 0; i--) { for (let i = param.dimensionList.length - 1; i >= 0; i--) {
...@@ -1029,7 +1038,7 @@ export default { ...@@ -1029,7 +1038,7 @@ export default {
if (this.publicLinkStatus) { if (this.publicLinkStatus) {
// 判断是否有公共链接ID // 判断是否有公共链接ID
if (jumpInfo.publicJumpId) { if (jumpInfo.publicJumpId) {
const url = '/link/' + jumpInfo.publicJumpId const url = '/link/' + jumpInfo.publicJumpId + '?fromLink=true'
const currentUrl = window.location.href const currentUrl = window.location.href
localStorage.setItem('beforeJumpUrl', currentUrl) localStorage.setItem('beforeJumpUrl', currentUrl)
this.windowsJump(url, jumpInfo.jumpType) this.windowsJump(url, jumpInfo.jumpType)
......
src/components/canvas/utils/shortcutKey.js
...@@ -50,10 +50,32 @@ const unlockMap = { ...@@ -50,10 +50,32 @@ const unlockMap = {
let isCtrlOrCommandDown = false let isCtrlOrCommandDown = false
// 检查当前页面是否有弹框
const checkDialog = () => {
let haveDialog = false
document.querySelectorAll('.el-dialog__wrapper').forEach(element => {
if (window.getComputedStyle(element).getPropertyValue('display') !== 'none') {
haveDialog = true
}
})
document.querySelectorAll('.el-popover').forEach(element => {
if (window.getComputedStyle(element).getPropertyValue('display') !== 'none') {
haveDialog = true
}
})
// 富文本单框
if (document.querySelector('.tox-dialog-wrap')) {
haveDialog = true
}
return haveDialog
}
// Monitor key operations globally and execute corresponding commands // Monitor key operations globally and execute corresponding commands
export function listenGlobalKeyDown() { export function listenGlobalKeyDown() {
window.onkeydown = (e) => { window.onkeydown = (e) => {
if (!store.state.isInEditor) return if (!store.state.isInEditor || checkDialog()) return
const { keyCode } = e const { keyCode } = e
if (keyCode === ctrlKey || keyCode === commandKey) { if (keyCode === ctrlKey || keyCode === commandKey) {
isCtrlOrCommandDown = true isCtrlOrCommandDown = true
......
src/components/canvas/utils/utils.js
...@@ -221,7 +221,7 @@ export function checkViewTitle(opt, id, tile) { ...@@ -221,7 +221,7 @@ export function checkViewTitle(opt, id, tile) {
} }
} }
export function exportImg(imgName,callback) { export function exportImg(imgName, callback) {
const canvasID = document.getElementById('chartCanvas') const canvasID = document.getElementById('chartCanvas')
const a = document.createElement('a') const a = document.createElement('a')
html2canvas(canvasID).then(canvas => { html2canvas(canvasID).then(canvas => {
...@@ -387,12 +387,12 @@ export function insertBatchTreeNode(nodeInfoArray, tree) { ...@@ -387,12 +387,12 @@ export function insertBatchTreeNode(nodeInfoArray, tree) {
export function updateCacheTree(opt, treeName, nodeInfoFull, tree) { export function updateCacheTree(opt, treeName, nodeInfoFull, tree) {
const nodeInfo = deepCopy(nodeInfoFull) const nodeInfo = deepCopy(nodeInfoFull)
if( nodeInfo instanceof Array){ if (nodeInfo instanceof Array) {
nodeInfo.forEach(item=>{ nodeInfo.forEach(item => {
delete item.panelData delete item.panelData
delete item.panelStyle delete item.panelStyle
}) })
}else{ } else {
delete nodeInfo.panelData delete nodeInfo.panelData
delete nodeInfo.panelStyle delete nodeInfo.panelStyle
} }
...@@ -443,7 +443,7 @@ export function exportExcelDownload(chart, snapshot, width, height, loadingWrapp ...@@ -443,7 +443,7 @@ export function exportExcelDownload(chart, snapshot, width, height, loadingWrapp
const excelTypes = fields.map(item => item.deType) const excelTypes = fields.map(item => item.deType)
const excelHeaderKeys = fields.map(item => item.dataeaseName) const excelHeaderKeys = fields.map(item => item.dataeaseName)
let excelData = tableRow.map(item => excelHeaderKeys.map(i => item[i])) let excelData = tableRow.map(item => excelHeaderKeys.map(i => item[i]))
const excelName = chart.name const excelName = chart.title ? chart.title : chart.name
let detailFields = [] let detailFields = []
if (chart.data.detailFields?.length) { if (chart.data.detailFields?.length) {
detailFields = chart.data.detailFields.map(item => { detailFields = chart.data.detailFields.map(item => {
......
src/components/widget/deWidget/DeDate.vue
...@@ -341,6 +341,7 @@ export default { ...@@ -341,6 +341,7 @@ export default {
<style lang="scss"> <style lang="scss">
.coustom-date-picker { .coustom-date-picker {
right: 0px;
border: 1px solid var(--BrDateColor, #dfe4ed) !important; border: 1px solid var(--BrDateColor, #dfe4ed) !important;
background: var(--BgDateColor, #FFFFFF) !important; background: var(--BgDateColor, #FFFFFF) !important;
......
src/lang/en.js
...@@ -1019,6 +1019,7 @@ export default { ...@@ -1019,6 +1019,7 @@ export default {
fast_calc: 'Fast Calculation', fast_calc: 'Fast Calculation',
sum: 'Sum', sum: 'Sum',
count: 'Count', count: 'Count',
value: 'Value',
avg: 'Avg', avg: 'Avg',
max: 'Max', max: 'Max',
min: 'Min', min: 'Min',
...@@ -1513,6 +1514,7 @@ export default { ...@@ -1513,6 +1514,7 @@ export default {
Do not modify the reference content, otherwise the reference will fail.<br/> Do not modify the reference content, otherwise the reference will fail.<br/>
If you enter content in the same format as the reference field, it will be treated as a reference field.`, If you enter content in the same format as the reference field, it will be treated as a reference field.`,
scatter_tip: 'When this indicator is in effect, the bubble size attribute in the style size will be invalid', scatter_tip: 'When this indicator is in effect, the bubble size attribute in the style size will be invalid',
scatter_group_tip: 'This setting only active when quota value in xAxis',
place_name_mapping: 'Place name mapping', place_name_mapping: 'Place name mapping',
axis_tip: 'The minimum value, maximum value, and interval are all numeric types; it will be regarded as automatic if left blank.<br/>Please make sure that the filled values can be calculated correctly, otherwise the axis values will not be displayed normally.', axis_tip: 'The minimum value, maximum value, and interval are all numeric types; it will be regarded as automatic if left blank.<br/>Please make sure that the filled values can be calculated correctly, otherwise the axis values will not be displayed normally.',
format_tip: `The template variables include {a}, {b}, {c}, {d}, which represent series name, data name, data value, etc. respectively.<br> format_tip: `The template variables include {a}, {b}, {c}, {d}, which represent series name, data name, data value, etc. respectively.<br>
...@@ -1954,8 +1956,8 @@ export default { ...@@ -1954,8 +1956,8 @@ export default {
jsonpath_info: 'Please fill in JsonPath', jsonpath_info: 'Please fill in JsonPath',
req_param: 'Request parameters', req_param: 'Request parameters',
headers: 'Request header', headers: 'Request header',
query_param: "QUERY param", query_param: 'QUERY param',
query_info: "Follow in the address bar? The following parameters, such as: updateAPI? id=112", query_info: 'Follow in the address bar? The following parameters, such as: updateAPI? id=112',
key: 'Key', key: 'Key',
value: 'Value', value: 'Value',
data_path: 'Extract data', data_path: 'Extract data',
...@@ -2936,5 +2938,10 @@ export default { ...@@ -2936,5 +2938,10 @@ export default {
confirm_title: 'Forced login will cause other clients to go offline', confirm_title: 'Forced login will cause other clients to go offline',
confirm: 'Whether to force login?', confirm: 'Whether to force login?',
forced_offline: '`The current account is logged in on the client [${ip}],and you have been pushed off the line!`' forced_offline: '`The current account is logged in on the client [${ip}],and you have been pushed off the line!`'
},
online_map: {
geometry: 'Geometry',
onlinemap: 'Online map',
empty_desc: 'No map key'
} }
} }
src/lang/tw.js
...@@ -1019,7 +1019,8 @@ export default { ...@@ -1019,7 +1019,8 @@ export default {
fast_calc: '快速計算', fast_calc: '快速計算',
sum: '求和', sum: '求和',
count: '計數', count: '計數',
avg: '平均', value: '字段值',
avg: '平均值',
max: '最大值', max: '最大值',
min: '最小值', min: '最小值',
stddev_pop: '標準差', stddev_pop: '標準差',
...@@ -1507,6 +1508,7 @@ export default { ...@@ -1507,6 +1508,7 @@ export default {
table_column_width_tip: '列寬並非任何時候都能生效。<br/>容器寬度優先級高於列寬。即(表格容器寬度 / 列數 > 指定列寬)，則列寬優先取(容器寬度 / 列數)', table_column_width_tip: '列寬並非任何時候都能生效。<br/>容器寬度優先級高於列寬。即(表格容器寬度 / 列數 > 指定列寬)，則列寬優先取(容器寬度 / 列數)',
reference_field_tip: '引用字段以 "[" 開始，"]" 結束。請<br/>勿修改引用內容，否則將引用失敗。<br/>若輸入與引用字段相同格式的內容，將被當做引用字段處理。', reference_field_tip: '引用字段以 "[" 開始，"]" 結束。請<br/>勿修改引用內容，否則將引用失敗。<br/>若輸入與引用字段相同格式的內容，將被當做引用字段處理。',
scatter_tip: '該指標生效時，樣式大小中的氣泡大小屬性將失效', scatter_tip: '該指標生效時，樣式大小中的氣泡大小屬性將失效',
scatter_group_tip: '僅當橫軸內為指標時生效',
place_name_mapping: '地名映射', place_name_mapping: '地名映射',
axis_tip: '最小值、最大值、間隔均為數值類型；若不填，則該項視為自動。<br/>請確保填寫數值能正確計算，否則將無法正常顯示值軸', axis_tip: '最小值、最大值、間隔均為數值類型；若不填，則該項視為自動。<br/>請確保填寫數值能正確計算，否則將無法正常顯示值軸',
format_tip: `模板變量有 {a}, {b}，{c}，{d}，分別表示系列名，數據名，數據值等。<br> format_tip: `模板變量有 {a}, {b}，{c}，{d}，分別表示系列名，數據名，數據值等。<br>
...@@ -1948,8 +1950,8 @@ export default { ...@@ -1948,8 +1950,8 @@ export default {
jsonpath_info: '請輸入JsonPath', jsonpath_info: '請輸入JsonPath',
req_param: '請求參數', req_param: '請求參數',
headers: '請求頭', headers: '請求頭',
query_param: "QUERY參數", query_param: 'QUERY參數',
query_info: "地址欄中跟在？後面的參數，如：updateapi？ id=112", query_info: '地址欄中跟在？後面的參數，如：updateapi？ id=112',
key: '鍵', key: '鍵',
value: '值', value: '值',
data_path: '提取數據', data_path: '提取數據',
...@@ -2929,5 +2931,10 @@ export default { ...@@ -2929,5 +2931,10 @@ export default {
confirm_title: '強行登錄會導致其他客戶端掉線', confirm_title: '強行登錄會導致其他客戶端掉線',
confirm: '是否強行登錄？', confirm: '是否強行登錄？',
forced_offline: '`當前賬號在客戶端【${ip}】登錄，您已被擠下線！`' forced_offline: '`當前賬號在客戶端【${ip}】登錄，您已被擠下線！`'
},
online_map: {
geometry: '地理信息',
onlinemap: '在線地圖',
empty_desc: '暫無在線地圖key'
} }
} }
src/lang/zh.js
...@@ -1018,7 +1018,8 @@ export default { ...@@ -1018,7 +1018,8 @@ export default {
fast_calc: '快速计算', fast_calc: '快速计算',
sum: '求和', sum: '求和',
count: '计数', count: '计数',
avg: '平均', value: '字段值',
avg: '平均值',
max: '最大值', max: '最大值',
min: '最小值', min: '最小值',
stddev_pop: '标准差', stddev_pop: '标准差',
...@@ -1506,6 +1507,7 @@ export default { ...@@ -1506,6 +1507,7 @@ export default {
table_column_width_tip: '列宽并非任何时候都能生效。<br/>容器宽度优先级高于列宽，即(表格容器宽度 / 列数 > 指定列宽)，则列宽优先取(容器宽度 / 列数)。', table_column_width_tip: '列宽并非任何时候都能生效。<br/>容器宽度优先级高于列宽，即(表格容器宽度 / 列数 > 指定列宽)，则列宽优先取(容器宽度 / 列数)。',
reference_field_tip: '引用字段以 "[" 开始， "]" 结束。<br/>请勿修改引用内容，否则将引用失败。<br/>若输入与引用字段相同格式的内容，将被当作引用字段处理。', reference_field_tip: '引用字段以 "[" 开始， "]" 结束。<br/>请勿修改引用内容，否则将引用失败。<br/>若输入与引用字段相同格式的内容，将被当作引用字段处理。',
scatter_tip: '该指标生效时，样式大小中的气泡大小属性将失效', scatter_tip: '该指标生效时，样式大小中的气泡大小属性将失效',
scatter_group_tip: '仅当横轴内为指标时生效',
place_name_mapping: '地名映射', place_name_mapping: '地名映射',
axis_tip: '最小值、最大值、间隔均为数值类型；若不填，则该项视为自动。<br/>请确保填写数值能正确计算，否则将无法正常显示轴值。', axis_tip: '最小值、最大值、间隔均为数值类型；若不填，则该项视为自动。<br/>请确保填写数值能正确计算，否则将无法正常显示轴值。',
format_tip: `模板变量有 {a}, {b}，{c}，{d}，分别表示系列名，数据名，数据值等。<br> format_tip: `模板变量有 {a}, {b}，{c}，{d}，分别表示系列名，数据名，数据值等。<br>
...@@ -1947,8 +1949,8 @@ export default { ...@@ -1947,8 +1949,8 @@ export default {
jsonpath_info: '请填入JsonPath', jsonpath_info: '请填入JsonPath',
req_param: '请求参数', req_param: '请求参数',
headers: '请求头', headers: '请求头',
query_param: "QUERY参数", query_param: 'QUERY参数',
query_info: "地址栏中跟在？后面的参数,如: updateapi?id=112", query_info: '地址栏中跟在？后面的参数,如: updateapi?id=112',
key: '键', key: '键',
value: '值', value: '值',
data_path: '提取数据', data_path: '提取数据',
...@@ -2929,5 +2931,10 @@ export default { ...@@ -2929,5 +2931,10 @@ export default {
confirm_title: '强行登录会导致其他客户端掉线', confirm_title: '强行登录会导致其他客户端掉线',
confirm: '是否强行登录？', confirm: '是否强行登录？',
forced_offline: '`当前账号在客户端【${ip}】登录，您已被挤下线！`' forced_offline: '`当前账号在客户端【${ip}】登录，您已被挤下线！`'
},
online_map: {
geometry: '地理信息',
onlinemap: '在线地图',
empty_desc: '暂无在线地图key'
} }
} }
src/views/chart/chart/chart.js
...@@ -481,6 +481,7 @@ export const DEFAULT_FUNCTION_CFG = { ...@@ -481,6 +481,7 @@ export const DEFAULT_FUNCTION_CFG = {
} }
export const DEFAULT_THRESHOLD = { export const DEFAULT_THRESHOLD = {
gaugeThreshold: '', gaugeThreshold: '',
liquidThreshold: '',
labelThreshold: [], labelThreshold: [],
tableThreshold: [], tableThreshold: [],
textLabelThreshold: [] textLabelThreshold: []
......
src/views/chart/chart/common/common.js
...@@ -336,7 +336,7 @@ export function seniorCfg(chart_option, chart) { ...@@ -336,7 +336,7 @@ export function seniorCfg(chart_option, chart) {
} }
const fixedLines = senior.assistLine.filter(ele => ele.field === '0') const fixedLines = senior.assistLine.filter(ele => ele.field === '0')
const dynamicLines = chart.data.dynamicAssistLines const dynamicLines = chart.data.dynamicAssistData
const lines = fixedLines.concat(dynamicLines) const lines = fixedLines.concat(dynamicLines)
lines.forEach(ele => { lines.forEach(ele => {
......
src/views/chart/chart/common/common_antv.js
...@@ -158,9 +158,14 @@ export function getLabel(chart) { ...@@ -158,9 +158,14 @@ export function getLabel(chart) {
// label value formatter // label value formatter
if (chart.type && chart.type !== 'waterfall') { if (chart.type && chart.type !== 'waterfall') {
label.formatter = function(param) { label.formatter = function(param) {
let yAxis, extStack, xaxisExt let xAxis, yAxis, extStack, xaxisExt
let res = param.value let res = param.value
try { try {
xAxis = JSON.parse(chart.xaxis)
} catch (e) {
xAxis = JSON.parse(JSON.stringify(chart.xaxis))
}
try {
yAxis = JSON.parse(chart.yaxis) yAxis = JSON.parse(chart.yaxis)
} catch (e) { } catch (e) {
yAxis = JSON.parse(JSON.stringify(chart.yaxis)) yAxis = JSON.parse(JSON.stringify(chart.yaxis))
...@@ -244,38 +249,46 @@ export function getLabel(chart) { ...@@ -244,38 +249,46 @@ export function getLabel(chart) {
} else { } else {
for (let i = 0; i < yAxis.length; i++) { for (let i = 0; i < yAxis.length; i++) {
const f = yAxis[i] const f = yAxis[i]
if (f.name === param.category) { let formatterCfg = formatterItem
let formatterCfg = formatterItem if (f.formatterCfg) {
if (f.formatterCfg) { formatterCfg = f.formatterCfg
formatterCfg = f.formatterCfg }
if (chart.type === 'scatter' && xAxis && xAxis.length > 0 && xAxis[0].groupType === 'q') {
// 针对横轴为指标的散点图
if (f.name === param.group) {
res = valueFormatter(param.value, formatterCfg)
} }
} else {
if (f.name === param.category) {
// 饼图和环形图格式优化 // 饼图和环形图格式优化
if (equalsAny(chart.type, 'pie', 'pie-donut')) { if (equalsAny(chart.type, 'pie', 'pie-donut')) {
// 这边默认值取指标是为了兼容存量的视图 // 这边默认值取指标是为了兼容存量的视图
const labelContent = l.labelContent ?? ['quota'] const labelContent = l.labelContent ?? ['quota']
const contentItems = [] const contentItems = []
if (labelContent.includes('dimension')) { if (labelContent.includes('dimension')) {
contentItems.push(param.field) contentItems.push(param.field)
}
if (labelContent.includes('quota')) {
contentItems.push(valueFormatter(param.value, formatterCfg))
}
if (labelContent.includes('proportion')) {
const percentage = `${(Math.round(param.percent * 10000) / 100).toFixed(l.reserveDecimalCount)}%`
if (labelContent.length === 3) {
contentItems.push(`(${percentage})`)
} else {
contentItems.push(percentage)
} }
if (labelContent.includes('quota')) {
contentItems.push(valueFormatter(param.value, formatterCfg))
}
if (labelContent.includes('proportion')) {
const percentage = `${(Math.round(param.percent * 10000) / 100).toFixed(l.reserveDecimalCount)}%`
if (labelContent.length === 3) {
contentItems.push(`(${percentage})`)
} else {
contentItems.push(percentage)
}
}
res = contentItems.join(' ')
} else if (equalsAny(chart.type, 'pie-rose', 'pie-donut-rose')) {
const quotaValue = valueFormatter(param.value, formatterCfg)
res = [param.field, quotaValue].join(' ')
} else {
res = valueFormatter(param.value, formatterCfg)
} }
res = contentItems.join(' ') break
} else if (equalsAny(chart.type, 'pie-rose', 'pie-donut-rose')) {
const quotaValue = valueFormatter(param.value, formatterCfg)
res = [param.field, quotaValue].join(' ')
} else {
res = valueFormatter(param.value, formatterCfg)
} }
break
} }
} }
} }
...@@ -300,21 +313,28 @@ export function getTooltip(chart) { ...@@ -300,21 +313,28 @@ export function getTooltip(chart) {
const t = JSON.parse(JSON.stringify(customAttr.tooltip)) const t = JSON.parse(JSON.stringify(customAttr.tooltip))
if (t.show) { if (t.show) {
tooltip = {} tooltip = {}
let xAxis, yAxis, extStack
try {
xAxis = JSON.parse(chart.xaxis)
} catch (e) {
xAxis = JSON.parse(JSON.stringify(chart.xaxis))
}
try {
yAxis = JSON.parse(chart.yaxis)
} catch (e) {
yAxis = JSON.parse(JSON.stringify(chart.yaxis))
}
try {
extStack = JSON.parse(chart.extStack)
} catch (e) {
extStack = JSON.parse(JSON.stringify(chart.extStack))
}
// tooltip value formatter // tooltip value formatter
if (chart.type && chart.type !== 'waterfall') { if (chart.type && chart.type !== 'waterfall') {
tooltip.formatter = function(param) { tooltip.formatter = function(param) {
let yAxis, extStack
let res = param.value let res = param.value
try {
yAxis = JSON.parse(chart.yaxis)
} catch (e) {
yAxis = JSON.parse(JSON.stringify(chart.yaxis))
}
try {
extStack = JSON.parse(chart.extStack)
} catch (e) {
extStack = JSON.parse(JSON.stringify(chart.extStack))
}
let obj let obj
if (equalsAny(chart.type, 'bar-stack', 'line-stack', if (equalsAny(chart.type, 'bar-stack', 'line-stack',
...@@ -445,6 +465,51 @@ export function getTooltip(chart) { ...@@ -445,6 +465,51 @@ export function getTooltip(chart) {
obj.value = res === null ? '' : res obj.value = res === null ? '' : res
return obj return obj
} }
//
if (chart.type === 'scatter' && xAxis && xAxis.length > 0 && xAxis[0].groupType === 'q') {
tooltip.fields = ['x', 'category', 'value', 'group']
tooltip.customContent = (title, data) => {
const key1 = xAxis[0]?.name
let key2, v1, v2
if (data && data.length > 0) {
title = data[0].data.category
key2 = data[0].data.group
const fx = xAxis[0]
if (fx.formatterCfg) {
v1 = valueFormatter(data[0].data.x, fx.formatterCfg)
} else {
v1 = valueFormatter(data[0].data.x, formatterItem)
}
for (let i = 0; i < yAxis.length; i++) {
const f = yAxis[i]
if (f.name === key2) {
if (f.formatterCfg) {
v2 = valueFormatter(data[0].data.value, f.formatterCfg)
} else {
v2 = valueFormatter(data[0].data.value, formatterItem)
}
break
}
}
}
return `
<div>
<div class="g2-tooltip-title">${title}</div>
<div class="g2-tooltip-item">
<span class="g2-tooltip-name">${key1}:</span><span class="g2-tooltip-value">${v1}</span>
</div>
<div class="g2-tooltip-item">
<span class="g2-tooltip-name">${key2}:</span><span class="g2-tooltip-value">${v2}</span>
</div>
<div class="g2-tooltip-item">&nbsp;</div>
</div>
`
}
}
} }
} else { } else {
// 百分比堆叠柱状图隐藏 tooltip 设置 show 为 false 或者直接设置 tooltip 为 false 都无效，会变成分组显示， // 百分比堆叠柱状图隐藏 tooltip 设置 show 为 false 或者直接设置 tooltip 为 false 都无效，会变成分组显示，
...@@ -952,7 +1017,7 @@ export function getAnalyse(chart) { ...@@ -952,7 +1017,7 @@ export function getAnalyse(chart) {
} }
const fixedLines = senior.assistLine.filter(ele => ele.field === '0') const fixedLines = senior.assistLine.filter(ele => ele.field === '0')
const dynamicLines = chart.data.dynamicAssistLines const dynamicLines = chart.data.dynamicAssistData
const lines = fixedLines.concat(dynamicLines) const lines = fixedLines.concat(dynamicLines)
lines.forEach(ele => { lines.forEach(ele => {
......
src/views/chart/chart/line/line_antv.js
...@@ -31,6 +31,11 @@ export function baseLineOptionAntV(plot, container, chart, action) { ...@@ -31,6 +31,11 @@ export function baseLineOptionAntV(plot, container, chart, action) {
const analyse = getAnalyse(chart) const analyse = getAnalyse(chart)
// options // options
const options = { const options = {
meta: {
category: {
type: 'cat'
}
},
point: {}, point: {},
theme: theme, theme: theme,
data: data, data: data,
......
src/views/chart/chart/liquid/liquid.js
...@@ -8,7 +8,7 @@ let labelFormatter = null ...@@ -8,7 +8,7 @@ let labelFormatter = null
export function baseLiquid(plot, container, chart) { export function baseLiquid(plot, container, chart) {
let value = 0 let value = 0
const colors = [] const colors = []
let max, radius, bgColor, shape, labelContent let max, radius, bgColor, shape, labelContent, liquidStyle
if (chart.data?.series.length > 0) { if (chart.data?.series.length > 0) {
value = chart.data.series[0].data[0] value = chart.data.series[0].data[0]
} }
...@@ -53,6 +53,26 @@ export function baseLiquid(plot, container, chart) { ...@@ -53,6 +53,26 @@ export function baseLiquid(plot, container, chart) {
} }
} }
} }
// senior
const senior = JSON.parse(chart.senior)
if (senior?.threshold) {
const { liquidThreshold } = senior?.threshold
if (liquidThreshold) {
liquidStyle = ({ percent }) => {
const thresholdArr = liquidThreshold.split(',')
let index = 0
thresholdArr.forEach((v, i) => {
if (percent > v / 100) {
index = i + 1
}
})
return {
fill: colors[index % colors.length],
stroke: colors[index % colors.length]
}
}
}
}
let customStyle let customStyle
if (chart.customStyle) { if (chart.customStyle) {
customStyle = JSON.parse(chart.customStyle) customStyle = JSON.parse(chart.customStyle)
...@@ -78,7 +98,8 @@ export function baseLiquid(plot, container, chart) { ...@@ -78,7 +98,8 @@ export function baseLiquid(plot, container, chart) {
shape: shape, shape: shape,
statistic: { statistic: {
content: labelContent content: labelContent
} },
liquidStyle
}) })
return plot return plot
} }
src/views/chart/chart/map/map_antv.js
import { Scene, LineLayer } from '@antv/l7' import { Scene, LineLayer } from '@antv/l7'
import { GaodeMap } from '@antv/l7-maps' import { GaodeMap } from '@antv/l7-maps'
import { getLanguage } from '@/lang' import { getLanguage } from '@/lang'
import { queryMapKey } from '@/api/map/map'
export function baseFlowMapOption(chartDom, chartId, chart, action) { export async function baseFlowMapOption(chartDom, chartId, chart, action) {
const xAxis = JSON.parse(chart.xaxis) const xAxis = JSON.parse(chart.xaxis)
const xAxisExt = JSON.parse(chart.xaxisExt) const xAxisExt = JSON.parse(chart.xaxisExt)
let customAttr let customAttr
...@@ -20,9 +21,11 @@ export function baseFlowMapOption(chartDom, chartId, chart, action) { ...@@ -20,9 +21,11 @@ export function baseFlowMapOption(chartDom, chartId, chart, action) {
} catch (e) { } catch (e) {
// ignore // ignore
} }
const key = await getMapKey()
chartDom = new Scene({ chartDom = new Scene({
id: chartId, id: chartId,
map: new GaodeMap({ map: new GaodeMap({
token: key ?? undefined,
lang: lang, lang: lang,
pitch: size.mapPitch, pitch: size.mapPitch,
style: mapStyle style: mapStyle
...@@ -85,3 +88,11 @@ export function baseFlowMapOption(chartDom, chartId, chart, action) { ...@@ -85,3 +88,11 @@ export function baseFlowMapOption(chartDom, chartId, chart, action) {
}) })
return chartDom return chartDom
} }
const getMapKey = async() => {
const key = 'online-map-key'
if (!localStorage.getItem(key)) {
await queryMapKey().then(res => localStorage.setItem(key, res.data))
}
return localStorage.getItem(key)
}
src/views/chart/chart/scatter/scatter_antv.js
...@@ -32,7 +32,7 @@ export function baseScatterOptionAntV(plot, container, chart, action) { ...@@ -32,7 +32,7 @@ export function baseScatterOptionAntV(plot, container, chart, action) {
const options = { const options = {
theme: theme, theme: theme,
data: data, data: data,
xField: 'field', xField: 'x',
yField: 'value', yField: 'value',
colorField: 'category', colorField: 'category',
appendPadding: getPadding(chart), appendPadding: getPadding(chart),
......
src/views/chart/chart/table/table-info.js
...@@ -551,21 +551,22 @@ function getConditions(chart) { ...@@ -551,21 +551,22 @@ function getConditions(chart) {
} }
} }
let filedValueMap = getFieldValueMap(chart)
for (let i = 0; i < conditions.length; i++) { for (let i = 0; i < conditions.length; i++) {
const field = conditions[i] const field = conditions[i]
res.text.push({ res.text.push({
field: field.field.dataeaseName, field: field.field.dataeaseName,
mapping(value) { mapping(value,rowData) {
return { return {
fill: mappingColor(value, valueColor, field, 'color') fill: mappingColor(value, valueColor, field, 'color', filedValueMap, rowData)
} }
} }
}) })
res.background.push({ res.background.push({
field: field.field.dataeaseName, field: field.field.dataeaseName,
mapping(value) { mapping(value,rowData) {
return { return {
fill: mappingColor(value, valueBgColor, field, 'backgroundColor') fill: mappingColor(value, valueBgColor, field, 'backgroundColor', filedValueMap, rowData)
} }
} }
}) })
...@@ -574,13 +575,37 @@ function getConditions(chart) { ...@@ -574,13 +575,37 @@ function getConditions(chart) {
return res return res
} }
function mappingColor(value, defaultColor, field, type) { function getValue(field, filedValueMap, rowData){
if (field.summary === 'value') {
return rowData[field.curField.dataeaseName]
} else {
return filedValueMap[field.summary + '-' + field.fieldId]
}
}
function mappingColor(value, defaultColor, field, type, filedValueMap, rowData) {
let color let color
for (let i = 0; i < field.conditions.length; i++) { for (let i = 0; i < field.conditions.length; i++) {
let flag = false let flag = false
const t = field.conditions[i] const t = field.conditions[i]
if (field.field.deType === 2 || field.field.deType === 3 || field.field.deType === 4) { if (field.field.deType === 2 || field.field.deType === 3 || field.field.deType === 4) {
const tv = parseFloat(t.value) let tv,max,min;
if (t.field === '1') {
if (t.term === 'between') {
max = parseFloat(getValue(t.maxField, filedValueMap, rowData))
min = parseFloat(getValue(t.minField, filedValueMap, rowData))
} else {
tv = parseFloat(getValue(t.targetField, filedValueMap, rowData))
}
} else {
if (t.term === 'between') {
min = parseFloat(t.min)
max = parseFloat(t.max)
} else {
tv = parseFloat(t.value)
}
}
if (t.term === 'eq') { if (t.term === 'eq') {
if (value === tv) { if (value === tv) {
color = t[type] color = t[type]
...@@ -612,8 +637,6 @@ function mappingColor(value, defaultColor, field, type) { ...@@ -612,8 +637,6 @@ function mappingColor(value, defaultColor, field, type) {
flag = true flag = true
} }
} else if (t.term === 'between') { } else if (t.term === 'between') {
const min = parseFloat(t.min)
const max = parseFloat(t.max)
if (min <= value && value <= max) { if (min <= value && value <= max) {
color = t[type] color = t[type]
flag = true flag = true
...@@ -625,7 +648,12 @@ function mappingColor(value, defaultColor, field, type) { ...@@ -625,7 +648,12 @@ function mappingColor(value, defaultColor, field, type) {
color = defaultColor color = defaultColor
} }
} else if (field.field.deType === 0 || field.field.deType === 5) { } else if (field.field.deType === 0 || field.field.deType === 5) {
const tv = t.value let tv;
if (t.field === '1') {
tv = getValue(t.targetField, filedValueMap, rowData)
} else {
tv = t.value
}
if (t.term === 'eq') { if (t.term === 'eq') {
if (value === tv) { if (value === tv) {
color = t[type] color = t[type]
...@@ -664,7 +692,16 @@ function mappingColor(value, defaultColor, field, type) { ...@@ -664,7 +692,16 @@ function mappingColor(value, defaultColor, field, type) {
} }
} else { } else {
// time // time
const tv = new Date(t.value.replace(/-/g, '/') + ' GMT+8').getTime() let tv;
if (t.field === '1') {
let fieldValue = getValue(t.targetField, filedValueMap, rowData);
if (fieldValue) {
tv = new Date(fieldValue.replace(/-/g, '/') + ' GMT+8').getTime()
}
} else {
tv = new Date(t.value.replace(/-/g, '/') + ' GMT+8').getTime()
}
const v = new Date(value.replace(/-/g, '/') + ' GMT+8').getTime() const v = new Date(value.replace(/-/g, '/') + ' GMT+8').getTime()
if (t.term === 'eq') { if (t.term === 'eq') {
if (v === tv) { if (v === tv) {
...@@ -722,3 +759,13 @@ function showTooltip(s2Instance, event, fieldMap) { ...@@ -722,3 +759,13 @@ function showTooltip(s2Instance, event, fieldMap) {
content content
}) })
} }
function getFieldValueMap(view){
let fieldValueMap = {}
if (view.data && view.data.dynamicAssistData && view.data.dynamicAssistData.length > 0) {
view.data.dynamicAssistData.forEach(ele => {
fieldValueMap[ele.summary + '-' + ele.fieldId] = ele.value
});
}
return fieldValueMap;
}
src/views/chart/components/ChartComponentG2.vue
...@@ -242,7 +242,7 @@ export default { ...@@ -242,7 +242,7 @@ export default {
}) })
window.addEventListener('resize', this.calcHeightDelay) window.addEventListener('resize', this.calcHeightDelay)
}, },
drawView() { async drawView() {
const chart = JSON.parse(JSON.stringify(this.chart)) const chart = JSON.parse(JSON.stringify(this.chart))
// type // type
// if (chart.data) { // if (chart.data) {
...@@ -298,7 +298,7 @@ export default { ...@@ -298,7 +298,7 @@ export default {
} else if (chart.type === 'chart-mix') { } else if (chart.type === 'chart-mix') {
this.myChart = baseMixOptionAntV(this.myChart, this.chartId, chart, this.antVAction) this.myChart = baseMixOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
} else if (chart.type === 'flow-map') { } else if (chart.type === 'flow-map') {
this.myChart = baseFlowMapOption(this.myChart, this.chartId, chart, this.antVAction) this.myChart = await baseFlowMapOption(this.myChart, this.chartId, chart, this.antVAction)
} else if (chart.type === 'bidirectional-bar') { } else if (chart.type === 'bidirectional-bar') {
this.myChart = baseBidirectionalBarOptionAntV(this.myChart, this.chartId, chart, this.antVAction) this.myChart = baseBidirectionalBarOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
} else { } else {
...@@ -338,7 +338,6 @@ export default { ...@@ -338,7 +338,6 @@ export default {
} }
this.setBackGroundBorder() this.setBackGroundBorder()
}, },
antVAction(param) { antVAction(param) {
switch (this.chart.type) { switch (this.chart.type) {
case 'treemap': case 'treemap':
...@@ -355,7 +354,8 @@ export default { ...@@ -355,7 +354,8 @@ export default {
} }
this.linkageActiveParam = { this.linkageActiveParam = {
category: this.pointParam.data.category ? this.pointParam.data.category : 'NO_DATA', category: this.pointParam.data.category ? this.pointParam.data.category : 'NO_DATA',
name: this.pointParam.data.name ? this.pointParam.data.name : 'NO_DATA' name: this.pointParam.data.name ? this.pointParam.data.name : 'NO_DATA',
group: this.pointParam.data.group ? this.pointParam.data.group : 'NO_DATA'
} }
if (this.trackMenu.length < 2) { // 只有一个事件直接调用 if (this.trackMenu.length < 2) { // 只有一个事件直接调用
this.trackClick(this.trackMenu[0]) this.trackClick(this.trackMenu[0])
...@@ -392,14 +392,18 @@ export default { ...@@ -392,14 +392,18 @@ export default {
name: this.pointParam.data.name, name: this.pointParam.data.name,
viewId: this.chart.id, viewId: this.chart.id,
dimensionList: this.pointParam.data.dimensionList, dimensionList: this.pointParam.data.dimensionList,
quotaList: quotaList quotaList: quotaList,
category: this.pointParam.data.category,
group: this.pointParam.data.group
} }
const jumpParam = { const jumpParam = {
option: 'jump', option: 'jump',
name: this.pointParam.data.name, name: this.pointParam.data.name,
viewId: this.chart.id, viewId: this.chart.id,
dimensionList: this.pointParam.data.dimensionList, dimensionList: this.pointParam.data.dimensionList,
quotaList: quotaList quotaList: quotaList,
category: this.pointParam.data.category,
group: this.pointParam.data.group
} }
switch (trackAction) { switch (trackAction) {
......
src/views/chart/components/dragItem/QuotaItem.vue
...@@ -275,6 +275,10 @@ export default { ...@@ -275,6 +275,10 @@ export default {
quotaData: { quotaData: {
type: Array, type: Array,
required: true required: true
},
specialType: {
type: String,
required: false
} }
}, },
data() { data() {
...@@ -436,23 +440,35 @@ export default { ...@@ -436,23 +440,35 @@ export default {
showRename() { showRename() {
this.item.index = this.index this.item.index = this.index
this.item.renameType = 'quota' this.item.renameType = 'quota'
if (this.specialType) {
this.item.renameType = this.specialType
}
this.item.dsFieldName = getOriginFieldName(this.dimensionData, this.quotaData, this.item) this.item.dsFieldName = getOriginFieldName(this.dimensionData, this.quotaData, this.item)
this.$emit('onNameEdit', this.item) this.$emit('onNameEdit', this.item)
}, },
removeItem() { removeItem() {
this.item.index = this.index this.item.index = this.index
this.item.removeType = 'quota' this.item.removeType = 'quota'
if (this.specialType) {
this.item.removeType = this.specialType
}
this.$emit('onQuotaItemRemove', this.item) this.$emit('onQuotaItemRemove', this.item)
}, },
editFilter() { editFilter() {
this.item.index = this.index this.item.index = this.index
this.item.filterType = 'quota' this.item.filterType = 'quota'
if (this.specialType) {
this.item.filterType = this.specialType
}
this.$emit('editItemFilter', this.item) this.$emit('editItemFilter', this.item)
}, },
editCompare() { editCompare() {
this.item.index = this.index this.item.index = this.index
this.item.calcType = 'quota' this.item.calcType = 'quota'
if (this.specialType) {
this.item.calcType = this.specialType
}
this.$emit('editItemCompare', this.item) this.$emit('editItemCompare', this.item)
}, },
getItemTagType() { getItemTagType() {
...@@ -462,6 +478,9 @@ export default { ...@@ -462,6 +478,9 @@ export default {
valueFormatter() { valueFormatter() {
this.item.index = this.index this.item.index = this.index
this.item.formatterType = 'quota' this.item.formatterType = 'quota'
if (this.specialType) {
this.item.formatterType = this.specialType
}
this.$emit('valueFormatter', this.item) this.$emit('valueFormatter', this.item)
} }
} }
......
src/views/chart/components/filter/ResultFilterEditor.vue
...@@ -198,6 +198,9 @@ export default { ...@@ -198,6 +198,9 @@ export default {
{ {
label: '', label: '',
options: [{ options: [{
value: 'null',
label: this.$t('chart.filter_null')
}, {
value: 'not_null', value: 'not_null',
label: this.$t('chart.filter_not_null') label: this.$t('chart.filter_not_null')
}] }]
...@@ -237,6 +240,9 @@ export default { ...@@ -237,6 +240,9 @@ export default {
{ {
label: '', label: '',
options: [{ options: [{
value: 'null',
label: this.$t('chart.filter_null')
}, {
value: 'not_null', value: 'not_null',
label: this.$t('chart.filter_not_null') label: this.$t('chart.filter_not_null')
}] }]
......
src/views/chart/components/map/MapLayerController.vue
<template> <template>
<el-popover <el-popover
placement="right" placement="left-start"
title="" title=""
width="150" width="150"
:append-to-body="false"
trigger="click" trigger="click"
:popper-class="showEditPosition === 'bar-main-preview' ? 'map-layer-poper' : ''"
> >
<i <i
slot="reference" slot="reference"
...@@ -50,6 +52,10 @@ export default { ...@@ -50,6 +52,10 @@ export default {
id: '' id: ''
} }
} }
},
showEditPosition: {
type: String,
required: true
} }
}, },
data() { data() {
...@@ -97,9 +103,15 @@ export default { ...@@ -97,9 +103,15 @@ export default {
} }
} }
</script> </script>
<style lang="scss">
.map-layer-poper {
top: 3px !important;
right: 80px !important;
left: auto !important;
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.de-ul li { .de-ul li {
margin: 5px 2px; margin: 5px 2px;
cursor: pointer; cursor: pointer;
......
src/views/chart/components/senior/Threshold.vue
...@@ -40,6 +40,45 @@ ...@@ -40,6 +40,45 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col v-if="chart.type && chart.type === 'liquid'">
<el-form
ref="thresholdForm"
:model="thresholdForm"
label-width="80px"
size="mini"
>
<el-form-item
:label="$t('chart.threshold_range')+'(%)'"
class="form-item"
>
<span>0,</span>
<el-input
v-model="thresholdForm.liquidThreshold"
style="width: 100px;margin: 0 10px;"
:placeholder="$t('chart.threshold_range')"
size="mini"
clearable
@change="gaugeThresholdChange"
/>
<span>,100</span>
<el-tooltip
class="item"
effect="dark"
placement="bottom"
>
<div slot="content">
阈值设置，决定水波图颜色，为空则不开启阈值，范围(0-100)，逐级递增
<br>
例如：输入 30,70；表示：分为3段，分别为[0,30],(30,70],(70,100]
</div>
<i
class="el-icon-info"
style="cursor: pointer;margin-left: 10px;font-size: 12px;"
/>
</el-tooltip>
</el-form-item>
</el-form>
</el-col>
<!--文本卡--> <!--文本卡-->
<el-col v-if="chart.type && chart.type === 'label'"> <el-col v-if="chart.type && chart.type === 'label'">
...@@ -212,7 +251,7 @@ ...@@ -212,7 +251,7 @@
:key="index" :key="index"
class="line-style" class="line-style"
> >
<el-col :span="6"> <el-col :span="4">
<span <span
v-if="item.term === 'eq'" v-if="item.term === 'eq'"
:title="$t('chart.filter_eq')" :title="$t('chart.filter_eq')"
...@@ -266,7 +305,22 @@ ...@@ -266,7 +305,22 @@
:title="$t('chart.filter_not_empty')" :title="$t('chart.filter_not_empty')"
>{{ $t('chart.filter_not_empty') }}</span> >{{ $t('chart.filter_not_empty') }}</span>
</el-col> </el-col>
<el-col :span="10">
<el-col :span="4" v-if="!item.term.includes('null') && !item.term.includes('empty')">
<span
v-if="item.field === '0'"
:title="$t('chart.field_fixed')"
>{{ $t('chart.field_fixed') }}</span>
<span
v-if="item.field === '1'"
:title="$t('chart.field_dynamic')"
>{{ $t('chart.field_dynamic') }}</span>
</el-col>
<el-col :span="4" v-if="item.term.includes('null') || item.term.includes('empty')">
&nbsp;
</el-col>
<el-col :span="10" v-if="item.field === '0'">
<span <span
v-if="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'" v-if="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"
:title="item.value" :title="item.value"
...@@ -276,13 +330,27 @@ ...@@ -276,13 +330,27 @@
</span> </span>
<span v-else>&nbsp;</span> <span v-else>&nbsp;</span>
</el-col> </el-col>
<el-col :span="4">
<el-col :span="10" v-if="item.field === '1'">
<span v-if="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"
:title="item.targetField.curField.name + '(' + $t('chart.' + item.targetField.summary) + ')'">{{ item.targetField.curField.name + '(' + $t('chart.' + item.targetField.summary) + ')' }}</span>
<span v-else-if="!item.term.includes('null') && !item.term.includes('empty') && item.term === 'between'"
:title="item.minField.curField.name + '(' + $t('chart.' + item.minField.summary) + ')' + ' ≤' + $t('chart.drag_block_label_value') + '≤ ' + item.maxField.curField.name + '(' + $t('chart.' + item.maxField.summary) + ')'">
{{ item.minField.curField.name + '(' + $t('chart.' + item.minField.summary) + ')' + ' ≤' + $t('chart.drag_block_label_value') + '≤ ' + item.maxField.curField.name + '(' + $t('chart.' + item.maxField.summary) + ')' }}
</span>
<span v-else>&nbsp;</span>
</el-col>
<el-col :span="2">
<span <span
:title="$t('chart.textColor')" :title="$t('chart.textColor')"
:style="{width:'14px', height:'14px', backgroundColor: item.color, border: 'solid 1px #e1e4e8'}" :style="{width:'14px', height:'14px', backgroundColor: item.color, border: 'solid 1px #e1e4e8'}"
/> />
</el-col> </el-col>
<el-col :span="4"> <el-col :span="2">
<span <span
:title="$t('chart.backgroundColor')" :title="$t('chart.backgroundColor')"
:style="{width:'14px', height:'14px', backgroundColor: item.backgroundColor, border: 'solid 1px #e1e4e8'}" :style="{width:'14px', height:'14px', backgroundColor: item.backgroundColor, border: 'solid 1px #e1e4e8'}"
...@@ -363,7 +431,7 @@ ...@@ -363,7 +431,7 @@
:title="$t('chart.threshold')" :title="$t('chart.threshold')"
:visible="editTableThresholdDialog" :visible="editTableThresholdDialog"
:show-close="false" :show-close="false"
width="800px" width="1050px"
class="dialog-css" class="dialog-css"
append-to-body append-to-body
> >
...@@ -459,10 +527,10 @@ export default { ...@@ -459,10 +527,10 @@ export default {
changeThreshold() { changeThreshold() {
this.$emit('onThresholdChange', this.thresholdForm) this.$emit('onThresholdChange', this.thresholdForm)
}, },
gaugeThresholdChange() { gaugeThresholdChange(val) {
// check input // check input
if (this.thresholdForm.gaugeThreshold) { if (val) {
const arr = this.thresholdForm.gaugeThreshold.split(',') const arr = val.split(',')
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
const ele = arr[i] const ele = arr[i]
if (parseFloat(ele).toString() === 'NaN' || parseFloat(ele) <= 0 || parseFloat(ele) >= 100) { if (parseFloat(ele).toString() === 'NaN' || parseFloat(ele) <= 0 || parseFloat(ele) >= 100) {
...@@ -593,6 +661,10 @@ export default { ...@@ -593,6 +661,10 @@ export default {
closeTableThreshold() { closeTableThreshold() {
this.editTableThresholdDialog = false this.editTableThresholdDialog = false
}, },
fieldValid(field) {
// 检查字段和聚合方式是否不为空
return field && field.fieldId && field.summary;
},
changeTableThreshold() { changeTableThreshold() {
// check line config // check line config
for (let i = 0; i < this.tableThresholdArr.length; i++) { for (let i = 0; i < this.tableThresholdArr.length; i++) {
...@@ -624,7 +696,7 @@ export default { ...@@ -624,7 +696,7 @@ export default {
return return
} }
if (ele.term === 'between') { if (ele.term === 'between') {
if (!ele.term.includes('null') && !ele.term.includes('empty') && (!ele.min || !ele.max)) { if (!ele.term.includes('null') && !ele.term.includes('empty') && ((ele.field === '0' && (!ele.min || !ele.max)) || (ele.field === '1' && (!this.fieldValid(ele.minField) || !this.fieldValid(ele.maxField))))) {
this.$message({ this.$message({
message: this.$t('chart.value_can_not_empty'), message: this.$t('chart.value_can_not_empty'),
type: 'error', type: 'error',
...@@ -641,7 +713,7 @@ export default { ...@@ -641,7 +713,7 @@ export default {
return return
} }
} else { } else {
if (!ele.term.includes('null') && !ele.term.includes('empty') && !ele.value) { if (!ele.term.includes('null') && !ele.term.includes('empty') && ((ele.field === '0' && !ele.value) || (ele.field === '1' && !this.fieldValid(ele.targetField)))) {
this.$message({ this.$message({
message: this.$t('chart.value_can_not_empty'), message: this.$t('chart.value_can_not_empty'),
type: 'error', type: 'error',
...@@ -649,7 +721,7 @@ export default { ...@@ -649,7 +721,7 @@ export default {
}) })
return return
} }
if ((field.field.deType === 2 || field.field.deType === 3 || field.field.deType === 4) && parseFloat(ele.value).toString() === 'NaN') { if (ele.field === '0' && (field.field.deType === 2 || field.field.deType === 3 || field.field.deType === 4) && parseFloat(ele.value).toString() === 'NaN') {
this.$message({ this.$message({
message: this.$t('chart.value_error'), message: this.$t('chart.value_error'),
type: 'error', type: 'error',
......
src/views/chart/group/Group.vue
...@@ -631,9 +631,14 @@ export default { ...@@ -631,9 +631,14 @@ export default {
panelInfo() { panelInfo() {
return this.$store.state.panel.panelInfo return this.$store.state.panel.panelInfo
}, },
isPlugin() {
const plugins = localStorage.getItem('plugin-views') && JSON.parse(localStorage.getItem('plugin-views')) || []
return plugins.some(plugin => plugin.value === this.view.type && plugin.render === this.view.render)
},
watchChartTypeChangeObj() { watchChartTypeChangeObj() {
const { type, render } = this.view const { type, render } = this.view
return { type, render } const isPlugin = this.isPlugin
return { type, render, isPlugin }
} }
}, },
watch: { watch: {
...@@ -657,10 +662,11 @@ export default { ...@@ -657,10 +662,11 @@ export default {
// this.view.isPlugin = val && this.$refs['cu-chart-type'] && this.$refs['cu-chart-type'].currentIsPlugin(val) // this.view.isPlugin = val && this.$refs['cu-chart-type'] && this.$refs['cu-chart-type'].currentIsPlugin(val)
// }, // },
watchChartTypeChangeObj(newVal, oldVal) { watchChartTypeChangeObj(newVal, oldVal) {
if (newVal.type === oldVal.type && newVal.render === oldVal.render) { this.view.isPlugin = newVal.isPlugin
return // if (newVal.type === oldVal.type && newVal.render === oldVal.render && newVal.isPlugin === oldVal.isPlugin) {
} // return
this.view.isPlugin = this.$refs['cu-chart-type'] && this.$refs['cu-chart-type'].currentIsPlugin(newVal.type, newVal.render) // }
// this.view.isPlugin = this.$refs['cu-chart-type'] && this.$refs['cu-chart-type'].currentIsPlugin(newVal.type, newVal.render)
} }
}, },
...@@ -687,12 +693,22 @@ export default { ...@@ -687,12 +693,22 @@ export default {
this.getChartGroupTree() this.getChartGroupTree()
}, },
methods: { methods: {
distinctArray(arr, key) {
const m = new Map()
for (const item of arr) {
if (!m.has(item[key])) {
m.set(item[key], item)
}
}
return [...m.values()]
},
loadPluginType() { loadPluginType() {
const plugins = localStorage.getItem('plugin-views') && JSON.parse(localStorage.getItem('plugin-views')) || [] const plugins = localStorage.getItem('plugin-views') && JSON.parse(localStorage.getItem('plugin-views')) || []
const pluginOptions = plugins.filter(plugin => !this.renderOptions.some(option => option.value === plugin.render)).map(plugin => { const pluginOptions = plugins.filter(plugin => !this.renderOptions.some(option => option.value === plugin.render)).map(plugin => {
return { name: plugin.render, value: plugin.render } return { name: plugin.render, value: plugin.render }
}) })
this.pluginRenderOptions = [...this.renderOptions, ...pluginOptions] const tempList = [...this.renderOptions, ...pluginOptions]
this.pluginRenderOptions = this.distinctArray(tempList, 'value')
}, },
clickAdd(param) { clickAdd(param) {
this.currGroup = param.data this.currGroup = param.data
......
src/views/link/view/index.vue
...@@ -77,7 +77,7 @@ export default { ...@@ -77,7 +77,7 @@ export default {
}) })
}, },
setPanelInfo() { setPanelInfo() {
loadResource(this.resourceId,this.user).then(res => { loadResource(this.resourceId, this.user).then(res => {
this.show = false this.show = false
let loadingCount = 0 let loadingCount = 0
const watermarkInfo = { const watermarkInfo = {
......
src/views/system/sysParam/MapSetting/Geometry.vue 0 → 100644
<template>
<de-container
v-loading="$store.getters.loadingMap[$store.getters.currentPath]"
class="de-earth"
>
<div class="de-map-tips">
<el-alert
:title="$t('map_setting.prohibit_prompts')"
type="warning"
description=""
:closable="false"
show-icon
/>
</div>
<de-aside-container
type="mapset"
class="map-setting-aside"
>
<map-setting-left
ref="map_setting_tree"
:tree-data="treeData"
@emit-add="emitAdd"
@refresh-tree="refreshTree"
@show-node-info="loadForm"
/>
</de-aside-container>
<de-main-container
class="map-setting-main"
>
<map-setting-right
ref="map_setting_form"
:tree-data="treeData"
:status="formStatus"
@refresh-tree="refreshTree"
/>
</de-main-container>
</de-container>
</template>
<script>
import DeMainContainer from '@/components/dataease/DeMainContainer'
import DeContainer from '@/components/dataease/DeContainer'
import DeAsideContainer from '@/components/dataease/DeAsideContainer'
import { areaMapping } from '@/api/map/map'
import MapSettingLeft from './MapSettingLeft'
import MapSettingRight from './MapSettingRight'
export default {
name: 'MapSetting',
components: { DeMainContainer, DeContainer, DeAsideContainer, MapSettingLeft, MapSettingRight },
data() {
return {
formStatus: 'empty',
treeData: []
}
},
created() {
this.loadTreeData()
},
methods: {
emitAdd(form) {
this.setStatus(form.status)
this.$refs['map_setting_form']?.emitAdd(form)
},
loadForm(nodeInfo) {
this.setStatus(nodeInfo.status)
this.$refs['map_setting_form']?.loadForm(nodeInfo)
},
setStatus(status) {
this.formStatus = status
},
loadTreeData() {
!Object.keys(this.treeData).length && areaMapping().then(res => {
this.treeData = res.data
})
},
refreshTree(node) {
areaMapping().then(res => {
this.treeData = res.data
if (!node?.code) return
this.$refs['map_setting_tree']?.showNewNode(node.code)
})
}
}
}
</script>
<style lang="scss" scoped>
.de-earth {
width: 100%;
height: 100%;
overflow: auto;
.de-map-tips {
position: absolute;
width: calc(100% - 310px);
}
.map-setting-aside {
top: 50px;
height: calc(100% - 50px) !important;
}
.map-setting-main {
margin-top: 50px;
height: calc(100% - 50px);
}
}
</style>
src/views/system/sysParam/MapSetting/OnlineMap.vue 0 → 100644
<template>
<el-container
v-loading="loading"
class="online-map-container"
>
<el-aside class="aside-form">
<div class="form-title">
<span>{{ $t('online_map.onlinemap') }}</span>
</div>
<div class="online-form-item">
<span class="form-label">Key</span>
<el-input
v-model="key"
size="small"
/>
</div>
<el-button
type="primary"
:disabled="!key"
@click="saveHandler"
>{{ $t('commons.save') }}</el-button>
</el-aside>
<el-divider
direction="vertical"
class="online-divider"
/>
<el-main class="main-content">
<div
v-show="mapLoaded"
v-if="!mapReloading"
:id="domId"
class="map-gaode-demo"
/>
<el-empty
v-if="!mapLoaded"
:description="$t('online_map.empty_desc')"
/>
</el-main>
</el-container>
</template>
<script>
import { saveMapKey, queryMapKey } from '@/api/map/map'
export default {
name: 'OnlineMap',
data() {
return {
key: '',
secret: '',
mapLoaded: false,
mapInstance: null,
domId: 'qwertyuiop',
mapReloading: false,
loading: false
}
},
mounted() {
this.initLoad()
},
methods: {
loadMap() {
if (!this.key) {
return
}
const mykey = this.key
const url = `https://webapi.amap.com/maps?v=2.0&key=${mykey}`
this.loadScript(url).then(res => {
if (this.mapInstance) {
this.mapInstance.destroy()
this.mapInstance = null
this.mapReloading = true
setTimeout(() => {
this.domId = this.domId + '-de-'
this.mapReloading = false
this.$nextTick(() => {
this.createMapInstance()
})
}, 1500)
return
}
this.createMapInstance()
}).catch(e => {
if (this.mapInstance) {
this.mapInstance.destroy()
this.mapInstance = null
}
console.error(e)
})
},
createMapInstance() {
this.mapInstance = new window.AMap.Map(this.domId, {
viewMode: '2D',
zoom: 11,
center: [116.397428, 39.90923]
})
this.mapLoaded = true
},
saveHandler() {
this.loading = true
saveMapKey({ key: this.key }).then(() => {
this.$message({
message: this.$t('commons.save_success'),
type: 'success',
showClose: true
})
this.initLoad()
}).catch(e => {
console.error(e)
}).finally(() => {
this.loading = false
})
},
initLoad() {
console.log('map load ...')
queryMapKey().then(res => {
this.key = res.data
this.loadMap()
}).catch(e => {
console.error(e)
})
},
loadScript(url) {
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
// return resolve()
}
var script = document.createElement('script')
script.id = scriptId
script.onload = function() {
return resolve()
}
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)
})
}
}
}
</script>
<style lang="scss" scoped>
.online-map-container {
height: 100%;
.online-divider {
height: calc(100% - 139px);
position: absolute;
top: 112px;
margin: 0 0 0 330px;
}
.aside-form {
width: 320px !important;
padding: 0 10px;
height: 100%;
.form-title {
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #1F2329;
margin-bottom: 10px;
}
.online-form-item {
font-size: 14px;
.form-title {
font-weight: 400;
color: 1F2329;
line-height: 22px;
}
height: 62px;
margin-bottom: 10px;
}
}
.main-content {
width: 100%;
height: 100%;
margin-left: 13px;
.map-gaode-demo {
width: 100%;
height: 100%;
.de-map-iframe {
width: 100%;
height: 100%;
border: none;
}
}
}
}
</style>
src/views/system/sysParam/MapSetting/index.vue
<template> <template>
<de-container <el-container class="map-setting-container">
v-loading="$store.getters.loadingMap[$store.getters.currentPath]" <el-aside class="map-setting-left">
class="de-earth" <div class="left-container">
style="height: calc(100vh - 200px);"
>
<div class="de-map-tips">
<el-alert
:title="$t('map_setting.prohibit_prompts')"
type="warning"
description=""
:closable="false"
show-icon
/>
</div>
<de-aside-container
type="mapset"
class="map-setting-aside"
>
<map-setting-left
ref="map_setting_tree"
:tree-data="treeData"
@emit-add="emitAdd"
@refresh-tree="refreshTree"
@show-node-info="loadForm"
/>
</de-aside-container>
<de-main-container <div
class="map-setting-main" v-for="(item, index) in leftOptions"
> :key="item.id"
<map-setting-right class="left-menu-item"
ref="map_setting_form" :class="{'active': activeIndex === item.id}"
:tree-data="treeData" @click="selectHandler(index)"
:status="formStatus" >
@refresh-tree="refreshTree" <span>{{ $t(item.name) }}</span>
/> </div>
</de-main-container> </div>
</de-container> </el-aside>
<el-main class="map-setting-right">
<div class="right-container">
<OnlineMap v-if="activeIndex" />
<geometry v-else />
</div>
</el-main>
</el-container>
</template> </template>
<script> <script>
import DeMainContainer from '@/components/dataease/DeMainContainer' import Geometry from './Geometry'
import DeContainer from '@/components/dataease/DeContainer' import OnlineMap from './OnlineMap'
import DeAsideContainer from '@/components/dataease/DeAsideContainer'
import { areaMapping } from '@/api/map/map'
import MapSettingLeft from './MapSettingLeft'
import MapSettingRight from './MapSettingRight'
export default { export default {
name: 'MapSetting', name: 'MapSetting',
components: { DeMainContainer, DeContainer, DeAsideContainer, MapSettingLeft, MapSettingRight }, components: { Geometry, OnlineMap },
data() { data() {
return { return {
formStatus: 'empty', leftOptions: [
treeData: [] { id: 0, name: 'online_map.geometry' },
{ id: 1, name: 'online_map.onlinemap' }
],
activeIndex: 0
} }
}, },
created() {
this.loadTreeData()
},
methods: { methods: {
emitAdd(form) { selectHandler(index) {
this.setStatus(form.status) this.activeIndex = index
this.$refs['map_setting_form']?.emitAdd(form)
},
loadForm(nodeInfo) {
this.setStatus(nodeInfo.status)
this.$refs['map_setting_form']?.loadForm(nodeInfo)
},
setStatus(status) {
this.formStatus = status
},
loadTreeData() {
!Object.keys(this.treeData).length && areaMapping().then(res => {
this.treeData = res.data
})
},
refreshTree(node) {
areaMapping().then(res => {
this.treeData = res.data
if (!node?.code) return
this.$refs['map_setting_tree']?.showNewNode(node.code)
})
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.de-earth { .map-setting-container {
padding: 24px;
width: 100%; width: 100%;
overflow: auto; height: 100%;
.de-map-tips { padding-bottom: 0px !important;
position: absolute; .map-setting-left {
width: calc(100% - 135px); width: 200px !important;
} height: calc(100% + 20px);
.map-setting-aside { border-right: 1px solid #1f232926;
top: 50px; .left-container {
height: calc(100% - 40px) !important; padding: 16px 16px 16px 16px;
width: 100%;
height: 100%;
.left-menu-item {
width: 168px;
height: 40px;
padding: 9px 8px;
line-height: 22px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
cursor: pointer;
&:hover {
background: #1f232926;
}
}
.active {
background: #3370FF1A;
color: #3370FF;
font-weight: 500;
}
}
} }
.map-setting-main { .map-setting-right {
margin-top: 50px; padding-bottom: 0 !important;
height: calc(100% - 50px); .right-container {
height: 100%;
}
} }
} }
</style> </style>
vue.config.js
...@@ -18,6 +18,7 @@ const port = process.env.port || process.env.npm_config_port || 9528 // dev port ...@@ -18,6 +18,7 @@ const port = process.env.port || process.env.npm_config_port || 9528 // dev port
const parallel = process.env.NODE_ENV === 'development' const parallel = process.env.NODE_ENV === 'development'
module.exports = { module.exports = {
productionSourceMap: false, productionSourceMap: false,
publicPath: process.env.VUE_CONTEXT_PATH,
parallel, parallel,
// 使用mock-server // 使用mock-server
devServer: { devServer: {
...@@ -52,7 +53,6 @@ module.exports = { ...@@ -52,7 +53,6 @@ module.exports = {
}, },
output: process.env.NODE_ENV === 'development' ? {} : { output: process.env.NODE_ENV === 'development' ? {} : {
filename: `js/[name].[contenthash:8].${pkg.version}.js`, filename: `js/[name].[contenthash:8].${pkg.version}.js`,
publicPath: '/',
chunkFilename: `js/[name].[contenthash:8].${pkg.version}.js` chunkFilename: `js/[name].[contenthash:8].${pkg.version}.js`
}, },
plugins: [ plugins: [
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论