+
@@ -211,11 +221,16 @@ import { findPanelElementInfo } from '@/api/panel/panel'
import { getNowCanvasComponentData } from '@/components/canvas/utils/utils'
import DeCanvasTab from '@/components/canvas/DeCanvas'
import Preview from '@/components/canvas/components/Editor/Preview'
+import TextAttr from '@/components/canvas/components/TextAttr'
export default {
name: 'DeTabs',
- components: { Preview, DeCanvasTab, TabUseList, ViewSelect, DataeaseTabs },
+ components: { TextAttr, Preview, DeCanvasTab, TabUseList, ViewSelect, DataeaseTabs },
props: {
+ canvasId: {
+ type: String,
+ default: 'canvas-main'
+ },
element: {
type: Object,
default: null
@@ -252,6 +267,20 @@ export default {
},
data() {
return {
+ scrollLeft: 50,
+ scrollTop: 10,
+ // 需要展示属性设置的组件类型
+ showAttrComponent: [
+ 'custom',
+ 'v-text',
+ 'picture-add',
+ 'de-tabs',
+ 'rect-shape',
+ 'de-show-date',
+ 'de-video',
+ 'de-stream-media',
+ 'de-frame'
+ ],
activeTabName: null,
tabIndex: 1,
dialogVisible: false,
@@ -264,6 +293,23 @@ export default {
}
},
computed: {
+ curCanvasScaleSelf() {
+ return this.curCanvasScaleMap[this.canvasId]
+ },
+ showAttr() {
+ if (this.mobileLayoutStatus) {
+ return false
+ } else if (this.curComponent && this.showAttrComponent.includes(this.curComponent.type)) {
+ // 过滤组件有标题才显示
+ if (this.curComponent.type === 'custom' && (!this.curComponent.options.attrs.showTitle || !this.curComponent.options.attrs.title)) {
+ return false
+ } else {
+ return true
+ }
+ } else {
+ return false
+ }
+ },
moveActive() {
return this.tabMoveInActiveId && this.tabMoveInActiveId === this.element.id
},
@@ -285,7 +331,9 @@ export default {
'curComponent',
'mobileLayoutStatus',
'canvasStyleData',
- 'tabMoveInActiveId'
+ 'tabMoveInActiveId',
+ 'curCanvasScaleMap',
+ 'pcComponentData'
]),
fontColor() {
return this.element && this.element.style && this.element.style.headFontColor || 'none'
@@ -360,9 +408,23 @@ export default {
bus.$off('add-new-tab', this.addNewTab)
},
methods: {
+ initScroll() {
+ this.scrollLeft = 50
+ this.scrollTop = 10
+ },
+ canvasScroll(scrollInfo) {
+ this.scrollLeft = scrollInfo.scrollLeft + 50
+ this.scrollTop = scrollInfo.scrollTop + 10
+ console.log('scrollInfo=' + JSON.stringify(scrollInfo))
+ bus.$emit('onScroll')
+ },
tabCanvasComponentData(tabName) {
- const result = getNowCanvasComponentData(this.element.id + '-' + tabName)
- return result
+ const tabCanvasId = this.element.id + '-' + tabName
+ if (this.mobileLayoutStatus) {
+ return this.pcComponentData.filter(item => item.canvasId === tabCanvasId)
+ } else {
+ return getNowCanvasComponentData(tabCanvasId)
+ }
},
setContentThemeStyle() {
this.element.options.tabList.forEach(tab => {
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index d3a53cec82..a4620f5b4a 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -2625,6 +2625,21 @@ export default {
search_by_keyword: 'Search by keyword',
apply_logs: 'Apply logs',
app_group_delete_tips: 'Are you sure to delete this application category?',
+
+ app_group_delete_content: 'After deletion, all application templates in this category will also be deleted.',
+ panel_position: 'Panel position',
+ panel_name: 'Panel name',
+ dataset_group_position: 'Dataset group position',
+ dataset_group_name: 'Dataset name',
+ datasource_info: 'Datasource info',
+ datasource: 'Datasource',
+ dataset_group: 'Dataset group',
+ panel: 'Panel',
+ log_delete_tips: 'Are you sure to delete this application record?',
+ log_resource_delete_tips: 'Delete related resources (irrecoverable after deletion)'
+
+ },
+ <<<<<<< pr@dev@fix_oidc_exit_error
app_group_delete_content: 'After deletion, all application templates in this category will also be deleted.'
},
logout: {
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index 3e41d495c2..b3fe7c44dd 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -2626,8 +2626,21 @@ export default {
search_by_keyword: '通過關鍵字搜索',
apply_logs: '應用記錄',
app_group_delete_tips: '確定刪除該應用分類嗎?',
- app_group_delete_content: '刪除後,該分類中所有的應用模闆也將被刪除。'
+
+ app_group_delete_content: '刪除後,該分類中所有的應用模板也將被刪除。',
+ panel_position: '儀表板位置',
+ panel_name: '儀表板名稱',
+ dataset_group_position: '數據集分組位置',
+ dataset_group_name: '數據集分組名稱',
+ datasource_info: '數據源信息',
+ datasource: '數據源',
+ dataset_group: '數據集分組',
+ panel: '儀表板',
+ log_delete_tips: '確定刪除該條應用記錄嗎?',
+ log_resource_delete_tips: '刪除相關資源(刪除後不可恢復)'
+
},
+
logout: {
oidc_logout_error: 'OIDC退出失敗,是否繼續退出DataEase?',
cas_logout_error: 'CAS服務異常,請聯系管理員!'
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 851565d647..87bdeea425 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -2626,8 +2626,21 @@ export default {
search_by_keyword: '通过关键字搜索',
apply_logs: '应用记录',
app_group_delete_tips: '确定删除该应用分类吗?',
- app_group_delete_content: '删除后,该分类中所有的应用模板也将被删除。'
+
+ app_group_delete_content: '删除后,该分类中所有的应用模板也将被删除。',
+ panel_position: '仪表板位置',
+ panel_name: '仪表板名称',
+ dataset_group_position: '数据集分组位置',
+ dataset_group_name: '数据集分组名称',
+ datasource_info: '数据源信息',
+ datasource: '数据源',
+ dataset_group: '数据集分组',
+ panel: '仪表板',
+ log_delete_tips: '确定删除该条应用记录吗?',
+ log_resource_delete_tips: '删除相关资源(删除后不可恢复)'
+
},
+
logout: {
oidc_logout_error: 'OIDC退出失败,是否继续退出DataEase?',
cas_logout_error: 'CAS服务异常,请联系管理员!'
diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index b5915a81da..a7bab92044 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -3218,3 +3218,5 @@ export function getRemark(chart) {
}
return remark
}
+
+export const quotaViews = ['label', 'richTextView', 'text', 'gauge', 'liquid']
diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
index cbdccb70cb..c094712188 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
@@ -175,7 +175,10 @@
:disabled="disableEditCompare"
:command="beforeQuickCalc('setting')"
>{{ $t('chart.yoy_label') }}...
-
{{ $t('chart.percent') }}
+
{{ $t('chart.percent') }}
@@ -242,6 +245,7 @@ import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-i
import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
import bus from '@/utils/bus'
import { formatterItem } from '@/views/chart/chart/formatter'
+import { quotaViews } from '@/views/chart/chart/util'
export default {
name: 'QuotaExtItem',
@@ -277,7 +281,8 @@ export default {
compareItem: compareItem,
disableEditCompare: false,
tagType: 'success',
- formatterItem: formatterItem
+ formatterItem: formatterItem,
+ quotaViews: quotaViews
}
},
watch: {
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
index 5843e847e6..f063550610 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
@@ -175,7 +175,10 @@
:disabled="disableEditCompare"
:command="beforeQuickCalc('setting')"
>{{ $t('chart.yoy_label') }}...
-
{{ $t('chart.percent') }}
+
{{ $t('chart.percent') }}
@@ -242,6 +245,7 @@ import { getItemType, getOriginFieldName } from '@/views/chart/components/drag-i
import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
import bus from '@/utils/bus'
import { formatterItem } from '@/views/chart/chart/formatter'
+import { quotaViews } from '@/views/chart/chart/util'
export default {
name: 'QuotaItem',
@@ -277,7 +281,8 @@ export default {
compareItem: compareItem,
disableEditCompare: false,
tagType: 'success',
- formatterItem: formatterItem
+ formatterItem: formatterItem,
+ quotaViews: quotaViews
}
},
watch: {
diff --git a/frontend/src/views/chart/components/senior/AssistLine.vue b/frontend/src/views/chart/components/senior/AssistLine.vue
index b0eef1e46a..0b9c24af06 100644
--- a/frontend/src/views/chart/components/senior/AssistLine.vue
+++ b/frontend/src/views/chart/components/senior/AssistLine.vue
@@ -51,7 +51,7 @@
:title="$t('chart.assist_line')"
:visible="editLineDialog"
:show-close="false"
- width="70%"
+ width="1000px"
class="dialog-css"
>
@@ -274,7 +274,7 @@
:title="$t('chart.threshold')"
:visible="editTableThresholdDialog"
:show-close="false"
- width="50%"
+ width="800px"
class="dialog-css"
append-to-body
>
diff --git a/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue b/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
index 21e133f793..655a2a4a7c 100644
--- a/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
+++ b/frontend/src/views/chart/components/senior/dialog/AssistLineEdit.vue
@@ -17,6 +17,7 @@
diff --git a/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue b/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
index 073dfdee8b..119bd29ce7 100644
--- a/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
+++ b/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
@@ -100,6 +100,7 @@
v-show="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"
v-model="item.value"
class="value-item"
+ style="margin-left: 10px;"
:placeholder="$t('chart.drag_block_label_value')"
size="mini"
clearable
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
index d94b954a9a..4612570507 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
@@ -541,97 +541,99 @@
@change="changeBarSizeCase('dimensionShow')"
>{{ $t('chart.show') }}
-
-
+
-
-
-
-
-
+
+
+
+
-
-
-
-
- {{ $t('chart.italic') }}
- {{ $t('chart.bolder') }}
-
-
-
+
+
+
+
- {{ $t('chart.italic') }}
+ {{ $t('chart.bolder') }}
+
+
+
+
+
+
+
+ {{ $t('chart.font_shadow') }}
+
+
+
+
-
-
-
- {{ $t('chart.font_shadow') }}
-
-
-
-
-
+
+