From 125dafa1ff2769497d79610214fc479cba93f134 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 8 Dec 2022 11:19:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BB=AA=E8=A1=A8=E6=9D=BF=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E5=8F=91=E5=B8=83=E6=97=B6=E6=8F=90=E7=A4=BA=E7=AD=89=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/en.js                        |  1 +
 frontend/src/lang/tw.js                        |  1 +
 frontend/src/lang/zh.js                        |  1 +
 .../src/views/panel/list/PanelViewShow.vue     | 18 ++++++++++++++----
 4 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 62968c5caf..3be0f103d3 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1930,6 +1930,7 @@ export default {
     back_parent: 'Back to previous'
   },
   panel: {
+    unpublished_tips: 'After unpublishing, the panel cannot be viewed. Are you sure you want to cancel publishing? ',
     position_adjust_component: 'Position adjust',
     active_font_size: 'Selected font size',
     carousel: 'Carousel',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index 69a3d2c1f9..011e4a1b94 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1924,6 +1924,7 @@ export default {
     back_parent: '返回上一級'
   },
   panel: {
+    unpublished_tips: '取消發布後，該儀表板不能被查看。確定要取消發布？',
     position_adjust_component: '位置調整',
     active_font_size: '选中字體大小',
     carousel: '輪播',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index f0971cd637..1c06274057 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1924,6 +1924,7 @@ export default {
     back_parent: '返回上一级'
   },
   panel: {
+    unpublished_tips: '取消发布后，该仪表板不能被查看。确定要取消发布？',
     position_adjust_component: '位置调整',
     active_font_size: '选中字体大小',
     carousel: '轮播',
diff --git a/frontend/src/views/panel/list/PanelViewShow.vue b/frontend/src/views/panel/list/PanelViewShow.vue
index 48118c3784..97cf615766 100644
--- a/frontend/src/views/panel/list/PanelViewShow.vue
+++ b/frontend/src/views/panel/list/PanelViewShow.vue
@@ -17,7 +17,7 @@
         style="border-bottom: 1px solid;border-bottom-color:#E6E6E6;"
       >
         <div style="height: 100%;">
-          <share-head />
+          <share-head/>
         </div>
       </el-row>
       <el-row
@@ -45,7 +45,7 @@
               width="400"
               trigger="click"
             >
-              <panel-detail-info />
+              <panel-detail-info/>
               <i
                 slot="reference"
                 class="el-icon-warning icon-class"
@@ -340,8 +340,10 @@ import { dataURLToBlob, getNowCanvasComponentData } from '@/components/canvas/ut
 import { findResourceAsBase64 } from '@/api/staticResource/staticResource'
 import PanelDetailInfo from '@/views/panel/list/common/PanelDetailInfo'
 import AppExportForm from '@/views/panel/list/AppExportForm'
+import msgCfm from '@/components/msgCfm/index'
 
 export default {
+  mixins: [msgCfm],
   name: 'PanelViewShow',
   components: { AppExportForm, PanelDetailInfo, Preview, SaveToTemplate, PDFPreExport, ShareHead },
   props: {
@@ -700,10 +702,18 @@ export default {
     },
     changePublishState() {
       if (this.panelInfo.status === 'publish') {
-        this.panelInfo.status = 'unpublished'
+        const options = {
+          title: this.$t('panel.unpublished_tips'),
+          type: 'primary',
+          cb: () => this.updatePublishStatus('unpublished')
+        }
+        this.handlerConfirm(options, this.$t('commons.confirm'))
       } else {
-        this.panelInfo.status = 'publish'
+        this.updatePublishStatus('publish')
       }
+    },
+    updatePublishStatus(newStatus) {
+      this.panelInfo.status = newStatus
       updatePanelStatus(this.panelInfo.id, { 'status': this.panelInfo.status })
       this.$emit('editPanelBashInfo', {
         'operation': 'status',