center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(仪表板): 仪表板编辑时定时缓存未完成的仪表板，如果异常退出重新进入可以选择是否打开未保存的仪表板

Browse Source
This commit is contained in:
wangjiahao 2022-08-15 17:17:04 +08:00
parent 0ca33a5c79
commit 4b4a12969c
35 changed files with 235 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
backend/src/main/java/io/dataease/commons/constants/JdbcConstants.java
View File

@ -3,4 +3,6 @@ package io.dataease.commons.constants;
public class JdbcConstants {
public final static String VIEW_CACHE_KEY = "view_cache";
public final static String PANEL_CACHE_KEY="panel_cache-";
}

26
backend/src/main/java/io/dataease/controller/panel/PanelGroupController.java
View File

@ -145,5 +145,31 @@ public class PanelGroupController {
public void updatePanelStatus(@PathVariable String panelId, @RequestBody PanelGroupBaseInfoRequest request) {
panelGroupService.updatePanelStatus(panelId, request);
}
@ApiOperation("自动缓存")
@PostMapping("/autoCache")
@DePermissions(value = {
@DePermission(type = DePermissionType.PANEL, value = "id"),
@DePermission(type = DePermissionType.PANEL, value = "pid", level = ResourceAuthLevel.PANNEL_LEVEL_MANAGE)
}, logical = Logical.AND)
public void autoCache(@RequestBody PanelGroupRequest request){
panelGroupService.autoCache(request);
}
@ApiOperation("查找缓存")
@GetMapping("/findUserCache/{panelId}")
public PanelGroupDTO findUserCache(@PathVariable String panelId){
return panelGroupService.findUserPanelCache(panelId);
}
@ApiOperation("检查缓存")
@GetMapping("/checkUserCache/{panelId}")
public Boolean checkUserCache(@PathVariable String panelId){
return panelGroupService.checkUserCache(panelId);
}
@ApiOperation("删除缓存")
@DeleteMapping("/removePanelCache/{panelId}")
public void removePanelCache(@PathVariable String panelId){
panelGroupService.removePanelCache(panelId);
}
}

42
backend/src/main/java/io/dataease/service/panel/PanelGroupService.java
View File

@ -130,6 +130,7 @@ public class PanelGroupService {
clearPermissionCache();
sysAuthService.copyAuth(panelId, SysAuthConstants.AUTH_SOURCE_TYPE_PANEL);
DeLogUtils.save(SysLogConstants.OPERATE_TYPE.CREATE, sourceType, panelId, request.getPid(), null, null);
this.removePanelAllCache(panelId);
return panelId;
}
@ -201,6 +202,7 @@ public class PanelGroupService {
}
DeLogUtils.save(SysLogConstants.OPERATE_TYPE.MODIFY, sourceType, request.getId(), request.getPid(), null, sourceType);
}
this.removePanelAllCache(panelId);
return panelId;
}
@ -627,4 +629,44 @@ public class PanelGroupService {
return null;
}
}
/**
* @Description: Automatically save panel data to cache when editing
* */
public void autoCache(PanelGroupRequest request){
String cacheName = JdbcConstants.PANEL_CACHE_KEY+request.getId();
String cacheId = AuthUtils.getUser().getUserId()+"&"+request.getId();
CacheUtils.put(cacheName, cacheId, request, null, null);
}
/**
* @Description: Remove panel cache for specific user
* */
public void removePanelCache(String panelId){
String cacheName = JdbcConstants.PANEL_CACHE_KEY+panelId;
String cacheId = AuthUtils.getUser().getUserId()+"&"+panelId;
CacheUtils.remove(cacheName,cacheId);
}
public void removePanelAllCache(String panelId){
String cacheName = JdbcConstants.PANEL_CACHE_KEY+panelId;
CacheUtils.removeAll(cacheName);
}
public PanelGroupDTO findUserPanelCache(String panelId){
String cacheName = JdbcConstants.PANEL_CACHE_KEY+panelId;
String cacheId = AuthUtils.getUser().getUserId()+"&"+panelId;
Object cache = CacheUtils.get(cacheName,cacheId);
if(cache==null){
return null;
}else{
return (PanelGroupRequest)cache;
}
}
public Boolean checkUserCache(String panelId){
String cacheName = JdbcConstants.PANEL_CACHE_KEY+panelId;
String cacheId = AuthUtils.getUser().getUserId()+"&"+panelId;
Object cache = CacheUtils.get(cacheName,cacheId);
return cache!=null;
}
}

44
frontend/src/api/panel/panel.js
View File

@ -144,9 +144,10 @@ export function delGroup(groupId) {
})
}
export function initPanelData(panelId, callback) {
export function initPanelData(panelId, useCache = false, callback) {
const queryMethod = useCache ? findUserCacheRequest : findOne
// 加载视图数据
findOne(panelId).then(response => {
queryMethod(panelId).then(response => {
// 初始化视图data和style 数据
panelInit(JSON.parse(response.data.panelData), JSON.parse(response.data.panelStyle))
// 设置当前仪表板全局信息
@ -232,3 +233,42 @@ export function updatePanelStatus(panelId, param) {
})
}
export function saveCache(data) {
return request({
url: 'panel/group/autoCache',
method: 'post',
loading: false,
data
})
}
export function findUserCacheRequest(panelId) {
return request({
url: 'panel/group/findUserCache/' + panelId,
method: 'get',
loading: false
})
}
export function checkUserCacheRequest(panelId) {
return request({
url: 'panel/group/checkUserCache/' + panelId,
method: 'get',
loading: false
})
}
export function checkUserCache(panelId, callback) {
// 加载视图数据
checkUserCacheRequest(panelId).then(response => {
callback(response)
})
}
export function removePanelCache(panelId) {
return request({
url: 'panel/group/removePanelCache/' + panelId,
method: 'delete',
loading: false
})
}

2
frontend/src/components/canvas/components/Editor/DateFormat.vue
View File

@ -122,7 +122,7 @@ export default {
watch: {
formatInfo: {
handler(newVal, oldVla) {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
},
deep: true
}

2
frontend/src/components/canvas/components/Editor/EditBar.vue
View File

@ -277,7 +277,7 @@ export default {
setTimeout(() => {
this.recordMatrixCurShadowStyle()
}, 50)
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
bus.$emit('auxiliaryMatrixChange')
},
// 记录当前样式 跟随阴影位置 矩阵处理

2
frontend/src/components/canvas/components/Editor/FrameLinks.vue
View File

@ -84,7 +84,7 @@ export default {
} else {
this.curActiveTabInner.frameLinks = this.linkInfoTemp
}
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
bus.$emit('frameLinksChange-' + this.curComponent.id)
this.popoverClose()
},

2
frontend/src/components/canvas/components/Editor/Hyperlinks.vue
View File

@ -63,7 +63,7 @@ export default {
onSubmit() {
this.linkInfo.content = checkAddHttp(this.linkInfo.content)
this.curComponent.hyperlinks = deepCopy(this.linkInfo)
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
this.popoverClose()
},
onClose() {

2
frontend/src/components/canvas/components/Editor/HyperlinksDialog.vue
View File

@ -54,7 +54,7 @@ export default {
onSubmit() {
this.linkInfo.content = checkAddHttp(this.linkInfo.content)
this.curComponent.hyperlinks = deepCopy(this.linkInfo)
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
this.onClose()
},
onClose() {

2
frontend/src/components/canvas/components/Editor/PreviewEject.vue
View File

@ -84,7 +84,7 @@ export default {
this.initCallBack()
})
} else {
initPanelData(this.panelId, () => {
initPanelData(this.panelId, false, () => {
this.initCallBack()
})
}

2
frontend/src/components/canvas/components/Editor/StreamMediaLinks.vue
View File

@ -111,7 +111,7 @@ export default {
} else {
this.curActiveTabInner.streamMediaLinks = this.streamMediaInfoTemp
}
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
bus.$emit('streamMediaLinksChange-' + this.curComponent.id)
this.popoverClose()
},

2
frontend/src/components/canvas/components/Editor/VideoLinks.vue
View File

@ -101,7 +101,7 @@ export default {
this.curActiveTabInner.videoLinks = this.linkInfoTemp
}
this.curComponent.videoLinks = this.linkInfoTemp
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
bus.$emit('videoLinksChange-' + this.curComponent.id)
this.popoverClose()
},

2
frontend/src/components/canvas/components/FilterTextAttr.vue
View File

@ -153,7 +153,7 @@ export default {
}
},
styleChange() {
this.$store.commit('recordStyleChange')
this.$store.commit('canvasChange')
}
}
}

2
frontend/src/components/canvas/components/RectangleAttr.vue
View File

@ -205,7 +205,7 @@ export default {
}
},
styleChange() {
this.$store.commit('recordStyleChange')
this.$store.commit('canvasChange')
}
}
}

2
frontend/src/components/canvas/components/TextAttr.vue
View File

@ -475,7 +475,7 @@ export default {
return y * this.curCanvasScale.scalePointHeight
},
styleChange() {
this.$store.commit('recordStyleChange')
this.$store.commit('canvasChange')
},
goHeadFontColor() {
this.$refs.headFontColorPicker.handleTrigger()

28
frontend/src/components/canvas/components/Toolbar.vue
View File

@ -135,7 +135,7 @@ import { mapState } from 'vuex'
import { commonStyle, commonAttr } from '@/components/canvas/custom-component/component-list'
import eventBus from '@/components/canvas/utils/eventBus'
import { deepCopy, mobile2MainCanvas } from '@/components/canvas/utils/utils'
import { panelUpdate } from '@/api/panel/panel'
import { panelUpdate, saveCache, removePanelCache } from '@/api/panel/panel'
import { saveLinkage, getPanelAllLinkageInfo } from '@/api/panel/linkage'
import bus from '@/utils/bus'
import { queryPanelJumpInfo } from '@/api/panel/linkJump'
@ -199,6 +199,7 @@ export default {
this.scale = this.canvasStyleData.scale
this.mobileLayoutInitStatus = this.mobileLayoutStatus
this.showGridSwitch = this.canvasStyleData.aidedDesign.showGrid
this.autoCache()
},
beforeDestroy() {
eventBus.$off('preview', this.preview)
@ -211,6 +212,7 @@ export default {
this.$store.commit('initCanvasBase')
this.$store.commit('setInEditorStatus', false)
this.$emit('close-left-panel')
removePanelCache(this.panelInfo.id)
this.$nextTick(() => {
bus.$emit('PanelSwitchComponent', { name: 'PanelMain' })
})
@ -235,7 +237,6 @@ export default {
return result
},
handleScaleChange() {
clearTimeout(this.timer)
setTimeout(() => {
const componentData = deepCopy(this.componentData)
componentData.forEach(component => {
@ -329,8 +330,18 @@ export default {
this.isShowPreview = true
this.$store.commit('setEditMode', 'preview')
},
save(withClose) {
autoCache() {
// auto save panel cache per 5s
const _this = this
_this.timer = setInterval(() => {
if (_this.$store.state.cacheStyleChangeTimes > 0) {
const cacheRequest = _this.savePrepare()
saveCache(cacheRequest)
_this.$store.state.cacheStyleChangeTimes = 0
}
}, 5000)
},
savePrepare() {
// 保存到数据库
const requestInfo = {
id: this.panelInfo.id,
@ -359,6 +370,11 @@ export default {
})
// 无需保存条件
requestInfo.panelData = JSON.stringify(components)
return requestInfo
},
save(withClose) {
const requestInfo = this.savePrepare()
panelUpdate(requestInfo).then(response => {
this.$store.commit('refreshSaveStatus')
this.$message({
@ -447,7 +463,7 @@ export default {
this.canvasStyleData.auxiliaryMatrix = value
},
showGridChange() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
this.canvasStyleData.aidedDesign.showGrid = !this.canvasStyleData.aidedDesign.showGrid
},
// batch option
@ -484,7 +500,7 @@ export default {
},
// 移动端布局保存
mobileLayoutSave() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
const mobileDataObj = {}
this.componentData.forEach(item => {
mobileDataObj[item.id] = item

2
frontend/src/components/canvas/custom-component/DeRichText.vue
View File

@ -114,7 +114,7 @@ export default {
},
myValue(newValue) {
this.element.propValue = newValue
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
}
},
mounted() {

2
frontend/src/components/canvas/custom-component/DeRichTextView.vue
View File

@ -115,7 +115,7 @@ export default {
if (this.canEdit) {
this.element.propValue.textValue = newValue
}
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
}
},
mounted() {

4
frontend/src/components/canvas/custom-component/UserView.vue
View File

@ -460,7 +460,7 @@ export default {
}
},
optFromBatchSingleProp(param) {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
const updateParams = { 'id': this.chart.id }
if (param.custom === 'customAttr') {
const sourceCustomAttr = JSON.parse(this.sourceCustomAttrStr)
@ -929,7 +929,7 @@ export default {
return this.chart.render
},
getDataEdit(param) {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
if (param.type === 'propChange') {
this.getData(param.viewId, false, true)
} else if (param.type === 'styleChange') {

4
frontend/src/components/canvas/custom-component/VText.vue
View File

@ -89,9 +89,9 @@ export default {
},
methods: {
handleInput(e) {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
this.$emit('input', this.element, e.target.innerHTML)
this.$store.commit('recordStyleChange')
this.$store.commit('canvasChange')
},
handleKeydown(e) {

7
frontend/src/components/canvas/store/snapshot.js
View File

@ -9,9 +9,14 @@ export default {
changeTimes: -1, // 修改次数
lastSaveSnapshotIndex: 0, // 最后保存是snapshotIndex的索引
styleChangeTimes: 0, // 组件样式修改次数
cacheStyleChangeTimes: 0, // 仪表板未缓存的组件样式修改次数
doSnapshotIndex: -1 // snapshot undo redo 时的索引记录
},
mutations: {
canvasChange(state) {
state.styleChangeTimes++
state.cacheStyleChangeTimes++
},
undo(state) {
store.commit('setCurComponent', { component: null, index: null })
if (state.snapshotIndex > 0) {
@ -34,7 +39,7 @@ export default {
recordSnapshot(state) {
state.changeTimes++
state.styleChangeTimes++
store.commit('canvasChange')
// 添加新的快照
state.snapshotData[++state.snapshotIndex] = deepCopy(state.componentData)
state.snapshotStyleData[state.snapshotIndex] = deepCopy(state.canvasStyleData)

2
frontend/src/components/widget/DeWidget/DeTabs.vue
View File

@ -444,7 +444,7 @@ export default {
this.styleChange()
},
styleChange() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
},
chartResize() {
// this.$refs[this.activeTabName]

2
frontend/src/components/widget/DeWidget/TabStyle.vue
View File

@ -85,7 +85,7 @@ export default {
current && (current.showPicker = true)
},
styleChange() {
this.$store.commit('recordStyleChange')
this.$store.commit('canvasChange')
}
}

2
frontend/src/lang/en.js
View File

@ -1574,6 +1574,8 @@ export default {
sure_bt: 'Confirm'
},
panel: {
panel_no_save_tips: 'There are unsaved panel',
panel_cache_use_tips: 'It was checked that the last dashboard could not be saved normally. Do you want to use the panel that was not saved last time?',
template_name_tips: "Panel\'s name should not be null",
panel_background_item: 'Customize panel background',
panel_background_image_tips: 'Currently.Jpeg,.Jpg,.Png,.Gif files are supported, and the size should not exceed 15m',

2
frontend/src/lang/tw.js
View File

@ -1574,6 +1574,8 @@ export default {
sure_bt: '確定'
},
panel: {
panel_no_save_tips: '存在未保存的仪表板',
panel_cache_use_tips: '检查到上次有仪表板未能正常保存，是否使用上次未保存的仪表板？',
template_name_tips: '仪表板名称必填',
panel_background_item: '自定义仪表板背景',
panel_background_image_tips: '当前支持.jpeg,.jpg,.png,.gif文件,大小不要超过15M',

2
frontend/src/lang/zh.js
View File

@ -1582,6 +1582,8 @@ export default {
sure_bt: '确定'
},
panel: {
panel_no_save_tips: '存在未保存的仪表板',
panel_cache_use_tips: '检查到上次有仪表板未能正常保存，是否使用上次未保存的仪表板？',
template_name_tips: '仪表板名称必填',
panel_background_item: '自定义仪表板背景',
panel_background_image_tips: '当前支持.jpeg,.jpg,.png,.gif文件,大小不要超过15M',

2
frontend/src/views/panel/GrantAuth/shareTree.vue
View File

@ -140,7 +140,7 @@ export default {
this.$refs['botTree'].setCurrentKey(null)
},
viewMyShare(data) {
initPanelData(data.id, function() {
initPanelData(data.id, false, function() {
bus.$emit('set-panel-show-type', 2)
})
this.$refs['topTree'].setCurrentKey(null)

4
frontend/src/views/panel/SubjectSetting/PanelStyle/BackgroundSelector.vue
View File

@ -109,7 +109,7 @@ export default {
this.sizeMessage()
}
uploadFileResult(file.file, (fileUrl) => {
_this.$store.state.styleChangeTimes++
_this.$store.commit('canvasChange')
_this.panel.imageUrl = fileUrl
_this.fileList = [{ url: this.panel.imageUrl }]
_this.commitStyle()
@ -122,7 +122,7 @@ export default {
this.sizeMessage()
}
uploadFileResult(file, (fileUrl) => {
_this.$store.state.styleChangeTimes++
_this.$store.commit('canvasChange')
_this.panel.imageUrl = fileUrl
_this.fileList = [{ url: this.panel.imageUrl }]
_this.commitStyle()

2
frontend/src/views/panel/SubjectSetting/PanelStyle/PanelAidedDesign.vue
View File

@ -35,7 +35,7 @@ export default {
},
methods: {
onChangePanelStyle() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
}
}
}

2
frontend/src/views/panel/SubjectSetting/PanelStyle/ViewResult.vue
View File

@ -55,7 +55,7 @@ export default {
},
methods: {
onChangePanelStyle() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
}
}
}

2
frontend/src/views/panel/SubjectSetting/index.vue
View File

@ -117,7 +117,7 @@ export default {
this.themeAttrChange('customStyle', 'text', val)
},
styleChange() {
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
},
themeAttrChange(custom, property, value) {
bus.$emit('onThemeAttrChange', {

87
frontend/src/views/panel/edit/index.vue
View File

@ -354,6 +354,27 @@
</div>
</el-dialog>
<!--关闭弹框-->
<el-dialog
:visible.sync="panelCacheExist"
:title="$t('panel.panel_no_save_tips')"
:show-close="false"
width="30%"
>
<el-row style="height: 20px">
<el-col :span="3">
<svg-icon icon-class="warn-tre" style="width: 20px;height: 20px;float: right" />
</el-col>
<el-col :span="21">
<span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px">{{$t('panel.panel_cache_use_tips')}}</span>
</el-col>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button size="mini" @click="useCache(false)">{{$t('panel.no')}}</el-button>
<el-button type="primary" size="mini" @click="useCache(true)">{{$t('panel.yes')}}</el-button>
</div>
</el-dialog>
</el-row>
</template>
@ -375,7 +396,13 @@ import componentList, {
import { mapState } from 'vuex'
import { uuid } from 'vue-uuid'
import Toolbar from '@/components/canvas/components/Toolbar'
import { initPanelData, initViewCache, queryPanelMultiplexingViewTree } from '@/api/panel/panel'
import {
checkUserCache,
findUserCache,
initPanelData,
initViewCache,
queryPanelMultiplexingViewTree
} from '@/api/panel/panel'
import Preview from '@/components/canvas/components/Editor/Preview'
import elementResizeDetectorMaker from 'element-resize-detector'
import AssistComponent from '@/views/panel/AssistComponent'
@ -428,6 +455,7 @@ export default {
},
data() {
return {
panelCacheExist: false,
viewData: [],
multiplexingShow: false,
asideToolType: 'none',
@ -727,20 +755,40 @@ export default {
_this.initHasStar()
this.$store.commit('initCanvas')
if (panelId) {
initPanelData(panelId, function() {
// 清空当前缓存,快照
_this.$store.commit('refreshSnapshot')
// 初始化视图缓存
initViewCache(panelId)
// 初始化记录的视图信息
_this.$store.commit('setComponentViewsData')
// 初始化保存状态
setTimeout(() => {
_this.$store.commit('refreshSaveStatus')
}, 500)
checkUserCache(panelId, function(rsp) {
// the panel have cache
if (rsp.data) {
_this.panelCacheExist = true
} else {
_this.editPanelDataInit(panelId, false)
}
})
}
},
useCache(useCache) {
this.editPanelDataInit(this.$store.state.panel.panelInfo.id, useCache)
this.panelCacheExist = false
},
editPanelDataInit(panelId, useCache) {
const _this = this
initPanelData(panelId, useCache, function() {
// 清空当前缓存,快照
_this.$store.commit('refreshSnapshot')
// 初始化视图缓存
initViewCache(panelId)
// 初始化记录的视图信息
_this.$store.commit('setComponentViewsData')
// if panel data load from cache the save button should be active
// 初始化保存状态
setTimeout(() => {
if (useCache) {
_this.$store.commit('recordSnapshot', 'cache')
} else {
_this.$store.commit('refreshSaveStatus')
}
}, 500)
})
},
star() {
this.panelInfo && saveEnshrine(this.panelInfo.id, false).then(res => {
this.hasStar = true
@ -1141,19 +1189,6 @@ export default {
// 打开属性栏
bus.$emit('change_panel_right_draw', true)
//
// // 编辑时临时保存 当前修改的画布
// this.$store.dispatch('panel/setComponentDataTemp', JSON.stringify(this.componentData))
// this.$store.dispatch('panel/setCanvasStyleDataTemp', JSON.stringify(this.canvasStyleData))
// if (this.curComponent.type === 'view') {
// this.$store.dispatch('chart/setViewId', null)
// this.$store.dispatch('chart/setViewId', this.curComponent.propValue.viewId)
// bus.$emit('PanelSwitchComponent', {
// name: 'ChartEdit',
// param: { 'id': this.curComponent.propValue.viewId, 'optType': 'edit' }
// })
// }
},
canvasScroll(event) {
this.scrollLeft = event.target.scrollLeft
@ -1231,7 +1266,7 @@ export default {
this.showMultiplexing(false)
this.$store.commit('copyMultiplexingComponents')
this.$store.commit('recordSnapshot')
this.$store.state.styleChangeTimes++
this.$store.commit('canvasChange')
}
}
}

2
frontend/src/views/panel/enshrine/index.vue
View File

@ -55,7 +55,7 @@ export default {
},
methods: {
showPanel(row) {
initPanelData(row.panelGroupId, function() {
initPanelData(row.panelGroupId, false, function() {
bus.$emit('set-panel-show-type', 0)
})
},

2
frontend/src/views/panel/list/PanelList.vue
View File

@ -674,7 +674,7 @@ export default {
if (data.nodeType === 'panel') {
// 清理pc布局缓存
this.$store.commit('setComponentDataCache', null)
initPanelData(data.id, function(response) {
initPanelData(data.id, false, function(response) {
bus.$emit('set-panel-show-type', 0)
data.mobileLayout = response.data.mobileLayout
})

2
frontend/src/views/panel/list/PanelViewShow.vue
View File

@ -454,7 +454,7 @@ export default {
if (this.showType === 1 && this.shareUserId !== null) {
const param = { userId: this.shareUserId }
proxyInitPanelData(this.panelInfo.id, param, null)
} else { initPanelData(this.panelInfo.id) }
} else { initPanelData(this.panelInfo.id,false) }
},
changePublishState() {
if (this.panelInfo.status === 'publish') {