mirror of
https://github.com/gedoor/legado.git
synced 2025-08-10 00:52:30 +00:00
45 lines
918 B
Vue
45 lines
918 B
Vue
<template>
|
|
<el-input
|
|
id="source-json"
|
|
v-model="sourceString"
|
|
type="textarea"
|
|
placeholder="这里输出序列化的JSON数据,可直接导入'阅读'APP"
|
|
rows="30"
|
|
@change="update"
|
|
style="margin-bottom: 4px"
|
|
></el-input>
|
|
</template>
|
|
<script setup>
|
|
import { useSourceStore } from "@/store";
|
|
|
|
const store = useSourceStore();
|
|
const sourceString = ref("");
|
|
const update = async (string) => {
|
|
try {
|
|
store.changeEditTabSource(JSON.parse(string));
|
|
} catch {
|
|
ElMessage({
|
|
message: "粘贴的源格式错误",
|
|
type: "error",
|
|
});
|
|
}
|
|
};
|
|
|
|
watchEffect(async () => {
|
|
let source = store.editTabSource;
|
|
if (Object.keys(source).length > 0) {
|
|
sourceString.value = JSON.stringify(source, null, 4);
|
|
} else {
|
|
sourceString.value = "";
|
|
}
|
|
});
|
|
</script>
|
|
<style scoped>
|
|
:deep(.el-input) {
|
|
width: 100%;
|
|
}
|
|
:deep(#source-json) {
|
|
height: calc(100vh - 50px);
|
|
}
|
|
</style>
|