From 8d3b61af0211558a0066501004fd770c4dbbf89b Mon Sep 17 00:00:00 2001
From: "liu.tao3" <liu.tao3@ustcinfo.com>
Date: Fri, 1 Sep 2023 16:37:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E4=BB=A5=E5=8F=8A=E8=87=AA=E9=80=82=E5=BA=94?=
 =?UTF-8?q?=E7=94=BB=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BigScreenDesign/CloseDialog/index.vue     | 55 -------------------
 .../BigScreenDesign/PageDesignTop.vue         | 43 +++++++++------
 2 files changed, 27 insertions(+), 71 deletions(-)
 delete mode 100644 data-room-ui/packages/BigScreenDesign/CloseDialog/index.vue

diff --git a/data-room-ui/packages/BigScreenDesign/CloseDialog/index.vue b/data-room-ui/packages/BigScreenDesign/CloseDialog/index.vue
deleted file mode 100644
index 2a0ce24f..00000000
--- a/data-room-ui/packages/BigScreenDesign/CloseDialog/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <el-dialog
-    title="提示"
-    :visible.sync="backDialog"
-    width="40%"
-    :modal="true"
-    :modal-append-to-body="false"
-    :appen-to-body="true"
-    class="bs-dialog-wrap bs-el-dialog"
-  >
-  <span style="color:#fff">确定返回主页面吗？未保存的配置将会丢失!</span>
-  <span slot="footer" class="dialog-footer">
-    <el-button @click="backDialog = false">留在页面</el-button>
-    <el-button @click="goBack">离开页面</el-button>
-    <el-button type="primary" @click="goBackSave">保存后离开页面</el-button>
-  </span>
-  </el-dialog>
-</template>
-<script>
-import { pageMixins } from 'data-room-ui/js/mixins/page'
-export default {
-  name: 'ComponentDialog',
-  mixins: [pageMixins],
-  props: {},
-  data () {
-    return {
-      backDialog: false
-    }
-  },
-  computed: {},
-  mounted () {},
-  methods: {
-    init () {
-      this.backDialog = true
-    },
-    // 点击确定
-    confirm () {
-      this.backDialog = false
-    },
-    goBack(){
-      this.$emit('back')
-    },
-    goBackSave(){
-     this.$emit('backSave')
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '../../assets/style/bsTheme.scss';
-/deep/.el-dialog__body{
-  min-height: 100px !important;
-}
-</style>
diff --git a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
index a384925b..0e0319dd 100644
--- a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
+++ b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
@@ -10,16 +10,21 @@
       <span class="logo-text name-span">{{ pageInfo.name }}</span>
     </div>
     <div class="head-btn-group">
-      <span style="margin-right:8px;font-size:12px">缩放比例</span>
+      <span style="margin-right:8px;font-size:12px">缩放</span>
       <el-input-number
         class="bs-el-input-number"
-        style="margin-right:20px"
+        style="margin-right:10px"
         :value="zoom"
         :min="1"
-        :max="100"
         label="描述文字"
         @change="changeZoom"
       />
+       <CusBtn
+        :loading="saveAndPreviewLoading"
+        @click.native="changeZoom('auto')"
+      >
+        自适应
+      </CusBtn>
       <el-dropdown
         trigger="click"
         class="align-list-dropdown"
@@ -107,11 +112,6 @@
       :page-info="pageInfo"
       @replaceItByTemplate="replaceItByTemplate"
     />
-    <CloseDialog
-      ref="CloseDialog"
-      @back="backManagement"
-      @backSave="backSave"
-    />
     <AssignDialog ref="AssignDialog" />
     <HistoryList ref="HistoryList" />
   </div>
@@ -127,7 +127,6 @@ import cloneDeep from 'lodash/cloneDeep'
 import uniqBy from 'lodash/uniqBy'
 import { stringifyObjectFunctions } from 'data-room-ui/js/utils/evalFunctions'
 import AssignDialog from 'data-room-ui/BigScreenDesign/AssignDialog/index.vue'
-import CloseDialog from 'data-room-ui/BigScreenDesign/CloseDialog/index.vue'
 import HistoryList from 'data-room-ui/BigScreenDesign/HistoryList/index.vue'
 import CusBtn from './BtnLoading'
 import icons from 'data-room-ui/assets/images/alignIcon/export'
@@ -146,7 +145,6 @@ export default {
     AssignDialog,
     CusBtn,
     HistoryList,
-    CloseDialog
   },
   props: {
     code: {
@@ -238,7 +236,6 @@ export default {
     }),
     changeZoom (val) {
       this.$emit('changeZoom', val)
-      // console.log(val)
     },
     setAlign (command) {
       const pageInfo = cloneDeep(this.pageInfo)
@@ -341,11 +338,21 @@ export default {
       }
     },
     goBackManage () {
-      this.$refs.CloseDialog.init()
-    },
-    async backSave () {
-      await this.save()
-      this.backManagement()
+       this.$confirm('确定返回主页面吗？未保存的配置将会丢失。', '提示', {
+        distinguishCancelAndClose: true,
+        confirmButtonText: '保存后离开页面',
+        cancelButtonText: '离开页面',
+        cancelButtonClass: 'cancel-btn',
+        type: 'warning',
+        customClass: 'bs-el-message-box'
+      }).then( async() => {
+        await this.save()
+        await this.backManagement()
+      }).catch((action) => {
+        if (action === 'cancel') {
+          this.backManagement()
+        }
+      })
     },
     backManagement () {
       this.$router.push({ path: this.pageInfo.type === 'component' ? (window.BS_CONFIG?.routers?.componentUrl || '/big-screen-components') : (window.BS_CONFIG?.routers?.pageManagementUrl || '/home') })
@@ -649,5 +656,9 @@ export default {
   background: var(--bs-el-background-1);
   color: var(--bs-el-text);
   border: 0 !important;
+  width: 100px;
 }
+// .bs-el-input-number{
+
+// }
 </style>