support switching historical data

This commit is contained in:
MOSHOW郑锴 2021-01-14 00:07:26 +08:00
parent 004404ff27
commit c2edc160b8
2 changed files with 49 additions and 1 deletions

View File

@ -60,6 +60,7 @@ const vm = new Vue({
} }
}, },
templates:[{}], templates:[{}],
historicalData:[],
outputStr: "xxx", outputStr: "xxx",
outputJson: {} outputJson: {}
}, },
@ -73,6 +74,23 @@ const vm = new Vue({
//console.log(vm.outputStr); //console.log(vm.outputStr);
$.outputArea.setSize('auto', 'auto'); $.outputArea.setSize('auto', 'auto');
}, },
//switch HistoricalData
switchHistoricalData: function (event) {
const tableName = event.target.innerText.trim();
console.log(tableName);
if (window.sessionStorage){
const valueSession = sessionStorage.getItem(tableName);
vm.outputJson = JSON.parse(valueSession);
console.log(valueSession);
alert("切换历史记录成功:"+tableName);
}else{
alert("浏览器不支持sessionStorage");
}
vm.outputStr=vm.outputJson["plusentity"];
$.outputArea.setValue(vm.outputStr);
//console.log(vm.outputStr);
$.outputArea.setSize('auto', 'auto');
},
//request with formData to generate the code 根据参数生成代码 //request with formData to generate the code 根据参数生成代码
generate : function(){ generate : function(){
//get value from codemirror //get value from codemirror
@ -86,6 +104,25 @@ const vm = new Vue({
//console.log(vm.outputStr); //console.log(vm.outputStr);
$.outputArea.setValue(vm.outputStr); $.outputArea.setValue(vm.outputStr);
$.outputArea.setSize('auto', 'auto'); $.outputArea.setSize('auto', 'auto');
//add to historicalData
const tableName = res.outputJson.tableName;
//add new table only
if(vm.historicalData.indexOf(tableName)<0){
vm.historicalData.unshift(tableName);
}
//remove last record , if more than N
if(vm.historicalData.length>9){
vm.historicalData.splice(9,1);
}
//get and set to session data
const valueSession = sessionStorage.getItem(tableName);
//remove if exists
if(valueSession!==undefined && valueSession!=null){
sessionStorage.removeItem(tableName);
}
//set data to session
sessionStorage.setItem(tableName,JSON.stringify(vm.outputJson));
//console.log(vm.historicalData);
}); });
}, },
copy : function (){ copy : function (){
@ -99,7 +136,7 @@ const vm = new Vue({
}).then(function(res){ }).then(function(res){
//console.log(res.templates); //console.log(res.templates);
vm.templates = JSON.parse(res.templates); vm.templates = JSON.parse(res.templates);
console.log(vm.templates); // console.log(vm.templates);
}); });
}, },
updated: function () { updated: function () {

View File

@ -9,6 +9,9 @@
/*.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label{ /*.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label{
line-height : 10px; line-height : 10px;
}*/ }*/
.el-button-group-top {
padding-top: 5px;
}
</style> </style>
</head> </head>
<body> <body>
@ -95,6 +98,14 @@
<!--generate button--> <!--generate button-->
<el-button type="primary" icon="el-icon-caret-right" @click="generate">生成</el-button> <el-button type="primary" icon="el-icon-caret-right" @click="generate">生成</el-button>
<el-button type="primary" icon="el-icon-document-copy" @click="copy" plain>复制</el-button> <el-button type="primary" icon="el-icon-document-copy" @click="copy" plain>复制</el-button>
<span v-if="historicalData.length>0" >
<el-button-group>
<el-button type="primary" plain disabled round>历史记录</el-button>
<span v-for="(item, index) in historicalData" :key="index">
<el-button @click="switchHistoricalData" >{{item}}</el-button>
</span>
</el-button-group>
</span>
<hr> <hr>
<!--templates area--> <!--templates area-->
<el-form ref="form" :inline="true" :model="formData" label-width="100px" size="mini"> <el-form ref="form" :inline="true" :model="formData" label-width="100px" size="mini">