q792602257/qlg.frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

记账OK

Browse Source
This commit is contained in:
Jerry Yan 2020-08-16 15:03:45 +08:00
parent e4bb86ead9
commit ff43780f12
3 changed files with 53 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/notepad.css
View File

@ -18,7 +18,8 @@
}
.name {
font-size: 18px;
font-size: 1.4rem;
width: calc(100vw - 5px - 85px);
color: black;
line-height: 42px;
padding-left: 5px;
@ -36,18 +37,18 @@
.right {
float: right;
width: 60px;
margin-left: 5px;
}
.small_title,
.created_time,
.updated_time {
font-size: 0.8rem;
color: #BBBBBB;
}
.operation {
font-size: 1rem;
font-size: 1.2rem;
line-height: 42px;
padding-right: 10px;
padding-left: 10px;

32
js/notepad.js
View File

@ -20,10 +20,24 @@ const app = new Vue({
this.$set(this.noteData[index], 'currentDelete', false)
},
confirmDelete(index){
console.log("删除", this.noteData[index])
// some ajax
mui.toast("删除")
window.location.reload()
$.ajax({
url: qlgUrl("app/note/delete"),
method: "POST",
data: {
id: this.noteData[index].id,
},
dataType: "json",
success: (res) => {
if(res.status != 1){
mui.alert(res.msg);
}
this.loadData();
},
error: (err) => {
mui.alert("请求失败");
this.loadData();
}
})
},
edit(index){
mui.openWindow({
@ -49,7 +63,7 @@ const app = new Vue({
url: qlgUrl("app/note/index"),
method: "GET",
dataType: 'json',
success: function(res){
success: (res) => {
if(res.status == 1){
this.noteData = res.data;
localStorage.setItem("LOCAL_NOTE", JSON.stringify(res.data));
@ -68,7 +82,13 @@ const app = new Vue({
var localData = localStorage.getItem("LOCAL_NOTE");
this.loadData();
if(localData){
this.noteData = JSON.parse(localData);
try{
JSON.parse(localData);
this.noteData = JSON.parse(localData);
} catch(e) {
console.log(e);
this.noteData = [];
}
}
},
})

35
templete/notepad.html
View File

@ -40,13 +40,13 @@
}
</style>
<div class="block" style="display: flex;width: 100vw;">
<div class="indicator act" data-app="app">备忘记</div>
<div class="indicator" data-app="app2">信用卡</div>
<div class="indicator" data-app="app3">阅看越想</div>
<div class="indicator act" data-app="app" data-add-text="添加备忘">备忘记</div>
<div class="indicator" data-app="app2" data-add-text="添加信用卡">信用卡</div>
<div class="indicator" data-app="app3" data-add-text="等待后续更新">阅看越想</div>
</div>
<div id="app" class="subPage" v-cloak>
<div class="row clearfix" v-for="(each, index) in noteData" :data-id="each.id">
<div class="left" v-if="!each.currentDelete" @click="edit(index)">
<div class="left" v-if="!each.currentDelete" @click="edit(each.id)">
<div class="name">{{each.title}}</div>
<div class="created_time">创建时间：{{each.create_time}}</div>
<div class="updated_time">更改时间：{{each.update_time}}</div>
@ -67,17 +67,23 @@
</div>
<div id="app2" class="subPage" v-cloak>
<div class="row clearfix" v-for="(each, index) in creditData" :data-id="each.id">
<div class="left" v-if="!each.currentDelete" @click="edit(index)">
<div class="name">{{each.title}}</div>
<div class="created_time">创建时间：{{each.create_time}}</div>
<div class="updated_time">更改时间：{{each.update_time}}</div>
<div class="left" v-if="!each.currentDelete" @click="edit(each.id)">
<div class="name">{{each.name}}</div>
<div class="created_time" v-if="each.huankuan">
{{each.huankuan.create_time}}还款：{{each.huankuan.amount}}元
</div>
<div class="updated_time">
<span>余额：{{each.cur_cash}}元</span>
&nbsp;&nbsp;&nbsp;&nbsp;
<span>额度：{{each.credit_cash}}元</span>
</div>
</div>
<div class="left" v-else>
<div class="name" style="color: red;font-weight: bolder;">你确定要删除么？</div>
<div class="small_title">{{each.title}}</div>
<div class="small_title">{{each.name}}</div>
</div>
<div class="right" v-if="!each.currentDelete">
<div class="operation edit" @click.stop.prevent="edit(each.id)">编辑</div>
<div class="operation edit" @click.stop.prevent="edit(each.id)">详情</div>
<div class="delete operation" @click.stop.prevent="triggerDelete(index)">删除</div>
</div>
<div class="right" v-else>
@ -113,14 +119,19 @@
parent.style.visibility = "visible";
}, 100);
};
$('.subPage').hide().eq(0).show();
var _index = window.localStorage.getItem('note_open');
if (!_index) {
_index = 0;
}
$('.indicator').click(function(){
$('.indicator').removeClass('act');
$('.subPage').hide();
$(this).addClass('act');
$('#'+$(this).data('app')).show();
$('.footer').attr('data-app', $(this).data('app'))
$('.footer').attr('data-app', $(this).data('app')).text($(this).data('addText'))
window.localStorage.setItem('note_open', $(this).index())
})
$('.indicator').eq(_index).click();
})
</script>
</html>