mirror of
https://github.com/ngfchl/ptools
synced 2023-07-10 13:41:22 +08:00
1. 优化导入PTPP历史数据
This commit is contained in:
ngfchl
@@ -85,7 +85,8 @@
|
||||
return {
|
||||
user: {
|
||||
info: '',
|
||||
cookies: ''
|
||||
cookies: '',
|
||||
userdata: '',
|
||||
},
|
||||
import: true,
|
||||
zip: ''
|
||||
@@ -133,7 +134,15 @@
|
||||
this.user.info = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
|
||||
if (fileName.includes("userdatas.json")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.userdata = JSON.stringify(ptpp, null, " ")
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
console.log(file_list)
|
||||
|
||||
@@ -99,7 +99,8 @@
|
||||
return {
|
||||
user: {
|
||||
info: '',
|
||||
cookies: ''
|
||||
cookies: '',
|
||||
userdata: '',
|
||||
},
|
||||
import: true,
|
||||
zip: ''
|
||||
@@ -139,7 +140,15 @@
|
||||
this.user.info = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
|
||||
if (fileName.includes("userdatas.json")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.userdata = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
319
templates/pt_test/test_json.html
Normal file
319
templates/pt_test/test_json.html
Normal file
@@ -0,0 +1,319 @@
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
{% include 'admin/includes/css-part.html' %}
|
||||
<style>
|
||||
#content {
|
||||
background-color: dimgrey;
|
||||
color: whitesmoke;
|
||||
border: 2px solid dimgrey;
|
||||
border-radius: 3px;
|
||||
line-height: 20px;
|
||||
font-size: 16px;
|
||||
width: 90%;
|
||||
height: 500px;
|
||||
padding: 5px;
|
||||
overflow-y: scroll;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.ui-upload {
|
||||
font-size: 14px;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
background: #00abff;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-upload input {
|
||||
position: absolute;
|
||||
font-size: 100px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: pointer
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="ptpp">
|
||||
{# <input id="uploadFile" type="file" @change="changeFile($event)"/>#}
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<label class="ui-upload">选取文件
|
||||
<input type="file" v-model="zip" @change="showFile($event)"/>
|
||||
</label>
|
||||
{# <el-upload#}
|
||||
{# id="upload"#}
|
||||
{# style="width: 50%"#}
|
||||
{# :show-file-list="false"#}
|
||||
{# @http-request="showFile($event)"#}
|
||||
{# :on-change="showFile"#}
|
||||
{# :before-upload="showFile($event)"#}
|
||||
{# :accept="zip"#}
|
||||
{# :limit="1"#}
|
||||
{# :auto-upload="false">#}
|
||||
{# <el-button slot="trigger" type="primary" @change="showFile($event)">选取文件</el-button>#}
|
||||
{# </el-upload>#}
|
||||
<el-button style="float: right;" size="small" type="success" @click="do_import">导入</el-button>
|
||||
</div>
|
||||
<div class="text item">
|
||||
<el-row>
|
||||
{# <el-col :span="12" style="text-align: center">#}
|
||||
{# <h3>用户信息</h3>#}
|
||||
{# <textarea id="content" readonly v-model="user.info"></textarea>#}
|
||||
{# </el-col>#}
|
||||
{# <el-col :span="12" style="text-align: center">#}
|
||||
{# <h3>网站Cookies</h3>#}
|
||||
{# <textarea id="content" readonly v-model="user.cookies"></textarea>#}
|
||||
{# </el-col>#}
|
||||
<el-col :span="12" style="text-align: center">
|
||||
<h3>网站Cookies</h3>
|
||||
<textarea id="content" v-model="user.userdata"></textarea>
|
||||
</el-col>
|
||||
<el-button type="danger" @click="handleJson">handle</el-button>
|
||||
</el-row>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
|
||||
{% include 'admin/includes/js-part.html' %}
|
||||
<script src="{% static 'admin/simpleui-x/js/axios.min.js' %}"></script>
|
||||
<script src="{% static 'js/FileSaver.min.js' %}"></script>
|
||||
<script src="{% static 'js/jszip.min.js' %}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
const vm = new Vue({
|
||||
el: '#ptpp',
|
||||
data() {
|
||||
return {
|
||||
user: {
|
||||
info: '',
|
||||
cookies: '',
|
||||
userdata: '',
|
||||
},
|
||||
import: true,
|
||||
zip: ''
|
||||
}
|
||||
},
|
||||
watch: {},
|
||||
methods: {
|
||||
handleJson() {
|
||||
{#let ptpp = JSON.parse(this.user.userdata)#}
|
||||
{#console.log(ptpp)#}
|
||||
{#this.user.userdata = JSON.stringify(ptpp, null, " ")#}
|
||||
let userdata = JSON.stringify(this.user.userdata)
|
||||
{#console.log(this.user.userdata)#}
|
||||
{#console.log(JSON.parse(userdata).length)#}
|
||||
for (const key in userdata) {
|
||||
console.log(key)
|
||||
const element = userdata[key];
|
||||
console.log("------->" + element)
|
||||
console.log(element[0])
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
changeFile(input) {
|
||||
let file = input.target.files[0];
|
||||
JSZip.loadAsync(file).then((res) => {
|
||||
console.log(res.files);
|
||||
res.forEach((ele, obj) => {
|
||||
if (!obj.dir) {
|
||||
// 压缩包内文件名称
|
||||
let fileName = obj.name;
|
||||
|
||||
if (fileName.includes("cookie")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.cookies = JSON.stringify(ptpp, null, " ")
|
||||
})
|
||||
}
|
||||
if (fileName.includes("options")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.info = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
if (fileName.includes("userdatas")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.userdata = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
,
|
||||
showFile(input) {
|
||||
//支持chrome IE10
|
||||
try {
|
||||
if (window.FileReader) {
|
||||
let file = input.target.files[0];
|
||||
if (!file.type.includes('zip')) {
|
||||
console.log(file.type)
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请选择正确的ZIP文件！！！'
|
||||
});
|
||||
return
|
||||
}
|
||||
let file_list = [];
|
||||
JSZip.loadAsync(file).then((res) => {
|
||||
{#console.log(res.files.item(0));#}
|
||||
|
||||
res.forEach((ele, obj) => {
|
||||
if (!obj.dir) {
|
||||
// 压缩包内文件名称
|
||||
let fileName = obj.name;
|
||||
file_list.push(fileName)
|
||||
if (fileName.includes("cookie")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.cookies = JSON.stringify(ptpp, null, " ")
|
||||
})
|
||||
}
|
||||
if (fileName.includes("options")) {
|
||||
console.log(fileName)
|
||||
res.file(obj.name)
|
||||
.async('text')
|
||||
.then(response => {
|
||||
let ptpp = JSON.parse(response);
|
||||
this.user.info = JSON.stringify(ptpp.sites, null, " ")
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
console.log(file_list)
|
||||
if (!file_list.includes('cookies.json') || !file_list.includes('options.json')) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请检查压缩包内是否包含cookies.json和options.json两个文件！'
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '可能不支持您的浏览器？？？请使用Chrome或Edge！'
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'PTPP数据必须为标准JSON格式，请检查数据是否有误？？？'
|
||||
});
|
||||
}
|
||||
}
|
||||
,
|
||||
do_import() {
|
||||
var self = this;
|
||||
{#console.log(this.ptpp)#}
|
||||
if (this.user.info === '' || this.user.cookies === '') {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请检查压缩包内文件是否齐全？至少要包含cookies.json和options.json两个文件'
|
||||
});
|
||||
return
|
||||
}
|
||||
if (this.ptpp === '') {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '数据获取失败，请检查数据文件是否有误？？？'
|
||||
});
|
||||
}
|
||||
this.$confirm('确认导入数据 ？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
axios.post(
|
||||
"{% url "test_import" %}",
|
||||
{
|
||||
'user': this.user
|
||||
}).then(res => {
|
||||
if (res.data.code === 0) {
|
||||
let messages = res.data.data.messages
|
||||
Array.from(messages).forEach(item => {
|
||||
var duration = 0
|
||||
switch (item.tag) {
|
||||
case 'success':
|
||||
duration = 1500;
|
||||
break;
|
||||
case 'warning':
|
||||
duration = 0;
|
||||
break;
|
||||
case 'error':
|
||||
duration = 0;
|
||||
break;
|
||||
}
|
||||
setTimeout(function () {
|
||||
console.log(duration)
|
||||
self.$notify({
|
||||
title: '提示',
|
||||
message: item.msg,
|
||||
type: item.tag,
|
||||
dangerouslyUseHTMLString: true,
|
||||
duration: duration
|
||||
});
|
||||
}, 200);
|
||||
})
|
||||
//清空PTPP
|
||||
this.ptpp = ''
|
||||
this.zip = ''
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: res.data.msg
|
||||
});
|
||||
}
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '访问出错！'
|
||||
});
|
||||
})
|
||||
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消'
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user