centaline-data-driven-v3 0.0.90 → 0.0.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",

package/src/assets/commonApp.css

@@ -90,6 +90,7 @@
 
 .ct-serach-screen .screen-serach .title {
   font-size: 14px;
+  max-width: 90%;
 }
 
 .ct-serach-screen .screen-serach .color-EE6B6B {

package/src/components/app/ComboBox.vue

@@ -30,7 +30,7 @@
                 </div>
 
                 <van-search v-if="model.filterable" placeholder="请输入搜索内容" v-model="searchText"
-                    @update:model-value="searchInputHandle" />
+                    @update:model-value="searchInputHandle" autocomplete="off" />
                 <div style="height: 350px;overflow: scroll;">
                     <van-checkbox-group>
                         <template v-if="model.options.length > 0 && model.options[0].options">
@@ -61,7 +61,7 @@
                 </div>
 
                 <van-search v-if="model.filterable" placeholder="请输入搜索内容" v-model="searchText"
-                    @update:model-value="searchInputHandle" />
+                    @update:model-value="searchInputHandle" autocomplete="off" />
                 <div style="height: 400px;overflow: scroll;">
                     <van-checkbox-group shape="square" v-model="model.value">
                         <van-cell-group>
@@ -79,7 +79,7 @@
         </template>
         <template v-else>
             <van-search v-if="model.filterable" placeholder="请输入搜索内容" v-model="searchText"
-                @update:model-value="searchInputHandle" />
+                @update:model-value="searchInputHandle" autocomplete="off" />
             <div style="height: 350px;overflow: scroll;">
                 <van-checkbox-group>
                     <van-cell-group>

package/src/components/app/Form.vue

@@ -56,7 +56,7 @@
                         </template>
                         <template #title v-if="item.show !== false">
                             <div :class="[item.required ? 'requiredLabel' : '']">{{ item.controlLabel }}</div>
-                            <div v-html="item.sufLabel1"></div>
+                            <div v-if="item.sufLabel1" style="margin-top: 5px;" v-html="item.sufLabel1"></div>
                         </template>
                     </van-cell-group>
                 </template>
@@ -248,7 +248,7 @@ function setFormHeight() {
             h2 = refForm.value.offsetTop
         }
         let formHeight = h1 - h2
-        if (common.flagMicroMessenger()||common.flagHK()) {
+        if ((common.flagMicroMessenger()||common.flagHK())&&model.value.buttons.findIndex((v) => { return v.show }) > -1) {
             formHeight = formHeight - 64
         }
         model.value.formHeight = formHeight

package/src/components/app/FormList.vue

@@ -131,6 +131,7 @@
 import { ref } from 'vue'
 import FormList from '../../loader/src/FormList'
 import { initData } from '../../utils/mixins';
+import Enum from '../../utils/Enum'
 import common from '../../utils/common'
 import util from '../../utils/pub-use'
 import draggable from "vuedraggable";
@@ -222,8 +223,27 @@ function deleteRow(index, sourceIndex) {
 //验证
 function fieldsValidExcute() {
     var rtnBool = true;
+    var i = 0;
+    var controlLabel = model.value.controlLabel;
+    //如果当前组件的controlLabel为空 取上一个分组组的controlLabel
+    if (!model.value.controlLabel) {
+        if (model.value.form && model.value.form.fields) {
+            const currentIndex = model.value.form.fields.findIndex(v => v.fieldName1 === model.value.fieldName1);
+            if (currentIndex - 1 >= 0) {
+                if (model.value.form.fields[currentIndex - 1].controlType == Enum.ControlType.Group){
+                    controlLabel = model.value.form.fields[currentIndex - 1].controlLabel;
+                }
+            }
+        }
+    }
     if (model.value.required) {
         if (model.value.tableData.length == 0) {
+            if (controlLabel) {
+                model.value.displayValidMessage = common.LocalizedString('请填写', '請填寫') + '[' + controlLabel + ']'
+            }
+            else {
+                model.value.displayValidMessage = '表格不能为空'
+            }
             return false;
         }
     }

package/src/components/app/SearchList/SearchTable.vue

@@ -9,9 +9,11 @@
         </div>
         <div ref="refTableParent" class="ct-tableParentAPP" :style="'height:' + model.tableHeight + 'px'"
             @scroll="scrollHandle($event)">
-            <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+            <van-pull-refresh v-model="refreshing" @refresh="onRefresh"
+            :loosing-text="common.LocalizedString('释放即可刷新...', '釋放即可刷新...')">
                 <van-list v-if="!tableError" v-model:loading="tableLoading"
                     :error-text="common.LocalizedString('没有查到数据，点我刷新', '沒有查到數據，點我刷新')" :finished="finished"
+                    :loading-text="common.LocalizedString('加载中...', '加載中...')"
                     @load="onLoad" :immediate-check="false" :style="'min-height:' + model.tableHeight + 'px'">
                     <template v-if="flagPopupSearchlist && singleSelectio">
                         <van-radio-group v-model="checkeds" ref="refCheckboxGroup">

package/src/components/app/TextBox.vue

@@ -11,7 +11,7 @@
         <van-field clearable :type="model.inputType" :rows="model.rows" v-bind="model.attrs" v-model="model.code1"
             :readonly="model.readonly" :disabled="model.locked" :maxlength="model.maxValue1"
             :show-word-limit="model.showWordLimit" :label-align="model.inputType == 'textarea' ? 'top' : 'left'"
-            @input="changeHandler(model, emit)" class="ct-text">
+            @input="changeHandler(model, emit)" class="ct-text" autocomplete="off">
             <template #label v-if="model.showLabel && model.controlLabel">
                 <div :class="[model.required ? 'requiredLabel' : '']"
                     :style="model.isList ? 'white-space: nowrap' : ''">

package/src/components/app/searchScreen.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="ct-serach-screen" v-if="model">
         <div class="screen-serach" style="display: flex;flex-direction: row;">
-            <div style="display: flex; flex: 1;">
+            <div style="display: flex; flex: 1;overflow-x: auto;">
                 <van-dropdown-menu v-if="showScreen && screendata.length > 0" active-color="#EE6B6B"
                     style=" width: 100%;">
                     <van-dropdown-item v-for="(field, index) in screendata" :key="index" ref="Refitem"
@@ -25,25 +25,31 @@
                     </van-dropdown-item>
                     <van-dropdown-item v-if="ismore" key="4" title="更多" ref="RefitemMore" title-class="title"
                         class="screen-more" @open="openMore" @close="closeMore">
-                        <template v-for="(field, index) in model.screen" :key="index">
-                            <component v-if="field.show !== false" :is="field.is" :vmodel="field" ref="Fields"
-                                :parameterAction="model.parameterAction" />
-                        </template>
-                        <template v-for="(field, index) in model.highScreen" :key="index">
-                            <component v-if="field.show !== false" :is="field.is" :vmodel="field" ref="Fields"
-                                :parameterAction="model.parameterAction" />
-                        </template>
-                        <van-sticky position="bottom">
-                            <div style="padding: 5px 16px; display: flex;background-color: #ffffff;">
-                                <van-button color="#ECECEC" block @click="reset"
-                                    style="color:333333;margin-right: 10px;">
-                                    {{ getBtnLabel(Enum.ControlType.ButtonReset, '重置') }}
-                                </van-button>
-                                <van-button color="#FF5252" block @click="clickHandlerMore()">
-                                    {{ getBtnLabel(Enum.ControlType.ButtonSearch, '确定') }}
-                                </van-button>
+                        <div style="position: relative; height: 100%;">
+                            <template v-for="(field, index) in model.screen" :key="field.keyScreen">
+                                <template v-if="field.show !== false">
+                                    <component :is="field.is" :vmodel="field" ref="Fields"
+                                        :parameterAction="model.parameterAction" @change="changeHandler(field)" />
+                                </template>
+                            </template>
+                            <template v-for="(field, index) in model.highScreen" :key="field.keyScreen">
+                                <template v-if="field.show !== false" :key="field.keyScreen">
+                                    <component :is="field.is" :vmodel="field" ref="Fields"
+                                        :parameterAction="model.parameterAction" @change="changeHandler(field)" />
+                                </template>
+                            </template>
+                            <div style="position: sticky;bottom: 0;">
+                                <div style="padding: 5px 16px; display: flex;background-color: #ffffff;">
+                                    <van-button color="#ECECEC" block @click="reset"
+                                        style="color:333333;margin-right: 10px;">
+                                        {{ getBtnLabel(Enum.ControlType.ButtonReset, '重置') }}
+                                    </van-button>
+                                    <van-button color="#FF5252" block @click="clickHandlerMore()">
+                                        {{ getBtnLabel(Enum.ControlType.ButtonSearch, '确定') }}
+                                    </van-button>
+                                </div>
                             </div>
-                        </van-sticky>
+                        </div>
                     </van-dropdown-item>
                 </van-dropdown-menu>
             </div>
@@ -57,7 +63,8 @@
         </div>
         <div class="screen-condition" v-if="searchdata.length > 0">
             <van-dropdown-menu active-color="#323233">
-                <van-dropdown-item :title="common.LocalizedString('当前搜索条件：已选中' + searchdata.length + '个条件', '當前搜尋條件：已選中' + searchdata.length + '個條件')">
+                <van-dropdown-item
+                    :title="common.LocalizedString('当前搜索条件：已选中' + searchdata.length + '个条件', '當前搜尋條件：已選中' + searchdata.length + '個條件')">
                     <van-row gutter="20" v-for="(field, index) in searchdata" :key="index">
                         <van-col span="6" style="text-align: right;">{{ field.controlLabel }}</van-col>
                         <van-col span="18">
@@ -81,21 +88,19 @@
                 </van-dropdown-item>
             </van-dropdown-menu>
         </div>
-        <van-action-sheet v-model:show="issort" cancel-text="取消"
-            :round="false">
-        <template #default>
-            <button type="button" class="van-action-sheet__item" v-for="(v, i) in actions" :key="i"
-            :style="{ 'background': v.name==sortname ? '#f2f3f5' : ''}">
-                <span class="van-action-sheet__name"  @click="selectsort(v)">{{ v.name}}</span>
-            </button>
-        </template>
+        <van-action-sheet v-model:show="issort" cancel-text="取消" :round="false">
+            <template #default>
+                <button type="button" class="van-action-sheet__item" v-for="(v, i) in actions" :key="i"
+                    :style="{ 'background': v.code == sortCode ? '#f2f3f5' : '' }">
+                    <span class="van-action-sheet__name" @click="selectsort(v)">{{ v.name }}</span>
+                </button>
+            </template>
         </van-action-sheet>
     </div>
 </template>
 <script setup lang="ts">
 import { ref, nextTick } from 'vue'
 import SearchScreen from '../../loader/src/SearchScreen'
-import Form from '../../loader/src/Form'
 import Enum from '../../utils/Enum'
 import common from '../../utils/common'
 const emit = defineEmits(['loaded', 'failLoad', 'showTitle', 'search', 'resetSearch', 'saveShortcut', 'sort'])
@@ -122,6 +127,7 @@ const screendata = ref([])
 const ismore = ref(false)
 const flagsort = ref(false)
 const sortname = ref('')
+const sortCode = ref('')
 const searchdata = ref([])
 const issort = ref(false)
 const actions = ref([])
@@ -152,6 +158,19 @@ function searchComplate(flagLoad) {
 //加载数据
 function load(data) {
     model.value = data;
+    if (model.value.scripts) {
+        model.value.scripts.formData = model.value.formData;
+        model.value.scripts.formData.form = model.value;
+        model.value.scripts.formData.excuteData = model.value.screen;
+        model.value.scripts.formData.fieldsDic = model.value.screenDic;
+        model.value.scripts.formData.source = SearchScreen;
+    }
+    if (model.value.onload) {
+        let onloads = model.value.onload.split(';');
+        onloads.forEach((v) => {
+            common.excute.call(model.value.scripts, v);
+        });
+    }
     setScreenShow();
     setscreendata();
     emit('loaded', model.value.flagSearch);
@@ -186,7 +205,7 @@ function setscreendata() {
             v.controlType !== Enum.ControlType.LineFeed
         );
     });
-    if (screens.length > 4) {
+    if (screens.length > 3) {
         ismore.value = true;
         screens = screens.splice(0, 3);
     }
@@ -215,19 +234,18 @@ function search() {
 }
 //组件值发生变化时操作
 function changeHandler(field) {
-    if (field.is == 'ct-combobox') {
+    if (field.is == 'ct-combobox' && field.isList) {
         setsearchdata()
         search()
     }
-    SearchScreen.hiddenHandle(field, model.value);
-    Form.clearRelatedHandle(field, model.value.screen)
+    SearchScreen.changeHandler(field, model.value);
 }
 
 function open(field) {
     field.showLabel = false;
     field.isList = true;
     if (field.is == 'ct-combobox') {
-        field.getOptions(model.value.parameterAction, '',null, function (data) {
+        field.getOptions(model.value.parameterAction, '', null, function (data) {
             field.options = data
         })
     }
@@ -346,6 +364,7 @@ function getsortfield(field) {
 function selectsort(ev) {
     issort.value = false;
     sortname.value = "";
+    sortCode.value = ev.code
     if (ev.code) {
         sortname.value = ev.name;
     }

package/src/components/common/iframe.vue

@@ -5,7 +5,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onBeforeUnmount } from 'vue'
 import common from '../../utils/common'
 const emit = defineEmits(['new', 'update', 'delete', 'refreshParent', 'closeDialog'])
 const props = defineProps({
@@ -13,6 +13,9 @@ const props = defineProps({
 })
 const refIframe = ref()
 const pageStyle=ref('')
+onBeforeUnmount(()=>{
+  window.removeEventListener('message', handleMessage);
+})
 Init()
 function Init(){
     if(common.flagApp()){

package/src/components/web/ComboBox.vue

@@ -27,7 +27,7 @@
             </el-select-v2>
             <template v-if="model.flagaFterText">
                 <el-input type="text" v-model="model.code2" v-bind="model.attrs" @change="changeHandler(model, emit)"
-                    :disabled="model.locked" :rows="model.rows" :readonly="model.readonly" autocomplete="on"
+                    :disabled="model.locked" :rows="model.rows" :readonly="model.readonly"
                     :maxlength="model.maxValue1" :show-word-limit="model.showWordLimit" clearable
                     class="fieldControl ml10">
                 </el-input>
@@ -45,7 +45,7 @@
 </template>
 <script lang="ts" setup>
 import Axios from 'axios';
-import { ref, nextTick } from 'vue'
+import { ref, nextTick, onBeforeUnmount } from 'vue'
 import { Search } from '@element-plus/icons-vue'
 import { initData, changeHandler } from '../../utils/mixins';
 import common from '../../utils/common'
@@ -64,6 +64,16 @@ const nodatatext = ref('    ')
 model.value.itemKey=Math.random();
 let cancelTokenSource = null; // 用于存储取消令牌
 
+const qrtimer=ref(null)
+onBeforeUnmount(()=>{
+  model.value=null
+  refselect.value=null
+  if (qrtimer.value) {
+    clearTimeout(qrtimer.value);
+    qrtimer.value = null;
+  }
+})
+
 //下拉框出现/隐藏时触发
 function visibleChange(visible) {
     //是否有更多选择路由
@@ -142,12 +152,11 @@ function getOptions(key) {
 }
 // 防抖函数
 function debounce(func, delay) {
-    let timer = null;
     return function () {
         const context = this;
         const args = arguments;
-        clearTimeout(timer);
-        timer = setTimeout(() => {
+        if(qrtimer.value)clearTimeout(qrtimer.value);
+        qrtimer.value = setTimeout(() => {
             func.apply(context, args);
         }, delay);
     };

package/src/components/web/ContainerControl.vue

@@ -12,7 +12,7 @@
                     <div style="display: flex; flex: 0 0 100%;" v-if="col.show !== false && col.lineFeed"></div>
                     <div v-if="col.show !== false"
                         :class="index > 0 && (col.controlLabel == '' || col.is == 'ct-button') ? 'complex-left-10' : ''"
-                        :style="{ 'width': (col.width && col.width>0 ? col.width + 'px' : '100%'), 'flex': (col.width && col.width>0? '0 0 ' + col.width + 'px' : '100%') }">
+                        :style="{ 'width': (col.width && col.width>0 ? col.width + 'px' : ''), 'flex': (col.width && col.width>0? '0 0 ' + col.width + 'px' : '') }">
                         <component ref="Fields" :is="col.is" :vmodel="col" :parameterAction="parameterAction"
                             v-bind="col.bindPara" @fieldClick="fieldClickHandler(col)" @change="change(col)"
                             @popupSearchList="popupSearchListHandler"></component>

package/src/components/web/File.vue

@@ -188,7 +188,8 @@ const UploadhttpRequest = ref({})
 const startfile = ref();
 const endfile = ref();
 const model = ref(null);
-
+const qrtimer1=ref(null)
+const qrtimer2=ref(null)
 
 const headers = computed(() => {
   return common.getDataDrivenOpts().handler.getRequestHeaders();
@@ -268,7 +269,7 @@ function handleRemove(file) {
   }).then(() => {
     File.deleteFile(file, false, model.value);
     selfValidExcute("remove");
-    setTimeout(() => {
+    qrtimer1.value = setTimeout(() => {
       QRCodeLocate();
     }, 1080);
 
@@ -329,7 +330,7 @@ function uploadProcess(event, file, fileList) {
   file.loadProgress = parseInt(event.percent); // 动态获取文件上传进度
   if (file.loadProgress >= 100) {
     file.loadProgress = 100;
-    setTimeout(() => {
+    qrtimer2.value = setTimeout(() => {
       file.progressFlag = false;
     }, 1000); // 一秒后关闭进度条
   }
@@ -667,10 +668,21 @@ function ListenerPaste(event) {
 document.addEventListener('paste', ListenerPaste);
 onBeforeUnmount(() => {
   //销毁定时上传
-  clearTimeout(model.value.qrtimer);
+  if (model.value.qrtimer) {
+    clearTimeout(model.value.qrtimer);
+    model.value.qrtimer = null;
+  }
   window.removeEventListener('scroll', model.value.QRCodeLocate, true)
   //销毁贴事件监听器 
   document.removeEventListener('paste', ListenerPaste)
+  if (qrtimer1.value) {
+    clearTimeout(qrtimer1.value);
+    qrtimer1.value = null;
+  }
+  if (qrtimer2.value) {
+    clearTimeout(qrtimer2.value);
+    qrtimer2.value = null;
+  }
 })
 
 defineExpose({

package/src/components/web/Form.vue

@@ -173,8 +173,8 @@
 
         </div>
         <template v-if="model?.aiAttr?.showAI && !showAI">
-            <div class="btn-avatar" @click="AIToggle">
-                <img class="avatar-img" :src="util.getAssetsImage('AIChat.png')" :alt="model?.aiRouter.controlLabel"
+            <div class="btn-avatar" @click.stop="AIToggle">
+                <img class="avatar-img" @click.stop="AIToggle" :src="util.getAssetsImage('AIChat.png')" :alt="model?.aiRouter.controlLabel"
                     :title="model?.aiRouter.controlLabel">
             </div>
         </template>
@@ -184,7 +184,7 @@
     </div>
 </template>
 <script lang="ts" setup>
-import { ref, nextTick, onUpdated, onDeactivated, onMounted } from 'vue'
+import { ref, nextTick, onUpdated, onDeactivated, onMounted, onBeforeUnmount } from 'vue'
 import { RouterClickHandler } from '../../utils/mixins';
 import common from '../../utils/common'
 import Form from '../../loader/src/Form'
@@ -253,15 +253,36 @@ const isScroll = ref(false)
 const isWebScroll = ref(false)
 const Fields = ref()
 const refForm = ref()
-const qrtimer = ref(null)
 const downloadUrl = ref('')
 const minHeight = ref('auto')
 const showAI = ref(false);
 const dialogHeight = ref(props.dialogHeight || (window.innerHeight - 60));
 
+const qrtimer1 = ref(null)
+const qrtimer2=ref(null)
+onBeforeUnmount(()=>{
+  if (model.value && typeof model.value.scripts !== 'undefined') {
+    model.value.scripts.formData.form = null;
+    model.value.scripts.formData.excuteData = null;
+    model.value.scripts.formData.fieldsDic = null;
+    model.value.scripts.formData = null;
+  }
+  Fields.value = null;
+  refForm.value = null;
+  model.value = null;
+  if (qrtimer1.value) {
+    clearTimeout(qrtimer1.value);
+    qrtimer1.value = null;
+  }
+  if (qrtimer2.value) {
+    clearTimeout(qrtimer2.value);
+    qrtimer2.value = null;
+  }
+})
+
 onUpdated(() => {
     nextTick(() => {
-        qrtimer.value = setTimeout(getisScroll, 100);
+        qrtimer1.value = setTimeout(getisScroll, 100);
     });
 })
 onDeactivated(() => {
@@ -330,7 +351,7 @@ function doAction(data) {
 //判断是否有滚动条
 function getisScroll() {
     if (Fields.value) {
-        clearInterval(qrtimer.value);
+        if(qrtimer1.value)clearTimeout(qrtimer1.value);
         if (refForm.value) {
             let parentDom = refForm.value.parentElement;
             if (parentDom.id == "app-form" && parentDom.scrollHeight > window.innerHeight) {
@@ -385,7 +406,7 @@ function validExcute() {
                             model.value.collapseActiveNames.push(f.model.collapseName);
                             timeOut = 300;//展开折叠有个时间并影响滚动条位置，故需要延迟
                         }
-                        setTimeout(function () {
+                        qrtimer2.value = setTimeout(function () {
                             if (f.model.controlType == Enum.ControlType.List) {
                                 if (f.$el.offsetParent) {
                                     let total = f.$el.offsetParent.offsetTop;
@@ -666,6 +687,7 @@ function buttonsWidth() {
 .avatar-img {
     height: 50px;
     animation: bounce 0.5s infinite ease-in-out;
+    cursor: pointer;
     /* 使用ease-in-out让动画更平滑 */
 }
 

package/src/components/web/MapBaidu.vue

@@ -21,7 +21,7 @@
 </template>
 <script lang="ts" setup>
 import {BaiduMap,BmMarker,BmLabel,BmNavigation} from 'vue-baidu-map-3x'
-import { ref, nextTick, onUpdated,onDeactivated , onMounted  } from 'vue'
+import { ref, nextTick, onUpdated,onDeactivated , onMounted, onBeforeUnmount } from 'vue'
 import { initData, changeHandler } from '../../utils/mixins';
 
 const emit = defineEmits(['popupLocation'])
@@ -62,6 +62,14 @@ const data = ref({
   rtnPoint:null,
 })
 
+const qrtimer=ref(null)
+onBeforeUnmount(()=>{
+  if (qrtimer.value) {
+    clearTimeout(qrtimer.value);
+    qrtimer.value = null;
+  }
+})
+
 function handler({BMap, map}) {
   // 经度
   data.value.center.lng = 116.404
@@ -96,7 +104,7 @@ function handler({BMap, map}) {
     }
     
     if(props.apiParam.lng && props.apiParam.lat){          
-      setTimeout(() => {
+      qrtimer.value = setTimeout(() => {
         //偏移处理
         data.value.center.lng = props.apiParam.lng;
         data.value.center.lat = props.apiParam.lat;

package/src/components/web/PhotoSelect.vue

@@ -62,7 +62,7 @@
 
 
 <script setup lang="ts">
-import { ref, nextTick, watch } from 'vue'
+import { ref, nextTick, watch, onBeforeUnmount } from 'vue'
 import { ElMessage } from 'element-plus'
 import common from '../../utils/common'
 import PhotoSelect from '../../loader/src/PhotoSelect';
@@ -85,6 +85,14 @@ const dragOptions = {
     forceFallback: true,
 }
 
+const qrtimer=ref(null)
+onBeforeUnmount(()=>{
+  if (qrtimer.value) {
+    clearTimeout(qrtimer.value);
+    qrtimer.value = null;
+  }
+})
+
 const model = ref()
 init();
 function init() {
@@ -157,7 +165,7 @@ function handleOpen() {
                                     showClose: true,
                                 });
                                 model.value.valid = false;
-                                setTimeout(() => {
+                                qrtimer.value = setTimeout(() => {
                                     model.value.valid = true;
                                 }, 3000);
                                 List = List.slice(0, model.value.maxValue1);

package/src/components/web/Progress.vue

@@ -17,7 +17,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, onDeactivated, onMounted } from 'vue'
+import { ref, onDeactivated, onMounted, onBeforeUnmount } from 'vue'
 import request from '../../utils/request'
 import common from '../../utils/common'
 const emit = defineEmits(['finished', 'error'])
@@ -38,6 +38,20 @@ const progressFlag = ref(false)
 const percentage = ref(0)
 const message = ref('')
 const downloadUrl = ref('')
+
+const qrtimer1=ref(null)
+const qrtimer2=ref(null)
+onBeforeUnmount(()=>{
+  if (qrtimer1.value) {
+    clearTimeout(qrtimer1.value);
+    qrtimer1.value = null;
+  }
+  if (qrtimer2.value) {
+    clearTimeout(qrtimer2.value);
+    qrtimer2.value = null;
+  }
+})
+
 function getApiData() {
     let params = {
         action: props.progressAction,
@@ -80,7 +94,7 @@ function getApiData() {
                             downloadUrl.value = data.content + "?" + Math.random();
                         }
                     }
-                    setTimeout(() => {
+                    qrtimer1.value = setTimeout(() => {
                         emit('finished', data);
                     }, 800);
                 }
@@ -89,7 +103,7 @@ function getApiData() {
                 }
             }
             else {
-                setTimeout(() => {
+              qrtimer2.value = setTimeout(() => {
                     getApiData();
                 }, 1000);
             }