|
@@ -79,8 +79,12 @@ import {
|
|
|
PictureFilled,
|
|
|
} from "@ant-design/icons-vue";
|
|
|
import { message } from "ant-design-vue";
|
|
|
-
|
|
|
-import { computed, nextTick, ref, unref } from "vue";
|
|
|
+import {
|
|
|
+ saveTemporaryImgViewConfig,
|
|
|
+ getTemporaryImgViewConfig,
|
|
|
+} from "@/utils/index";
|
|
|
+import { computed, nextTick, ref, unref, watch } from "vue";
|
|
|
+import { useRoute } from "vue-router";
|
|
|
import {
|
|
|
objAssign,
|
|
|
getFileUrl,
|
|
@@ -100,11 +104,12 @@ import { abc } from "@/constants/enumerate";
|
|
|
import FillAreaSetDialog from "./FillAreaSetDialog.vue";
|
|
|
import RecogEditDialog from "./RecogEditDialog.vue";
|
|
|
import ImportBtn from "@/components/ImportBtn/index.vue";
|
|
|
+import { debounce } from "lodash-es";
|
|
|
|
|
|
defineOptions({
|
|
|
name: "ScanImage",
|
|
|
});
|
|
|
-
|
|
|
+const route = useRoute();
|
|
|
const emit = defineEmits(["next", "prev"]);
|
|
|
|
|
|
const userStore = useUserStore();
|
|
@@ -129,6 +134,16 @@ const imageSize = ref({
|
|
|
left: 0,
|
|
|
scale: 1,
|
|
|
});
|
|
|
+const saveImageSizeToSession = debounce(() => {
|
|
|
+ saveTemporaryImgViewConfig(route.path, imageSize.value);
|
|
|
+}, 500);
|
|
|
+watch(
|
|
|
+ imageSize,
|
|
|
+ () => {
|
|
|
+ saveImageSizeToSession();
|
|
|
+ },
|
|
|
+ { deep: true }
|
|
|
+);
|
|
|
|
|
|
const imageStyle = computed(() => {
|
|
|
return {
|
|
@@ -155,7 +170,13 @@ function initImageSize() {
|
|
|
},
|
|
|
rotate: 0,
|
|
|
});
|
|
|
- imageSize.value = objAssign(imageSize.value, imgSize);
|
|
|
+ console.log(
|
|
|
+ "getTemporaryImgViewConfig(route.path)",
|
|
|
+ getTemporaryImgViewConfig(route.path)
|
|
|
+ );
|
|
|
+ imageSize.value =
|
|
|
+ getTemporaryImgViewConfig(route.path) ||
|
|
|
+ objAssign(imageSize.value, imgSize);
|
|
|
|
|
|
nextTick(() => {
|
|
|
updateRecogList();
|